/* ================================
   Font Definitions
================================ */


@font-face {
    font-family: "IRANSans";
    src: url("../font/iransans/woff2/IRANSansWeb(FaNum)_UltraLight.woff2") format("woff2"),
    url("../font/iransans/woff/IRANSansWeb(FaNum)_UltraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IRANSans";
    src: url("../font/iransans/woff2/IRANSansWeb(FaNum)_Light.woff2") format("woff2"),
    url("../font/iransans/woff/IRANSansWeb(FaNum)_Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IRANSans";
    src: url("../font/iransans/woff2/IRANSansWeb(FaNum).woff2") format("woff2"),
    url("../font/iransans/woff/IRANSansWeb(FaNum).woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IRANSans";
    src: url("../font/iransans/woff2/IRANSansWeb(FaNum)_Medium.woff2") format("woff2"),
    url("../font/iransans/woff/IRANSansWeb(FaNum)_Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IRANSans";
    src: url("../font/iransans/woff2/IRANSansWeb(FaNum)_Bold.woff2") format("woff2"),
    url("../font/iransans/woff/IRANSansWeb(FaNum)_Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IRANSans";
    src: url("../font/iransans/woff2/IRANSansWeb(FaNum)_Black.woff2") format("woff2"),
    url("../font/iransans/woff/IRANSansWeb(FaNum)_Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "IRANSansX";
    src: url("../font/iransans/woff2/IRANSansXFaNum-Light.woff2") format("woff2"),
    url("../font/iransans/woff/IRANSansXFaNum-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IRANSansX";
    src: url("../font/iransans/woff2/IRANSansXFaNum-Medium.woff2") format("woff2"),
    url("../font/iransans/woff/IRANSansXFaNum-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IRANSansX";
    src: url("../font/iransans/woff2/IRANSansXFaNum-Bold.woff2") format("woff2"),
    url("../font/iransans/woff/IRANSansXFaNum-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "YekanBakh";
    src: url("../font/yekan/YekanBakhFaNum-VF.woff2") format("woff2"),
    url("../font/yekan/YekanBakhFaNum-VF.woff") format("woff");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --main-color: #ff0078;
    --body-color: #F4F4F7;
    --bg-color: #F4F4F8;
    --text-primary: #303030;
    --text-secondary: #717C8B;
    --text-mute: #9D9D9D;
    --color-white: #FFFFFF;
    --shadow-default: 0 5px 10px #ECE0EE;
    --font-default: "YekanBakh";
}

/* ================================
   Helper Classes
================================ */
.full-width {
    width: 100%;
}

.full-height {
    height: 100%;
}

.section-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-title .title > span,
.wp-block-heading,
#reply-title {
    font-weight: 700;
    font-size: 15px;
    color: #1c1c25;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

h3.wp-block-heading {
    font-size: 14px;
    margin-bottom: 16px;
}

.section-title .title > span:before,
#reply-title:before,
h2.woocommerce-order-details__title:before {
    content: "";
    width: 4px;
    height: 16px;
    border-radius: 2px;
    background-color: var(--main-color);
    display: inline-block;
    margin-left: 7px;
}

.section-title.style-2-wrapper .title > span:before {
    width: 16px;
    height: 4px;
}

#reply-title {
    display: none;
}

.link {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 4px;
    cursor: pointer;
}


.link .icon {
    background-color: var(--main-color);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: var(--color-white);
    font-size: 12px;

}

.link .text {
    font-size: 13px;
    color: var(--text-mute);
    transition: all ease-in-out 0.2s;
}

.link:hover .text {

    color: var(--text-secondary);
}

.section-title.style-2-wrapper .link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: var(--main-color);
    border-radius: 16px;
    padding: 6px 12px;
}

.section-title.style-2-wrapper .link .icon {
    width: unset;
    height: unset;
}

.section-title.style-2-wrapper .link .text {
    color: var(--color-white);
}

.section-title.style-2-wrapper .link:hover .text {
    color: var(--color-white);
}

/* ================================
   Global Styles
================================ */
html {
    margin: 0 !important;
    padding: 0 !important;
    scroll-behavior: smooth;
    direction: rtl;
}
img.img-fade {
    transition: opacity .6s ease, background-color .6s ease;
}
img.img-fade:not(.img-loaded) {
    opacity: 0;
    background-color: #ececec;
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

del {
    text-decoration-line: line-through !important;
    text-decoration-color: #999 !important;
    text-decoration-thickness: 1px !important;
}

li {
    list-style: none !important;
}

a {
    text-decoration: none;
}

button {
    cursor: pointer;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input:focus {
    outline: none !important;
}

fieldset {
    border: none !important;
}

/* ================================
   Body
================================ */
body {
    background: var(--body-color);
    font-size: 14px;
    font-family: var(--font-default) !important;
    position: relative;
}


/* ================================
   Page
================================ */

article.page {
    margin: 0 24px;
}

article.page h1{
    padding: 8px 0 24px 0;
}


/* ================================
   Product Cards
================================ */
.product-card:not(.best-sell-product-card) {
    position: relative;
    background: var(--color-white);
    padding: 20px 24px;
    border-radius: 30px;
    box-shadow: var(--shadow-default);
}

.product-card .product-card-link,
.blog-item-link {
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.product-card.card-one {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.product-card.card-two {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    min-width: 330px;
}

.product-card .product-card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.product-card-top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 40px;
}

.amazing-products .product-card-top {
    min-height: unset;
}

.product-card .add-to-wishlist {
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.product-card.card-two .add-to-wishlist {
    cursor: pointer;
    position: relative;
    z-index: 2;
    margin-right: 8px;
    margin-top: 2px;
}

.product-card .add-to-wishlist i {
    color: var(--text-secondary);
    font-size: 18px;
}

.product-card .product-color ul li {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin-bottom: 3px;
}

.product-card h3 {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary);
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: start;
}

.product-card.best-sell-product-card h3 {
    min-height: auto;
}

.product-card .text_price {
    padding: 8px 0;
    color: var(--text-mute);
    margin: 0 auto;
}

.product-card-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.product-card-box-timer {
    margin-top: 20px;
}

.product-card-box-timer .end_sale {
    font-size: 13px;
    color: #e90000;
    background: #FFF4F4;
    padding: 4px 12px;
    border-radius: 8px;
}

.product-card-box-timer .countdown-timer span.dot {
    color: #e90000;
}

.woosw-btn {
    color: var(--text-secondary);
}

.woosw-btn i {
    font-size: 19px;
}

.add-to-cart {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background-color: var(--main-color);
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    gap: 4px;
}

.add-to-cart.outline {
    background-color: transparent;
    color: var(--color-white);
    border: 1px solid #ffa6eb;
    padding: 8px;
    border-radius: 8px;
    transition: all ease-in-out 0.2s;
}

.add-to-cart.rounded {
    border-radius: 100% !important;
}

.add-to-cart.outline:hover {
    background-color: var(--main-color);
    color: var(--color-white);
}

.add-to-cart.outline i {
    color: var(--main-color);
    transition: all ease-in-out 0.2s;
}

.add-to-cart.outline:hover i {
    color: var(--color-white);
}

.add-to-cart span {
    color: var(--color-white);
    font-size: 11px;
}

.add-to-cart.outline span {
    color: var(--main-color);
}

.add-to-cart.outline:hover span {
    color: var(--color-white);
}

.add-to-cart i {
    font-size: 13px;
    color: var(--color-white);
    margin-top: 2px;
}


.product-card .divider {
    width: 2px;
    height: 15px;
    background: #ebeef1;
    display: inline-block;
    margin: 0 3px;
}

.product.on-sale.simple .product-price {
    width: auto;
    display: flex;
    justify-content: start;
    flex-direction: column;
    position: relative;
}

.product.on-sale.simple .product-price span.woocommerce-Price-currencySymbol {
    rotate: 270deg;
    position: absolute;
    top: 21px;
    left: -30px;
}

.product-price del span.woocommerce-Price-currencySymbol {
    display: none !important;
}

.product-price .price {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: start;
    align-items: center;
}

.product-price .price .final-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--main-color);
    font-size: 20px;
    line-height: 14px;
}

.product-price .price .old-price {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    color: var(--text-secondary);
    font-size: 12px;
}

.product-price .price-suffix {
    font-size: 12px;
    color: var(--text-mute);
    margin: 0 2px;
}

.product-price .price-suffix.rotate {
    rotate: 270deg;
    margin-top: 10px;
}

.discount {
    font-size: 11px;
    font-weight: 500;
    background-color: var(--main-color);
    padding: 2px 5px;
    border-radius: 12px 12px 12px 4px;
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 35px;
    position: absolute;
    left: -4px;
    top: 1px;
}

.product-card.card-two .right {
    width: 30%;
}

.product-card.card-two .left {
    width: 70%;
}

.product-card.card-two .right,
.product-card.card-two .left {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 16px;
}

.product-card.card-two .left {
    width: 70%;
}

.product-card.card-two img {
    width: 91px;
    height: 91px;
}

.product-card.card-three .product-price {
    width: unset;
}

.product-card.card-three .product-card-body {
    margin: 0 0 20px 0;
}

.product-card.card-three .product-card-top {
    align-items: start;
}

.product-card:not(.card-four) h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.product-card.card-four {
    display: flex;
    gap: 16px;
    min-height: 140px
}

.product-card.card-four .right,
.product-card.card-four .left {
    display: flex;
}

.product-card.card-four .right {
    width: 72px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 16px
}

.product-card.card-four .left {
    width: calc(100% - 72px);
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: 8px;
}

.product.variable .product-card.card-four .product-price {
    display: flex;
}

.product.on-sale:not(.variable) .product-card.card-four .product-price span.woocommerce-Price-currencySymbol {
    rotate: 0deg !important;
    position: unset;
}

.product-card.card-four .rate {
    display: inline-flex;
    margin-top: 4px;
    align-items: center;
}

.product-card.card-four .bottom .product-color {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 64px;
}

.product-card.card-four img {
    width: 64px;
    height: 64px;
}

.product-card.card-four h3 {
    min-height: unset !important;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: start;
}

.product-card.card-four .product-price,
.product.on-sale .product-card.card-four .product-price {
    width: 100% !important;
}

.product-card.card-two .product-color ul,
.product-card.card-four .product-color ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.product-item.horizontal-widget {
    width: 320px;
}


.product-item.vertical-widget {
    width: 300px;
}

.product-item.product:not(.on-sale) .product-card.card-four .amount {
    margin-top: 0 !important;
}

.product .product-card.card-four .amount {
    justify-content: start;
}

.product-card.card-two h3 {
    align-items: start;
    text-align: right;
}


.product-card.card-two .discount {
    position: unset;
}

.product-card.card-two .product-price {
    display: flex;
    align-items: center;
}

.product-card.card-five .countdown-timer span.dot {
    color: var(--main-color) !important;
}

.product-card.card-five .product-card-body img {
    width: 132px;
    height: 132px;
}

.product-card.card-five .product-box-timer {
    margin-top: 16px;
}

.product-card.card-five .add-to-cart {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background-color: var(--main-color);
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    gap: 4px;
}

.product-card.card-five .add-to-cart:hover {
    background-color: var(--main-color);
}

.product-box-timer {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3c3c3c;
}

/* ================================
   Blog Cards
================================ */
.blog-card {
    position: relative;
}

.blog-card-link {
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

.blog-card.card-one {
    border-radius: 16px;
    overflow: hidden;
    background-position: center;
}

.blog-card.card-one h3 {
    position: absolute;
    bottom: 16px;
    right: 8px;
    color: var(--color-white);
    font-weight: 600;
    font-size: 16px;
    z-index: 2;
}

.blog-card.card-one {
    border-radius: 16px;
}

.blog-card.card-one:after {
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.55));
    content: "";
    display: block;
    width: 100%;
    height: 100%;
}

/* ================================
   Header
================================ */

.header {
    background: var(--color-white);
    border-bottom: solid 1px #ebeef1;
    position: relative;
    z-index: 5;
}

.header .top img {
    width: 100%;
    height: 40px;
    object-fit: cover;
    display: block;
}

.header .top .top-banner-text {
    padding: 12px;
    width: 100%;
    display: block;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
}

.header .middle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    padding: 4px 24px 0 24px;
    border-bottom: 1px solid var(--bg-color);
}

.header .right {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 16px
}

.header .right .logo {
    position: relative;
    min-height: 30px;
}

.header .right .logo a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    min-height: 30px;
}

.header .right .logo img {
    width: 100%;
}

.header .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 24px;
}

.header .bottom .nav-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header .bottom .support {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 16px;
}

.header .bottom .support .item {
    display: flex;
    justify-content: end;
    align-items: center;
}

.header .bottom .support .item:first-child {
    border-left: 1px solid var(--bg-color);
}

.header .bottom .support .item .title {
    font-size: 14px;
    color: var(--text-mute);
    font-weight: 500;
    margin-bottom: 5px;
    text-align: left;
}

.header .bottom .support .item .value {
    color: var(--text-secondary);
    font-weight: 500;
    text-align: left;

}

.header .bottom .support .item .icon {
    margin-right: 8px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.header .bottom .support .item .icon img {
    width: 95%;
    height: 95%;
}

.header .bottom .nav-container ul.nav {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
}

.header .bottom .nav-container ul.nav li a {
    display: flex;
    justify-content: start;
    align-items: center;
    cursor: pointer;
    margin: 8px 4px;
    font-size: 13px;
    color: var(--text-mute);
    font-weight: 500;
    text-align: left;
    transition: all ease-in-out 0.2s;
}

.header .bottom .nav-container ul.nav li a .icon {
    margin-left: 3px;
}

.header .bottom .nav-container ul.nav li a:hover {
    color: var(--main-color);
}

.header .mega-menu-box {
    position: relative;
}

.header .mega-menu-box .mega-menu-items {
    position: absolute;
    right: 0;
    top: 54px;
    height: auto;
    background: var(--color-white);
    visibility: hidden;
    width: 230px;
    border-radius: 16px;
    z-index: 20;
    transition: all ease-in-out 0.2s;
    box-shadow: var(--shadow-default);
}

.header .mega-menu-box:hover .mega-menu-items {
    visibility: visible;
}

.header .mega-menu-box .mega-menu-items > ul {
    padding: 10px 5px;
    margin: 0;
    position: relative;
}

.header .mega-menu-box .mega-menu-items > ul .menu-item a {
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    color: #1c1c25;
    width: calc(100% - 14px);
    display: inline-block;
    text-align: right;
    padding: 10px;
    border-radius: 8px;
    margin: 0 7px;
}

.header .mega-menu-box .mega-menu-items > ul .menu-item .sub-menu {
    position: absolute;
    background: var(--color-white);
    visibility: hidden;
    min-width: 200px;
    max-width: 240px;
    width: 240px;
    max-height: 50vh;
    border-radius: 16px;
    z-index: 20;
    transition: all .3s ease;
    margin: 0;
    right: 235px;
    top: 0;
    padding: 10px 5px;
    box-shadow: var(--shadow-default);
}

.header .mega-menu-box .mega-menu-items > ul .menu-item .sub-menu .menu-item ul {
    visibility: hidden;
    position: absolute;
    right: 245px;
    top: 0;
    background: var(--color-white);
    border-radius: 16px;
    z-index: 20;
    transition: all ease-in-out 0.2s;
    padding: 10px 5px;
    min-width: 150px;
}

.header .mega-menu-box .mega-menu-items > ul .menu-item .sub-menu .menu-item:hover ul {
    visibility: visible;
}

.header .mega-menu-box .mega-menu-items .menu-item .sub-menu > li > ul li a {
    color: #666;
    font-size: 13px;
}

.header .mega-menu-box .mega-menu-items > ul .menu-item:hover > a,
.header .mega-menu-box .mega-menu-items .menu-item .sub-menu > li > ul li:hover a {
    background: var(--main-color);
    color: var(--color-white);
    font-weight: 500;
}

.header .mega-menu-box .mega-menu-items > ul .menu-item:hover .sub-menu {
    visibility: visible;
}

.header .mega-menu-box .mega-menu-title {
    padding: 10px 16px;
    background: var(--main-color);
    color: var(--color-white);
    border-radius: 20px;
    font-weight: 500;
    display: flex;
    margin-left: 15px;
    cursor: pointer;
    align-items: center;
}

.header .mega-menu-box .mega-menu-title .icon {
    width: 14px;
    height: 14px;
    margin: 0 0 0 8px;
}

.header .right .nav {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.header .right .nav li a {
    text-decoration: none;
    color: var(--text-secondary);
    font-weight: 500;
    font-size: 15px;
    transition: all ease-in-out 0.2s;
}

.header .right .nav li.active a,
.header .right .nav li a:hover {
    color: var(--main-color);
}

.header .left {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 8px;
}

.header .left .user-helpers {
    display: flex;
    gap: 4px;
}

.header .left .user-helpers a.cart,
.header .left .user-helpers a.wishlist,
.header .left .user-helpers .search-btn-container a.search,
.header .left .user-helpers a.profile {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: none;
    background-color: var(--bg-color) !important;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .left .user-helpers a.cart:hover,
.header .left .user-helpers a.profile:hover {
    background: #e2e2e8;
}


.header .left .user-helpers a.cart {
    background: var(--main-color) !important;
}

.header .left .user-helpers .cart-btn-container {
    position: relative;
}

.header .left .user-helpers .cart-btn-container .cart-content {
    position: absolute;
    left: 0;
    top: 45px;
    background: var(--color-white);
    min-width: 300px;
    box-shadow: var(--shadow-default);
    z-index: 10;
    padding: 16px 20px 24px 20px;
    border-radius: 16px;
    visibility: hidden;
    opacity: 0;
    transition: all ease-in-out 0.3s;
    max-height: 500px;
    overflow-y: auto;
}


.header .left .user-helpers .cart-btn-container .cart-content ul.cart_list li a:not(.remove) {
    position: relative !important;
}


.header .left .user-helpers .cart-btn-container:hover .cart-content {
    visibility: visible;
    opacity: 1;
}

.header .left .user-helpers .cart {
    background: var(--main-color);
    position: relative;
}

.header .user-helpers .cart-content {
    position: absolute;
    left: 0;
    top: 0;
    background: var(--color-white);
}

.header .left .user-helpers .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .left .user-helpers .icon img {
    width: 24px;
    height: 24px;
    margin: auto;
}

.header .left .user-helpers .profile .icon img {
    width: 18px;
    height: 18px;
}

.header .left .user-helpers .cart .badge {

    position: absolute;
    background: #f3f3f9;
    color: var(--main-color);
    width: 25px;
    height: 25px;
    border-radius: 100%;
    right: -7px;
    top: -13px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border: 1px solid var(--color-white);
    font-weight: 500;
}

.search-container {
    border: 1px solid #cacad0;
    border-radius: 15px;
    outline: none !important;
    padding: 5px 16px;
    width: 310px;
    position: relative;
}

.search-container .icon {
    position: absolute;
    left: 7px;
    top: 4px;
    width: 28px;
    height: 28px;
    display: inline-block;
}

.search-container .icon img {
    width: 28px;
    height: 28px;
}

.search-container input,
.search-container input:focus {
    border: none !important;
}

.search-container input {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-family: var(--font-default) !important;
}

.search-container input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

.search-container input::placeholder {
    font-family: var(--font-default) !important;
    font-weight: 500;
    font-size: 14px;
}

.header .header-one .right nav {
    margin: 0 16px;
}

.header .header-two {
    display: flex;
    flex-direction: column;
}

.header .header-two .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 28px;
    padding: 16px 0;
}

.header .header-two .user-helpers {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: var(--bg-color) !important;
    border-radius: 16px;
    padding: 0 4px;
}

.header .header-two .left .user-helpers a.cart,
.header .header-two .left .user-helpers a.wishlist,
.header .header-two .left .user-helpers .search-btn-container a.search,
.header .header-two .left .user-helpers a.profile {
    width: 32px;
    height: 44px;
}

.header .header-two .mega-menu-box .mega-menu-title {
    background: transparent;
    color: var(--text-secondary);
    display: flex;
    font-weight: 600;
    margin-left: 0;
}

.header .header-two .left .user-helpers a.cart {
    background: transparent !important;
}

.header .header-two .left .user-helpers .icon i {
    color: var(--text-primary) !important;
    font-size: 16px;
}

.header .header-two .left .user-helpers .cart-btn-container .cart {
    display: flex;
    gap: 8px;
    width: auto !important;
    border: 1px solid var(--color-white);
    border-radius: 16px;
    padding: 0px 8px;
    height: 32px;
    align-items: center;
    justify-content: center;
    background: #fff9ff !important;
}

.header .header-two .left .user-helpers .cart .badge {
    border: none !important;
    background: var(--main-color);
    color: #f3f3f9;
    width: 20px;
    height: 20px;
    border-radius: 4px;
}


.header .header-two .left .user-helpers .cart .badge {
    position: relative !important;
    right: unset !important;
    top: unset !important;
}

/* ================================
   Bottom Navigation
================================ */

.bottom-navigation-bar {
    border-top: 1px solid #fff3f7;
    height: 60px;
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    background: var(--color-white);
    z-index: 99;
}

.bottom-navigation {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.bottom-navigation li a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    color: var(--text-secondary);
}

.bottom-navigation li a {
    padding: 8px 16px;
    cursor: pointer;
}

.bottom-navigation li a .icon {
    color: var(--text-secondary);
    font-size: 16px;

}

.bottom-navigation li a .text {
    color: var(--text-secondary);
    font-size: 13px;

}

/* ================================
   Content
================================ */
.content {
    min-height: 330px;
}

/* ================================
   Breadcrumb
================================ */
.breadcrumb,
.woocommerce-breadcrumb {
    margin: 32px 24px 24px 24px;
    color: var(--text-mute) !important;
}

nav.breadcrumbs a.breadcrumb-item, .woocommerce-breadcrumb a {
    color: var(--text-mute) !important;
    font-size: 14px;
}

nav.breadcrumbs a.breadcrumb-item:visited {
    color: var(--text-mute) !important;
}

nav.breadcrumbs a.breadcrumb-item:hover {
    color: var(--main-color) !important;
}

/* ================================
   ُStory
================================ */
.lia-story {
    text-align: center;
    margin: 24px auto;
}

.lia-story {
    text-align: center;
    margin-bottom: 0;
}

.stories.carousel .story, .stories.carousel .story:first-child, .stories.carousel .story:last-child {
    margin: 0 15px;
}

.stories.carousel .story > .item-link > .info .name {
    font-weight: 500;
}

#zuck-modal-content {
    direction: ltr;
    text-align: left;
}

#zuck-modal-content .story-viewer .head .right {
    margin-right: 20px;
}

#zuck-modal-content .story-viewer .head .right .close {
    color: var(--color-white);
    transition: all ease-in-out 0.2s;
}

#zuck-modal-content .story-viewer .head .right .close:hover {
    color: #dddddd;
}

#zuck-modal-content .story-viewer .slides-pagination span {
    font-family: initial;
}

#zuck-modal-content .story-viewer .slides-pagination .next {
    right: 20px;
}

#zuck-modal-content .story-viewer .head .time {
    display: none !important;
}

#zuck-modal-content .story-viewer .head {
    z-index: 6;
}

.stories.carousel .story > .item-link > .info .name {
    font-size: 12px !important;
    color: var(--text-secondary);
}

/* ================================
   Main Slider
================================ */

.main-slider {
    margin-bottom: 16px;
}

.main-slider .owl-stage-outer {
    border-radius: 15px;
}

.main-slider .owl-theme .owl-dots {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.main-slider .owl-theme .owl-dots button.owl-dot span {
    background: #000;
    opacity: .3;
    width: 7px;
    height: 7px;
    margin: 2px 3px;
}

.main-slider .owl-theme .owl-dots button.active span {
    background: var(--color-white);
    opacity: 1;
    width: 18px;
}

.main-slider .owl-carousel .owl-nav button.owl-prev:before {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.main-slider .owl-carousel .owl-nav button.owl-next:before {
    content: "\f053";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.main-slider .owl-carousel .owl-nav button.owl-next {
    right: 80px;
}

.main-slider .owl-carousel .owl-nav button.owl-prev {
    right: 35px;
}

.main-slider .owl-carousel .owl-nav button {
    position: absolute;
    bottom: 35px;
    background: var(--color-white);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}

.main-slider:hover .owl-carousel .owl-nav button {
    opacity: 1;
}

.main-slider .owl-carousel .owl-nav button:hover {
    background: var(--color-white);
    color: #333;
}

.categories.archive-page ,
.services,
.related-blogs-container,
.archive-container,
.product-container ,
.product-contents ,
.related-products-container ,
.blog-details,
.search-results-container ,
.comments-container {
    margin: 0 24px 32px 24px;
}

/* ================================
   Amazing Products
================================ */
.amazing-products {
    padding: 15px;
    border-radius: 16px;
    background: var(--main-color);
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 16px;
}

.amazing-products .product-card-body img {
    width: 132px;
    height: 132px;
}

.amazing-products-slider .owl-carousel .product-card {
    box-shadow: none !important;
}

.amazing-products-controller-mobile {
    display: none;
}

.amazing-products-controller {
    width: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 40px 25px;
}

.amazing-products-controller .icon {
    font-size: 28px;
    color: var(--color-white);
}

.amazing-products-controller img {
    margin: 0 auto 0 auto;
    width: 110px;
    height: 110px;
}

.amazing-products-controller .link {
    padding: 6px 13px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    cursor: pointer;
    background: transparent;
    font-size: 13px;
}

.amazing-products-controller .link .text {
    color: var(--color-white);
}

.amazing-products-slider {
    width: calc(100% - 200px);
}

/* ================================
   Best Selling Products
================================ */
.best-selling-products {
    display: flex;
    justify-content: start;
    align-items: stretch;
    gap: 16px;
}


.best-sell-product {
    background: var(--main-color);
    border-radius: 15px;
    width: 250px;
    position: relative;
    flex-shrink: 0;
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
}

.best-sell-product .product-card {
    height: 100%;
}

.best-sell-product .product-card .product-card-top {
    align-items: start;
}

.best-sell-product figure {
    border-radius: 50%;
    background: var(--color-white);
    width: 170px;
    height: 170px;
    margin: 0 auto;
    padding: 15px;
    overflow: hidden;
    animation: pulse-white 1.5s infinite;
}

.best-sell-product-card .product-card-top .woosw-btn i {
    color: var(--color-white);
}

.best-selling-products-slider .product-card-body img {
    width: 132px;
    height: 132px;
}

@keyframes pulse-white {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.best-sell-product figure img {
    width: 140px;
    margin: auto;
    display: block;
    border-radius: 40px;
    height: 140px;
}

.best-sell-product .product-card .product-card-body h3 {
    color: var(--color-white) !important;
    text-align: center;
}

.best-sell-product .product-card .product-price del .amount,
.best-sell-product .product-card .product-price span.woocommerce-Price-currencySymbol {
    color: #e0e0e0 !important;
    font-weight: 500 !important;
}

.best-sell-product .product-card .product-price .discount,
.best-sell-product .product-card .add-to-cart {
    background-color: var(--color-white) !important;
    color: var(--main-color) !important;
}

.best-sell-product .product-card .add-to-cart i {
    color: var(--main-color) !important;
}

.best-sell-product .product-card .product-price ins .amount {
    color: var(--color-white) !important;
}

.best-selling-products .best-selling-products-slider {
    width: calc(100% - 250px);
}

/* ================================
   New Products
================================ */

.new-products-slider .product-card-body img {
    width: 150px;
    height: 150px;
}

/* ================================
   Category ,Brand
================================ */

.category-card,
.brand-item {
    position: relative;
}

.category-card-body,
.brand-card-body {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-direction: column;
}

.category-card-body h3 {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease-in-out 0.2s;
    color: var(--text-primary);
    cursor: pointer;
}

.category-card-body h3:hover {
    color: var(--main-color) !important;
}

.category-card .category-card-link,
.brand-card .brand-card-link {
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.categories-slider .item,
.brands-slider .item {
    padding: 12px !important;
}

.brands-slider .brand-card img {
    width: 64px;
    height: 64px;
}

.card-two .category-card-body {
    flex-direction: row !important;
    justify-content: start !important;
    gap: 8px;
    padding: 4px;
}

.card-one .category-card-body img {
    width: 64px !important;
    height: 64px !important;
}

.card-two .category-card-body img {
    width: 52px !important;
    height: 52px !important;
}

.card-two .category-card-body h3 {
    text-align: right;
}

/* ================================
   Carousel
================================ */

.owl-carousel.brands-slider .item,
.owl-carousel.categories-slider .item {
    background: var(--color-white);
    padding: 20px 24px;
    border-radius: 30px;
    box-shadow: var(--shadow-default);
}

.owl-carousel .owl-item .offer img {
    width: auto;
}

.owl-carousel .item.brand-item {
    width: 110px;
    height: 110px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.owl-carousel:not(.brands-slider , .slider-main) .owl-stage {
    display: flex;
}

.owl-carousel:not(.brands-slider,  .slider-main) .owl-item {
    display: flex;
}

.owl-carousel:not(.brands-slider, .slider-main) .owl-item:not(:first-child , :last-child) {
    margin: 0 8px;
}

.owl-carousel:not(.brands-slider ,  .slider-main) .owl-item .item {
    width: 100%;
}

.owl-carousel:not(.slider-main) .owl-stage-outer {
    padding: 4px 0;
}

/* ================================
   Banners
================================ */

.promo-banner {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.promo-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.promo-banner.no-overlay::before {
    display: none;
}

.promo-banner-content {
    position: relative;
    z-index: 2;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.promo-title {
    margin: 0 0 10px;
}

.promo-subtitle {
    margin: 0 0 15px;
}

.promo-btn {
    display: inline-block;
    text-decoration: none;
    transition: 0.3s;
    align-self: center;
}

/* ================================
   Blogs
================================ */

.blogs .blog-item {
    position: relative;
}

.blogs .item {
    border-radius: 16px;
    border: 1px solid #ece0ee;
    overflow: hidden;
    background: var(--color-white);
}

.blogs .item .date {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: var(--text-mute);
    font-weight: 500;
    margin-bottom: 16px;
}

.blogs .item .blog-card-body {
    padding: 16px 16px 16px 16px;
    position: relative;
}

.blogs .item .card-action {
    position: absolute;
    left: 15px;
    top: -15px;
    cursor: pointer;
}

.blogs .item img {
    height: auto;
    max-height: 200px;
    max-width: 100%;
}

.blogs .item h3 {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary);
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 12px 0 8px 0;
    background-color: var(--color-white);
    min-height: 50px;
}

.blogs .item .sub-title {
    font-size: 12px;
    color: var(--text-mute);
    padding: 0;
}

/* ================================
   Comments
================================ */

.users-comments .comment-item {
    background: var(--color-white);
    padding: 20px 24px;
    border-radius: 30px;
    box-shadow: var(--shadow-default) !important;
    max-width: unset !important;
}

.users-comments .comment-item .comment-header {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 20px;
    gap: 4px;
}

.users-comments .comment-item .comment-header h3 a {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary);
}

.users-comments .comment-item .comment-header img {
    width: 64px;
    height: 64px;
    margin-left: 10px;
}

.users-comments .comment-item .comment-user {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 8px;
}

.users-comments .comment-item .comment-user .user {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 8px;
}

.users-comments .comment-item .comment-user .user-name {
    font-size: 12px;
    font-weight: 500;
}

.users-comments .comment-item .comment-user .user-avatar img {
    width: 36px;
    height: 36px;
    border-radius: 100%;
}

.users-comments .comment-item p {
    font-size: 13px;
    line-height: 22px;
    color: var(--text-secondary);
    margin-top: 12px;
}

/* ================================
   Services
================================ */

.services {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.services .service, .services .service a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 8px;
}

.services .service h3 {
    font-size: 13px;
    font-weight: 500;
    color: rgb(157, 157, 157);
}

/* ================================
   Rate
================================ */

.rate {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.rate i {
    color: #F8A824;
}

/* ================================
   Timer
================================ */

.countdown-timer {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
}

.countdown-timer .number {
    background: #FFF4F4;
    color: var(--main-color);
    min-width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 0 4px;
}

.countdown-timer span.dot {
    font-size: 14px;
    color: var(--color-white);
    margin: 0 2px;
}

.offer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px;
}

/* ================================
   Archive
================================ */

.archive-container {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.toggle-blog-archive-sidebar, .toggle-archive-sidebar {
    position: fixed;
    border-radius: 16px;
    bottom: 20px;
    left: 20px;
    width: 50px;
    height: 50px;
    display: none;
    align-content: center;
    justify-content: center;
    z-index: 10;
    cursor: pointer;
    padding: 16px;
    color: var(--color-white);
    background: var(--main-color);
    box-shadow: 0 4px 5px #ff99ca !important;
}

.archive-container .toggle-archive-sidebar i {
    margin-top: 3px;
}

.archive-sidebar,
.blog-details .sidebar {
    width: 300px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 24px;
}

.archive-sidebar {
    padding: 0 0 20px 24px;;
}

.products-archive-container .archive-sidebar {
    padding: 0 16px 20px 16px;
}

.archive-sidebar .search-container,
.blog-details .sidebar .search-container,
.blog-details .sidebar .categories {
    width: 100%;
    background: var(--color-white);
    border-radius: 16px;
    box-shadow: var(--shadow-default);
}

.archive-sidebar .search-container,
.blog-details .sidebar .search-container {
    border: none !important;
    padding: 12px 16px;
}

.archive-sidebar .search-container .icon,
.blog-details .sidebar .search-container .icon {
    left: 10px;
    top: 13px;
}

.blog-details .sidebar .widgets {
    width: 100%;
}

.archive-sidebar .widgets {
    width: 100%;
}

.blog-details .sidebar .widgets .widget,
.archive-sidebar .widgets .widget {
    background: var(--color-white);
    border-radius: 16px;
    box-shadow: var(--shadow-default);
    padding: 16px 24px;
}

.blog-details .sidebar .widgets .widget:not(:last-child),
.archive-sidebar .widgets .widget:not(:last-child) {
    margin-bottom: 32px;
}

.archive-sidebar .widgets .widget h2.widgettitle {
    font-size: 14px;
    margin-bottom: 16px;
    color: var(--text-primary);
}

.archive-sidebar .widgets .widget .product_list_widget li {
    padding: 8px 0;
}

.archive-sidebar .widgets .widget .product_list_widget li .woocommerce-Price-amount {
    font-size: 12px;
    color: #888;
}

.archive-sidebar .widgets .widget .product_list_widget li a .product-title {
    display: flex;
    gap: 16px;

}

.archive-sidebar .widgets .widget .product_list_widget li a .product-title {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 500;
}

.archive-container .archive-sidebar .categories .title,
.blog-details .sidebar .categories .title {
    margin-bottom: 16px;

}

.archive-container .archive-sidebar .categories .title span,
.blog-details .sidebar .categories .title span {
    border-bottom: 3px solid var(--main-color);
    padding-bottom: 8px;
    font-weight: 700;
    font-size: 14px;
    color: #1c1c25;
}

.archive-container .archive-sidebar .categories ul,
.blog-details .sidebar .categories ul {
    padding: 0;
    max-height: 500px;
    overflow-y: auto;
    margin: 0;
}

.archive-container .archive-sidebar .categories ul li.cat-item a,
.blog-details .sidebar .categories ul li.cat-item a {
    padding: 16px 0 0 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-secondary);
    display: flex;
    transition: all ease-in-out 0.2s;
}

.archive-container .archive-sidebar .categories ul li.cat-item:hover a,
.blog-details .sidebar .categories ul li.cat-item:hover a {
    color: var(--main-color)
}

.archive-container .archive-sidebar .categories ul li.cat-item.current-cat a,
.blog-details .sidebar .categories ul li.cat-item.current-cat a {
    color: var(--main-color)
}

.archive-container .archive-products,
.archive-container .archive-blogs {
    width: calc(100% - 300px);
}

.archive-products .products {
    display: flex;
    align-items: stretch;
    justify-content: start;
    flex-wrap: wrap;
    background: var(--color-white);
    padding: 10px;
    border-radius: 30px;
    box-shadow: var(--shadow-default);
}

.archive-products.style1 .products .product {
    width: 33% !important;
    border-bottom: solid 1px #ebeef1;
}

.archive-products.style2 .products .product .product-card.card-two {
    min-width: unset !important;
}

.archive-products.style2 .products .product {
    width: calc(25%) !important;
}

.archive-products .products .product .product-card {
    box-shadow: none !important;
    margin: 0 !important;
}


.wp-block-archives-list li,
.wp-block-categories-list li,
.wp-block-latest-posts.wp-block-latest-posts__list li {
    padding: 4px 0;
}

.wp-block-categories-list li a,
.wp-block-archives-list li a,
.wp-block-latest-posts.wp-block-latest-posts__list li a,
.wp-block-archives-list li a:visited,
.wp-block-categories-list li a:visited,
.wp-block-latest-posts.wp-block-latest-posts__list li a:visited {
    color: var(--text-secondary);
    transition: all ease-in-out 0.2s;
}

.wp-block-latest-posts.wp-block-latest-posts__list li a:hover,
.wp-block-archives-list li a:hover,
.wp-block-categories-list li a:hover {
    color: var(--main-color);
}

.filters {
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: start;
    gap: 12px;
}

.filters li {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 4px;
}

.filters li a {
    font-size: 14px;
    color: var(--text-primary);
}

.filters li:not(:first-child) a {
    cursor: pointer;
}

/* ================================
   Product
================================ */

.product-container .product {
    display: flex;
    align-items: stretch;
    justify-content: start;
    flex-wrap: wrap;
    background: var(--color-white);
    padding: 24px;
    border-radius: 30px;
    box-shadow: var(--shadow-default);
}

.product-container .offer .countdown-timer span.dot {
    color: var(--main-color) !important;
}

.product-container .offer .countdown-timer .number {
    font-size: 15px;
}

.product-container .product-meta-action {
    padding: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-container .product-meta-action li {
    padding: 8px;
}

.product-container .product-meta-action li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-mute);
    border: 1px solid #ebeef1;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.product-container .additional-info {
    display: flex;
    align-items: center;
    justify-content: start;
    border: 1px solid #ebeef1;
    border-radius: 8px;
    padding: 16px 16px;
    gap: 8px;
    max-width: 90%;
    margin-top: 16px;
}

.product-container .go-to-attributes {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin: 8px auto 0 auto;
    position: absolute;
    bottom: 5px;
    left:0;
    right: 0;
    background: linear-gradient(
            to bottom,
            transparent 0px,
            white 4px,
            white 100%
    );
}

.product-container .go-to-attributes .line {
    height: 1px;
    background: var(--bg-color);
    width: calc(50% - 100px);
    display: inline-block;
}

.product-container .go-to-attributes .btn {
    font-size: 13px;
    color: var(--text-mute);
    border: 1px solid var(--bg-color);
    border-radius: 8px;
    padding: 8px 16px;
    text-align: center;
    cursor: pointer;
}

.product-container .additional-info i {
    font-size: 14px;
    color: var(--text-mute);
}

.product-container .additional-info p {
    font-size: 13px;
    color: var(--text-mute);
    line-height: 23px;
}

.product-container .attributes {
    display: flex;
    align-items: start;
    justify-content: start;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    overflow: hidden;
    width: 100%;
    max-height: 180px;
    position: relative;
    height: 180px;
    padding-bottom: 32px;
}

.product-container .attributes h4 {
    font-weight: 500;
    color: #7A7A7A;
    width: 100%;
    display: block;
}

.product-container .attributes .attribute {
    font-weight: 500;
    background: var(--bg-color);
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: start;
    gap: 4px;
    padding: 8px;
    border-radius: 12px;
    font-size: 12px;
    cursor: pointer;
    min-width: 100px;
}

.product-container .attribute .title {
    font-weight: 500;
    color: var(--text-secondary);
}


.product-container .attribute .value {
    color: #3a3a3a;
}

.product-container h1 {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
    word-spacing: -.2px;
    letter-spacing: -.3px;
    display: flex;
    align-items: center;
    color: var(--text-secondary);
}

.product-container .product-title {
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.product-container .product-title-en {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-mute);
    margin-top: -8px;
}

.product-container .offer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    background: #ffeafa;
    padding: 8px;
    border-radius: 10px;
}

.product-container .additional-attributes {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 32px;
}

.product-container .additional-attributes .attribute {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 4px;
    font-size: 13px;
}

.product-container .product-price,
.product-sidebar .product-price {
    margin: 32px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: auto;
    flex-direction: column;
    gap: 24px;
    position: relative;
}

.product-sidebar .product-price .discount,
.product-container .product-price .discount {
    margin: 32px 0;
}

.product-container .product-price .price .old-price,
.product-sidebar .product-price .price .old-price {
    font-size: 15px;
}

.product-container .product-price .price-suffix,
.product-sidebar .product-price .price-suffix {
    font-size: 13px;
    margin: 0 4px;
}

.product-container .product-price .price .final-price,
.product-sidebar .product-price .price .final-price {
    font-size: 20px;
    margin-top: 8px;
}

.product-container .product-price .price,
.product-sidebar .product-price .price {
    align-items: start;
}

.product-container .product-actions {
    width: 25%;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    border: 1px solid var(--bg-color);
}

.product-container .product-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.quantity {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg-color);
    padding: 8px;
    border-radius: 12px;
    font-size: 12px;
    cursor: pointer;
    height: 50px;
}

.quantity input {
    background: transparent;
    border: none;
    outline: none;
    text-align: center;
    color: var(--text-primary);
    font-size: 15px;
}

.quantity a {
    padding: 2px 8px;
}

.quantity i {
    color: var(--text-mute);
}

.product-container .add-to-cart,
.product-sidebar .add-to-cart {
    width: 100%;
    padding: 14px;
}

.product-container .add-to-cart span,
.product-sidebar .add-to-cart span {
    font-size: 15px;
}

.product-contents {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 16px;
}

.product-sidebar,
.product-content {
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    gap: 16px;
    background: var(--color-white);
    border-radius: 30px;
    box-shadow: var(--shadow-default);
}

.product-sidebar {
    width: 350px;
    padding: 24px 16px;
    position: sticky;
    top: 20px;
}

.product-content {
    width: calc(100% - 350px);
    padding: 24px 12px;

}

.product-content .tabs {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
    width: 100%;
    border-bottom: 1px solid var(--bg-color);
}

.product-content .tabs li {
    margin: 0 12px;
}

.product-content .tabs li a {
    display: flex;
    justify-content: start;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    color: var(--text-secondary);
    font-weight: 500;
    text-align: left;
    padding: 0 0 12px 0;
}

.product-content .tabs li.active a {
    font-weight: 600;
    font-size: 15px;
    color: var(--text-primary);
    border-bottom: 3px solid var(--main-color);
}

.product-content .nav-content {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.product-content p {
    font-size: 13px;
    line-height: 30px;
    color: #7A7A7A;
    padding: 0 0 16px 0;
}

.nav-content .attributes {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    width: 100%;
}

.nav-content .comments-container {
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 16px;
}

.nav-content .comments-sidebar {
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    gap: 4px;
    width: 224px;
    position: sticky;
    top: 20px;
}

.nav-content .comments-sidebar .text-body {
    font-weight: 700;
    font-size: 23px;
    color: var(--text-primary);
}

.nav-content .comments-sidebar p {
    margin: 16px 0 0 0;
}

.nav-content .comments-sidebar a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background-color: var(--color-white);
    border: 1px solid var(--main-color);
    color: var(--main-color);
    width: 100%;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
}

.nav-content .comments-content {
    width: calc(100% - 230px);
}

.nav-content .comments-content .comments {
    margin: 0;
}

.nav-content .comments-content .comments .comment-item:not(:last-child) {
    border-radius: 0;
    border-bottom: solid 1px #ebeef1;
}

.product-sidebar .product-action {
    width: 100%;
}

.product-sidebar .product-price {
    margin: 0 auto 16px auto;
}

.product-sidebar .product {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 20px;
    gap: 4px;
}

.product-sidebar .product h3 {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary);
}

.product-sidebar .product img {
    width: 64px;
    height: 64px;
    margin-left: 10px;
}

.related-blogs {
    margin-top: 20px;
}

.related-blogs .blogs {
    margin: 0;
}

.related-blogs .blogs .item h3 {
    margin: 24px 0 0 0;
}


/* ================================
   Blog
================================ */

.blog-details {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 48px;
}

.blog-details .sidebar {
    width: 300px;
    position: sticky;
    top: 20px;
}

.blog-details .content .blog-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-details .content .blog-info {
    margin: auto auto 32px auto;
}

.blog-details .content .blog-info h1 {
    margin: 0;
    color: var(--text-primary);
    font-weight: 600;
    font-size: 24px;
}

ul.blog-categories {
    display: flex;
    gap: 8px;
}

ul.blog-categories li a {
    padding: 4px 16px;
    background: var(--main-color);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--color-white);
    box-shadow: var(--shadow-default);
    font-size: 13px;
    margin-bottom: 16px;
}

.blog-details .content .blog-content {
    margin-top: 8px;
}

.blog-details .content .blog-content p {
    font-size: 14px !important;
    line-height: 32px;
    color: var(--text-secondary);
    margin-top: 24px;

}

.blog-details .content {
    width: calc(100% - 350px);
}

.archive-blogs .blogs {
    display: flex;
    align-items: start;
    justify-content: start;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
    margin: 0;
}

.archive-blogs .blogs .item {
    width: calc(33.33% - 24px);
}

.archive-blogs .blogs .item .card-action {
    top: -20px;
}

.pagination {
    text-align: center;
    margin: 12px auto;
    text-align: center;
    margin: 12px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

a.page-numbers, span.page-numbers {
    padding: 6px 16px;
    border-radius: 8px;
    font-size: 14px;
    color: var(--text-primary);
    background: #fefefe;
    box-shadow: var(--shadow-default);
}

span.page-numbers.current {
    color: var(--color-white) !important;
    border: 1px solid var(--main-color);
    background: var(--main-color);
    font-weight: 600;
}


/* ================================
   Comment Box
================================ */

.comment-box {
    overflow: hidden;
    margin-bottom: 30px;
    background: var(--color-white);
    padding: 0 24px;
    border-radius: 30px;
    box-shadow: var(--shadow-default);
}

.comment-box hr {
    display: none;
}

.comment-box .comment-respond p input:not(#wp-comment-cookies-consent) {
    margin: 0 0 32px 0 !important;
}

.comment-respond p.comment-form-url {
    display: none !important;
}

.comment-respond .comment-form-comment {
    margin: 20px 0;
}

.comment-respond p.comment-form-author {
    width: 49%;
    float: right;
    flex-direction: column;
}

.comment-respond p.comment-form-email {
    width: 49%;
    float: left;
    flex-direction: column;
}

.comment-respond .comment-form-cookies-consent {
    float: right;
    width: 100%;
    margin: 20px 0;
}

.comment-box .comments-inner {
    margin-top: 40px;
}

.comments-inner .comment {
    border-radius: 5px;
    margin: 20px 0;
    padding: 24px 0 0 0;
}


.comments-inner .comment:not(:first-child) {
    border-top: 1px solid #ddd;

}

.comments-inner .comment-awaiting-moderation {
    color: #cf5d5d;
    margin: 7px 0;
    display: inline-block;
}

.comments-inner .comment p {
    margin: 5px 0 15px;
    clear: both;
    line-height: 2;
}

.comments-inner .comment .depth-2 {
    background: #f9f9f9;
}

.comments-inner .comment .depth-3 {
    background: #f0f0f0;
}

.comments-inner .comment .comment-meta {
    display: none;
}

.comments-inner .comment .comment-author img {
    display: none;
}

.comments-inner .comment .comment-author .fn {
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
}

.comments-inner .comment .comment-author .says {
    display: none;
}

.comments-inner .comment .comment-meta a {
    color: #8a8a8a;
    font-size: 13px;
}

.comments-inner .comment p {
    font-size: 14px !important;
    line-height: 32px;
    color: var(--text-secondary);
    margin-top: 24px;
}

.comments-inner .comment .reply {
    display: block;
    margin-top: 15px;
}

.comments-inner .comment .reply a {
    background: #ecf0f1;
    color: #333;
    padding: 4px 15px;
}

.no-comments {
    padding: 24px 0;
}

#comments .comments-title {
    padding: 24px 0;
}

#comments ol.comment-list > li {
    padding: 24px 0;
    border-bottom: 1px solid var(--bg-color);
}

#comments ol.comment-list > li .children li {
    padding: 12px 24px;
}

#comments ol.comment-list li .comment-body .comment-author img.avatar {
    display: none !important;
}

#comments ol.comment-list li .comment-body .comment-author .comment-text {
    margin: 0 !important;
}

#comments ol.comment-list li .comment-body .comment-author a {

    font-size: 14px;
    font-weight: 600;
}

#comments ol.comment-list li .comment-body .comment-meta a {
    font-size: 12px;
}

#comments ol.comment-list li .comment-body .comment-meta a,
#comments ol.comment-list li .comment-body .comment-author a {
    color: #767676;
    font-style: normal;
}

#comments ol.comment-list li .comment-body p {
    font-size: 13px;
    line-height: 30px;
    color: #7A7A7A;
    padding: 16px 0 0 0;
}

#comments ol.comment-list li .comment-body .reply a {
    font-size: 13px;
    color: var(--text-mute);
}

#comments ol.comment-list li .comment-body .comment-author .says {
    display: none;
}

p.logged-in-as {
    font-size: 14px;
    color: #7A7A7A;
    margin: 12px 0 32px 0;
}

p.logged-in-as a {
    color: var(--main-color);
}

p.comment-form-comment {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

textarea#comment {
    border: none;
    border-radius: 16px;
    padding: 16px;
    color: #7A7A7A;
    font-family: var(--font-default) !important;
    box-shadow: var(--shadow-default);

}

input#submit {
    padding: 12px 20px;
    background: var(--main-color);
    color: var(--color-white);
    border: none;
    border-radius: 8px;
    font-family: var(--font-default);
    font-size: 14px;
    margin-top: 24px;
}

input#submit:focus, textarea#comment {
    border: 1px solid #ddd;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 8px;
    background: transparent;
}

.comment-respond label {
    font-weight: 500;
    color: var(--text-secondary);
}


.comment-respond p:not(.form-submit , .comment-form-cookies-consent) {
    display: flex;
    gap: 4px;
}

.comment-respond p input:not(#wp-comment-cookies-consent) {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 16px
}

a.url {
    font-size: 15px;
    color: var(--text-primary);
}


.cart-process {
    width: 95%;
    margin: 35px auto;
}

.cart-process ul {
    display: flex;
    justify-content: space-between;
}

.cart-process ul li {
    position: relative;
    flex-grow: 1;
    text-align: center;
}

.cart-process ul li::before {
    content: attr(data-step);
    width: 42px;
    height: 42px;
    background: var(--color-white);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    font-size: 18px;
    font-weight: 700;
    border: 2px solid #e6e6e6;
    color: #e6e6e6;
    z-index: 2;
    position: relative;
    margin: 0 auto;
}

.cart-process ul li::after {
    content: "";
    background: #eee;
    width: 100%;
    height: 8px;
    position: absolute;
    top: 21px;
    right: 50%;
}

.cart-process ul li.active::before {
    background: var(--main-color);
    color: var(--color-white);
    border: 2px solid var(--main-color);
}

.cart-process ul li:last-child:after {
    display: none;
}

.cart-process ul li a, .cart-process ul li span {
    margin-top: 12px;
    display: block;
    font-size: 14px;
    color: var(--text-primary);
    font-weight: 500;
}

.cart-process ul li.active a, .cart-process ul li.active span {
    color: var(--main-color);
}

.cart-process ul li.complete:before {
    background: #ece0ee;
    content: "✓";
    border: 2px solid var(--main-color);
    color: var(--main-color);
}

.cart-process ul li.complete:after {
    background: var(--main-color);
}

/* ================================
   Footer
================================ */

.footer {
    position: relative;
    margin: 32px 24px 0 24px;
}

.footer .footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #ddd;
    color: var(--color-white);
    border-radius: 30px;
    background: var(--main-color);
    margin-bottom: -30px;
    z-index: 2;
    position: relative;
    font-size: 15px;
}

.footer .footer-top .left span {
    border: 1px solid var(--color-white);
    padding: 6px 13px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
}

.footer-one .footer-main {
    margin-bottom: 40px;
    padding-top: 70px;
}


.footer-two .footer-main {
    margin-bottom: 40px;
    padding: 70px 32px 0 32px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
}

.footer-main .footer-widgets {
    display: flex;
    gap: 25px;
}

.footer-main .footer-widget {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 16px;
}

.footer-one .footer-main .about {
    width: 30%;
    margin-left: 30px;
}

.footer-two .footer-main .about {
    width: calc(100%);
    margin: 0;
}

.footer-main .footer-widget h3 {
    font-size: 18px;
    font-weight: 500;
    color: var(--text-primary);
}

.footer-main .footer-widget .footer-widget-body {
    color: var(--text-secondary);
    line-height: 28px;
    font-size: 14px;
}

.footer-main .footer-widget .licences {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
    flex-wrap: wrap;
}

.footer-main .footer-widget .licences img {
    width: 75px;
    height: 75px;
}

.footer-main .footer-widget .footer-widget-body ul li a {
    color: #7A7A7A;
    font-size: 14px;
    transition: all ease-in-out 0.2s;
    padding: 5px 0;
}

.footer-main .footer-widget .footer-widget-body ul li a:hover {
    color: var(--main-color);
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    color: #7E7E7E;
    padding: 20px 0;
}

.footer-bottom .social-footer {
    display: flex;
    gap: 20px;
}

.footer-bottom .social-footer a {
    display: flex;
}

.footer.footer-one .services {
    margin: 48px 16px 0 16px;
}

.footer.footer-two .services {
    margin: 0 16px 16px 16px;
}

.footer-contact-list li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.floating-button {
    font-size: 34px;
    position: fixed;
    right: 40px;
    bottom: 40px;
    background: var(--main-color);
    color: var(--color-white);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
    cursor: pointer;
    animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 120, .9);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 0, 120, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 120, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 120, .4);
        box-shadow: 0 0 0 0 rgba(255, 0, 120, .9);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(255, 0, 120, 0);
        box-shadow: 0 0 0 10px rgba(255, 0, 120, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 120, 0);
        box-shadow: 0 0 0 0 rgba(255, 0, 120, 0);
    }
}

.floating-button i {
    transition: all .2s ease-in-out;
}

.floating-contact .contact-list {
    width: 200px;
    position: fixed;
    right: 40px;
    bottom: 120px;
    background: var(--color-white);
    box-shadow: 0px 0px 10px #ddd;
    padding: 10px;
    border-radius: 15px;
    z-index: 100;
    display: none;
}

.floating-contact .contact-list a {
    display: flex;
    justify-content: space-between;
    padding: 5px;
    align-items: center;
}

.floating-contact .contact-list a span {
    color: var(--text-secondary)
}

.floating-contact .contact-list a:hover {
    background: #f3f4f6;
}

.floating-contact .contact-list a img {
    width: 28px;
    height: 28px;
}

/* ================================
 Modal
================================ */
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 6; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */

}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 15px;
    border: 1px solid #888;
    width: 460px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    border-radius: 10px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

/* The Close Button */
.close_login {
    color: #aaa;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    top: 10px;
    left: 15px;
}

.close_login:hover,
.close_login:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* ================================
   Search
================================ */

.content-ajax-search {
    position: absolute;
    right: 0;
    left: 0;
    top: 45px;
    background: var(--color-white);
    border: 1px solid var(--bg-color) !important;
    padding: 0 20px;
    z-index: 10;
    border-radius: 15px;
    border-top: 0;
    visibility: hidden;
    opacity: 0;
}

.show {
    visibility: visible !important;
    opacity: 1 !important;
}

.content-ajax-search ul {
    max-height: 300px;
    overflow-y: auto;
    padding-left: 10px;
    margin: 10px 0;
}

.content-ajax-search ul li a {
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid #ededed;
}

.content-ajax-search ul li a img {
    width: 55px;
    margin-left: 5px;
}

.content-ajax-search ul li a div h3 {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-secondary);
}

.content-ajax-search ul li:last-child a {
    border-bottom: 0;
}

.loader-ajax-search {
    position: absolute;
    right: 0;
    left: 0;
    background: var(--color-white);
    padding: 30px 0;
    z-index: 9;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 0;
    border-bottom: 0;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    top: 45px;
}

.loader {
    --color-1: #eee;
    --color-2: var(--main-color);
    --size: 1px;
    width: calc(48 * var(--size));
    height: calc(48 * var(--size));
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: calc(3 * var(--size)) solid;
    border-color: var(--color-1) var(--color-1) transparent transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    text-align: center;
}

.loader::after,
.loader::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: calc(3 * var(--size)) solid;
    border-color: transparent transparent var(--color-2) var(--color-2);
    width: calc(40 * var(--size));
    height: calc(40 * var(--size));
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotationBack 0.5s linear infinite;
    transform-origin: center center;
}

.loader::before {
    width: calc(32 * var(--size));
    height: calc(32 * var(--size));
    border-color: var(--color-1) var(--color-1) transparent transparent;
    animation: rotation 1.5s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 4;
    visibility: hidden;
    opacity: 0;
}

.not-fount-search {
    text-align: center;
}

.not-fount-search p {
    font-size: 15px;
    color: var(--text-secondary);
    font-weight: 500;
    margin: 16px auto;
    padding: 30px 0;
}

.searchbox-two {
    position: absolute;
    top: 0;
    right: 0;
    width: 99%;
    height: 100%;
    z-index: 95;
    display: none;
    background-color: var(--bg-color);
    margin: auto;
    left: 0;
}

.searchbox-two .content-ajax-search {
    top: 76px;
}

.searchbox-two .loader-ajax-search {
    top: 76px;
}

.searchbox-two a.icon {
    margin: 0 16px;
    cursor: pointer;
    position: absolute;
    left: 16px;
    top: 30px;
}

.searchbox-two a.icon i {
    color: red;
}

.searchbox-two input {
    height: 100%;
    font-size: 16px;
    padding: 0 20px;
    border-radius: 0;
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    text-align: right;
    font-family: var(--font-default) !important;
}

.searchbox-two form button {
    background: transparent;
    left: 20px;
    right: unset;
    position: absolute;
    bottom: 22%;
    font-size: 28px;
    color: #9f9f9f;
    cursor: pointer;
}

.search-results-content .search-header {
    display: none !important
}

.search-results-content .no-search-result {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
    padding: 64px 0;
    color: var(--text-primary);
}

.search-results-content .blogs .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    background: var(--color-white);
    border-radius: 12px;
    margin-bottom: 16px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    border: 1px solid #f0f0f0;
}

.search-results-content .blogs .item h3 a {

    color: var(--text-primary);
}

.search-results-content .blogs .item img {
    width: 150px;
    height: 150px;
}

/* ================================
   Shop Filter
================================ */
.archive-products-sidebar {
    width: 280px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.custom-shop-filter {
    background: var(--color-white);
    padding: 16px 4px;
    border-radius: 30px;
    box-shadow: var(--shadow-default);
}

.filter-actions {
    padding: 8px;
}

.filter-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
}

.filter-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
}

.filter-reset {
    background: none;
    border: none;
    color: var(--text-mute);
    font-size: 12px;
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.2s ease;
    padding: 4px 8px;
    font-family: var(--font-default);
}

.filter-block-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    user-select: none;
    transition: background 0.2s ease;
}

.filter-block-title:hover {
    background: #fafafa;
}

.filter-arrow {
    font-style: normal;
    font-size: 12px;
    color: #999;
    transition: transform 0.3s ease;
}

.filter-block.collapsed .filter-arrow {
    transform: rotate(90deg);
}

.filter-block-content {
    padding: 0 20px 16px;
    max-height: 1000px;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.filter-block.collapsed .filter-block-content {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.filter-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.filter-list li {
    margin-bottom: 4px;
}

.filter-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: 6px;
    transition: background 0.15s ease;
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 500;
}

.filter-checkbox:hover {
    background: #f7f7f7;
    color: #222;
}

.filter-checkbox input[type="checkbox"],
.filter-checkbox input[type="radio"] {
    width: 16px;
    height: 16px;
    accent-color: var(--main-color);
    cursor: pointer;
    flex-shrink: 0;
}

.rating-list .rating-option {
    justify-content: flex-start;
    gap: 10px;
}

.stars-wrapper {
    display: inline-flex;
    gap: 2px;
    flex-shrink: 0;
}

.star {
    font-size: 24px;
    line-height: 1;
    transition: color 0.2s ease, transform 0.15s ease;
}

.star-filled {
    color: #F8A824;
}

.star-empty {
    color: #ddd;
}

.rating-option:hover .star-filled {
    transform: scale(1.1);
}

.rating-option input[type="radio"]:checked ~ .stars-wrapper .star-filled {
    color: #F8A824;
    text-shadow: 0 1px 3px rgba(243, 156, 18, 0.5);
}

.rating-option input[type="radio"]:checked ~ .stars-wrapper {
    transform: scale(1.05);
}

.price-range-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.price-inputs {
    display: flex;
    align-items: center;
    gap: 6px;
}

.price-inputs input {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 12px;
    text-align: center;
    outline: none;
    transition: border-color 0.2s ease;
    font-family: var(--font-default);
}

.price-inputs input:focus {
    border: 1px solid #ddd;
}

.price-separator {
    color: #999;
    font-weight: bold;
}

.price-currency {
    font-size: 11px;
    color: var(--text-mute);
    text-align: center;
}

.filter-apply-btn {
    width: 100%;
    padding: 8px;
    background: var(--main-color);
    color: var(--color-white);
    border: none;
    border-radius: 16px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
    font-family: var(--font-default);
}

.custom-shop-filter.loading {
    opacity: 0.6;
    pointer-events: none;
}

.recently-viewed-block {
    background: var(--color-white);
    padding: 16px 4px;
    border-radius: 30px;
    box-shadow: var(--shadow-default);
}

.recently-viewed-title {
    margin: 0;
    padding: 14px 20px;
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
}

.recently-viewed-list {
    list-style: none;
    padding: 8px;
    margin: 0;
}

.recently-viewed-item {
    margin-bottom: 4px;
}

.recently-viewed-item:last-child {
    margin-bottom: 0;
}

.rv-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: background 0.2s ease;
}

.rv-link:hover {
    background: #f7f7f7;
}

.rv-image {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f5f5;
    border: 1px solid #eee;
}

.rv-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rv-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.rv-name {
    font-size: 12px;
    color: #333;
    font-weight: 500;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rv-price {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
}

.rv-price del {
    color: #999;
    font-weight: 400;
    font-size: 11px;
    margin-left: 4px;
}

.rv-price ins {
    text-decoration: none;
    background: none;
}


/* ================================
   wishlist
================================ */

.woosw-list {
    padding: 20px 24px;
    width: 100%;
    background: var(--color-white);
    border-radius: 30px;
    box-shadow: var(--shadow-default);
}

.woosw-list table.woosw-items {
    width: 100%;
}

/* ================================
   404
================================ */

.not-found {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    text-align: center;
    padding: 40px 20px;
}

.not-found h1 {
    font-size: 140px;
    font-weight: 900;
    color: #222;
    margin: 0;
    line-height: 1;
    letter-spacing: -5px;
}

.not-found h2 {
    font-size: 24px;
    color: #333;
    margin: 10px 0 15px 0;
    font-weight: 700;
}

.not-found p {
    font-size: 16px;
    color: #777;
    margin-bottom: 30px;
    max-width: 400px;
    line-height: 1.6;
}

.not-found a {
    display: inline-block;
    padding: 12px 35px;
    background: var(--main-color);
    color: var(--color-white);
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
    transition: 0.3s;
}

.not-found a:hover {
    transform: translateY(-2px);
}


/* ================================
   Faq
================================ */

.faq-accordion {
    max-width: 900px;
    margin: 0 auto;
}

.faq-item {
    margin-bottom: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
    background-color: var(--color-white);
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 25px;
    background-color: var(--color-white);
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    user-select: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}


.faq-question i {
    transition: transform 0.3s ease;
    color: #aaa;
    font-size: 14px;
}

.faq-question.active i {
    transform: rotate(180deg);
}

.faq-answer {
    display: none;
    padding: 0 25px 20px;
    background-color: var(--color-white);
    color: #666666;
    font-size: 15px;
    line-height: 1.8;
    border-top: 1px solid #f0f0f0;
}

.faq-answer p {
    margin: 15px 0 0;
}

/* ================================
 Categories
================================ */
.accordion-wrapper {
    min-height: 50vh;
}

.accordion-container {
    padding: 0 16px;
}

.accordion-item {
    background: var(--color-white);
    border-radius: 12px;
    margin-bottom: 16px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    border: 1px solid #f0f0f0;
}

.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    cursor: pointer;
    transition: background 0.3s;
}

.accordion-header:hover {
    background: #fafafa;
}

.accordion-title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    display: flex;
    align-items: center;
    gap: 15px;
}

.cat-thumb {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    object-fit: cover;
    background: #eee;
}

.accordion-toggle {
    width: 36px;
    height: 36px;
    background: #f1f2f6;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666;
    transition: transform 0.3s ease, background 0.3s, color 0.3s;
    font-size: 14px;
}

.accordion-item.active .accordion-toggle {
    transform: rotate(180deg);
    background: var(--main-color);
    color: var(--color-white);
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
    background: #fcfcfc;
    border-top: 1px solid #f0f0f0;
}

.accordion-content-inner {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.subcat-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: var(--color-white);
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    color: #555;
    text-decoration: none;
    font-size: 14px;
    transition: 0.2s;
}

.subcat-link:hover {
    background: var(--main-color);
    color: var(--color-white);
    border-color: var(--main-color);
}

.view-all {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: transparent;
    color: var(--main-color);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    margin-right: auto;
}

.view-all:hover {
    text-decoration: underline;
}

/* ================================
 Woocommerce
================================ */

.breadcrumb, .woocommerce .woocommerce-breadcrumb {
    margin: 32px 24px 24px 24px;
}

.woocommerce-page.single.single-product #sidebar {

    display: none !important;
}


.woocommerce-tabs.wc-tabs-wrapper {
    width: 100%
}

.woocommerce-Tabs-panel {
    padding: 24px 16px;
}

tr.woocommerce-product-attributes-item {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    background: var(--bg-color);
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 16px;
    padding: 4px 16px;
    border-radius: 16px;
    gap: 8px;
}

.woocommerce .woocommerce-breadcrumb a,
.woocommerce .woocommerce-breadcrumb {
    color: var(--text-mute);
    font-size: 15px;
}

.woocommerce .star-rating span::before,
.woocommerce p.stars a {
    color: #F8A824;
}

.woocommerce div.product div.images img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    max-height: 360px;
    object-fit: contain;
}


.woocommerce div.product div.images.woocommerce-product-gallery {
    width: 30%;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    position: relative;
    border: 1px solid var(--bg-color);
    border-radius: 16px;
}

.woocommerce div.product div.images.woocommerce-product-gallery .countdown-timer .number {
    background: transparent;
}

.woocommerce div.product div.summary .stock {
    display: none;
}


.woocommerce div.product div.summary {
    width: 45%;
    padding: 0 16px;
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: start;
    gap: 16px;
}


.woocommerce div.product div.summary form.cart,
.woocommerce div.product div.summary .price {

    display: none !important;

}

a.woocommerce-review-link {
    font-size: 11px;
    margin-top: 4px;
    background: #ebeef1;
    cursor: pointer;
    border-radius: 30px;
    padding: 4px 8px;
    color: #3a3a3a;
}

.woocommerce div.product form.cart,
.product-sidebar form.cart {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.woocommerce-variation-price .price {
    display: flex;
    flex-direction: column;
}

.product-sidebar .price del span.woocommerce-Price-currencySymbol,
.woocommerce-variation-price del span.woocommerce-Price-currencySymbol,
.product-type-simple del span.woocommerce-Price-currencySymbol {
    display: none !important;
}

.product del .amount,
.cart del .amount,
.product-sidebar .price del span.woocommerce-Price-amount.amount {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    color: var(--text-secondary);
    font-size: 13px;
    margin-left: 24px;
}

.product .best-sell-product-card .amount {
    color: var(--color-white)
}

ins {
    text-decoration: none !important;
}

.product .amount,
.cart .amount,
.product-sidebar .price span.woocommerce-Price-amount.amount {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--main-color);
    font-size: 20px;
    line-height: 14px;
    margin-top: 8px;
    font-weight: 500 !important;

}

.product-sidebar .price {
    margin: 12px auto 24px auto;

}

.product .amount span.woocommerce-Price-currencySymbol,
.product-sidebar .price span.woocommerce-Price-currencySymbol,
.cart .amount span.woocommerce-Price-currencySymbol {
    font-size: 12px;
    color: var(--text-mute);
    margin: 0 2px;
    font-weight: 500;
    vertical-align: bottom;

}

.product-type-variable .summary > .price,
.product_meta,
.product.product-type-variable .product-actions > .product-price {
    display: none !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    display: flex;
    flex-direction: column;
    margin: 32px 0 32px 0;
}

form.cart .button,
.woocommerce-MyAccount-content form .button {
    font-family: var(--font-default);
    font-weight: 500;
    font-size: 14px;
    margin-top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 10px;
    background-color: var(--main-color) !important;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    gap: 4px;
    color: var(--color-white);
    width: auto;
}

form.cart .button,
.woocommerce-MyAccount-content form .button:hover,
form.cart .button,
.woocommerce-MyAccount-content form .button:focus {
    color: var(--color-white) !important;

}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

form.cart div.quantity {
    float: unset !important;
    margin: 0 auto !important;
    width: 120px;
}

.product.outofstock .price {
    display: none !important;
}

.stock.in-stock,
.stock.out-of-stock,
.stock.available-on-backorder,
.stock.call-for-price {

    border: 1px solid #ebebeb;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #cd0000 !important;
    background: #FFF4F4;
    width: 100%;
    text-align: center;
    padding: 12px 16px;
    margin:24px 0;
}

.single_variation_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled,
.product-sidebar .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled button.single_add_to_cart_button.button.alt {
    width: 100%;
}

.woocommerce-message,
.woocommerce-error {
    border-top-color: var(--main-color);
    padding: 1em 3.5em 1em 1.5em;
}

.woocommerce-message a {
    color: var(--main-color);
}

.woocommerce form.checkout_coupon .coupon-error-notice {
    color: red;
    font-size: 14px;
    margin-top: 12px;
}

.woocommerce a.button:not(.add-to-cart.rounded) {
    font-weight: 500;
    border: 1px solid #ffe5f9;
    background: var(--color-white);
    border-radius: 8px;
    color: var(--main-color);
    padding: 12px 16px;
    font-size: 14px;
}

.woocommerce a.button:not(.add-to-cart.rounded):hover {
    background: var(--main-color);
    color: var(--color-white);
    transition: all ease-in-out 0.2s;
}

.woocommerce-message::before {
    color: var(--main-color);
}

.woocommerce-message:focus {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    top: 18px;
}

form.cart .variations label {
    font-weight: 500;
    color: var(--text-secondary);
}

span.woo-selected-variation-item-name {
    font-size: 13px;
    font-weight: 400 !important;
    color: #3a3a3a;
}

.woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name {
    color: #3a3a3a;
    font-weight: 500;
}

form.cart .variations tr,
form.cart .variations td, .woocommerce div.product form.cart .variations th {
    display: flex !important;
    justify-content: start !important;
    align-items: center !important;
}

.woo-variation-swatches.rtl .variable-items-wrapper .variable-item:not(.radio-variable-item) {
    margin: 4px 0 4px 0;
}

form.cart .reset_variations {
    margin: 0 4px;
    color: var(--text-mute);
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-mute);
    border-radius: 8px;
    cursor: pointer;
    top: unset;
    left: unset;
    width: 32px;
    height: 32px;
    padding: 8px;
    z-index: 3 !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
    border: 2px solid var(--text-mute);
    height: 8px;
    right: 16px;
    top: 16px;
    width: 8px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
    background: var(--text-mute);
    height: 8px;
    right: 27px;
    top: 24px;
    width: 2px;
}

.woocommerce-product-gallery > a.woocommerce-product-gallery__trigger {
    display: none !important;
}

.flex-viewport,
.woocommerce-product-gallery__image.flex-active-slide {
    max-width: 100%;
    width: 100%;
}

.woocommerce div.product div.summary {
    margin-bottom: 0;
}

section.related.products > h2 {
    display: none !important;
}

.related-products ul.products li.product {
    width: 23.5%;
    position: relative;
    background: var(--color-white);
    padding: 20px 24px;
    border-radius: 30px;
    box-shadow: var(--shadow-default);
}

.product-sidebar .stock.in-stock,
.product-sidebar .stock.out-of-stock,
.product-sidebar .stock.available-on-backorder,
.product-sidebar .stock.call-for-price {
    display:none !important;

}

.product-sidebar .woocommerce-variation.single_variation {
    margin: 32px 0;

}

.woocommerce table.shop_attributes {
    border: none !important;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
    padding: 0 !important;
    border: none !important;
    line-height: 0 !important;
    width: auto !important;
}

.woocommerce table.shop_attributes th {
    color: var(--text-secondary) !important;
    font-weight: 500 !important;
    background: transparent !important;
}

.woocommerce table.shop_attributes td {
    font-style: normal !important;
    color: #3a3a3a !important;
    font-weight: 600;
    background: transparent !important;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    border: none;
    border-bottom: solid 1px #ebeef1;
}

.woocommerce #reviews #comments h2 {
    display: none !important;
}

#commentform {
    padding-top: 24px;
}

.woocommerce #review_form #respond p:not(.comment-form-cookies-consent) {
    margin: 0;
    width: 100%;
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: start;
}

.woocommerce #review_form #respond p:not(.comment-form-cookies-consent) input:not(.submit) {
    width: 100%;
}

.comment-respond p input:not(#wp-comment-cookies-consent) {
    font-family: var(--font-default);
}

.woocommerce #review_form #respond .form-submit input,
.comment-box .comment-respond p input.submit {
    background: var(--main-color);
    color: var(--color-white);
    font-weight: 500;
    border-radius: 8px;
    padding: 12px 32px;
    width: auto;
    font-family: var(--font-default) !important;
    cursor: pointer;
    border: 1px solid var(--main-color) !important;
    outline: none !important;
    color: var(--color-white);
}

.woocommerce #review_form #respond .form-submit input,
.comment-box .comment-respond p input.submit {
    background: var(--main-color) !important;
    color: var(--color-white) !important;
}

.comment-awaiting-moderation {
    color: #767676;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 !important;

}


.woocommerce .related-products ul.products li.product:not(:last-child) {
    margin: 0 0 16px 2% !important;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {

    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary);
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.woocommerce-product-details__short-description p {
    font-size: 13px;
    margin-top: 12px;
    color: var(--text-secondary);
    line-height: 23px;
}

.related-products ul.products li.product .star-rating {
    display: none !important;
}

.related-products ul.products li.product .price {
    display: none !important;

}

.related-products ul.products li.product.product-type-simple .price {
    flex-direction: column;
}

.onsale {
    display: none !important;
}

.related-products ul.products li.product .button {
    display: none !important;
}

.related-products ul.products li.product a img {
    width: 70%;
    margin: 1em auto;
}

.related-products-container .woocommerce-tabs.wc-tabs-wrapper {

    display: none;
}

.related-products-container .section-title {
    margin-bottom: 20px;
}

.woosw-btn {
    z-index: 2 !important;
}

.woosw-btn-icon.woosw-icon-5 {
    font-size: 16px !important;
}

a.woosw-btn.woosw-btn-has-icon.woosw-btn-icon-only.woosw-btn-added.woosw-added i {
    color: var(--main-color);
    font-size: 18px !important;

}

.best-sell-product-card .product-card-top .woosw-btn.woosw-btn-added.woosw-added i {
    color: #e90909 !important;
}


.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {
    font-weight: 500 !important;
    background-color: var(--main-color) !important;
}

.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close {
    color: var(--color-white) !important;
}

.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner a {
    font-size: 13px !important;
    color: var(--text-secondary) !important;
    border: none !important;
}

.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner a:hover {
    color: var(--main-color) !important;
}

.woosw-item--price,
.woosw-item--time {
    display: none !important;
}

.woosw-popup .woosw-popup-inner .woosw-popup-content {
    max-width: 600px !important;
}

.woosw-popup .woosw-items .woosw-item .woosw-item--name, .woosw-popup .woosw-items .woosw-item .woosw-item--name a {
    font-weight: 600 !important;
    color: var(--text-secondary) !important;
}

a.button.add_to_cart_button.ajax_add_to_cart:not(.add-to-cart.rounded) {
    font-weight: 500 !important;
    text-align: center !important;
    padding: 12px 8px !important;
    font-size: 12px !important;
    transition: all ease-in-out 0.2s;
}

.amazing-products a.button.add_to_cart_button.ajax_add_to_cart:not(.add-to-cart.rounded) {
    padding: 12px !important;
}

a.button.add_to_cart_button.ajax_add_to_cart:hover {
    background: var(--main-color);
    color: var(--color-white);
}

.woosw-popup .woosw-items .woosw-item .woosw-item-inner {
    gap: 4px;
}

.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
    float: left;
    color: var(--text-secondary);
}

.woocommerce-mini-cart__total.total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 16px 0;
    color: var(--text-secondary);
}

.woocommerce-mini-cart__total.total strong {
    font-weight: 500;
}


.woocommerce-mini-cart__total.total span.woocommerce-Price-amount.amount {
    font-weight: 600;
}

p.woocommerce-mini-cart__buttons.buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

p.woocommerce-mini-cart__buttons.buttons a.button.wc-forward {
    border: none;
    transition: all ease-in-out 0.2s;
}

p.woocommerce-mini-cart__buttons.buttons a.button.wc-forward:hover {
    color: var(--main-color);
    background: transparent;
}

p.woocommerce-mini-cart__buttons.buttons a.button.checkout.wc-forward {
    background: var(--main-color);
    color: var(--color-white);
    width: 100%;
    text-align: center;
}

.woocommerce ul.cart_list li a {
    display: flex;
}

a.remove.remove_from_cart_button {
    color: red !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.remove.remove_from_cart_button:hover {
    color: red !important;
    background: transparent;
}

.cart-content ul.cart_list li {
    position: relative;
    border-bottom: 1px solid var(--bg-color);
    padding: 16px 0 16px 32px;
}

.cart-content ul.cart_list li .quantity {
    background: transparent !important;
}

.cart-content ul.cart_list li a.remove.remove_from_cart_button {
    position: absolute;
    left: 0;
    top: 18px;
    font-size: 20px;
}

.cart-content ul.cart_list li a, .cart-content ul.product_list_widget li a {
    font-weight: 500;
    font-size: 13px;
    color: var(--text-primary);
    margin: 0 8px;
}

.cart-content ul.cart_list li span.quantity {
    font-size: 13px;
    color: var(--text-secondary);
}

.cart-content ul.cart_list li img, .cart-content ul.product_list_widget li img {
    width: 44px;
    float: right;
    margin: 0 0 0 11px;
    height: auto;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 8px;
    border: 1px solid var(--bg-color);
    border-radius: 16px;
    margin: 8px
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading {
    padding: 10px !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after {
    display: none !important;
}

a.button.add_to_cart_button.ajax_add_to_cart.added {
    display: none !important;
}

.added_to_cart.wc-forward {
    font-size: 13px;
    color: var(--main-color) !important;
    border-bottom: 0.15em dotted var(--main-color);
    padding-bottom: 4px;
    z-index: 2;
}

.woocommerce-info {
    border-top-color: var(--main-color) !important;
}

.woocommerce-info::before {
    color: var(--main-color) !important;
}

.woosw-items .woosw-item .woosw-item--remove span:before {
    color: red;
}

.woosw-item--actions {
    display: none !important;
}

.archive-container .added_to_cart.wc-forward {
    margin: 0 auto 0 auto;
}

form.woocommerce-cart-form {
    margin: 24px !important;
    padding: 32px 32px 16px 32px !important;
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 350px;
}

.woocommerce .cart-items,
.woocommerce-page .cart-items {
    width: calc(100% - 370px);
    background: var(--color-white) !important;
    border-radius: 30px !important;
    box-shadow: var(--shadow-default) !important;
    padding: 24px;
}

.woocommerce .cart-items .cart-title {
    border-bottom: 1px solid var(--bg-color);
    margin-bottom: 16px;
}

.woocommerce .cart-items .cart-title a {
    border-bottom: 3px solid var(--main-color);
    display: inline-flex;
    align-items: center;
    justify-content: start;
    gap: 8px;
    padding: 8px;
}

.woocommerce .cart-items .cart-title .cart-title-count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: var(--main-color);
    color: var(--color-white);
    font-size: 13px;
}

.woocommerce .cart-items .cart-title .cart-title-text,
.cart-collaterals .cross-sells h2 {
    font-weight: 700;
    font-size: 15px;
    color: #1c1c25;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.woocommerce .cart-collaterals .cross-sells ul.products, .woocommerce-page .cart-collaterals .cross-sells ul.products {
    display: flex;
    max-height: 400px;
    overflow-y: auto;
    flex-direction: column;
}

.cart-collaterals .cross-sells h2 {
    padding: 16px;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals,
.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
    background: var(--color-white) !important;
    padding: 24px !important;
    border-radius: 30px !important;
    box-shadow: var(--shadow-default) !important;
    width: 100%;
}

.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {
    width: 100%;
    margin-bottom: 24px;
}


.woocommerce-Tabs-panel h2, section.up-sells.upsells.products h2 {
    font-weight: 600;
    font-size: 14px;
    color: var(--text-secondary);
    padding: 0 0 4px 0;
    margin: 0 0 24px 0;
    display: inline-block !important;
}

section.up-sells.upsells.products {
    width: 100%;
    padding: 24px 16px;
}

section.up-sells.upsells.products ul {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    padding: 0;
    margin: 0;
    gap: 16px;
    flex-wrap: wrap
}

section.up-sells.upsells.products ul li.product a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

section.up-sells.upsells.products ul li.product a img {
    width:150px;
}

section.up-sells.upsells.products ul li a.button,
section.up-sells.upsells.products ul li .star-rating,
section.up-sells.upsells.products ul li a span.price,
.woocommerce .cart-collaterals .cross-sells ul.products li a.button,
.woocommerce .cart-collaterals .cross-sells ul li .star-rating,
.woocommerce .cart-collaterals .cross-sells ul li a span.price {
    display: none !important;
}

.woocommerce .cart-collaterals .cross-sells ul.products li {
    width: 100%;
    border-bottom: 1px solid var(--bg-color);
    margin-bottom: 8px;
}

.woocommerce .cart-collaterals .cross-sells ul.products li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.woocommerce .cart-collaterals .cross-sells ul.products li a img {
    width: 150px;
    margin: 4px auto;
}

.woocommerce .cart-collaterals .cart_totals .checkout-button.button.wc-forward,
.woocommerce-page .cart-collaterals .cart_totals .checkout-button.button.wc-forward {
    margin: 4px 8px !important;
}

.woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2 {
    display: none !important;
}

tr.woocommerce-cart-form__cart-item.cart_item td.product-name a {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-primary);
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

tr.woocommerce-cart-form__cart-item.cart_item td.product-thumbnail a {
    width: 110px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

tr.woocommerce-cart-form__cart-item.cart_item td.product-thumbnail img {
    width: 90%;
}

.woocommerce ul#shipping_method {
    margin: 10px 0 !important;
}


.woocommerce ul#shipping_method li label,
.woocommerce ul#shipping_method .amount {
    font-weight: 500 !important;
}

.woocommerce ul#shipping_method li label {
    color: rgb(113, 124, 139) !important;
}

.woocommerce ul#shipping_method .amount,
.order-total span {
    color: rgb(58, 58, 58);
}

.woocommerce-cart .cart-collaterals .shipping-calculator-button {
    display: flex !important;
    align-items: center !important;
    justify-content: start !important;
    flex-direction: row-reverse !important;
    color: var(--text-mute);
}

.woocommerce-cart .cart-collaterals .shipping-calculator-button::after {
    margin-left: .618em !important;
    margin-right: unset !important;
    color: var(--text-mute);
}

.woocommerce-cart .cart-item {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    padding: 16px;
    gap: 24px;
    position: relative;
    border-bottom: 1px solid var(--bg-color);
}

.woocommerce .cart-item .cart-item-title a {
    font-size: 16px;
    font-weight: 500;
    color: var(--text-primary);
}

.woocommerce .cart-item .right {
    flex: 0 0 200px;
}

.woocommerce .cart-item .right a {
    display: flex;
    justify-content: center;
}

.woocommerce .cart-item .left {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.woocommerce .cart-item img {
    width: 150px;
}

.woocommerce .cart-item .cart-item-action {
    display: flex;
    gap: 16px;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.woocommerce .cart-item .cart-item-action .quantity {
    border: 1px solid #eeeeee !important;
    background: transparent !important;
}

.woocommerce .cart-item a.remove {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 13px;
    height: unset;
    width: unset;
    text-align: center;
    line-height: unset;
    color: var(--text-mute) !important;
    text-decoration: none;
    font-weight: 500;
    border: 0;
}

.woocommerce .cart-item a.remove:hover {
    background: transparent !important;
    color: var(--text-mute) !important;
}

.woocommerce .cart-item .cart-item-action div {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: start;
}

.woocommerce .cart-item .quantity {
    height: 40px !important;
}

.woocommerce .cart-item .woocommerce-Price-amount.amount {
    font-size: 15px;
    color: rgb(113, 124, 139);
}

.woocommerce .cart-item .cart-item-delete {
    position: absolute;
    left: 38px;
    top: 38px;
}

.woocommerce .cart-item .cart-item-delete a.remove {
    color: red !important;
}

.woocommerce .cart-item .cart-item-delete a.remove:hover {
    color: red !important;
    background: transparent !important;
}

.woocommerce .cart-coupon {
    padding: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.woocommerce .cart-coupon .coupon {
    position: relative !important;
}

.woocommerce .cart-coupon input {
    padding: 16px 16px 16px 110px !important;
    border: 1px solid #eee !important;
    border-radius: 16px !important;
    font-family: var(--font-default) !important;
}

.woocommerce .cart-coupon .coupon button {
    position: absolute !important;
    left: 10px !important;
    top: 8px !important;
    font-family: var(--font-default) !important;
    font-size: 11px !important;
    padding: 12px 8px !important;
    border-radius: 8px !important;

}

.woocommerce .cart-coupon > button {
    font-family: var(--font-default) !important;
    padding: 16px !important;
    border-radius: 16px !important;
    background: var(--main-color) !important;
    color: var(--color-white) !important;
    font-weight: 500 !important;

}

.cart-subtotal {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid var(--bg-color);
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.woocommerce ul#shipping_method li {
    padding: 8px 0;
}

.woocommerce-shipping-destination {
    text-align: right;
    font-size: 13px;
    background: #eee;
    padding: 12px;
    line-height: normal;
    color: #555;
    border-radius: 8px;
}

.woocommerce .shipping-calculator-form button {
    background: var(--text-mute) !important;
    width: 100%;
    margin-bottom: 12px;
    padding: 13px !important;
}

.order-total {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    line-height: normal;
    margin: 32px 0px;
}

.woocommerce-cart .wc-proceed-to-checkout {
    padding: 1.5em 0 1em 0;
}

.shipping-calculator-form .form-row label {
    font-size: 13px !important;
    color: rgb(113, 124, 139) !important;

}

.woocommerce .shipping-calculator-form button {
    background: var(--main-color) !important;
    width: 100%;
    margin-bottom: 12px;
    padding: 16px !important;
    color: var(--color-white);
    font-family: var(--font-default);
    border-radius: 8px;
    font-weight: 500;
}

.woocommerce .shipping-calculator-form button:hover {
    color: var(--color-white);
}

.woocommerce form .form-row .required {
    color: red !important;
}

:where(.woocommerce) .select2-container .select2-dropdown, :where(.woocommerce) .select2-container .select2-selection,
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
    border: 1px solid #eee !important;
    border-radius: 8px;

}

form.login .form-row .input-text, form.register .form-row .input-text {
    background-color: inherit !important;
    border: 1px solid #ddd !important;
}

form.login .form-row label, form.register .form-row label {
    margin-bottom: 8px;
}

:where(.woocommerce) .select2-container .select2-dropdown, :where(.woocommerce) .select2-container .select2-selection,
.woocommerce form .form-row select {
    padding: 4px !important;
}

.woocommerce form .form-row .input-text {
    padding: 12px !important;
}

.woocommerce form .form-row .input-text:focus {
    border: 1px solid #eee !important;
}

form.login .form-row .input-text:focus, form.register .form-row .input-text:focus {
    border: 1px solid #ddd !important;
    outline: none;
}

.wc-empty-cart-message, .return-to-shop {
    margin: 24px 24px
}

.return-to-shop {
    display: flex;
    justify-content: center;
    align-items: center;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 10px !important;
}

form.checkout.woocommerce-checkout {
    margin: 16px 24px;
}

.woocommerce div#customer_details {
    display: flex;
    gap: 32px;
}

.woocommerce div#customer_details .checkout-billing {
    width: calc(100% - 390px);
    background: var(--color-white);
    padding: 20px 24px;
    border-radius: 30px;
    box-shadow: var(--shadow-default);
}

.woocommerce div#customer_details .checkout-billing .other-address {
    margin-top: 16px
}

.woocommerce div#customer_details .checkout-billing .other-address .ship-to-different-address {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 16px;
}

.woocommerce div#customer_details div#order-review {
    width: 350px;
    background: var(--color-white);
    padding: 20px 24px;
    border-radius: 30px;
    box-shadow: var(--shadow-default);
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table thead,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody {
    display: none !important;
}

.woocommerce #payment button.button.alt,
.woocommerce .cart_totals a.checkout-button.wc-forward {
    background: var(--main-color) !important;
    color: var(--color-white) !important;
    padding: 16px 16px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    font-family: var(--font-default) !important;
    width: 100% !important;
    margin-top: 16px;
    cursor: pointer;
}

.woocommerce-error {
    border-top-color: #f00;
}

.woocommerce-error li, .woocommerce-info li, .woocommerce-message li {
    font-size: 14px;
    margin-bottom: 4px
}

.woocommerce-error li, .woocommerce-info li a, .woocommerce-message li a {
    color: var(--text-secondary) !important;
}

.woocommerce-error::before {
    color: red;
}

.woocommerce-checkout .checkout .checkout-inline-error-message {
    color: red;
    font-size: 14px;
    margin-top: 8px;
}

.woocommerce-checkout p {
    margin:24px
}

.woocommerce-checkout p a.button.wc-backward{
    margin:0 auto;
}

.woocommerce-form-coupon-toggle {
    margin-top: 80px;
}

.woocommerce-info a,
.woocommerce-error .wc-backward {
    color: #ff75b6 !important;
}

.woocommerce-terms-and-conditions-wrapper {
    display: none !important;
}

.woocommerce .woocommerce-order {
    margin: 0 24px;
}

.woocommerce .woocommerce-order .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {

    text-align: center;
    font-weight: 600;
    font-size: 17px;
    margin: 24px 0;
}

.woocommerce .order_details:not(table.order_details) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 64px 0;
    gap: 16px;
}

.woocommerce .order_details:not(table.order_details) a {
    margin: 0 !important;
    padding: 24px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 32px;
    font-size: 15px;
    border-radius: 16px;
    background: var(--color-white);
    box-shadow: var(--shadow-default);
    color: var(--text-secondary);
    width: calc(25% - 32px)
}

.woocommerce .order_details:not(table.order_details) a strong {
    font-size: 15px;
    color: var(--main-color);
}

.woocommerce .woocommerce-customer-details {
    /*display:none !important;*/
}

.woocommerce .woocommerce-order p {
    display: none !important;
}

.woocommerce .woocommerce-order-details {
    overflow: auto;
}

.woocommerce .woocommerce-order-details table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    border: none !important;
    margin-top: 16px;
}

.woocommerce .woocommerce-order-details table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot td,
.woocommerce .woocommerce-order-details table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot th {
    border: none !important;
    padding: 16px
}

.woocommerce .woocommerce-order-details table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details thead th {
    font-size: 14px;
    color: var(--text-primary);
    font-weight: 600;
}


.woocommerce .woocommerce-order-details table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th {
    font-size: 14px;
    color: var(--text-secondary);
    font-weight: 500;
}

.woocommerce .woocommerce-order-details table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td,
.woocommerce .woocommerce-order-details table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td > a {
    font-size: 14px;
    color: var(--text-primary) !important;
    font-weight: 500;
    padding: 16px;
}

.woocommerce form .form-row {
    display: flex;
    flex-direction: column;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    margin: 0;
    background: var(--main-color);
    padding: 16px;
    color: var(--color-white);
    font-family: var(--font-default);
    border-radius: 8px;
    width: 120px;
}

.woocommerce form.checkout_coupon {
    border: none;
    box-shadow: var(--shadow-default);
    padding: 24px 16px;
    margin: 2em 24px;
    text-align: right;
    border-radius: 16px;
    background: var(--color-white);
}

.woocommerce form.login, .woocommerce form.register {
    border: none;
    padding: 24px 16px;
    margin: 2em 64px;
    text-align: right;
    border-radius: 16px;
}

form.checkout_coupon.woocommerce-form-coupon .button {
    background: var(--main-color);
    color: var(--color-white);
    font-family: var(--font-default);
    font-size: 14px;
    font-weight: 500;
    padding: 12px 16px;
    border-radius: 8px;
}

.woocommerce .woocommerce-order .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    color: var(--main-color);
}

.checkout-billing .woocommerce-billing-fields h3,
h2.woocommerce-order-details__title,
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span,
.woocommerce-Address-title.title h2,
.woocommerce-MyAccount-content form h2,
h2.woocommerce-column__title,
.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox {
    font-weight: 700;
    font-size: 15px;
    color: #1c1c25;
    display: flex;
    align-items: center;
}

.woocommerce form .form-row .input-checkbox {
    margin: 0;
}

p.form-row.form-row-wide.create-account.woocommerce-validated {
    padding: 0;
    margin: 0;
    height: 30px;
}

.checkout-billing .woocommerce-billing-fields h3,
h2.woocommerce-order-details__title,
.woocommerce-Address-title.title h2,
.woocommerce-MyAccount-content form h2,
h2.woocommerce-column__title {
    margin-bottom: 16px;
}

.checkout-billing .woocommerce-billing-fields h3,
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
    margin-bottom: 16px;

}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 4px;
}

.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads {
    margin: 32px 0;
    background: var(--color-white);
    padding: 16px 24px;
    font-size: 14px;
    border-radius: 16px;
    font-weight: 600;
    color: var(--text-primary);
    box-shadow: var(--shadow-default);
}

.woocommerce .woocommerce-order-details table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details
td.woocommerce-table__product-name.product-name > a {
    padding-right: 0px !important;
}

.woocommerce-MyAccount-content .woosw-list {
    box-shadow: none;
    margin: 0;
    width: 100%;
    padding: 0;
}

.woocommerce-MyAccount-content .addresses .woocommerce-Address {
    padding: 16px;
    border: 1px solid var(--bg-color);
    border-radius: 16px;
}

.woocommerce .woocommerce-customer-details address,
.woocommerce-Address address {
    border: none !important;
    padding: 0 !important;
    margin: 16px 0 !important;
    color: var(--text-secondary) !important;
    font-weight: 500 !important;
    color: var(--text-secondary);
    line-height: 28px;
    font-style: normal;
}

form#woocommerce-checkout-form-coupon {
    display: flex;
    align-items: center;
}

h2.woocommerce-column__title,
h2.woocommerce-order-details__title,
.checkout-billing .woocommerce-billing-fields h3 {
    display: flex;
    align-items: center;
}

h2.woocommerce-column__title::before,
.woocommerce-MyAccount-content form h2::before,
.woocommerce-Address-title.title h2::before,
.checkout-billing .woocommerce-billing-fields h3:before {
    content: "";
    width: 4px;
    height: 16px;
    border-radius: 2px;
    background-color: var(--main-color);
    display: inline-block;
    margin-left: 7px;
}

.woocommerce-MyAccount-content fieldset legend {
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 8px;
}

.archive-products form.woocommerce-ordering {
    background: var(--color-white);
    padding: 16px;
    border-radius: 30px;
    box-shadow: var(--shadow-default);
    width: auto;
    float: right;
}

.woocommerce-account .account-container {
    width: calc(100% - 48px);
    display: flex;
    margin: 64px 24px;
    background: var(--color-white);
    padding: 0 24px;
    border-radius: 16px;
    box-shadow: var(--shadow-default);
    gap: 28px;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 270px !important;
    padding: 24px 0 24px 24px;
    border-left: 1px solid var(--bg-color);

}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    cursor: pointer;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: 14px;
    color: var(--text-primary);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--main-color);
    background: #fff1fb;
    border-radius: 12px;
}

.woocommerce-MyAccount-navigation-link a::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-left: 12px;
    font-size: 16px;
    vertical-align: middle;
    color: var(--text-secondary);
}

.woocommerce-MyAccount-navigation-link.is-active a::before {
    color: var(--main-color);
}

li.woocommerce-MyAccount-navigation-link--dashboard a:before {
    content: "\f625";
}

li.woocommerce-MyAccount-navigation-link--orders a:before {
    content: "\f07a";
}

li.woocommerce-MyAccount-navigation-link--downloads a:before {
    content: "\f019";
}

li.woocommerce-MyAccount-navigation-link--edit-address a:before {
    content: "\f5a0";
}

li.woocommerce-MyAccount-navigation-link--edit-account a:before {
    content: "\f2bb";
}

li.woocommerce-MyAccount-navigation-link--wishlist a:before {
    content: "\f004";
}

li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    content: "\f2f5";
}

.woocommerce-MyAccount-navigation .account-section {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 16px;
    padding: 16px;
    border-radius: 12px;
    margin-bottom: 24px;
    border-bottom: 1px solid #eee;
}

.woocommerce-MyAccount-navigation .account-section img {
    width: 60px;
    height: 60px;
    border-radius: 8px;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: calc(100% - 300px);
    padding: 24px 0;
}

.woocommerce-account .woocommerce-MyAccount-content .user-statistics {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

.woocommerce-account .woocommerce-MyAccount-content .user-statistics .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--color-white);
    padding: 20px 24px;
    width: 25%;
    border-radius: 8px;
    border: 1px solid var(--bg-color);
}


.woocommerce-account .woocommerce-MyAccount-content .user-statistics .item .item-content {
    display: flex;
    flex-direction: column;
    gap: 32px;

}

.woocommerce-account .woocommerce-MyAccount-content .user-statistics .item .item-content span {
    font-size: 20px;
    font-weight: 500;
}

.woocommerce-account .woocommerce-MyAccount-content .user-statistics .item .item-content h3 {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-secondary);

}

.woocommerce-account .woocommerce-MyAccount-content .user-statistics .item i {
    font-size: 28px;

}

.woocommerce-account .woocommerce-MyAccount-content .user-statistics .item.user-registered .item-content span,
.woocommerce-account .woocommerce-MyAccount-content .user-statistics .item.user-registered i {

    color: rgb(255, 174, 31);
}

.woocommerce-account .woocommerce-MyAccount-content .user-statistics .item.user-total-paid .item-content span,
.woocommerce-account .woocommerce-MyAccount-content .user-statistics .item.user-total-paid i {

    color: rgb(50, 171, 195);
}

.woocommerce-account .woocommerce-MyAccount-content .user-statistics .item.user-comment-count .item-content span,
.woocommerce-account .woocommerce-MyAccount-content .user-statistics .item.user-comment-count i {

    color: rgb(252, 91, 97);
}

.woocommerce-account .woocommerce-MyAccount-content .user-statistics .item.user-order-count .item-content span,
.woocommerce-account .woocommerce-MyAccount-content .user-statistics .item.user-order-count i {

    color: rgb(73, 190, 255);
}

.woocommerce-account .woocommerce-MyAccount-content .user-orders-section,
.woocommerce-account .woocommerce-MyAccount-content .notification-section {
    margin-top: 36px;
    padding: 16px;
    border: 1px solid var(--bg-color);
    border-radius: 8px;
}

.woocommerce-account .woocommerce-MyAccount-content .notification-section p a,
.woocommerce-account .woocommerce-MyAccount-content .notification-section p a:visited,
.woocommerce-account .woocommerce-MyAccount-content .notification-section p a:hover {
    color: var(--main-color) !important;

}

.woocommerce-account .woocommerce-MyAccount-content .notification-section {
    background: #fffafe;
    font-size: 15px;
    font-weight: 500;
    color: var(--text-secondary);
}

.woocommerce-account .woocommerce-MyAccount-content .user-orders-section .section-title,
.woocommerce-account .woocommerce-MyAccount-content .notification-section .section-title {
    margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-content .notification-section .section-title {
    padding: 0 0 24px 0;
}

.woocommerce-account .woocommerce-MyAccount-content .notification-section .section-title .title span {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 8px;
}

.woocommerce-account .woocommerce-MyAccount-content .notification-section .section-title .title span:before {
    display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content .user-orders {
    margin-top: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.woocommerce-account .woocommerce-MyAccount-content .user-orders .item-order {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
    padding: 20px 24px;
    width: 25%;
    border-radius: 8px;
    border-left: 1px solid var(--bg-color);
    font-size: 15px;
    font-weight: 500;
    color: var(--text-secondary);
}

.woocommerce-account .woocommerce-MyAccount-content .user-orders .item-order:last-child {
    border-left: none;
}

table.my_account_orders thead th {
    padding: 16px 8px !important;
    color: var(--text-secondary);
    font-size: 15px;
    font-weight: 600;
    background: #fffafe;
}

table.my_account_orders tbody th,
table.my_account_orders tbody th a,
table.my_account_orders tbody td {
    padding: 16px 8px !important;
    color: var(--text-secondary);
    font-size: 14px;
    font-weight: 500;
}

table.my_account_orders tbody tr:nth-child(2n) th,
table.my_account_orders tbody tr:nth-child(2n) td {
    background: #fffafe;
}

.woocommerce table.shop_table,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table td {
    border-color: var(--bg-color) !important;
}

.woocommerce-MyAccount-content .woocommerce-Address {
    margin-top: 32px;
}


.woocommerce-MyAccount-content p {
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 30px
}

.dashboard-welcome {
    margin: 16px 0;
}

.dashboard-welcome a, .dashboard-welcome a:visited, .dashboard-welcome a:hover {
    color: var(--main-color);
}

.woocommerce-account .addresses .title .edit {
    color: var(--text-secondary);
}

.woocommerce-MyAccount-content .woocommerce-order-details,
.woocommerce-MyAccount-content .woocommerce-customer-details {
    box-shadow: unset !important;
    border: 1px solid var(--bg-color) !important;
    border-radius: 8px !important;
}

.woocommerce-MyAccount-content table.woosw-items {
    width: 100% !important;
}


.woosw-list table.woosw-items tr:nth-child(2n) td {
    background: transparent !important;
}

.woosw-list table.woosw-items tr:hover td {
    background: transparent !important;
}

.woosw-list table.woosw-items tr td .woosw-item--name a {
    color: var(--text-secondary) !important;
}

.woosw-list table.woosw-items tr td .woosw-item--name a:hover {
    color: var(--main-color) !important;
}

.woosw-list table.woosw-items tr:not(:last-child) td {
    border-bottom: 1px solid var(--bg-color) !important;
}

#billing_country_field, #calc_shipping_country_field, #shipping_country_field,
.woocommerce-MyAccount-navigation-link--downloads, .woosw-list .woosw-actions {
    display: none !important;
}

.woocommerce-notices-wrapper {
    margin: 0 24px 0 24px;
}

.woocommerce-form-login-toggle,
.woocommerce-form-coupon-toggle {
    margin: 0 24px 32px 24px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    display: none !important;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 !important;
}

.woocommerce-MyAccount-content .woocommerce-notices-wrapper {
    margin: 0 6px 32px 6px;
}

.show-account-navigation-btn {
    display: none;
    font-family: var(--font-default);
}

.wp-block-button__link {
    font-family: var(--font-default) !important;
    font-size: 13px !important;
    border: none !important;
    color: var(--text-secondary) !important;
    background: transparent !important;
}

.wc-block-product-filter-price-slider .text input[type=text] {
    display: none !important;
}

.wc-block-product-filter-checkbox-list__item[data-wp-key="status-outofstock"] {
    display: none !important;
}

.wc-block-product-filters__overlay h3.wp-block-heading {
    color: var(--text-secondary) !important;
    font-weight: 500;
}

.wc-block-product-filter-removable-chips__items .wc-block-product-filter-removable-chips__item {
    border: 1px solid var(--bg-color);
    border-radius: 8px;
}

.wc-block-product-filter-checkbox-list__item svg {
    fill: #F8A824;
}

.wc-block-product-filter-removable-chips__items .wc-block-product-filter-removable-chips__item {
    border-radius: 8px !important;
    background-color: #FCE7F3 !important;
}

.wc-block-product-filters__open-overlay span,
.wc-block-product-filters__close-overlay span,
.wc-block-product-filters__apply.wp-element-button span {
    font-family: var(--font-default) !important;
}

.wc-block-product-filters__apply.wp-element-button {
    padding: 8px !important;
    border: none !important;
}

.shop-loop-toolbar {
    display: none !important;
}

.shop-loop-toolbar .woocommerce-result-count {
    margin: 0;
}

.shop-loop-toolbar .woocommerce-ordering {
    margin: 0;
}


.shop-loop-toolbar {
    border-bottom: 0 !important;
}

ol.flex-control-nav.flex-control-thumbs {
    display: flex;
    align-items: center;
    justify-content: center;
}

.woocommerce nav.woocommerce-pagination ul {
    margin: 36px auto;
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    border: none;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 14px;
    background: var(--color-white);
}


.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--main-color);
    color: var(--color-white);
}

.woocommerce .cart-item .cart-item-action .quantity,
.woocommerce .quantity .qty {
    font-family: var(--font-default) !important;
}

.customer_lost_password_form {
    max-width: 500px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
}

.customer_lost_password_form .logo img {
    height: 50px;
}

.customer_lost_password_form form.woocommerce-ResetPassword.lost_reset_password {
    padding: 24px 16px;
    margin: 2em 64px;
}

.customer_lost_password_form form.woocommerce-ResetPassword.lost_reset_password label {
    margin-bottom: 8px;
}

.customer_lost_password_form form.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {
    width: 100%;
    margin-top: 32px;
}

.customer_lost_password_form form.woocommerce-ResetPassword.lost_reset_password input {
    padding: 12px !important;
    background-color: inherit !important;
    border: 1px solid #ddd !important;
    border-radius: 8px;
}

.customer_lost_password_form form.woocommerce-ResetPassword.lost_reset_password input:focus {
    border: 1px solid #ddd !important;
    outline: none;
}

.customer_lost_password_form form.woocommerce-ResetPassword.lost_reset_password button.woocommerce-Button.button {
    font-family: var(--font-default) !important;
    padding: 16px;
    background-color: var(--main-color);
    color: var(--color-white);
    font-weight: 500;
    border-radius: 8px;
    outline: none;
    border: none;
    cursor: pointer;
    width: 100%;
    margin-top: 32px;
}

body.woocommerce-account .container {
    min-height: 100vh;
}

body.woocommerce-account .container .woocommerce {
    min-height: 100vh;
    width: 100%;
    display: flex;
}

div#customer_login,
.woocommerce-form.woocommerce-form-login.login {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    direction: rtl;
    text-align: right;
    font-family: var(--font-default) !important;
}

.woocommerce-form.woocommerce-form-login.login:not(.sign-in) {
    background: var(--color-white);
    gap: 16px;
    box-shadow: var(--shadow-default);
    margin: 24px auto;
    padding: 36px 24px 20px 24px;
    border-radius: 30px;

}

.woocommerce-form.woocommerce-form-login.login .woocommerce-button.woocommerce-form-login__submit {
    width: 100%;
}

.woocommerce-form.woocommerce-form-login.login .form-row {
    width: 100%;
}

div#customer_login .col-1, div#customer_login .col-2,
.woocommerce-form.woocommerce-form-login.login {
    max-width: 500px;
}

div#customer_login .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px 0;
}

div#customer_login .logo img {
    height: 50px;
}

div#customer_login .buttons {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div#customer_login .buttons .woocommerce-button.button.woocommerce-form-login__submit,
div#customer_login .buttons .woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    margin-left: 0 !important;
    font-family: var(--font-default) !important;
    padding: 16px;
    background-color: var(--main-color);
    color: var(--color-white);
    font-weight: 500;
    border-radius: 8px;
}

div#customer_login p.form-row {
    color: var(--text-primary);
}

.lost_password, .lost_password a,
div#customer_login .woocommerce-LostPassword.lost_password a, div#customer_login p:not(.form-row) {
    color: var(--text-secondary);
    font-size: 13px;
    margin: 12px 0;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme,
div#customer_login .buttons .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    gap: 4px;
}

div#customer_login .active-register-form,
div#customer_login .active-login-form {
    font-size: 13px;
    color: var(--text-secondary);
    display: flex;
    gap: 4px;
    align-items: center;
}

#customer_login .active-register-form .active-register-form-btn,
#customer_login .active-login-form .active-login-form-btn {
    color: var(--main-color);
    cursor: pointer;
    display: flex;

}

.u-column2.col-2.register-form {
    display: none;
}

.checkout_coupon.woocommerce-form-coupon .form-row.form-row-last {
    width: auto !important;
}

.woocommerce-error:empty, .woocommerce-info:empty, .woocommerce-message:empty, .woocommerce-message:empty, .woocommerce-notices-wrapper:empty {
    display: none;
    height: 0;
}

.woocommerce-remove-coupon {
    color: red;
    cursor: pointer;
}

.woocommerce-grouped-product-list tr {
    box-shadow: none !important;
    display: flex;
    flex-direction: column;
    padding: 8px;
    gap: 8px;
}

.woocommerce-grouped-product-list tr .woocommerce-grouped-product-list-item__label a {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary);
}

.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
    padding: 0;
}


.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__label {
    order: 1;
}

.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price {
    order: 2;
}

.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity {
    order: 3;
}