@import url(fontiran.css);
html {
    font-size: 62.5%;
}
body {
    position: relative;
    font-family: IRANSans !important;
    font-weight: 300;
    font-size: 1.6rem;
    direction: rtl;
    background-color: #fff;
    margin: 0;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
p {
    margin: 0;
}
.no-scroll {
    overflow-y: hidden;
}
::-webkit-scrollbar{
    height: 4px;
    width: 6px;
    background: gray;
    border-radius: 1rem;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #3f4064;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
::-webkit-scrollbar-thumb:horizontal{
    background: #000;
    border-radius: 1rem;
}
h1, h2, h3, h4, h5, h6,input, textarea {
    font-family: IRANSans !important;
}
a {
    text-decoration: none;
}
h1 {
    font-weight: bold;
}
.wrapper {
    max-width: 900px;
    margin: 0 auto;
}
.ltr {
    direction: ltr;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-small {
    font-size: 0.8em;
}
.text-xsmall {
    font-size: 0.6em;
}
.text-large {
    font-size: 1.2em;
}
.text-xlarge {
    font-size: 1.4em;
}
.text-underline {
    text-decoration:underline;
}
.text-ultralight {
    font-weight: 200;
}
.text-light {
    font-weight: 300;
}
.text-regular {
    font-weight: normal;
}
.text-medium {
    font-weight: 500;
}
.text-bold {
    font-weight: bold;
}
.header {
    position: sticky;
    top: 0;
    z-index: 12;
}
header {
    background-color: white;
}
.mobile header {
    padding-bottom: 1rem;
}
header .search {
    position: relative;
    width: 60rem;
    height: 4rem;
    background-color: #f0f0f1;
    border-radius: .5rem;
    padding: 1rem;
}
header .search .search-box span {
    font-size: 1.4rem;
    color: #727272;
}
header .my-account {
    border: 1px solid #d7d7d7;
    border-radius: .5rem;
    padding: .5rem 1rem;
    justify-content: space-around;
    width: 13rem;
    cursor: pointer;
}
header .my-account .login,
header .my-account .register {
    font-size: 1.3rem;
    font-weight: 500;
}
header .my-account span {
    margin: 0 .3rem;
}
header .basket i {
    font-size: 2rem;
    cursor: pointer;
}
header .search-form {
    position: absolute;
    background-color: #fff;
    width: 100%;
    right: 0;
    top: 0;
    max-height: 25em;
    height: fit-content;
    border-radius: 1rem;
    box-shadow: 0 0 2px 0 #ccc;
    border: 1px solid #ccc;
    display: none;
    z-index: 12;
    overflow-x: hidden;
}
.search-form .search-input {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #19bfd3;
    padding: 1rem;
    margin: 0 2rem;
}
.search-form .search-input i {
    position: absolute;
    right: 1.5rem;
    font-size: 1.7rem;
    padding: .6rem;
}
.search-form .search-input input {
    border: none;
    padding: 0 2rem;
    line-height: 3rem;
    box-shadow: none;
    font-size: 1.2rem;
    color: #727272;
}
.search-form .search-input i {
    cursor: pointer;
}
.menu .manu-item {
    position: relative;
    display: flex;
    padding: 0 1rem;
}
.menu .manu-item a {
    margin-right: .5rem;
    color: #727272;
    font-size: 1.2rem;
    font-weight: 400;
}
nav {
    display: flex;
    align-items: center;
    background-color: white;
    padding: 0 2rem .4rem;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .14), 0 2px 0 rgba(0, 0, 0, .05);
    border-bottom: 1px solid #ccc;
}
nav .categories {
    position: relative;
    border-left: 2px solid #ccc;
    padding-left: 1rem;
    height: 1.5rem;
    cursor: pointer;
}
nav .categories .category-title {
    position: relative;
    display: flex;
    align-items: center;
}
nav .category-title:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    transform: scale(0,0);
    transform-origin: right;
    transition: .3s;
    border-bottom: 2px solid #ee384e;
}
nav .category-title:hover:after {
    transform: scale(1,1);
}
nav .categories .category-title span {
    font-weight: 500;
    font-size: 1.4rem;
    margin-right: 1rem;
}
.menu .manu-item:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    transform: scale(0,0);
    transition: .3s;
    border-bottom: 2px solid #ee384e;
}
.menu .manu-item:hover:after {
    transform: scale(1,1);
}
.categories .category {
    width: 105rem;
    position: absolute;
    top: 29px;
    display: none;
    transition: .3s;
    z-index: 12;
}
.categories .category:before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 163px;
    background-color: rgb(0 0 0 / 47%);
    z-index: -1;
    pointer-events: none;
}
.categories .category.show {
    display: flex;
}
.categories .category-items {
    background-color: #f5f5f5;
    width: 25rem;
    transition: .5s;
    height: 40rem;
    overflow-y: auto;
}
.categories .category-item:hover {
    background-color: #fff;
    color: #ee384e;
}
.categories .category-item.active {
    background-color: #fff;
    color: #ee384e;
}

.categories .category-item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1.4rem .5rem;
    color: #625d5d;
    font-size: 1.2rem;
    font-weight: 500;
}
.categories .category-item p {
    margin: 0;
    padding-right: .7rem;
}
.category-submenu {
    background-color: white;
    width: 100%;
    height: 40rem;
    border-bottom-left-radius: 1rem;
    overflow-y: auto;
}
.category-items a i {
    font-size: 1.5rem;
    font-weight: 300;
}
.submenu-lists {
    margin-top: 2rem;
}
.submenu-list {
    display: none;
}
.submenu-list.active {
    display: block;
}
.submenu-list > a{
    padding: 2rem;
    color: #008eb2;
    font-weight: 500;
    font-size: 1.4rem;
}
.submenu-list ul {
    flex-wrap: wrap;
    margin-top: 2rem;
    margin-right: 2rem;
}
.submenu-item {
    width: 33%;
    display: flex;
    flex-direction: column;
}
.submenu-item .parent {
    font-weight: 600;
}
.submenu-item a {
    font-size: 1.3rem;
    font-weight: 400;
    color: #404040;
    padding: 1rem 0;
    display: flex;
    align-items: center;
}
.submenu-item .parent span {
    display: flex;
    margin-left: .5rem;
}
.submenu-item .parent span:before {
    content: "";
    height: 1.5rem;
    border-right: 2px solid #ee384e;
    padding-right: .7rem;
}
.submenu-item a:hover {
    color: #ee384e;
}
.slider {
    max-height: 350px;
    overflow: hidden;
}
.slider img {
    width: 100%;
    height: 100%;
    object-fit: inherit;
}
.slider .swiper-button-next,
.slider .swiper-button-prev {
    margin-bottom: 2rem;
    background-color: #fff;
    border-radius: 5rem;
    height: 4rem;
    width: 4rem;
    transition: .3s;
    transform: scale(0);
}
.slider:hover .swiper-button-next,
.slider:hover .swiper-button-prev {
    transform: scale(1);
}
.slider .swiper-button-next:after,
.slider .swiper-button-prev:after {
    font-size: 2rem;
    color: #000000;
    font-weight: 600;
}
.slider .swiper-button-next {
    right: 7rem !important;
}
.slider .swiper-pagination-bullet {
    height: .5rem;
    width: .5rem;
}
.slider .swiper-pagination-bullet-active {
    background: #fff;
    width: 1.8rem;
    height: .5rem;
    border-radius: 2rem;
}
.amazing {
    position: relative;
    background: linear-gradient(225deg, #d22c4e, #ee384e 41.68%, #ef5662);
    border-radius: .5rem;
    height: 32rem;
    width: 100%;
    overflow: hidden;
    user-select: none;
}
.amazing .amazing-item {
    height: 24rem;
    width: 160px;
    min-width: 168px;
    max-width: 160px;
    overflow: hidden;
    margin-left: .4rem;
}
.amazing .amazing-item:nth-child(2) {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.amazing .amazing-item:first-child {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.amazing .amazing-item:last-child {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.amazing .amazing-item:last-child .product-card i {
    border: 2px solid #19bfd3;
    padding: 1.5rem;
    border-radius: 5rem;
    color: #19bfd3;
    font-size: 2rem;
}
.amazing .amazing-item:last-child .product-card span {
    color: #727272;
    margin-top: 3rem;
}
.amazing .product-card {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 1rem;
}
.amazing .product-card picture {
    width: 14rem;
    height: 12rem;
    display: flex;
}
.amazing .product-card picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.amazing .product-title h3 {
    color: #727272;
    font-size: 1.3rem;
    padding-top: 1rem;
    font-weight: 400;
    line-height: 2.2rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.amazing .price-final svg {
    width: 2rem;
}
.amazing .price-final span {
    font-weight: 600;
    font-size: 1.4rem;
    color: #000;
    margin-left: .5rem;
}
.amazing .price-no-discount span {
    margin-right: auto;
    padding-left: 3rem;
    font-size: 1.4rem;
    color: #727272;
    text-decoration: line-through;
    font-weight: 400;
}
.amazing .price-discount > span:first-child {
    background-color: #d32f2f;
    color: #fff;
    border-radius: 2rem;
    width: 3rem;
    height: 1.8rem;
    text-align: center;
    font-weight: 500;
    font-size: 1.3rem;
}
.amazing .amazing-more a {
    font-size: 1.2rem;
}
.amazing-timer {
    display: flex;
    flex-direction: row-reverse;
}
.amazing-timer div:first-child {
    width: fit-content;
}
.amazing-timer div {
    background-color: #fff;
    border-radius: .5rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    padding: 0 .5rem;
}
.amazing-timer span {
    margin: 0 .3rem;
    color: #fff;
    font-weight: 600;
}
.amazing .swiper-button-next,
.amazing .swiper-button-prev {
    margin-bottom: 2rem;
    background-color: #fff;
    border-radius: 5rem;
    height: 4rem;
    width: 4rem;
    border: 1px solid #ccc;
}
.amazing .swiper-button-next:after,
.amazing .swiper-button-prev:after {
    font-size: 1.5rem;
    color: #000000;
    font-weight: bold;
}
.amazing .swiper-button-disabled {
    display: none;
}
.banner-first .banner-item {
    width: 25%;
    padding: 1rem;
}
.banner-first img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .5rem;
}
.category-buy-title {
    width: 100%;
    text-align: center;
    font-size: 1.7rem;
    font-weight: 500;
    margin: 1rem 0;
}
.category-buy-lists a {
    width: 10rem;
    height: 10rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 3rem 5rem 3rem;
}
.category-buy-lists a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.category-buy-lists a span {
    color: #1e1e1e;
    font-weight: 500;
    font-size: 1.3rem;
    margin-top: 1rem;
    text-align: center;
}
.best-seller {
    border-radius: 1rem;
    border: 1px solid #ccc;
    overflow: hidden;
    user-select: none;
}
.best-seller .best-title {
    margin-bottom: 3rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.best-seller .best-title i {
    color: #f9a825;
    font-size: 2rem;
}
.best-products {
    margin-bottom: 2rem;
}
.best-products section {
    width: 25%;
}

.best-product .best-product-title {
    position: relative;
    color: #727272;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 3rem;
    margin-right: 1rem;
}
.best-products .best-product-img {
    width: 10rem;
    height: 10rem;
    object-fit: cover;
    padding: .7rem;
}
.best-products .best-product-img img {
    height: 100%;
    object-fit: cover;
}
.best-products .best-product-row  {
    font-size: 2.5rem;
    font-weight: 900;
    color: #19bfd3;
    margin-right: 1rem;
}
.best-products a:not(:last-child) .best-product-title:before  {
    background-color: #f0f0f1;
    bottom: -10px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.best-seller .swiper-button-next,
.best-seller .swiper-button-prev {
    margin-bottom: 2rem;
    background-color: #fff;
    border-radius: 5rem;
    height: 4rem;
    width: 4rem;
    border: 1px solid #e0e0e2;
}
.best-seller .swiper-button-next:after,
.best-seller .swiper-button-prev:after {
    font-size: 1.5rem;
    color: #000000;
    font-weight: bold;
}
.best-seller .swiper-button-disabled {
    display: none;
}
.more-best-seller {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2rem;
}
.more-best-seller a {
    color: #19bfd3;
    font-weight: 500;
    font-size: 1.5rem;
}
footer {
    flex-direction: column;
    border-top: 1px solid #e6e6e6;
    padding: 5rem 2rem 0;
    margin: 3rem 0 0;
}
.footer-call span {
    position: relative;
}
.footer-call span:not(:last-child):after {
    content: "";
    position: absolute;
    width: .2rem;
    height: 1.3rem;
    background-color: #ccc;
    top: 3px;
    left: -16px;
    bottom: 0;
}
.services {
    padding: 2rem 0 2rem 0;
}
.services a {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.services a span:last-child {
    font-size: 1.3rem;
    color: #727272;
}
.access div {
    display: flex;
    flex-direction: column;
}
.access div h3 {
    margin-bottom: 2rem;
}
.access a {
    color: #727272;
    font-size: 1.4rem;
    padding: .5rem 0;
}
.social-list svg {
    width: 4rem;
    fill: #a1a3a8;
    height: 4rem;
}
.social-list a {
    margin: 0 1rem;
}
.newsletter h4 {
    padding: 1.5rem 0;
    color: #726d6d;
}
.newsletter-form input {
    background-color: #f0f0f0;
    border: none;
    border-radius: .5rem;
    height: 4rem;
    padding: 0 1rem;
    outline: none;
}
.newsletter-form input::placeholder {
    color: #a4a4a4;
}
.newsletter-form input {
    color: gray;
    caret-color: red;
}
.newsletter-form button {
    height: 4rem;
    border: none;
    margin-right: 1rem;
    width: 5rem;
    border-radius: 1rem;
    color: #fff;
    background-color: #ccc;
}
.credit-icon-list {
    height: 10rem;
    width: 10rem;
    border: 1px solid #ccc;
    padding: .5rem;
    margin: .5rem;
    border-radius: .5rem;
}
.credit-icon-list img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.credit-description .credit-text, .category-description .desc {
    position: relative;
    height: 10rem;
    overflow: hidden;
    font-size: 1.3rem;
    color: #727272;
    line-height: 3rem;
}
.credit-description .credit-text.show, .category-description .desc.show {
    height: fit-content;
}
.credit-description .credit-text:before, .category-description .desc:before {
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255));
}
.credit-description .credit-text.show:before, .category-description .desc.show:before {
    height: 0;
}
.copy-right {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    border-top: 1px solid #e2e2e2;
    padding-top: 2rem;
    font-size: 1.3rem;
    color: #727272;
}
.more-lest {
    margin-top: 2rem;
    color: #19bfd3;
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    font-weight: 500;
    cursor: pointer;
}
.more-lest span {
    margin-left: 1rem;
}
.breadcrumb a, .breadcrumb li span {
    color: #7e7e7e;
    font-size: 1.3rem;
    font-weight: 400;
}
.breadcrumb li span {
    margin: 0 .7rem;
}
.single-product {
    width: 100%;
}
.single-product .thumbnail {
    width: 55rem;
    height: fit-content;
}
.single-product .product-image {
    position: relative;
    padding: 0 3rem 2rem;
}
.single-product .product-option {
    position: absolute;
    top: 0;
    right: 0;
}
.single-product .product-option svg {
    width: 2.5rem;
}
.single-product .product-option div {
    margin: 1em 0;
    padding-right: 1rem;
}
.single-product .product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.excerpt-comment .comment-number {

}
.summary .brand a, .summary .category a {
    color: #19bfd3;
    font-weight: 400;
    font-size: 1.4rem;
}
.summary .brand a span:first-child, .summary .category a span:first-child {
    color: #727272;
    font-weight: 500;
    font-size: 1.5rem;
}
.summary .product-title h1 {
    font-weight: 500;
    font-size: 1.8rem;
    color: #494949;
}
.summary .product-small-title p {
    position: relative;
    color: #aeaeae;
    width: fit-content;
    white-space: nowrap;
    margin-left: 1rem;
}
.summary .product-small-title span {
    height: .1rem;
    width: 100%;
    background-color: #e0e0e2;
}
.summary .excerpt {
    margin: 0 1rem;
}
.summary .excerpt .right {
    width: 60%;
    margin-left: 2rem;
}
.summary .product-detail {
    width: 40%;
}
.summary .comment-number span svg {
    width: 1.5rem;
    margin: 0 1rem;
    fill: #a0a0a2;
}
.summary .excerpt-comment img {
    width: 1.5rem;
}
.summary .comment-number span:first-child {
    margin-right: .5rem;
    font-weight: 400;
    font-size: 1.4rem;
}
.summary .comment-number span:nth-child(2) {
    color: #e0e0e2;
    margin-right: 1rem;
    font-size: 1.2rem;
    font-weight: 400;
}
.summary .comment-number span:nth-child(3) svg {
    width: 1.5rem;
    margin: 0 1rem;
    fill: #e0e0e2;
}
.summary .comment-number span:last-child {
    color: #19bfd3;
    font-size: 1.3rem;
    font-weight: 300;
}
.summary .attribute-title p {
    font-weight: 400;
    font-size: 1.8rem;
}
.summary .attribute-body li {
    height: 5rem;
    width: 30%;
    background-color: #f0f0f1;
    border-radius: .5rem;
    padding: .7rem;
    display: flex;
    flex-direction: column;
    margin-left: .5rem;
}
.summary .attribute-body li span:first-child {
    font-size: 1.3rem;
    font-weight: 400;
    color: #665f5f;
}
.summary .attribute-body li span:last-child {
    font-size: 1.1rem;
    color: #000;
    font-weight: 500;
}
.summary .more-attribute {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}
.summary .more-attribute hr {
    border-top: 1px solid #e0e0e2;
    flex-grow: 1;
    border-style: none;
}
.summary .more-attribute button {
    border: 1px solid #e0e0e2;
    background-color: transparent;
    color: #0c0c0c;
    padding: calc(2* .4rem) calc(4* .4rem);
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 2.17;
    border-radius: .8rem;
    height: 4rem;
}
.summary .returnable span:first-child svg {
    width: 2rem;
    fill: #8d8d8d;
}
.summary .returnable span:last-child {
    font-size: 1.3rem;
    text-align: justify;
    margin-right: .7rem;
}
.summary .product-detail svg {
    width: 2.5rem;
}
.summary .product-detail {
    height: fit-content;
    background: linear-gradient(0deg, hsla(240, 3%, 94%, .5), hsla(240, 3%, 94%, .5)), #fff;
    padding: 2rem;
    border-radius: 1rem;
    border: 1px solid #dedede;
    min-height: fit-content;
}
.product-detail .attr-list {
    min-height: 90px;
}
.summary .product-seller div:first-child p {
    font-weight: 400;
    font-size: 1.8rem;
    color: #000000;
}
.summary .product-seller div:first-child span {
    color: #19bfd3;
    font-size: 1.4rem;
    font-weight: 300;
}
.summary .product-seller div:nth-child(2) div {
    position: relative;
}
.summary .product-seller div:nth-child(2) div span {
    fill: #424750;
}
.summary .product-seller div:nth-child(2) div span:last-child svg {
    fill: #00a049;
    position: absolute;
    left: -7px;
    bottom: -8px;
    width: 2rem;
    background-color: #f7f7f7;
}
.summary .product-seller div:nth-child(2) p:nth-child(2) {
    font-size: 1.5rem;
}
.summary .product-seller div:nth-child(2) p:nth-child(3) {
    font-size: 1.2rem;
    font-weight: 500;
    color: #00a049;
    padding: 0;
    margin: 0;
}
.summary .product-seller div:last-child {
    font-size: 1.3rem;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 2rem;
}
.summary .product-seller div:last-child p {
    padding: 0;
    margin: 0;
}
.summary .product-seller div:last-child p:first-child {
    color: #00a049;
    font-weight: 500;
}
.text-b {
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    color: #000000 !important;
}
.summary .product-seller div:last-child > span {
    margin: 0 .5rem;
    color: #ccc;
}
.summary .product-seller div:last-child p:last-child span:last-child {
    color: #00a049;
    font-weight: 500;
}
.summary .product-price div p i:before {
    color: #787878;
}
.summary .product-price .price p:first-child {
    margin: 0;
}

.summary .product-price .price p:first-child span:first-child {
    text-decoration: line-through;
    color: #adadad;
    font-size: 1.4rem;
    margin-left: 1rem;
}
.summary .product-price .price p:first-child span:last-child {
    background-color: #d32f2f;
    border-radius: 1rem;
    height: 2rem;
    display: flex;
    width: 3.5rem;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    font-size: 1.3rem;
}
.summary .product-price .price p:last-child span:first-child {
    font-weight: 500;
    font-size: 2rem;
}
.summary .product-price .price p:last-child span:last-child svg {
    width: 1.5rem;
    fill: #494949;
}
.summary .stock img {
    width: 2rem;
    margin-left: 1rem;
}
.summary .stock p {
    font-weight: 500;
    font-size: 1.3rem;
}
.add-cart {
    display: flex;
    margin: 1rem 0;
}
.add-cart button {
    width: 100%;
    background-color: #ef4056;
    border: none;
    border-radius: .5rem;
    height: 3.5rem;
    color: #fff;
    font-weight: 500;
    font-size: 1.4rem;
    padding: 0 2rem;
}
.summary .send-time {
    margin-top: 2rem;
}
.summary .send-time span svg {
    width: 1.7rem;
    fill: #777;
}
.summary .send-time span:nth-child(2) {
    color: #777;
    margin-right: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
}
.summary .send-time span:last-child {
    margin-right: auto;
    color: #777;
}
.product-detail .position-absolute {
    right: -40rem;
    top: 6rem;
    width: 38rem;
    background-color: #fff;
    padding: 2rem;
    border: 1px solid #dbdbdb;
    border-radius: .5rem;
    height: 25rem;
    z-index: 13;
    box-shadow: 0 0 4px 0 #dfdfdf;
    transition: .3s;
    transform: scale(1, 0);
}
.product-detail .position-absolute.show {
    transform: scale(1, 1);
}
.product-detail .position-absolute div div {
    font-weight: 500;
}
.product-detail .position-absolute div p {
    font-weight: 300;
    font-size: 1.3rem;
    margin-top: .7rem;
}
.product-detail .position-absolute div div.flex-column p:first-child {
    color: #00a049;
    font-weight: 600;
    font-size: 2rem;
}
.product-detail .position-absolute div div.flex-column p:last-child {
    font-weight: 600;
}
.product-detail .position-absolute div div:nth-child(4) {
    color: #828282;
}
.product-detail .position-absolute div div:nth-child(4) div p:first-child {
    font-weight: 600;
    font-size: 1.5rem;
}
.sellers-show h3 {
    border-bottom: 3px solid #ef4056;
    margin-right: 1rem;
    width: 5%;
    padding: 1rem 0;
    white-space: nowrap;
}
.seller-item .price .text-decoration-line-through {
    color: #ccc;
}
.seller-item {
    padding: 2rem 2rem 0;
    border-radius: .5rem;
}
.seller-item:nth-of-type(even) {
    background-color: #f7f7f8;
}
.seller-item .price .ms-3 {
    color: #ffffff;
    background-color: #f23a51;
    padding: 0 .7rem;
    border-radius: 1rem;
    font-weight: 500;
}
.seller-icon span:last-child {
    position: absolute;
    right: 10px;
    bottom: -7px;
    color: #00a049;
}
.gr {
    font-weight: 400;
    font-size: 13px;
    color: #00a049;
}
.color-c {
    color: #ccc;
}
.color-b6 {
    color: #6b6666;
}

.thumbnail .product-gallery-list {
    width: 10rem;
    height: 10rem;
    padding: 1rem;
    border: 1px solid #e2e2e2;
    border-radius: .5rem;
    margin: 0 .3rem;
    cursor: pointer;
}
.thumbnail .product-gallery-list img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.thumbnail .gallery-swiper {
    overflow: hidden;
}
.gallery-swiper .swiper-button-next,
.gallery-swiper .swiper-button-prev {
    margin-bottom: 2rem;
    background-color: #fff;
    border-radius: 5rem;
    height: 2.5rem;
    width: 2.5rem;
    transition: .3s;
}
.gallery-swiper .swiper-button-next:after,
.gallery-swiper .swiper-button-prev:after {
    font-size: 1.3rem;
    color: #000000;
    font-weight: 600;
}
.gallery-swiper .swiper-button-disabled {
    display: none;
}
.nav-link.active {
    background-color: transparent !important;
    border-bottom: 3px solid red;
    border-radius: 0;
    color: red !important;
}
.nav-pills .nav-link {
    color: #727272;
    font-weight: 300;
}
.product-more-description ul {
    border-bottom: 1px solid #ccc;
}
.tab-content .tab-pane {
    text-align: justify;
    padding: 2rem;
}
.product-more-description .tab-content {
    border-bottom: 3px solid #e9e9e9;
    margin-bottom: 3rem;
}
.related .related-item {
    height: fit-content;
    width: 20rem;
    min-width: 168px;
    max-width: 20rem;
    overflow: hidden;
    margin-left: .4rem;
    margin-bottom: 1rem;
}
.related .related-item:first-child {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.related .related-item:last-child {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.related .related-item:last-child .product-card i {
    border: 2px solid #19bfd3;
    padding: 1.5rem;
    border-radius: 5rem;
    color: #19bfd3;
    font-size: 2rem;
}
.related .product-card {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 1rem;
}
.related .product-card picture {
    width: 10rem;
    height: 12rem;
    display: flex;
}
.related .product-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.related .product-title {
    height: 7rem;
}
.related .product-title h3 {
    color: #727272;
    font-size: 1.3rem;
    padding-top: 1rem;
    font-weight: 400;
    line-height: 2.2rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.related .price-final svg {
    width: 2rem;
}
.related .price-final span {
    font-weight: 600;
    font-size: 1.4rem;
    color: #000;
    margin-left: .5rem;
}
.related .price-no-discount span {
    margin-right: auto;
    padding-left: 3rem;
    font-size: 1.4rem;
    color: #727272;
    text-decoration: line-through;
    font-weight: 400;
}
.related .price-discount > span:first-child {
    background-color: #d32f2f;
    color: #fff;
    border-radius: 2rem;
    width: 3rem;
    height: 1.8rem;
    text-align: center;
    font-weight: 500;
    font-size: 1.3rem;
}
.related .related-more a {
    font-size: 1.2rem;
}
.related-timer {
    display: flex;
    flex-direction: row-reverse;
}
.related-timer div {
    background-color: #fff;
    border-radius: .5rem;
    width: auto;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    padding: 0 .5rem;
}
.related-timer span {
    margin: 0 .3rem;
    color: #fff;
    font-weight: 600;
}
.seller-show .swiper-button-next,
.seller-show .swiper-button-prev {
    top: 35%;
}
.related .swiper-button-next,
.seller-show .swiper-button-next,
.seller-show .swiper-button-prev,
.related .swiper-button-prev {
    margin-bottom: 2rem;
    background-color: #fff;
    border-radius: 5rem;
    height: 4rem;
    width: 4rem;
    border: 1px solid #ccc;
}
.related .swiper-button-next:after,
.seller-show .swiper-button-next:after,
.seller-show .swiper-button-prev:after,
.related .swiper-button-prev:after {
    font-size: 1.5rem;
    color: #000000;
    font-weight: bold;
}
.related .swiper-button-disabled {
    display: none;
}
.related .product-amount {
    margin-top: 0;
}
.related-content {
    overflow: hidden;
}
.related {
    border: 1px solid #ddd;
    border-radius: .5rem;
    padding: 2rem;
    box-shadow: 3px 3px 5px -1px #ccc;
}
.related-item:not(:last-child) {
    border-left: 1px solid #e4e4e4;
}
.fa-solid.fa-star, .fa-solid.fa-star-half {
    color: #fca623;
    font-size: 1.3rem;
}
.fa-light.fa-star {
    font-size: 1.3rem;
}
.views-send div:last-child button {
    border: 1px solid #ef4056;
    background-color: transparent;
    color: #ef4056;
    padding: calc(2* .4rem) calc(4* .4rem);
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 2.17;
    border-radius: .8rem;
    width: 100%;
}
.views-send {
    width: 30rem;
    height: 17rem;
    position: sticky;
    top: 2rem;
}
.product-more-description .views-content {
    width: calc(100% - 30rem);
}
.views-send div:first-child span:nth-child(1) {
    font-weight: 600;
    font-size: 2rem;
}
.views-send div:first-child span:nth-child(2) {
    font-size: 1.2rem;
}
.views-send div:first-child span:nth-child(3) {
    font-size: 1.2rem;
}
.views-send div:nth-child(2) span:last-child {
    font-size: 1.3rem;
    margin-right: 1rem;
}
.views-send div:nth-child(3) p {
    font-size: 1.3rem;
}
.views-sort {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 3rem;
}
.views-sort p, .views-content article p {
    margin: 0;
}
.views-sort div:first-child span svg {
    width: 2.5rem;
    fill: #393939;
}
.views-sort div:first-child span:last-child {
    font-weight: 500;
    font-size: 1.3rem;
}
.views-content {
    margin-right: 3rem;
}
.views-sort div {
    font-weight: 400;
    font-size: 1.3rem;
    margin-right: 1rem;
    color: #686868;
    cursor: pointer;
}
.views-sort div:first-child {
    color: #000;
    cursor: context-menu;
}
.views-sort .active p {
    color: #ef4056;
}
.views-sort .ms-auto {
    cursor: context-menu;
}
.views-content article div {
    color: #6e6e6e;
    font-size: 1.3rem;
}
.views-content article div div:nth-child(2).ms-3 p {
    color: #2e7b32;
    background-color: rgba(76, 175, 80, 0.1);
    font-size: 1.1rem;
    font-weight: 500;
    padding: .3rem 1rem;
    border-radius: 1rem;
}
.views-content article div:nth-child(3) {
    color: #00a049;
    margin-bottom: 1rem;
    font-size: 1.4rem;
}
.views-content article div:nth-child(4) {
    font-size: 1.4rem;
    font-weight: 400;
    margin: 2rem 0;
}
.views-content article div:nth-child(1) p {
    font-size: 1.2rem;
}

.views-content article div:last-child div {

}
.w8h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8rem;
    height: 3rem;
}
.views-content article div:last-child div p {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    cursor: pointer;
}
.views-content article:not(:last-child) {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 1rem;
}
.product-more-description .views-content {
    width: calc(100% - 25rem);
}
.tab-pane.fade {
    height: 0;
    visibility: hidden;
}
.tab-pane.fade.active {
    height: auto;
    visibility: inherit;

}
#pills-introduction {
    line-height: 3.5rem;
}
.questions-send .questions-send-text textarea {
    width: 100%;
    border-radius: .5rem;
    outline: none;
    border: 1px solid #ccc;
    padding: 1rem;
    font-size: 1.3rem;
    caret-color: #ccc;
}
.questions-send-title p {
    font-weight: 500;
    font-size: 1.5rem;
}
.questions-send button {
    border: none;
    outline: none;
    border-radius: .5rem;
    padding: .5rem 1.5rem;
    color: #5d5d5d;
    font-size: 1.5rem;
    margin-right: auto;
    width: 100%;
    height: 4rem;
    background-color: #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}
.questions-send button.active {
    background-color: #ef4056;
    color: white;
}
.questions-send-text {
    display: flex;
    flex-direction: column;
}
.questions-send-text p {
    margin-right: auto;
    color: #ccc;
    font-size: 1.4rem;
}
.questions-content article .save-question,
.questions-content article .fa-question  {
    color: #19bfd3;
}
.questions-content article .save-question {
    font-weight: 600;
    font-size: 1.3rem;
    cursor: pointer;
}
.questions-content article {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}
.br {
    border-bottom: 1px solid #ebebeb;
}
.pb--1 {
    padding-bottom: 1rem;
}
.fs-13 {
    font-size: 1.3rem;
}
.fw-600 {
    font-weight: 600;
}

#question {
    width: calc(100% - 30rem);
    margin-right: 3rem;
}
.category-parent-content a {
    width: 17rem;
    height: 17rem;
    padding: 1rem;
    border: 1px solid #ccc;
    border-radius: .5rem;
    background-color: #f0f0f1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: .4rem;
}
.category-parent-content a img {
    width: 10rem;
    height: 10rem;
    object-fit: cover;
    mix-blend-mode: multiply;
}
.category-parent-content a p {
    color: #000;
    font-size: 1.3rem;
    font-weight: 400;
    margin-top: .3rem;
}
.category-parent-title {
    padding: 2rem;
    margin-right: 2rem;
    width: auto;
}
.category-parent-title h1 {
    font-size: 1.7rem;
    font-weight: 500;
}
.category-parent-content a:last-child {
    color: #727272;
}
.category-parent-content a:last-child span:nth-child(2){
    font-size: 3rem;
    font-weight: 500;
}
.page-category aside {
    position: sticky;
    top: 12rem;
    width: 25rem;
    height: fit-content;
    padding: 2rem;
    border: 1px solid #e1e1e1;
    border-radius: .5rem;
    margin-top: 3rem;
    margin-right: 4rem;
}
.page-category main {
    width: calc(100% - 31rem);
    margin-top: 4rem;
    padding-right: 2rem;
}
.sidebar-title p {
    font-size: 2rem;
    font-weight: 500;
    padding-bottom: 2rem;
}
.page-category aside section {
    cursor: pointer;
}
.page-category aside section:not(:last-child) {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.page-category aside section:last-child {
    padding-top: 2rem;
}
.checked-input .round {
    width: 1.2rem;
    height: 1.2rem;
    background-color: #9b9b9b;
    border-radius: 5rem;
    position: absolute;
    left: 5px;
    z-index: 1;
    top: 4px;
    bottom: 0;
}
.checked-input.show .round {
    background-color: #fff;
    right: 5px;
}
.checked-input .position-relative {
    width: 4rem;
}
.checked-input .circle {
    width: 4rem;
    height: 2rem;
    background-color: #fff;
    border-radius: 1rem;
    position: absolute;
    left: 0;
    border: 2px solid #939393;
}
.checked-input.show .circle {
    background-color: #19bfd3;
    border-radius: 1rem;
    border: none;
}
#category .categories-lists .categories-child p {
    padding: .8rem 0;
    border-bottom: .1rem solid #ebebeb;
    font-size: 1.3rem;
    font-weight: 400;
}
#category .categories-lists .categories-child p:last-child {
    border-bottom: none;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.price-filter-content input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
    padding: 0 1.5rem;
    font-size: 2.5rem;
    outline: none;
    height: 4rem;
    font-weight: 600;
    color: #727272;
    caret-color: #e0293f;
}
.price-filter-content svg {
    width: 2rem;
}
.filter-price {
    width: 220px;
    border: 0;
    padding: 0;
    margin: 0;
}
.price-field {
    position: relative;
    width: 100%;
    height: 25px;
    box-sizing: border-box;
    background: rgba(248, 247, 244, 0.2);
    padding-top: 15px;
    border-radius: 3px;
}
.price-field input[type=range] {
    position: absolute;
}
.price-field input[type=range] {
    height: 2px;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    border-radius: 5px;
    pointer-events: none;
    -webkit-appearance: none;
}

.price-field input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

.price-field input[type=range]:active,
.price-field input[type=range]:focus {
    outline: 0;
}

.price-field input[type=range]::-ms-track {
    height: 2px;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    border-radius: 5px;
    pointer-events: none;
    background: transparent;
    border-color: transparent;
    color: transparent;
    border-radius: 5px;
}
.price-field input[type=range]::-webkit-slider-thumb {
    /* WebKit/Blink */
    position: relative;
    -webkit-appearance: none;
    margin: 0;
    border: 0;
    outline: 0;
    border-radius: 50%;
    height: 17px;
    width: 17px;
    margin-top: -6px;
    background-color: #19bfd3;
    cursor: pointer;
    cursor: pointer;
    pointer-events: all;
    z-index: 100;
}

.price-field input[type=range]::-moz-range-thumb {
    /* Firefox */
    position: relative;
    appearance: none;
    margin: 0;
    border: 0;
    outline: 0;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    margin-top: -5px;
    background-color: #fff;
    cursor: pointer;
    cursor: pointer;
    pointer-events: all;
    z-index: 100;
}

.price-field input[type=range]::-ms-thumb  {
    /* IE */
    position: relative;
    appearance: none;
    margin: 0;
    border: 0;
    outline: 0;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    margin-top: 5px;
    background-color: #fff;
    cursor: pointer;
    cursor: pointer;
    pointer-events: all;
    z-index: 100;
}

/* Style track input range */

.price-field input[type=range]::-webkit-slider-runnable-track {
    /* WebKit/Blink */
    height: 5px;
    cursor: pointer;
    background: #19bfd3;
    border-radius: 5px;
}

.price-field input[type=range]::-moz-range-track {
    /* Firefox */
    width: 188px;
    height: 2px;
    cursor: pointer;
    background: #fff;
    border-radius: 5px;
}

.price-field input[type=range]::-ms-track {
    /* IE */
    width: 188px;
    height: 2px;
    cursor: pointer;
    background: #fff;
    border-radius: 5px;
}
.price-field input[type=range]:hover::-webkit-slider-thumb {
    box-shadow: 0 0 0 0.5px #fff;
    transition-duration: 0.3s;
}

.price-field input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 0.5px #fff;
    transition-duration: 0.3s;
}
.page-category .categories-item {
    width: 25%;
    padding: 2rem;
    border-top: 1px solid #e7e7e7;
}
.page-category .categories-item:nth-of-type(4n+1) {
    border-left: 1px solid #e7e7e7;
}
.page-category .categories-item:nth-of-type(4n+2) {
    border-left: 1px solid #e7e7e7;
}
.page-category .categories-item:nth-of-type(4n+3) {
    border-left: 1px solid #e7e7e7;
}
.page-category .categories-item a {
    color: #727272;
}
.page-category .categories-item .image {
    padding: 1rem;
    height: 34rem;
}
.page-category .categories-item .image picture {
    height: 100%;
    width: 100%;
    display: flex
}
.page-category .categories-item .image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.page-category .categories-item a h3 {
    font-size: 1.5rem;
    font-weight: 400;
    color: #000000d6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.best-product .best-product-title p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.page-category .categories-item a .stock-comment {
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
}
.page-category .categories-item a .stock {
    font-size: 1.3rem;
    color: #d84b4b;
}
.page-category .categories-item a .final-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
}
.page-category .categories-item a .discount {
    background-color: #ee384e;
    color: #fff;
    font-size: 1.2rem;
    padding: 0 .5rem;
    border-radius: 1rem;
    font-weight: 500;
}
.page-category .categories-item a .final-price .price {
    font-weight: 500;
    color: #000;
    margin-right: auto;
}
.page-category .categories-item a svg {
    width: 2rem;
}
.page-category .categories-item a .price-no-discount {
    display: flex;
}
.page-category .categories-item a del {
    margin-right: auto;
}
.page-category .views-sort {
    border: none;
    padding-bottom: 2rem;
}
.text-black {
    color: black;
    font-weight: 500;
    margin-right: auto;
}
/*.brands-lists,
.size-lists,
.categories-lists,
.categories-child,
.price-filter-content,
.submenu {
    display: none;
}*/
.dn {
    display: none;
}
#category p {
    pointer-events: none;
}
.call-shop, .shop-info {
    padding: 2rem;
    border: 1px solid #e3e3e3;
    border-radius: .5rem;
    margin: 3rem 0;
}
.call-title, .shop-info-title {
    width: fit-content;
    margin-bottom: 5rem;
}
.call-title p, .shop-info-title p {
    font-size: 1.5rem;
    font-weight: 500;
    color: #040404;
}
.call-title p:before, .shop-info-title p:before {
    content: "";
    position: absolute;
    bottom: -8px;
    right: 0;
    background-color: #ee384e;
    width: 64%;
    height: .15em;
}
.call-head div:nth-child(2) p {
    font-weight: 400;
    font-size: 1.3rem;
    color: #424242;
}
.call-head div:nth-child(2) p a {
    color: #19bfd3;
}
.call-form input {
    height: 4.5rem;
    border-radius: .5rem;
    box-shadow: none !important;
}
.call-form textarea {
    box-shadow: none !important;
    font-size: 1.4rem;
}
.form-control:focus {
    border-color: #ced4da;
}
.call-form label {
    height: 3.5rem;
    margin-top: 3rem;
}
.call-form button {
    background-color: #ee384e;
    color: #fff;
}
.call-form button:focus {
    border: none;
    box-shadow: none;
}
.shop-info div:nth-child(2) p:first-child {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 1rem;
}
.shop-info div:nth-child(2) p:last-child {
    font-size: 1.3rem;
    font-weight: 400;
}
.shop-info-content map {
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 4rem;
}
.shop-info-content hr {
    width: 72%;
    margin: 0 auto;
}
.shop-info-content .clock {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #494949;
}
.shop-info-content .fa-clock {
    font-size: 2rem;
    margin-left: 1rem;
}
.shop-info-content div:last-child div {
    border-radius: .5rem;
    background-color: rgb(250, 250, 250);
    height: 17rem;
}
.shop-info-content div:last-child div p,
.shop-info-content div:last-child div span {
    color: #3f4064;
    margin-bottom: 1rem;
    font-weight: 400;
}
.shop-info-content div:last-child div a {
    color: #343434;
    font-weight: 500;
    margin: .5rem 0;
}
.shop-info-content div:last-child div i {
    margin-bottom: 1rem;
    font-size: 3rem;
}
#cart {
    margin: 0 auto;
}
#cart .cart-nav ul {
    border-bottom: 1px solid #d8d8d8;
}
#cart .cart-nav ul li {
    border-bottom: 3px solid #ee384e;
    font-weight: 500;
    color: #ee384e;
    padding-bottom: .8rem;
}
#cart .cart-nav ul li span:last-child{
    background-color: #ee384e;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: .5rem;
    padding: 0 .8rem;
    line-height: 2rem;
    font-size: 1.2rem;
}
#cart svg {
    width: 1.5rem;
}
#cart .cart-pay {
    position: sticky;
    top: 1rem;
    width: 26%;
    height: fit-content;
}
#cart .cart-pay > div:first-child {
    height: fit-content;
    padding: 2rem;
    border: 1px solid #d8d8d8;
    border-radius: .5rem;
    font-weight: 500;
    font-size: 1.3rem;
    color: #727272;
}
#cart .cart-pay > div:last-child p {
    font-size: 1.2rem;
    padding: 1rem 0;
    font-weight: 400;
    color: #727272;
    line-height: 2.5rem;
}
#cart .discount-total-cart {
    color: #ee384e;
}
#cart .discount-total-cart svg {
    fill: #ee384e;
}
#cart .discount-total-cart p:last-child {
    font-size: 1.5rem;
    font-weight: 600;
}
#cart .final-cart p:last-child {
    font-size: 1.5rem;
    font-weight: 500;
    color: #000;
}
.checkout-btn {
    background-color: #ef4056;
    border-radius: .5rem;
}
.checkout-btn a {
    color: #fff;
    font-weight: 500;
    font-size: 1.5rem;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 1.2rem 1rem;
}
#cart .total-cart p:last-child {
    font-size: 1.5rem;
    font-weight: 600;
}
.cart div.me-4 {
    width: 74%;
    padding: 2rem;
    border: 1px solid #d8d8d8;
    border-radius: .5rem;
}
#cart .cart-title p {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: .8rem;
}
#cart .cart-title span {
    font-size: 1.3rem;
    font-weight: 400;
}
#cart .delete-all-cart span {
    cursor: pointer;
    padding: 0 1rem;
    color: #969696;
}
#cart .delete-item {
    display: none;
    position: absolute;
    width: 20rem;
    height: fit-content;
    border-radius: .5rem;
    border: 1px solid #dcdcdc;
    box-shadow: 0 0 5px -2px #ccc;
    padding: 2rem 1rem;
    left: 0;
    background-color: #fff;
}
#cart .delete-item span {
    font-weight: 500;
    color: #727272;
    font-size: 1.3rem;
}
.cart-content .cart-image {
    width: 12rem;
    height: 12rem;
    margin-left: 2rem;
}
.cart-content .cart-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.cart-content .cart-body h3 {
    font-size: 1.4rem;
    margin-bottom: 2rem;
    line-height: 2.5rem;
}
.cart-content .cart-body div {
    font-size: 1.2rem;
    margin: .5rem 0;
    color: #9c9c9c;
    font-weight: 400;
}
.cart-sender i {
    color: #ee384e;
    font-weight: 400;
}
.cart-quantity {
    user-select: none;
    width: fit-content;
    border: 1px solid #dbdbdb;
    border-radius: .5rem;
    height: fit-content;
    color: #ee384e !important;
    box-shadow: 0 0 1px 0 #e3e3e3;
}
.cart-quantity span i {
    padding: 1rem;
}
.cart-quantity span:not(:nth-child(2)) {
    cursor: pointer;
}
.cart-price .discount {
    display: flex;
    align-items: center;
    color: #ee384e !important;
    font-size: 1.3rem;
    font-weight: 400;
    margin-bottom: 1rem !important;
}
.cart-price .discount p {
    margin-left: 1rem;
}
.cart-price .discount svg {
    fill: #ee384e;
    width: 1.5rem;
}
.cart-price .price {
    font-weight: 500;
    font-size: 1.8rem;
}
.cart-price .price svg {
    fill: #676767;
    width: 1.8rem !important;
}
.price-not-discount {
    font-size: 1.8rem !important;
    font-weight: 500 !important;
    color: #0a0a0a !important;
}
.min-basket .cart-item {
    height: 20rem;
}
.cart-item {
    height: fit-content;
}

.cart-item .cart-body .position-absolute {
    right: 40px;
    bottom: -7px;
}

#cart .cart-item:not(:last-child) {
    margin-bottom: 3rem;
    border-bottom: 1px solid #cecccc;
    padding: 1rem 0 2rem 0;
}
.min-basket {
    position: absolute;
    left: 0;
    top: 4rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0 2px 5px -1px, rgba(0, 0, 0, 0.3) 0 1px 3px -1px;
    border-radius: .5rem;
    padding: 1rem;
    background-color: #fff;
    width: 38rem;
    z-index: 12;
    display: none;
    transition: .3s;
}
.min-basket svg {
    width: 1.8rem;
}
.min-basket i {
    font-size: 1.2rem !important;
}
.min-basket .cart-item:not(:last-child) {
    margin-bottom: 2rem;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 2rem;
}
.min-basket .cart-btn {
    height: 6rem;
    border-top: 1px solid #e1e1e1;
    margin-top: 3rem;
}
.min-basket .cart-btn .cart-price p {
    font-size: 1.3rem;
    margin-top: 1rem;
}
.min-basket .cart-btn .cart-price p:last-child {
    font-size: 1.8rem;
    font-weight: 500;
    margin-top: 1rem;
}
.min-basket .cart-btn .cart-price p:last-child svg {
    fill: #4f4f4f;
}
.min-basket .cart-btn .checkout-btn a {
    display: flex;
}
.min-basket .cart-items {
    height: 30rem;
    overflow-y: scroll;
}
.basket:hover .min-basket {
    display: block;
}
.basket:hover:before {
    display: block;
}

.basket:before {
    content: "";
    background-color: #ef394e;
    opacity: 10%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: .8rem;
    display: none;
}
.basket {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header .logo, .footers .footer-logo {
    width: 5rem;
}
.header .logo img, .footers .footer-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.header .dropdown-toggle {
    cursor: pointer;
}
.header .dropdown-toggle .fa-user {
    font-size: 2.2rem;
    margin-left: .5rem;
}
.header .dropdown-menu {
    height: fit-content;
    width: 23rem;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .3);
}
.header .dashboard-items a {
    font-size: 1.6rem;
    font-weight: 500;
    color: #4e4a4a;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 1.5rem 0 1.5rem;
}
.header .dashboard-items a:hover {
    background-color: #f0f0f1;
    border: transparent;

}
.header .dashboard-items a i {
    margin-left: 1.5rem;
    pointer-events: none;

}
.dashboard-items a div {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e7e7e7;
    width: 100%;
    margin-top: 1rem;
    pointer-events: none;
}
.dashboard-items a.bell div span:last-child {
    width: 2.2rem;
    height: 2.2rem;
    background-color: #ef4056;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    color: #fff;
}
.header .basket .basket-count {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2rem;
    height: 2rem;
    background-color: #ef4056;
    border-radius: .7rem;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header .basket .basket-count span {
    color: #fff;
    height: 2rem;
    line-height: 2.4rem;
}
.home-page .related {
    box-shadow: none;
}
.home-page .related .related-item {
    height: fit-content;
    width: 20rem;
}
.home-page .related .product-card picture {
    width: 18rem;
    height: 18rem;
}
.home-page .related .stretch {
    width: 100%;
}
.single-product .category a span:first-child {
    color: #19bfd3;
}
#pills-specifications .item_table li div:first-child {
    color: #727272;
}
#pills-specifications .item_table li div:last-child {
    border-bottom: 1px solid #e0e0e0;
    padding: 1rem 0;
}
#pills-specifications ul {
    border-bottom: none;
}
.my-account a {
    color: inherit;
}
.sample .sample-image .sample-item {
    width: 8rem;
    height: 9rem;
    border-radius: .5rem;
    overflow: hidden;
    margin: .3rem;
    cursor: pointer;
    box-shadow: 0 0 8px -3px #ee384e;
}
.sample-image .sample-item.active {
    border: 1px solid #ee384e;
    box-shadow: none;
    padding: .3rem;
    opacity: .5;
}
.sample .sample-image .sample-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tooltips::before {
    content: attr(data-tooltip);
    position: absolute;
    top: -3rem;
    font-size: 0.9em;
    padding: 1px 5px;
    display: none;
    color: white;
    background: rgba(0, 0, 0, 0.75);
    border-radius: 4px;
    transition: opacity 0.1s ease-out;
    z-index: 99;
    text-align: right;
}
.tooltips:hover::before {
    display: inline-block;
}
.size-items .size-item {
    margin: .5rem;
    width: fit-content;
    height: fit-content;
    padding: .4rem .7rem;
    border: 2px solid #1b9bbb;
    border-radius: .5rem;
    cursor: pointer;
    user-select: none;
}
.size-items .size-item.active {
    border: 1px solid #ee384e;
    opacity: .2;
}
.color-items .color-item {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 5rem;
    overflow: hidden;
    margin: .5rem;
    border: 2px solid #858585;
    padding: .2rem;
    cursor: pointer;
}
.color-items .color-item span {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 5rem;
}
.color-items .color-item.active {
    border: 1px solid #ee384e;
    opacity: .2;
}
.cart-body .color span {
    width: 2rem;
    height: 2rem;
    display: flex;
    border-radius: 5rem;
}
.cart-body .image-attribute-cart {
    border-radius: 5rem;
    object-fit: fill;
}
.banner-second {
    flex-wrap: wrap;
    height: fit-content;
}
.banner-second .banner-item {
    width: 48%;
}

.banner-second img,
.banner-third img
{
    width: 100%;
    height: 100%;
    border-radius: .5rem;
}
.skeleton {
    width: fit-content;
    height: fit-content;
    padding: .5rem;

}

@keyframes loading-skeleton {
    from {
        opacity: .4;
    }
    to {
        opacity: 1;
    }
}
.search-category .skeleton span, .incredible-offers .skeleton span{
    display: flex;
    flex-direction: column;
    color: transparent;
    background-color: #eee;
    border-color: #eee;
    pointer-events: none;
    appearance: none;
    border-radius: .5rem;
    -webkit-appearance: none;
    animation: loading-skeleton 1s infinite alternate;
}
.search-category .skeleton span.img, .incredible-offers .skeleton span.img {
    width: 18rem;
    height: 20rem;
}
.search-category .skeleton span.title, .incredible-offers .skeleton span.title {
    width: 18rem;
}
.h-2 {
    height: 2rem;
}
.h-4 {
    height: 4rem;
}
.h-5 {
    height: 5rem !important;
}
.category-description {
    margin: 3.5rem;
}
.category-description div.p-5 {
    border-radius: .5rem;
    border: 2px dashed #2ca5de;
}
.loaded {
    display: flex;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #ffffff9e;
    z-index: 99;
}
.loader {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    display: block;
    margin:1.5rem auto;
    position: relative;
    color: rgba(0, 0, 0, 0.42);
    box-sizing: border-box;
    animation: animloader 1s linear infinite alternate;
}

@keyframes animloader {
    0% {
        box-shadow: -3.8rem -1.2rem ,  -1.4rem 0,  1.4rem 0, 3.8rem 0;
    }
    33% {
        box-shadow: -3.8rem 0, -1.4rem -1.2rem,  1.4rem 0, 3.8rem 0;
    }
    66% {
        box-shadow: -3.8rem 0 , -1.4rem 0, 1.4rem -1.2rem, 3.8rem 0;
    }
    100% {
        box-shadow: -3.8rem 0 , -1.4rem 0, 1.4rem 0 , 3.8rem -1.2rem;
    }
}
.toggle-menu i, .pointer-e {
    pointer-events: none;
}
#category a {
    color: #212529;
}
.send-comment {
    display: none;
}
.send-comment {
    width: 100%;
    height: 100%;
    background-color: #0000004a;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 12;
}
.send-comment .comment-body {
    width: 40rem;
    max-height: 52rem;
    margin: auto;
    padding: 1rem;
    background-color: #fff;
    border-radius: 1rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.send-comment .comment-body .comment-form  {
    overflow-y: scroll;
    height: 50rem;
}
.comment-body .comment-form-2 input {
    height: 4rem;
    border: none;
    outline: none;
    border-bottom: 1px solid #ccc;
    font-size: 1.4rem;
}
.comment-body .comment-form-2 textarea {
    outline: none;
    border-radius: 1rem;
    height: 10rem;
    padding: 1rem;
    font-size: 1.4rem;
    border-color: #ccc;
}
.comment-body button {
    height: 4rem;
    width: 80%;
    border-radius: 1rem;
    border: none;
    background-color: #ee384e;
    color: #fff;
}
.comment-body .strong i {
    position: absolute;
    bottom: 1rem;
    width: fit-content;
    left: 0;
    color: #25c3d1;
    cursor: pointer;
}
.comment-body .light i {
    position: absolute;
    bottom: 1rem;
    width: fit-content;
    left: 0;
    color: #ee384e;
    cursor: pointer;
}
.comment-body .strong-text span {
    width: fit-content;
    margin-left: .5rem;
    display: inline-block;
    margin-top: 1rem;
    border: 1px solid #64c3d1;
    border-radius: .5rem;
    padding: .5rem;
    cursor: pointer;
}
.comment-body .light-text span {
    width: fit-content;
    margin-left: .5rem;
    display: inline-block;
    margin-top: 1rem;
    border: 1px solid #ee384e;
    border-radius: .5rem;
    padding: .5rem;
    cursor: pointer;
}
/* HTML: <div class="loader"></div> */
.load {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.load span {
    display: inline-block;
    width: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    animation: l5 1s infinite linear alternate;
}
@keyframes l5 {
    0%  {box-shadow: 15px 0 #727272, -15px 0 #0002;background: #727272 }
    33% {box-shadow: 15px 0 #727272, -15px 0 #0002;background: #0002}
    66% {box-shadow: 15px 0 #0002,-15px 0 #727272; background: #0002}
    100%{box-shadow: 15px 0 #0002,-15px 0 #727272; background: #727272 }
}
.load-comment span {
    display: inline-block;
    width: 5px;
    aspect-ratio: 1;
    border-radius: 50%;
    animation: l4 1s infinite linear alternate;
}
@keyframes l4 {
    0%  {box-shadow: 10px 0 #727272, -10px 0 #0002;background: #727272 }
    33% {box-shadow: 10px 0 #727272, -10px 0 #0002;background: #0002}
    66% {box-shadow: 10px 0 #0002,-10px 0 #727272; background: #0002}
    100%{box-shadow: 10px 0 #0002,-10px 0 #727272; background: #727272 }
}
.questions-send {
    position: fixed;
    width: 45rem;
    height: 32rem;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 1rem;
    top: 30%;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 2rem;
    z-index: 999;
}
#pills-questions > div.position-absolute {
    display: none;
}
#pills-questions > div.position-absolute:before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgb(0 0 0 / 26%);
    z-index: 99;
}
.questions-send .questions-send-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 2rem;
}
.questions-send .questions-send-title span {
    cursor: pointer;
}
.cp {
    cursor: pointer;
}
.compare .compare-body {
    width: 100%;
    padding: 1rem;
    margin-top: 2rem;
}
.compare .compare-body ul li {
    padding: 1rem 0;
    border-bottom: 1px solid #dddddd;
}
.compare .compare-body ul li:last-child {
    border-bottom: none;
}
.compare .compare-body ul li span:first-child {
    font-size: 1.5rem;
    font-weight: 400;
    color: #414141;
}
.compare .compare-body ul li span:last-child {
    color: #727272;
    font-size: 1.3rem;
    font-weight: 400;
}
.compare .compare-header {
    position: sticky;
    top: 1rem;
    width: 100%;
    background-color: #fff;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
    box-shadow: 0 3px 6px -7px #000;
}
.offer-title {
    padding: 4rem 4rem 0;
}
.offers.amazing {
    height: 35rem;
    border-radius: 0;
    margin: 1rem 0;
}
.offers.amazing .amazing-item {
    height: 30rem;
    width: 180px;
    min-width: 180px;
    border-radius: .5rem;
}
.offers.amazing .amazing-item:first-child {
    width: 150px;
    min-width: 150px;
}
.offers.amazing .amazing-item .amazing-icon, .offers.amazing .amazing-item .amazing-percent-icon {
    width: 120px;
    height: 120px;
    line-height: 0;
}
.offers.amazing .amazing-item .amazing-icon img,
.offers.amazing .amazing-item .amazing-percent-icon img {
    width: 100%;
    height: 100%;
}
.time-offer {
    margin-top: 1rem;
    color: #ee384e;
    font-weight: 500;
    font-size: 1.4rem;
    display: flex;
    flex-direction: row-reverse;
    margin-right: auto;
}
.offers.amazing .amazing-item:last-child {
    border-radius: .5rem;
}
.offers.amazing .amazing-item:last-child .product-card span {
    color: #000;
    margin-top: 0;
}
.offers.amazing .discount {
    color: #fff !important;
}
.offers.amazing .price-no-discount span {
    color: #727272 !important;
}
.offers.amazing .time-offer span {
    color: #ee384e !important;
}
.offers.related {
    border: 1px solid #e0e0e2;
    box-shadow: none;
}
.offers.related {
    padding-bottom: 0;
}
.offers.related .related-title h2 {
    margin: 0;
    font-weight: 500;
    font-size: 1.7rem;
    color: #474747;
    margin-right: 1rem;
}
.offers.related .related-title i {
    font-size: 2rem;
    color: #727272;
}
.offers.related .related-title:after {
    content: "";
    width: 5%;
    border-bottom: 2px solid #ee384e;
    padding-bottom: 1rem;
    position: absolute;
    bottom: -10px;
}
.offers.related .stock {
    font-size: 1.2rem;
    color: #ee384e;
    font-weight: 400;
}
.offers.related .spinner-offer {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    height: .4rem;
    margin-top: 1rem;
    border-radius: 1rem;
    overflow: hidden;
    background-color: #e9e9e9;
}
.offers.related .spinner-offer p {
    width: 70%;
    height: 100%;
    background-color: #ee384e;
}
.offers.related .offer-time p span:first-child {
    font-size: 1rem;
    color: red;
    font-weight: 500;
}
.offers.related .offer-time p span:last-child {
    color: #888888;
    font-size: 1.1rem;
    font-weight: 400;
}
.offers.related .time-offer {
    margin-top: .5rem;
    font-weight: 600;
    font-size: 1.2rem;
}
.offers.related .stretch {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 15rem;
}
.base-title h1 {
    color: #ef394e;
    font-weight: 400;
    font-size: 4rem;
    background-color: #fff;
    z-index: 1;
    height: 10rem;
    width: fit-content;
}
.base-nav {
    width: 100%;
    align-items: center;
    height: 5rem;
    padding-top: 4rem;
}
.cp {
    cursor: pointer;
}
.base-nav-body div {
    padding: 1rem 3rem;
}
.base-nav span {
    width: 360px;
    background: linear-gradient(90deg, #e6123d, hsla(0, 0%, 100%, 0));
    height: 2px;
}
.base-nav span:last-child {
    transform: rotate(180deg);
}

.base-nav-body .active {
    color: #ef394e;
}
.base-header .header-content:before {
    content: "";
    background-image: url(../images/bestSellingPattern.svg);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 25%;
    background-position: 47%;
}
.base-nav-body {
    background-color: #fff;
    height: 8rem;
    width: fit-content;
    align-items: center;
    z-index: 1;
    white-space: nowrap;
}
.base-category {
    padding: 2rem;
    margin-top: 2rem;
}
.base-category span {
    padding: .4rem 1rem;
    margin: 0 .5rem;
    border: 1px solid #ccc;
    border-radius: 5rem;
    font-weight: 400;
    cursor: pointer;
    width: fit-content;
    display: inline-block;
}
.base-category span.active {
    border: 1px solid #b2001a;
    color: #b2001a;
    background: rgba(224, 83, 83, .05);
}
.bests-seller .image {
    width: 240px;
    height: 240px;
    line-height: 0;
    padding: 2rem;
}
.bests-seller .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bests-seller .best-item {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #e7e7e7;
}
.bests-seller .best-items {
    margin-top: 5rem;
}
.bests-seller .best-item:hover {
    filter: drop-shadow(0 1px 5px rgba(0, 0, 0, .2));
}
.bests-seller .best-item:nth-of-type(5n+5) {
    border-left: none;
}
.bests-seller .best-item {
    border-left: 1px solid #e7e7e7;
}

.bests-seller .best-item a {
    color: #727272;
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.bests-seller .best-item a .stock-comment {
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
}
.bests-seller .best-item a .stock {
    font-size: 1.3rem;
    color: #d84b4b;
}
.bests-seller .best-item a h3 {
    font-size: 1.5rem;
    font-weight: 400;
    color: #000000d6;
}
.bests-seller .best-item a .final-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
}
.bests-seller .best-item a .discount {
    background-color: #ee384e;
    color: #fff;
    font-size: 1.2rem;
    padding: 0 .5rem;
    border-radius: 1rem;
    font-weight: 500;
}
.bests-seller .best-item a .final-price .price {
    font-weight: 500;
    color: #000;
    margin-right: auto;
}
.bests-seller .best-item a svg {
    width: 2rem;
}
.bests-seller .best-item a .price-no-discount {
    display: flex;
}
.bests-seller .best-item a del {
    margin-right: auto;
}
.bests-seller .product-card {
    position: relative;
    overflow: hidden;
    width: 94%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.bests-seller .number-item {
    background-color: #19bfd3;
    width: 3.7rem;
    height: 2.8rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    position: absolute;
    right: -6px;
    top: 2rem;
}
.bests-seller .number-item span {
    margin-top: 0.3rem;
}
.page p {
    line-height: 3rem;
    text-align: justify;
    margin: 1rem 0;
    font-weight: 400;
    font-size: 1.5rem;
    color: #727272;
}
.faq {
    background: linear-gradient(180deg, #e0e0e2, hsla(0, 0%, 100%, 0));
}
.faq .faq-header {
    background-image: url(../images/faq-pattern.svg);
    background-size: inherit;
    background-position: top;
    background-repeat: no-repeat;
}
.faq-header-icon {
    background-color: #fff;
    border-radius: 5rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.faq-header-icon i {
    font-size: 2.5rem;
    color: #19bfd3;
}
.c7 {
    color: #727272;
}
.faq-category {
    width: 55rem;
    margin: 0 auto;
    height: 5rem;
}
.faq-category input {
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    padding: 1rem;
    padding-right: 2rem;
    border: 1px solid #19bfdb;
    caret-color: #19bfdb;
    outline: none;
    font-size: 1.5rem;
}
.faq-category input::placeholder {
    font-weight: 400;
    color: #9b9b9b;
}
.faq-categories {
    margin-top: 8rem;
}
.faq-categories-icon {
    width: 5rem;
    height: 5rem;
    background-color: #19bfd314;
    border-radius: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.faq-categories-grid a {
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    width: 18rem;
    height: 15rem;
    color: #5e5e5e;
    font-size: 1.2rem;
    font-weight: 600;
}
.faq-categories-grid a {
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.faq-categories-grid a:nth-of-type(6n+0) {
    border-left: none;
}
.faq-categories-icon i:after {
    color: #19bfd3;
}
.faq-questions-relative .faq-categories-icon i {
    color: #19bfdb;
    font-size: 2.5rem;
}
.faq-questions-relative .accordion .accordion-button {
    height: 7rem;
}
.faq-questions-relative .accordion-button {
    font-size: 1.8rem;
    font-weight: 400;
}
.faq-questions-relative .accordion-button:not(.collapsed) {
    color: #19c1e2;
    background-color: #ffffff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    outline: none;
}
.faq-questions-relative .accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}
.faq .question-body {
    display: flex;
    flex-direction: column;
}
.faq video {
    display: flex;
    max-width: 750px;
    max-height: 350px;
    margin: 0 auto;
}
.accordion-item {
    border: none;
}
.accordion-button {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 3rem;
    color: #323232;
    padding: 3rem 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    outline: none;
}
.accordion-button:not(.collapsed) {
    color: #323232;
    background-color: transparent;
    box-shadow: none;
}
.accordion-body {
    padding: 0;
    line-height: 4rem;
    text-align: justify;
}
.accordion-button:focus {
    border-color: transparent;
    outline: none;
    box-shadow: none;
}
.question-body p {
    margin: 1rem 0;
    font-weight: 400;
    color: #3e3e3e;
    line-height: 4rem;
}
.question-body .image img,.question-body img {
    width: 100%;
    height: 100%;
}
/* profile */
.profile .sidebar {
    position: sticky;
    top: 1rem;
    width: 25%;
    height: fit-content;
    border: 1px solid #e1e1e1;
    border-radius: 1rem;
    padding: 1rem 0;
    margin-left: 3rem;
}
.profile .content {
    width: 72%;
}
.profile .sidebar-head {
    padding: 2rem;
}
.profile .sidebar-head .fa-user-pen {
    color: #19bfd3;
    font-size: 1.8rem;
    cursor: pointer;
}
.color-19 {
    color: #19bfd3;
}
.profile .sidebar-body ul li {
    display: flex;
    align-items: center;
    padding: 1.5rem 2rem;
    font-weight: 500;
    font-size: 1.4rem;
    color: #4e4b4b;
    cursor: pointer;
    border-top: 1px solid #f0f0f0;
}
.profile .sidebar-body ul li i {
    margin-left: 1rem;
    font-size: 2rem;
}
.profile .sidebar-body ul li:hover {
    background-color: #f2f2f2;
}
.profile .sidebar-body ul li.active {
    position: relative;
    font-weight: 600;
    font-size: 15px;
}
.profile .sidebar-body ul li.active:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 75%;
    background-color: #ef394e;
    border-radius: 4px 0 0 4px;
    right: 0;
}
.profile .sidebar-body li .bell {
    background-color: #ef4056;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px;
    font-size: 14px;
}
.profile .content .my-orders {
    border: 1px solid #e0e0e0;
    border-radius: 1rem;
    padding: 3rem;
    margin-bottom: 2rem;
}
.profile .content .my-orders h3:after{
    content: "";
    position: absolute;
    width: 70%;
    height: 2px;
    background-color: #ef4056;
    bottom: -15px;
    right: 0;
}
.profile .content .related {
    box-shadow: none;
}
.profile .content .related .related-item {
    height: 25rem;
    min-width: 200px;
}
.profile .content .btn-cart {
    width: 100%;
    padding: .7rem 1rem;
    border-radius: .7rem;
    border: 1px solid #ef4056;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.5rem;
}
.profile .content .btn-cart button {
    border: none;
    background-color: transparent;
    color: #ef4056;
}
.profile .content .related .stretch {
    height: 11rem;
}
.profile .content  .related .price-final span {
    color: #3f4064;
}
.color-3 {
    color: #3f4064;
}
.profile .content .btn-cart i {
    transform: rotate3d(0, 25, 0, 182deg);
    margin-left: .5rem;
}
#sidebar li span, #sidebar li div {
    pointer-events: none;
}
.profile .content section {
    transition: .3s;
}
.profile .content section.hide {
    display: none;
}
.profile .content section.show {
    display: block;
}
section[data-page='orders'] {
    border: 1px solid #e0e0e0;
    border-radius: 1rem;
    padding-top: 3rem;
    margin-bottom: 2rem;
}
.profile-order-body ul {
    margin-top: 5rem;
    border-bottom: 1px solid #e6e6e6;
}
.profile-order-body ul li {
    padding: 1rem 3rem;
    width: fit-content;
    cursor: pointer;
    font-weight: 400;
    color: #727272;
}
.profile-order-title {
    padding: 0 3rem;
}
.profile-order-body ul li.active {
    position: relative;
    color: #ef394e;
}
.profile-order-body ul li.active:before {
    content: "";
    position: absolute;
    width: 50%;
    height: .4rem;
    background-color: #ef4056;
    bottom: 0;
    left: 50%;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    transform: translateX(-50%);
}
.profile-order-body li span:nth-child(2) {
    min-width: 20px;
    height: 20px;
    font-size: 1.2rem;
    font-weight: 700;
    background-color: #a1a3a8;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: .5rem;
    line-height: 20px;
}
.profile-order-body li.active span:nth-child(2) {
    background-color: #ef4056;
}
.not-content {
    height: 35rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.not-content p {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    margin-top: 2rem;
}
.profile .profile-order-content div.hide {
    display: none;
}
.profile .profile-order-content div.show {
    display: block;
}
.profile-order-body li span,
.profile-lists-body li span {
    pointer-events: none;
}
.delivered-list .fa-circle-check {
    width: 2.4rem;
    color: #05ba58;
    height: 2.4rem;
    margin-left: .5rem;
}
.delivered-list {
    border: 1px solid #e2e2e2;
    border-radius: 1rem;
    padding: 2rem;
    margin-top: 2rem;
}
.delivered-list-body {
    border-top: 1px solid #ccc;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ccc;
}
.circle-5 {
    width: 5px;
    height: 5px;
    background-color: #e5e1e1;
    border-radius: 50px;
    margin: 0 1rem;
}
.circle-6 {
    width: 6px;
    height: 6px;
    background-color: #19bfd3;
    border-radius: 50px;
    margin: 0 1rem;
}

.delivered-list-body-image {
    width: 10rem;
}
.delivered-list-body-image img {
    width: 100%;
    height: 100%;
}
.delivered-list-footer a {
    padding-top: 2rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    color: #19bfd3;
}
#main section[data-page="lists"] {
    border: 1px solid #e3e3e3;
    border-radius: 1rem;
}
#main section[data-page="lists"] ul {
    border-bottom: 1px solid #e6e6e6;
}
#main section[data-page="lists"] ul li {
    padding: 1rem 2rem;
    width: fit-content;
    cursor: pointer;
    font-weight: 400;
    color: #727272;
}
#main section[data-page="lists"] ul li.active {
    position: relative;
    color: #ef394e;
}
#main section[data-page="lists"] ul li.active:before {
    content: "";
    position: absolute;
    width: 50%;
    height: .4rem;
    background-color: #ef4056;
    bottom: 0;
    left: 50%;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    transform: translateX(-50%);
}
.profile-lists-title {
    padding: 2rem;
}
.favorites-product {
    width: 50%;
    height: 50rem;
}
.favorites-product a {
    color: #727272;
}
.favorites-product a .product-card {
    padding: 2rem;
}
.favorites-product a .product-card picture {
    width: 25rem;
    height: 25rem;
    display: flex;
    margin: 0 auto;
    padding: 2rem;
}
.favorites-product a .product-card picture img {
    width: 100%;
    height: 100%;
}
.favorites-product a .product-card .stretch h3 {
    font-size: 11px;
    font-weight: 600;
    line-height: 2rem;
}
.favorites-product a .product-card .trash {
    width: 10rem;
    height: 4rem;
    border: 1px solid #ccc;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2rem;
}
.favorites-product .btn-cart {
    margin-top: 0 !important;
}
.favorites-product a:hover {
    -webkit-filter: drop-shadow(0 1px 5px rgba(0, 0, 0, .2));
    filter: drop-shadow(0 1px 5px rgba(0, 0, 0, .2));
    background-color: #fff;
    display: block;
}
.profile-lists-content div.hide {
    display: none;
}
.profile-lists-content div.show {
    display: flex;
}
.favorites-product .product-amount {
    height: 8rem;
    margin-top: 3rem;
}
.favorites-product .price-no-discount {
    text-decoration: line-through;
}
.favorites-product .discount {
    background-color: #ee384e;
    color: #fff;
    font-size: 1.2rem;
    padding: .1rem .8rem;
    border-radius: 1rem;
    font-weight: 500;
}
.border-page {
    border: 1px solid #e3e3e3;
    border-radius: 1rem;
}
.profile .lists-title {
    padding: 2rem;
}
.profile .lists-body ul {
    border-bottom: 1px solid #e6e6e6;
}
.profile .lists-body li {
    padding: 1rem 2rem;
    width: fit-content;
    cursor: pointer;
    font-weight: 400;
    color: #727272;
}
.profile .lists-body li.active {
    position: relative;
    color: #ef394e;
}
.profile .lists-body ul li.active:before {
    content: "";
    position: absolute;
    width: 50%;
    height: .4rem;
    background-color: #ef4056;
    bottom: 0;
    left: 50%;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    transform: translateX(-50%);
}
.profile .lists-body li span {
    pointer-events: none;
}
.profile .list-contents .hide {
    display: none;
}
.profile .list-contents .show {
    display: flex;
}
.profile .ist-content {
    display: flex;
}
.profile .order-product-list {
    padding: 1rem;
    border: 1px solid #e8e8e8;
    border-radius: 1rem;
    height: 30rem;
    width: 47%;
    margin: 1.4rem;
}
.profile .order-product-list picture {
    width: 13rem;
    height: 13rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2rem;
}
.profile .order-product-list picture img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.profile .order-product-list h3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 3rem;
}
.stock-comment .star {
    margin-right: auto !important;
}
.profile .order-product-list .fa-star {
    font-size: 1.8rem;
}
.profile .comments-product-list {
    width: 100%;
    padding: 2rem 2rem 2rem 0;
}
.profile .comments-product-list img {
    width: 10rem;
    height: 10rem;
    margin-left: 2rem;
}
.profile .comments-product-list h3 {
    font-size: 16px;
    margin-top: 2rem;
}
.profile .comments-product-list .option {
    margin-left: 1rem;
}
.profile .comments-product-list .option p:first-child {
    width: 2.5rem;
    margin-right: auto;
    cursor: pointer;
    margin-bottom: 1rem;
}
.profile .comments-product-list .option svg#moreVert {
    width: 2.5rem;
    fill: #727272;
}
.profile .comments-product-list .option p:last-child {
    display: flex;
    align-items: center;
    padding: 1rem;
    border-radius: 2rem;
    height: 2.4rem;
    background-color: rgba(76, 175, 80, 0.1);
    color: #2e7b32;
}
.profile .comments-product-list .option p:last-child span {
    margin-left: 1rem;
}
.profile .comments-product-list .option p:last-child svg {
    width: 1.7rem;
    fill: #2e7b32;
}

.profile .comments-product-list .fa-plus {
    color: #58e660;
    font-weight: 600;
}
.profile .comments-product-list .border-top {
    border-top: 1px solid #e1dbdb;
    border-bottom: 1px solid #e1dbdb;
    padding: 2rem 0 2rem 0;
    width: 98%;
}
.profile .comments-product-list:last-child .border-top {
    border-bottom: none;
}
.profile .comments-product-list .option .close {
    background-color: rgba(211, 47, 47, 0.1) !important;
    color: #b2001a !important;
}
.profile .comments-product-list .option .close svg {
    width: 1.7rem !important;
    fill: #d32f2f !important;
}
.profile .address-head-btn {
    border: 1px solid #ef394e;
    border-radius: 1rem;
}
.profile .address-head-btn button {
    border: none;
    background-color: transparent;
    padding: 1rem 2rem;
    color: #ef394e;
    display: flex;
    align-items: center;
}
.profile .address-content p {
    margin: 1rem 0;
}
.profile .notification-list {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.profile .notification-list:last-child {
    border-bottom: none;
}
.profile .notification-list .img {
    background-color: rgb(239, 57, 78);
    width: 24px;
    height: 24px;
    border-radius: 4rem;
    display: inline-block;
    padding: .4rem;
    line-height: 0;
    margin-left: 1rem;
}
.personal-info-right, .personal-info-left {
    width: 50%;
}
.personal-info-right {
    border-left: 1px solid #f0f0f1;
}
.profile .personal-info .br-b {
    border-bottom: 1px solid #f0f0f1;
}
.profile .personal-info-right div,
.profile .personal-info-left div {
    padding: 1rem 1.3rem;
}
.t-success {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 2.17;
    padding-left: 8px;
    padding-right: 8px;
    color: #fff;
    background-color: #4caf50;
    border-radius: 1.6rem;
}
.t-danger {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 2.17;
    padding-left: 8px;
    padding-right: 8px;
    color: #fff;
    background-color: #ef4056;
    border-radius: 1.6rem;
}
.c81 {
    color: #81858b;
}
.profile .delivered-page .step-1,
.profile .delivered-page .step-2,
.profile .delivered-page .step-3 {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
}
.profile .delivered-page .step-1 p:first-child {
    align-items: center;
    display: flex;
    font-weight: 600;
    font-size: 15px;
}
.profile .delivered-page .step-1 p:last-child a {
    color: #19bfd3;
    align-items: center;
    display: flex;
}
.profile .delivered-page .step-4 .img {
    width: 12rem;
    padding: 1rem;
}
.profile .delivered-page .step-4 .img img {
    width: 100%;
}
.profile .delivered-page .delivered-product {
    border-top: 1px solid #ccc;
    padding-top: 2rem;
    padding-bottom: 1rem;
}
.color-2e {
    color: #2e7b32;
}
.color-3e {
    color: rgba(46, 123, 50, 0.9);
}
.bg-4c {
    border-radius: 5rem;
    background-color: #4caf50;
}
.w-35 {
    width: 35%;
}
.w-30 {
    width: 30%;
}
.color-4e {
    color: #4e4b4b;
}
.form-control::placeholder {
    font-size: 1.4rem;
    font-weight: 300;
}
.fluid {
    max-width: 1400px;
    margin: 0 auto;
}
.desktop {
    display: flex;
}
.mobile {
    display: none;
}
.amazing .incredible-item {
    width: 100%;
    height: 3rem;
}
.amazing .mobile .amazing-timer {
    font-size: 12px;
    align-items: center;
}
.amazing .incredible-icon {
    width: 3rem;
    height: 3rem;
}
.amazing .incredible-icon img {
    width: 100%;
    height: 100%;
}
.amazing .incredible-img {
    width: 10rem;
    margin-right: 1rem;
    margin-left: 1rem;
}
.amazing .incredible-img img {
    width: 100%;
    height: 100%;
}
.amazing .incredible-more {
    margin-right: auto;
    margin-left: 1rem;
}
.amazing .incredible-more a {
    font-size: 1.3rem;
    line-height: 3rem;
    margin-right: auto;
    padding: 0 8px;
}
.mobile header .search {
    border-radius: 5rem;
}
.mobile .search-box.img {
    height: 2rem;
    width: 10rem;
    display: flex;
}
.mobile .search-box.img img {
    width: 100%;
    height: 100%;
}
.mobile .search-box span {
    font-size: 1.4rem;
    font-weight: 700;
    color: #81858b;
}

.mobile .search-form .search-input input {
    font-size: 1.7rem;
}
.mobile.fa-arrow-right {
    font-weight: 700;
    color: #989797;
    font-size: 1.8rem;
}
.mobile .search-form input::placeholder {
    font-size: 1.7rem;
    font-weight: 500;
    color: #989797;
}
.mobile .footer-call {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 3rem;
    padding: 1rem 0;
}
.mobile .footer-call div:nth-child(1){
    width: 24px;
    height: 24px;
    font-size: 24px;
    font-weight: normal;
    margin-left: 2rem;
}
.mobile .footer-call div:nth-child(2) span:nth-child(1){
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2.17;
}
.mobile .footer-call div:nth-child(2) span:nth-child(2){
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 2.15;
}
.mobile .footer-call div:nth-child(3) a {
    color: #0c0c0c;
    border: 1px solid #0c0c0c;
    padding: 5px 15px;
    border-radius: .5rem;
    font-weight: 400;
}
.accordion-title {
    border-bottom: .2rem solid #eaeaea;
    cursor: pointer;
}
.accordion-title i {
    font-weight: 700;
    font-size: 1.7rem;
}
.accordion-content {
    display: none;
    transition: .3s;
}
.accordion-content.show {
    display: flex;
}
.accordion-title h3 {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 3;
}
.accordion-content ul li a {
    width: 100%;
    padding: .5rem 0;
    display: inline-block;
    color: #414141;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2;
}
.mobile .credit-text {
    height: 5rem;
}
.views-sort .filter {
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 1rem;
    line-height: 10px;
    font-size: 18px;
}
.page-category aside.show {
    right: 0;
    margin: 0;
}
.header.desktop {
    flex-direction: column;
}
.profile-filter {
    padding: 3rem;
    margin-top: 2rem;
    font-size: 2.5rem;
}

.profile aside.show {
    right: 0;
    width: 30rem;
    z-index: 9;
}
.mobile-variation {
    z-index: 11;
    margin-bottom: 5.7rem !important;
    background-color: #ffffff;
    width: 100%;
    right: 0;
    left: 0;
    padding: 1rem 1.5rem;
    box-shadow: 0 -5px 5px -3px rgba(0, 0, 0, .2);
}
.mobile.add-cart button {
    width: 20rem;
    height: 4rem;
    font-size: 1.5rem;
}
.display-mobile-menu {
    border-top: 1px solid #f0f0f1;
    background-color: #fff;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, .14), 0 -2px 2px rgba(0, 0, 0, .05);
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    padding-top: 1rem;
    z-index: 10;
}
.display-mobile-menu a {
    color: #a1a3a8;
    width: 5.4rem;
    height: 4.6rem;
    font-size: 2.4rem;
    font-weight: normal;
}
.display-mobile-menu a.position-relative span.position-absolute {
    top: -7px;
    right: 7px;
    background-color: #ef4056;
    width: 2rem;
    height: 2rem;
    border-radius: .7rem;
    color: #fff;
    text-align: center;
    line-height: 2rem;
    font-size: 1.3rem;
    font-weight: 700;
}
.display-mobile-menu a svg {
    fill: #ffd500;
    transform: scale(1.3);
    width: 3rem;
    height: 4rem;
    display: block;
}
.display-mobile-menu .fa-house {
    color: #3b3a3a;
}
.display-mobile-menu a.active span {
    font-size: 1rem;
    font-weight: 700;
    line-height: 2.17;
    color: #0c0c0c;
}
.display-mobile-menu a span {
    font-size: 1rem;
    font-weight: 400;
    line-height: 2.17;
    color: #81858b;
    white-space: nowrap;
}
.display-mobile-menu a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.parent-menu {
    width: 10rem;
    border-left: 1px solid #fff;
    padding-left: .5rem;
}
.parent-menu ul li {
    border-bottom: 1px solid #e0e0e2;
    background-color: #f0f0f1;
    padding: 1rem;
}
.parent-menu ul li:last-child {
    border-bottom: transparent;
    margin-bottom: 5rem;
}
.parent-menu ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #424750;
    pointer-events: none;
}
.parent-menu ul li a i {
    font-size: 1.3rem;
    font-weight: 500;
    pointer-events: none;
}
.parent-menu ul li a span {
    margin-top: .8rem;
    font-size: 1.2rem;
    text-align: center;
    font-weight: 400;
    pointer-events: none;
}
.parent-menu li.active {
    background-color: #fff;
}
.parent-menu li.active a {
    color: #ef4056;
}
.child-menu {
    width: 100%;
    padding: 0 1rem;
}
.child-menu ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.child-menu ul li {
    padding: .8rem;
}
.child-menu ul li a {
    align-items: center;
    font-size: 1rem;
    font-weight: 400;
    color: #0c0c0c;
}
.child-menu ul li a picture {
    width: 64px;
    height: 64px;
    background-color: #f0f0f1;
    border-radius: 5rem;
    overflow: hidden;
}
.child-menu ul li a picture img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    padding: 1.3rem;
    border-radius: 5rem;
    mix-blend-mode: darken;
}
.child-menu ul li a span {
    text-align: center;
    margin-top: 1rem;
    color: #585858;
    font-size: 1.1rem;
    font-weight: 500;
}
.mobile-menu {
    padding: 1rem 0;
    border-top: 1px solid #efefef;
}
.mobile-menu .all-list a {
    color: #008eb2;
    font-size: 1.2rem;
    font-weight: 400;
}
.mobile-menu .accordion-title {
    font-size: 1.3rem;
    line-height: 3;
}
.mobile-menu .accordion-title {
    border-bottom: .1rem solid #e2e2e2;
}
.child-menu > div:not(.showMenu) {
    display: none;
}
.pe {
    pointer-events: none;
}
.desktop .history i {
    font-size: 2rem;
}
.desktop .history .top span {
    font-size: 1.4rem;
    font-weight: 500;
    color: #343434;
    margin-right: 1.5rem;
}

.desktop .history .down::-webkit-scrollbar {
    display: none;
}
.desktop .history .down div {
    display: flex;
    align-items: center;
    border-radius: 2rem;
    border: 1px solid #ccc;
    padding: .7rem 2rem;
    line-height: 19px;
    margin-left: .7rem;
    cursor: pointer;
    white-space: nowrap;
}
.desktop .history .down div span {
    font-size: 1.4rem;
    font-weight: 500;
    margin-left: 1rem;
    color: #363636;
}
.desktop .history .down div i {
    font-size: 1.4rem;
    font-weight: 700;
}
.clicked {
    animation: history 2s ease-in-out;
    animation-delay: 2s;
}
@keyframes history {
    50% { transform: translateX(20px) }
}
.over-x {
    overflow-x: hidden;
}
.over-y {
    overflow-y: hidden;
}
.placeholders {
    width: fit-content;
    height: fit-content;
    padding: .5rem;

}

@keyframes loading-placeholders {
    from {
        opacity: .4;
    }
    to {
        opacity: 1;
    }
}
.placeholders p {
    display: flex;
    flex-direction: column;
    color: transparent;
    background-color: #eee;
    border-color: #eee;
    pointer-events: none;
    padding: .5rem;
    appearance: none;
    border-radius: .5rem;
    -webkit-appearance: none;
    animation: loading-placeholders 1s infinite alternate;
}

.w-12 {
    width: 12rem;
}
.h-10 {
    height: 10rem;
}
.w-32 {
    width: 32rem;
}
.h-24 {
    height: 24rem;
}
.w-67 {
    width: 67rem;
}
.h-26 {
    height: 26rem;
}
.h-16 {
    height: 16rem;
}
.w-140 {
    width: 140rem;
}
.h-42 {
    height: 42rem;
}
.w-42 {
    width: 42rem;
}
.h-70 {
    height: 7rem;
}
.w-70 {
    width: 7rem;
}
.h-30 {
    height: 30rem;
}
.h-20 {
    height: 20rem;
}
.h-31 {
    height: 31.9rem;
}
.w-200 {
    width: 200rem;
}
img[data-hide='true'] {
    visibility: hidden;
}
#app {
    /*overflow: hidden;*/
}
.w-15 {
    width: 15rem;
}
.cat-stock {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}
.mobile-click i, .mobile-click span {
    pointer-events: none;
}
.fs-10 {
    font-size: 1rem;
}
.single-product .modal-body {
    height: 7rem;
    display: flex;
    align-items: center;
}
.single-product .modal-body input {
    font-size: 14px;
}
#cart .cart-nav div a:last-child {
    color: #3c4043;
    font-size: 16px;
    font-weight: 500;
    transition: .3s;
}
#cart .cart-nav div a .fa-arrow-right {
    animation: arrowCart 4s linear infinite;
    animation-delay: 2s;
}

@keyframes arrowCart {
    0% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(20px);
        color: #ef4056;
    }
    100% {
        transform: translateX(0px);
    }
}
.cart-arrow-hide {
    position: absolute;
    left: 164px;
    white-space: nowrap;
    color: #ee384e;
    animation: hideCart 4s linear infinite;
    animation-delay: 2s;
    opacity: 0;
    pointer-events: none;
}
@keyframes hideCart {
    0% {
        opacity: 0;
        color: #3c4043;
    }
    50% {
        opacity: 1;
        color: #ee384e;
        pointer-events: inherit;
    }
    100% {
        opacity: 0;
        color: #3c4043;
    }
}
.cart-nav .position-relative {
    margin-left: 1rem;
}
.h-0 {
    height: 0 !important;
}
.w-0 {
    width: 0 !important;
}

.zoomable {
    position: relative;
    overflow: hidden;
}
.zoomable__img {
    transform-origin: var(--zoom-pos-x, 0%) var(--zoom-pos-y, 0%);
    transition: transform 0.15s linear;
}
.zoomable--zoomed .zoomable__img {
    cursor: zoom-in;
    transform: scale(var(--zoom, 2));
}

.brands {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.brands__item {
    width: 161px;
    margin: 5px;
    border-radius: 5px;
    --s: 7px;
    border: calc(2*var(--s)) solid #0000;
    outline: 1px solid #d9d9d9;
    outline-offset: calc(-1*var(--s));
    background: conic-gradient(from 90deg at 1px 1px,#0000 25%,#c0c0c0 0);
    overflow: hidden;
}
.brands__item a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.brands__item a img, .brand-icon {
    transition: all 1s ease;
    padding: 10px;
}
.brand-icon i {
    font-size: 50px;
    color: #61a0be;
}
.brands__item:hover > a img {
    transform: rotate(1turn);
}
.brands__item span {
    z-index: 2;
    background: linear-gradient(17deg, #e1c49047, #00000000,#e1c4903b);
    width: 100%;
    text-align: center;
    color: black;
}
.search_brand {
    margin: 0px;
    padding: 0px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'IRANSans' !important;
}
.search_brand h1 {
    margin-left: auto;
}
.search_brand .searchBrand-box{
    width: fit-content;
    height: fit-content;
    position: relative;
    margin-left: auto;
}
.search_brand .input-search {
    height: 50px;
    width: 50px;
    border-style: none;
    padding: 10px;
    font-size: 18px;
    letter-spacing: 2px;
    outline: none;
    border-radius: 25px;
    transition: all .5s ease-in-out;
    background-color: #22a6b3;
    padding-right: 40px;
    color:#000;
}
.search_brand .input-search::placeholder{
    color:#000;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 100;
}
.search_brand .btn-searchBrand{
    width: 50px;
    height: 50px;
    border-style: none;
    font-size: 20px;
    font-weight: bold;
    outline: none;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    color:#2a2424;
    background-color:transparent;
    pointer-events: painted;
}
/*.search_brand .btn-searchBrand !*:focus ~ .input-search *!{
    width: 300px;
    border-radius: 0px;
    background-color: transparent;
    border-bottom:1px solid #009688;
    transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
}*/
.search_brand .input-search {
    width: 300px;
    border-radius: 0px;
    background-color: transparent;
    border-bottom:1px solid #009688;
    transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
}
.search_brand .input-search:focus{
    width: 300px;
    border-radius: 0px;
    background-color: transparent;
    border-bottom:1px solid rgba(255,255,255,.5);
    transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
}
.fs-12 {
    font-size: 12px;
}
.fs-14 {
    font-size: 14px;
}
.fs-15 {
    font-size: 15px;
}
.fs-16 {
    font-size: 16px;
}
.fs-22 {
    font-size: 22px;
}
.item_table .overflow-auto::-webkit-scrollbar{
    height: 2px;
    width: 8px;
    background: gray;
    border-radius: 1rem;
}
.product-seller .icon i {
    font-size: 20px;
    color: #61a0be;
}
.product-seller ul li {

}
.product-seller ul li .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-seller ul span {
    margin: 0 1rem;
}

.product-seller ul li:hover:after {
    display:inline-block;
}
.product-seller .brand p {
    width: 8rem;
    font-size: 1.4rem !important;
    font-weight: 400;
    color: #000000;
}
.product-seller .brand {
    margin-bottom: 1rem;
}
.product-seller .brand a {
    width: 3rem;
    height: 3rem;
    overflow: hidden;
}
.product-seller .brand img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1em;
}
.brand_info .brand_img {
    width: 7rem;
    height: 7rem;
    border: 1px dashed #3fc1d9;
    border-radius: 4rem;
    overflow: hidden;
    padding: 1rem;
    margin-bottom: 1rem;
}
.brand_info .brand_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.brand_info .brand-icon {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-result > div {
    display: flex;
    height: 8rem;
}
.search-result .result-item {
    width: 22rem;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: .8rem;
    padding: 1rem;
    height: 7rem;
}
.search-result .result-body {
    width: 30rem;
}
.search-result .result-title p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.searchLive {
    position: relative;
}
.searchLive a {
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: normal;
    font-size: 12px;
    font-weight: 400;
}
.search-result > div::-webkit-scrollbar{
    height: 2px;
    width: 4px;
    background: gray;
    border-radius: 1rem;
}
.search-result .category-text {
    padding: 2rem;
}
.search-result .category-text i {
    font-size: 2.2rem;
    color: #969696;
    margin-left: 1.7rem;
}
.search-result .category-text p {
    font-weight: 400;
}
.search-result-category {
    height: fit-content !important;
}
.search-result-category .border-bottom {
    border-bottom: 2px solid #f0f0f0;
}
.loading {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.68);
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-top-header img {
    width: 100%;
    height: auto;
}
.banner-top-header {
    margin-bottom: 1rem;
    max-height: 5.5rem;
}
.mobile .banner-top-header {
    height: auto;
}
.mobile .banner-top-header img {
    height: 100%;
    object-fit: none;
    width: 100%;
}
.mt-7 {
    margin-top: 7rem;
}
.votes p span, .votes p i {
    pointer-events: none;
}
.mag {
    height: 3.5rem;
    width: auto;
    margin-right: auto;
}
.mag img {
    height: 100%;
    width: 100%;
}
.seller-info {
    border: 1px solid #dedede;
    border-radius: 1rem;
    padding: 2rem;
    line-height: 4rem;
}
.seller-info .seller-icon {
    border: 1px solid #ebebeb;
    border-radius: .5rem;
    padding: 1rem 1.5rem 0;
}
.seller-info .seller-icon span:first-child i {
    color: #747474;
    font-size: 22px;
}
.seller-info .seller-icon span:last-child {
    right: 30px;
}
.seller-right-b {
    border-right: 1px solid #e9e9e9;
    padding: 0 2rem;
    width: 12%;
    flex-grow: 1;
}
.pointer {
    cursor: pointer;
    user-select: none;
}
.scroll-h {
    max-height: 30rem;
    overflow-y: scroll;
}
.seller-show {
    overflow: hidden;
}
.seller-show-item {
    width: 14rem;
    height: 14rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.seller-show-item .img {
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    overflow: hidden;
    background: linear-gradient(315deg, #e03d96, #7d4c9e);
    padding: .3rem;
}
.seller-show-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #ffffff;
}
.seller-show-item .seller-name {
    margin-top: 1rem;
    height: 5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.seller-show .swiper-pagination {
    background-color: #ffffff;
    border: 1px solid #c2c2c2;
    border-radius: 50%;
    width: 3.5rem !important;
    height: 3.5rem !important;
}
.seller-show .swiper-pagination:after {
    font-size: 15px !important;
    color: #827c7c;
    font-weight: 600;
}
.search-swiper {
    background-color: #ffffff;
    border: 1px solid #c2c2c2;
    border-radius: 50%;
    width: 2.5rem !important;
    height: 2.5rem !important;
    top: 70% !important;
}
.search-swiper:after {
    font-size: 10px !important;
    color: #827c7c;
    font-weight: 600;
    pointer-events: none;
}
.fa-microphone {
    position: absolute;
    left: 0;
    cursor: pointer;
}