@charset "utf-8";
/*
Theme Name: aliaghaietheme
Author: agh
Version: 1
*/
/* === Root Variables === */
:root {
    --color1:#9C67FF;
    --color2:#F4F614;
    --color3:#000;
    --color4:#453D50;
}

@font-face {
    font-family: "YekanBakhThin";
    font-style: normal;
    font-weight: 100;
    src: url('assets/fonts/YekanBakhFaNum-Thin.woff') format('woff'), url('assets/fonts/YekanBakhFaNum-Thin.woff2') format('woff2');
    font-display: swap
}

@font-face {
    font-family: "YekanBakhLight";
    font-style: normal;
    font-weight: 300;
    src: url('assets/fonts/YekanBakhFaNum-Light.woff') format('woff'), url('assets/fonts/YekanBakhFaNum-Light.woff2') format('woff2');
    font-display: swap
}


@font-face {
    font-family: "YekanBakh";
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/YekanBakhFaNum-Regular.woff') format('woff'), url('assets/fonts/YekanBakhFaNum-Regular.woff2') format('woff2');
    font-display: swap
}

@font-face {
    font-family: "YekanBakhBlack";
    font-style: normal;
    font-weight: 900;
    src: url('assets/fonts/YekanBakhFaNum-Black.woff') format('woff'), url('assets/fonts/YekanBakhFaNum-Black.woff2') format('woff2');
    font-display: swap
}

@font-face {
    font-family: "YekanBakhExtraBold";
    font-style: normal;
    font-weight: 800;
    src: url('assets/fonts/YekanBakhFaNum-ExtraBold.woff') format('woff'), url('assets/fonts/YekanBakhFaNum-ExtraBold.woff2') format('woff2');
    font-display: swap
}

@font-face {
    font-family: "YekanBakhBold";
    font-style: normal;
    font-weight: 700;
    src: url('assets/fonts/YekanBakhFaNum-Bold.woff') format('woff'), url('assets/fonts/YekanBakhFaNum-Bold.woff2') format('woff2');
    font-display: swap
}

@font-face {
    font-family: "YekanBakhSemiBold";
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/YekanBakhFaNum-SemiBold.woff') format('woff'), url('assets/fonts/YekanBakhFaNum-SemiBold.woff2') format('woff2');
    font-display: swap
}



body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0
}

body {
    font-family: YekanBakh;
    background: #fff;
    color: var(--color3);
    text-align: right;
    direction: rtl;
    overflow-x: hidden;
    transition: .5s ease-in-out;
    min-height: 1000px !important;
}

img {
    width: 100%
}

li {
    list-style: none
}

a {
    color: var(--color3);
    transition: .5s
}

a:active,
a:hover,
a:link,
a:visited {
    text-decoration: none
}

.mg-auto {
    margin: 0 auto
}

ul {
    padding: 0
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: silver
}

.lg,
.owl-carousel {
    direction: ltr
}

button:focus {
    outline: 0
}

i[class*=agh-]:before,
i[class^=agh-]:before {
    font-family: aghicon !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.site-header{
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 99999999;
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
    box-shadow: none;
}
.site-header.is-scrolled {
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}
.header-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-top: 20px;
}
.main-menu-section{
    width: 45%;
    display: flex;
    align-items: center;
}
.main-menu-right-section{
    gap: 50px;
}
.menu-icon svg{
    width: 20px;
    height: 23px;
}
.main-menu-nav-items{
    display: flex;
    align-items: center;
    gap: 50px;
}
.main-menu-nav-items {
    position: relative;
}
.main-menu-nav-items > li{
    position: relative;
}
.main-menu-nav-items li{
    font-size: 17px;
    font-weight: 600;
    font-family: YekanBakhSemiBold;
}
.main-menu-nav-items > li::before{
    content: "";
    top: -102px;
    left: -20px;
    right: -20px;
    margin: 0 auto;
    position: absolute;
    width: 80px;
    height: 60px;
    transition: 0.5s;
    background: var(--color2);
    border-radius: 50%;
    opacity: 0;
}
.main-menu-nav-items > li.menu-item-has-children::before{
    top: -77px;
}
.main-menu-nav-items > li.menu-item-has-children.current-menu-item::before{
    top: -65px;
}
.main-menu-nav-items > li.current-menu-item::before{
    top: -90px;
    opacity: 1;
}
.main-menu-nav-items > li.menu-item-has-children::after{
    content: "";
    background: url(./assets/images/vector.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 12px;
    height: 10px;
    top: 1px;
    right: 5px;
    position: relative;
    transition: transform 0.5s;
}
.main-menu-nav-items > li.menu-item-has-children:hover::after{
    transform: rotate(180deg);
    filter: invert(55%) sepia(93%) saturate(7429%) hue-rotate(244deg) brightness(101%) contrast(104%);

}
.main-menu-nav-items > li:hover > a, .main-menu-nav-items > li.current-menu-item > a{
    color: var(--color1);
}
.main-menu-left-section{
    justify-content: flex-end;
    gap: 25px;
}
.main-logo-link img {
    height: 108px;
    width: auto;
}
.main-menu-ls-switch input { 
    position: absolute;
    opacity: 0;
    inset: 0;
    cursor: pointer;
}
.main-menu-ls-track{
    display: block;
    position: relative;
    width: 118px;
    height: 50px;
    border: 1px solid var(--color3);
    border-radius: 100px;
    box-sizing: border-box;
}
.main-menu-ls-track::before{
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    width: 53px;
    height: 37px;
    border-radius: 100px;
    background: var(--color2);
    transition: transform .4s ease, background-color .4s ease;
}
.main-menu-ls-sun{
    right: 20px;
}
.main-menu-ls-moon{
    left: 20px;
}
.main-menu-ls-icon{
    position: absolute;
    top: 12px;
    font-size: 16px;
    pointer-events: none;
}
.main-menu-ls-switch input:checked + .main-menu-ls-track::before{
    transform: translateX(51px); 
}

.main-menu-ls-switch,.main-menu-ls-chart{
    padding-left: 20px;
    position: relative;
}
.main-menu-ls-switch::after, .main-menu-ls-chart::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 25px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: #e6e6e6;
}
.main-menu-ls-chart-icon{
    background-color: var(--color2);
    border-radius: 100%;
    padding: 12px 14px;
    display: flex;
    transition: 0.5s;
}
.main-menu-ls-chart-icon:hover {
    background-color: var(--color1);
}
.main-menu-ls-chart-icon svg path{
    transition: 0.5s;
}
.main-menu-ls-chart-icon:hover svg path{
    fill: #fff;
}
.main-menu-ls-login-singup{
    display: flex;
    gap: 5px;
    align-items: center;
}
.main-menu-ls-singup, .main-menu-ls-login{
    font-size: 17px;
    font-weight: 600;
    font-family: YekanBakhSemiBold;
    transition: 0.5s;
    border: 1px solid transparent;
}
.main-menu-ls-singup:hover ,.main-menu-ls-login:hover{
    background-color: var(--color1);
    color: #fff;
    border-color: var(--color1);
}
.main-menu-ls-singup{
    padding: 11px 24px;
    border-radius: 40px;
    background-color: var(--color2);
    border-color: var(--color2);
}
.main-menu-ls-login{
    padding: 10px 24px;
    border-radius: 40px;
    border-color: var(--color3);
}
.search-slider-box{
    margin-top: 40px;
}
.search-box,
.search-content{
    width: 100%;
    position: relative;
}
.search-box::before,.search-box::after,
.search-content::before, .search-content::after{
    content: "";
    position: absolute;
}
.search-box::before{
    background: url(./assets/images/shape-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 61px;
    height: 61px;
    right: 50px;
    top: 0;
}
.search-box::after{
    background: url(./assets/images/shape-2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 97px;
    height: 87px;
    right: 150px;
    top: 50%;
}
.search-content::before{
    background: url(./assets/images/shape-3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80px;
    height: 81px;
    left: 50px;
    top: 0;
}
.search-content::after{
    background: url(./assets/images/shape-4.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 71px;
    height: 83px;
    left: 150px;
    top: 50%;
}
.search-content{
    display: flex;
    justify-content: center;
}
.search-bar{
    padding-top: 20px;
    width: 50%;
    margin: 0 auto;
}
.search-bar-title{
    font-size: 43px;
    width: 86%;
    margin: 0 auto;
    color: var(--color4);
}
.search-bar-title::after{
    content: "";
    position: relative;
    background: url(./assets/images/search-title-after.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 69px;
    height: 51px;
    top: 15px;
    display: inline-block;
}
.search-bar-title span{
    font-weight: 900;
    font-family: YekanBakhBlack;
}
.search-bar-title-strong{
    position: relative;
}
.search-bar-title-strong::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 40%;
    top: 58%;
    transform: translateY(-50%);
    background-color: #F2CCDD;
    border-radius: 1px;
    z-index: -1;
}
.search-bar-detail{
    font-size: 17px;
    color: #696767;
    font-weight: 300;
    font-family: YekanBakhLight;
    text-align: center;
    line-height: 40px;
}

.search-form-input-box input,.search-form-icon,.sf-input-icon{
    outline: none;
    border: none;
}
.sf-input-icon{
    background-color: transparent;
    display: flex;
    padding: 0;
}
.search-form-icon{
    border-radius: 50%;
    background-color: #005DEE;
    padding: 14px 15px;
    display: flex;
}
.search-form-icon svg{
    width: 20px;
    height: 20px;
}

.search-form{
    display: flex;
    justify-content: space-between;
    padding: 6px 15px 6px 6px;
    border-radius: 40px;
    border: 1px solid var(--color3);
}
.search-form-input-box{
    display: flex;
    align-items: center;
    gap: 5px;
    flex-grow: 1;
}
.search-form-input-box input{
    flex: 1;
    font-size: 13px;
    font-family: inherit;
}
.search-form-input-box input::placeholder{
    font-size: inherit;
    font-weight: 300;
    font-family: YekanBakhLight;
    font-family: inherit;
    color: #ababab;
}
.slider-box{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    width: 100%;
}
.slider-sides-boxes{
    display: flex;
    gap: 50px;
    width: 30%;
}
.slider-left-side-boxes{
    justify-content: flex-end;
}
.slider-side-box{
    display: flex;
    flex-direction: column;
    gap: 60px;
    position: relative;
}
.srs-box-part{
    position: relative;
}
.srs-box-part img{
    width: 114px;
    height: auto;
    display: block;
    margin: 0 auto;
}
.srs-box-part::after{
    content: "";
    position: relative;
    bottom: 10px;
    right: 0;
    left: 0;
    z-index: -1;
    margin: 0 auto;
    background: url(./assets/images/top-section-book-before.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 170px;
    height: 70px;
    display: block;
}
.main-slider-swiper::after{
    content: "";
    position: relative;
    bottom: 5px;
    right: 0;
    left: 0;
    z-index: -1;
    margin: 0 auto;
    background: url(./assets/images/top-section-book-before.png);
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 330px;
    height: 150px;
    display: block;
    width: 100%;
}
.slider-side-box.box-1,.slider-side-box.box-4{
    position: relative;
    bottom: 60px;
}
.slider-center-side{
    width: 40%;
    position: relative;
    height: auto;
}
.mss-box{
    padding: 40px 60px 0;
    display: flex;
    justify-content: center;
}
.main-swiper-slide-image{
    position: relative;
}
.main-swiper-slide-image img{
    display: block;
    max-width: 210px;
    height: auto;
}
.main-swiper-slide-label{
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 3px;
    right: -30%;
    padding: 9px 25px 9px 10px;
    background: url(./assets/images/book-label.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.mss-label-texts{
    display: flex;
    align-items: center;
}
.mss-label-texts span{
    font-size: 12px;
    color: #313131;
}
.main-slider-buttons{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: -60px;
}
.main-swiper-button-prev.main-swiper-button-prev,
.main-swiper-button-next.main-swiper-button-next{
    position: static;   
}
.swiper-button-prev,
.swiper-button-next{
    color: #0000;
    width: 50px;
    height: 50px;
    border: 1px solid #aaaaaa;
    border-radius: 50%;
    transition: 0.5s;
}
.swiper-button-prev:hover,
.swiper-button-next:hover{
    border: 1px solid var(--color2);
    background-color: var(--color2);
}
.swiper-button-prev:hover svg path,
.swiper-button-next:hover svg path{
    stroke: #000;
}


.swiper-button-prev svg,
.swiper-button-next svg{
    width: 30px;
    height: 30px;
}

.swiper.main-slider-swiper {
    width: 58%;
    margin: 0 auto;
}
.book-category-section{
    margin-top: 80px;
    width: 100%;
    position: relative;
}
.book-category-slide-link{
    max-width: 440px;
    display: block;
    margin: 0 auto;
}
.book-category-top{
    padding: 0 15px;
}
.book-category-section::before{
    content: "";
    background: url(./assets/images/category-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    top: 50px;
    height: 600px;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
}
.book-category{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 160px;
}
.book-category-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bc-swiper-button-prev, .bc-swiper-button-next{
    position: static;
    border: 1px solid #c9c9c9;
}
.book-category-slider-buttons{
    display: flex;
    align-items: flex-end;
    gap: 5px;
}
.book-category-title{
    display: flex;
    gap: 20px;
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    font-family: YekanBakhExtraBold;
}
.book-category-title::before{
    content: "";
    position: relative;
    background: url(./assets/images/category-before.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 69px;
    height: 60px;
    bottom: 7px;
}

.book-category-see-more{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}
.book-category-see-more span{
    color: #fff;
    font-size: 18px;
}
.book-category-swiper{
    padding: 0 15px 25px 15px;
}
.book-category-card{
    padding: 15px 50px;
    display: flex;
    justify-content: flex-end;
    border-radius: 30px;
    box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
    background-color: #fff;
    position: relative;
    z-index: -1;
    margin-top: -35.5%;
}
.book-category-slide-content{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.book-category-slide-title{
    font-size: 24px;
    font-weight: 600;
    font-family: YekanBakhSemiBold;
}
.book-category-repeater{
    font-size: 18px;
    font-weight: 100;
    font-family: YekanBakhThin;
}
.book-category-slide-icon{
    padding: 5px 20px;
    border-radius: 30px;
    background-color: var(--color2);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.book-category-slide-image img{
    display: block;
    object-fit: cover;
    height: 241px;
    width: auto;
}
.pre-order-container{
    position: relative;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}
.pre-order-container::before, .pre-order-container::after{
    content: "";
    position: absolute;
    top:60px;
}
.pre-order-container::before{
    background: url(./assets/images/pre-order-before.png);
    right: 50px;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 158px;
    height: 115px;
}
.pre-order-container::after{
    background: url(./assets/images/pre-order-after.png);
    left: 50px;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 126px;
    height: 122px;
}
.pre-order-top{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}
.pre-order-title{
    font-size: 40px;
    font-family: YekanBakhExtraBold;
    color: var(--color4);
}
.pre-order-text{
    color: var(--color1);
    position: relative;
}
.pre-order-text::after{
    content: "";
    position: absolute;
    bottom: -15px;
    right: -10px;
    left: -10px;
    background: url(./assets/images/pre-order-span-before.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 186px;
    height: 22px;
}
.pre-order-exclamation{
    color: var(--color2);
}
.pre-order-detail{
    font-size: 17px;
    color: #696767;
    font-family: YekanBakhLight;
}
.pre-order-tabs{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 100px;
    width: 100%;
}
.pre-order-tab-buttons{
    display: flex;
    align-items: center;
    gap: 5px;
}
.pre-order-tab-button{
    font-family: YekanBakhSemiBold;
    font-weight: 18px;
    border-radius: 40px;
    border: 1px solid var(--color3);
    padding: 11px 38px;
    transition: 0.5s;
}
.pre-order-tab-button.active{
    border: 1px solid var(--color2);
    background-color: var(--color2);
}

.pre-order-tab-box::before{
    content: "";
    background: url(./assets/images/pre-order-content-before.png);
    position: absolute;
    width: 100%;
    height: 160px;
    top: 100%;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: 100%;
}
.pre-order-tab-card {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 20px 0;
}

.pre-order-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 3;
  object-fit: cover;
}
.pre-order-image{
    box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.19);
    transition: 0.5s;
    position: relative;
    width: 100%;
}
.pre-order-image::before{
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.32);
    inset: 0;
    z-index: 2;
    opacity: 0;
    transition: 0.5s;
}
.pre-order-image:hover::before{
    opacity: 1;
}
#preorder .pre-order-image::after{
    content: "";
    position: absolute;
    right: -20px;
    bottom: 5px;
    background: url(./assets/images/pre-order-label.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 75px;
    height: 54px;
    opacity: 0;
    transition: 0.5s;
    z-index: 3;
}
#preorder .pre-order-image:hover::after {
    opacity: 1;
}

.pre-order-container,
.pre-order-tabs,
.pre-order-tabs-contents,
.pre-order-tab-content,
.pre-order-tab-box,
.pre-order-tab-content .swiper {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.pre-order-tabs-contents {
  position: relative;
}

.pre-order-tab-content {
  display: none;
  width: 100%;
  min-width: 0;
}

.pre-order-tab-content.active {
  display: block;
}

.pre-order-tab-box {
  position: relative;
  width: 100%;
  min-width: 0;
}

.pre-order-tab-content .swiper {
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.pre-order-tab-content .swiper-wrapper {
  box-sizing: border-box;
}

.pre-order-tab-content .swiper-slide {
  height: auto;
  box-sizing: border-box;
}

.pre-order-tab-content .swiper-slide img {
  width: 100%;
  height: auto;
}

.pre-order-tab-content[hidden] {
  display: none !important;
}

.preorder-available-more{
    display:flex;
    justify-content: center;
    gap: 10px;
    margin-top: 72px;
    z-index: 3;
    position: relative;
}
.preorder-available-more a{
    font-size: 17px;
    font-weight: 600;
    font-family: YekanBakhSemiBold;
    transition: 0.5s;
    display:flex;
    border: 1px solid transparent;
}
.preorder-available-more a:hover ,.preorder-available-more a:hover{
    background-color: var(--color1);
    color: #fff;
    border-color: var(--color1);
}
a.available-more{
    padding: 11px 24px;
    border-radius: 40px;
    background-color: var(--color2);
    border-color: var(--color2);
}
a.preorder-more{
    padding: 10px 24px;
    border-radius: 40px;
    border-color: var(--color3);
}
.pre-order-tab-box{
    display: flex;
    gap: 35px;
    justify-content: space-between;
    padding: 0 85px;
    position: relative;
}
.preorder-tab-slider-button {
  background-color: #ffffff;
  border-radius: 50%;
  border:none;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preorder-tab-slider-button svg{
  display:none;
}
.preorder-tab-slider-button.swiper-button-disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.preorder-tab-slider-button::after {
  content: "" !important;
  display: block;
  width: 14px;
  height: 14px;
  border-top: 3px solid #000;
  border-left: 3px solid #000;
}

.preorder-next::after,
.available-next::after {
  transform: rotate(-45deg); 
}

.preorder-prev::after,
.available-prev::after {
  transform: rotate(135deg);
}

.zhin-chosen{
    margin-top: 200px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.zhin-chosen-top{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 35px;
}
.zct-title-box{
    display: flex;
    align-items: flex-end;
    gap: 15px;
}
.zct-title{
    font-size: 40px;
    color: var(--color4);
    font-family: YekanBakhExtraBold;
    position: relative;
}
.zct-title::after{
    content: "";
    position: relative;
    width: 69px;
    height: 69px;
    display: inline-block;
    background: url(./assets/images/zhin-chosen-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 14px;
    right: 10px;
}
.zhin-chosen-tabs{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.zhin-chosen-container{
    width: 100%;
    min-height: 450px;
    position: relative;
}
.zhin-chosen-button{
    padding: 12px 24px;
    border-radius: 40px;
    color: #5e5e5e;
    transition: 0.5s;
    font-family: YekanBakhSemiBold;
    font-size: 17px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.zhin-chosen-button.active{
    background: var(--color2);
    color: var(--color3);
}
.product-card{
    padding: 20px;
    background: #fff;
    box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
    border-radius: 34px;
}
.zhin-chosen-slider{
    padding: 20px 15px;
}
.product-card-image{
    display: flex;
    justify-content: center;
    padding: 15px 0;
    position: relative;
}
.product-card-discount-badge {
    position: absolute;
    top:17px;
    right: 15%; 
    padding: 10px;
    border-radius: 40px;
    background: var(--color2);
    font-size: 14px;
    font-family: YekanBakhBold;
}
.product-card-image img{
    display: block;
    width: auto;
    height: 240px;
}
.product-card-detail-link {
  display: block;
}
.product-card-book-name{
    font-size: 15px;
    color: #141414;
    line-height: 1.2;
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;  
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: calc(1.2em * 2);   
}
.product-card-book-author{
    font-size: 15px;
    font-family: YekanBakhLight;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 1;  
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: calc(1.2em * 1);
}
.product-card-bottom{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 5px;
}
.product-card-price-box{
    font-size: 22px;
    font-family: YekanBakhSemiBold;
}
.product-card-price-box del{
    color: #b5b5b5;
    font-size: 20px;
}
.product-card-price-box ins{
    font-size: 22px;
    text-decoration: none;
}
.product-card-price{
    display: flex;
    align-items: center;
    gap: 8px;
}
.product-card-chart-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 23px;
    background-color: var(--color2);
    border-radius: 30px;
}
.zhin-chosen-button-prev,.zhin-chosen-button-next{
    position: static;
}
.zcc-swiper-buttons{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    gap: 5px;
}
.zhin-chosen-bottom{
    position: relative;
    background-size: 100% auto;
    padding: 50px 0;
    margin-top: 80px;
    background: #EFE7FE;
}
.zhin-chosen-bottom::before{
  content: "";
  position: absolute;
  top: -88px;
  right: 0;
  left: 0;
  height: 90px;
  background: url(./assets/images/chosen-before.png) no-repeat;
  background-position: center bottom;
  background-size: 100%;
  pointer-events: none;
}
.zhin-chosen-bottom::after{
  content: "";
  position: absolute;
  bottom: -90px;
  right: 0;
  left: 0;
  height: 90px;     
  background: url(./assets/images/chosen-after.png) no-repeat;
  background-position: center top;
  background-size: 100%;
  pointer-events: none;
}          
.zhin-chosen-tab-content {
  position: absolute;
  inset: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}

.zhin-chosen-tab-content.active {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.about-zhin{
    margin-top: 200px;
    position: relative;
    padding-top: 50px;
}
.about-zhin-container{
    display: flex;
    justify-content: space-between;
    position: relative;
}
.about-zhin-right-box,.about-zhin-left-box {
    width: 27%;
}
.about-zhin-right-box{
    position: relative;
    bottom: 40px;
    right: 0;
}
.about-zhin-left-box{
    display: flex;
    justify-content: flex-end;
    position: relative;
    top: 10px;
    left: 0;
}
.about-zhin-right-box img{
    width: 266px;
    height: auto;
    display: block;
}
.about-zhin-left-box img{
    width: 258px;
    height: 93.5%;
    display: block;
}
.about-zhin-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 44%;
}
.about-zhin-en-title{
   font-size: 80px;
    font-family: YekanBakhExtraBold;
    text-align: center;
    line-height: 70px;
    background: linear-gradient(180deg, #FFECB1 0%, #FFFCF1 58.87%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.about-zhin-title-box{
    position: relative;
}

.about-zhin-fa-title{
    font-size: 40px;
    font-family: YekanBakhExtraBold;
    color: var(--color4);
    text-align: center;
    position: relative;
    bottom: 20px;
}
.about-zhin-datail{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.about-zhin-datail p{
    font-size: 17px;
    color: #696767;
    font-family: YekanBakhLight;
    text-align: center;
}
.about-zhin-see-more{
    margin-top: 40px;
    background-color: var(--color2);
    font-size: 16px;
    font-family: YekanBakhSemiBold;
    border-radius: 40px;
    padding: 11px 34px;
}
.why-zhin{
    margin-top: 80px;
}
.why-zhin-title-box{
    position: relative;
}

.why-zhin-fa-title{
    font-size: 40px;
    font-family: YekanBakhExtraBold;
    color: var(--color4);
    text-align: center;
    position: relative;
    bottom: 20px;
}
.why-zhin-en-title{
    font-size: 80px;
    font-family: YekanBakhExtraBold;
    text-align: center;
    line-height: 70px;
    background: linear-gradient(180deg, #EEE4FF 0%, #FDFBFF 58.87%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;

}
.why-zhin-boxes{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.this-week-chosen{
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
    overflow-x: hidden;
}
.tw-chosen-top{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.tw-chosen-top-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
}
.tw-chosen-title-box{
    width: 67%;
    display: flex;
    justify-content: flex-end;
}
.tw-chosen-title{
    font-size: 40px;
    color: var(--color4);
    font-family: YekanBakhBold;
}
.tw-chosen-title::after{
    content: "";
    position: relative;
    background: url(./assets/images/tw-title-after.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 69px;
    height: 68px;
    display: inline-block;
    top: 10px;
}
.tw-chosen-detail{
    font-size: 17px;
    color: #696767;
    font-family: YekanBakhLight;
    text-align: center;
}
.tw-chosen-see-more{
    display: flex;
    align-items: center;
    font-size: 18px;
    position: relative;
    top: 10px;
    gap: 7px;
}
.tw-chosen-bottom{
    display: flex;
    gap: 25px;
    padding: 30px 20px;
}
.tw-chosen-first-card-container{
    width: 55%;
    z-index: 999;
}
.tw-chosen-cards-box{
    width: 56%;
}
.tw-chosen-slider{
    overflow: visible;
}
.tw-chosen-card{
    display: flex;
    padding: 20px 25px;
    background: #fff;
    box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
    border-radius: 30px;
    gap: 20px;
    height: 100%;
    width: 100%;
}
.tw-chosen-image-link{
    width: 42%;
    display: block;
}
.tw-chosen-card-image-1{width: 100%;height: 100%;display: flex;align-items: center;padding: 10px 15px 10px 10px;}
.tw-chosen-card-image-1 img{
    width: 100%;
    height: auto;
    box-shadow:20px 5px 20px rgba(0, 0, 0, 0.19);
    display: block;
}
.tw-chosen-card-content{
    width: 58%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.tw-chosen-rate-comment{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tw-chosen-card-comment{
    display: flex;
    align-items: center;
    font-family: YekanBakhLight;
    font-size: 9px;
    gap: 10px;
}
.tw-chosen-card-rate{
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    padding: 12px 16px;
    background: #fff;
    box-shadow: 1px 1px 10px 1px rgba(151, 151, 151, 0.15);
    border-radius: 50px;

}
.tw-chosen-card-rate span{
    font-size: 17px;
    font-family: YekanBakhSemiBold;
}
.tw-chosen-card-rate svg{
    position: relative;
    bottom: 3px;
}
.twc-book-name{
    font-size: 20px;
    font-family: YekanBakh;
    color: #141414;
}
.twc-book-author{
    font-size: 17px;
    font-family: YekanBakhLight;
}
.twc-summary-title{
    font-size: 15px;
    font-family: YekanBakhLight;
    display: flex;
    align-items: center;
    gap: 10px;
}
.twc-summary{
    font-size: 14px;
    font-family: YekanBakhLight;
    color: #929292;
    width: 95%;
}
.twc-summary-box{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.twc-price-buy{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.twc-price-box{
    display: flex;
    align-items: center;
    gap: 10px;
}
.twc-price-unit{
    font-size: 24px;
    font-family: YekanBakhSemiBold;
}
.twc-buy{
    font-size: 18px;
    font-family: YekanBakhSemiBold;
    border-radius: 30px;
    padding: 13px 41px;
    background-color: var(--color2);
    display: block;
}
.banner-boxes{
    display: flex;
    gap: 25px;
    border-radius: 70px;
    margin-top: 130px;
}
.banner-box-link{
    display: block;
}
.buying-process{
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    gap: 100px;
}
.buying-process-top{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.buying-process-title{
    font-size: 40px;
    color: var(--color4);
    font-family: YekanBakhBold;
    display: flex;
    align-items: flex-end;
    gap: 10px;
}
.buying-process-title::after{
    content: "";
    background: url(./assets/images/buying-process-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 69px;
    height: 73px;
    display: inline-block;
    position: relative;
}
.buying-process-tip{
    font-family: YekanBakhLight;
    font-size: 17px;
    color: #696767;
}
.buying-process-bottom{
    display: flex;
    align-items: center;
    gap: 170px;
    position: relative;
    padding-bottom: 70px;
}
.buying-process-bottom::before{
    content: "";
    position: absolute;
    bottom: 0;
    width: 50%;
    right: 0;
    height: 11px;
    background-color: var(--color1);
    border-radius: 0 50px 50px 0;
}
.buying-process-bottom::after{
    content: "";
    position: absolute;
    bottom: 0;
    width: 50%;
    left: 0;
    height: 11px;
    background-color: #FFC314;
    border-radius: 50px 0 0 50px;
}
.buying-process-step{
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}
.bp-step-number{
    font-family: YekanBakhBold;
    font-size: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.bp-step-title{
    font-size: 25px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.bp-step-detail{
    font-size: 17px;
    font-family: YekanBakhLight;
    color: #696767;
    text-align: center;
}
.bp-step-1-number,
.bp-step-3-number,
.bp-step-5-number{
    background-color: #F5F0FF;
    width: 92px;
    height: 92px;
    color: var(--color1);
}
.bp-step-2-number,
.bp-step-4-number,
.bp-step-6-number{
    background-color: #FFF9E5;
    width: 92px;
    height: 92px;
    color: #FFC314;
}
.buying-process-step.step-1,
.buying-process-step.step-3,
.buying-process-step.step-5{
    position: relative;
    bottom: 50px;
}
.buying-process-step.step-5::after,
.buying-process-step.step-1::after,
.buying-process-step.step-3::after{
    content: "";
    position: absolute;
    background: url(./assets/images/buy-step-after.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 96px;
    height: 60px;
    left: -73%;
    top: 55px;
}
.buying-process-step.step-3::before,.buying-process-step.step-5::before{
    content: "";
    position: absolute;
    background: url(./assets/images/buy-step-after.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 96px;
    height: 60px;
    transform: scaleX(-1) rotate(180deg);
    right: -70%;
    top: 55px;
}
.zhin-comments-box{
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.zhin-comments-top{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.zhin-comments-top-up{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.zc-slider-buttons{
    display: flex;
    align-items: center;
    gap: 5px;
}
.zhin-comments-button-prev,.zhin-comments-button-next{
    position: static;
}
.zhin-comments-title{
    font-size: 40px;
    color: var(--color4);
    font-family: YekanBakhBold;
}
.zhin-comments-tip{
    font-size: 17px;
    font-family: YekanBakhLight;
    color: #696767;
    text-align: center;
}
.zhin-comments-see-more{
    display: flex;
    align-content: flex-start;
    align-items: center;
    gap: 7px;
    font-size: 18px;
    font-family: YekanBakhSemiBold;
}
.zhin-comments-see-more-box{
    display: flex;
    align-items: flex-start;
}
.zhin-comments-bottom{
    position: relative;
    background-image: url(./assets/images/comment-bg.png);
    background-size: contain;
    background-color: #E6D4FF;
}
.zhin-comments-bottom-box{
    padding: 80px 0 60px;
}
.zhin-comments-bottom::before{
    content: "";
    position: absolute;      
    background: url(./assets/images/comment-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    pointer-events: none;
    top: -50px;
    left: 0;
    right: 0;
    height: 50px;    
}
.zhin-comments-bottom::after{
    content: "";
    position: absolute;      
    background: url(./assets/images/comment-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    pointer-events: none;
    bottom: -50px;
    left: 0;
    right: 0;
    height: 50px;    
}
.comments-slider{
    padding: 25px 0;
}
.comments-slide-box{
    box-shadow:7px 4px 30px rgba(150, 150, 150, 0.25);
    background-color: #fff;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
}
.comments-slide-section{

    padding: 80px 0 0 50px; 
}
.comments-slide-box::before{
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    width: 100%;
    height: 42px;                
    background: url(./assets/images/comment-box-before.png) bottom center no-repeat;
    background-size: 100%;
}
.comments-slide-box::after{
    content: "";
    position: absolute;
    top:-70px;
    left: -40px;
    width: 30%;
    height: 138px;                
    background: url(./assets/images/comment-box-after.png) bottom center no-repeat;
    background-size: 100%;
}
.cs-part{
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 20px 20px 0 20px;
}
.comments-slide-box-top{
    display: flex;
    align-items: center;
    gap: 15px;
}
.cs-image{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #005DEE;
    overflow: hidden;
}
.cs-image img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.comments-author-name,.user-comment{
    font-size: 18px;
}
.user-comment-label{
    font-size: 14px;
    font-family: YekanBakhLight;
    color: #b6b6b6;
}
.comments-rate-box{
    display: flex;
    justify-content: flex-end;
}
.comments-rate{
    padding: 6px 12px;
    background-color: #fff;
    box-shadow: 1px 1px 10px 1px rgba(151, 151, 151, 0.16);
    border-radius: 50px;
    display: flex;
    gap: 2px;
}
.comments-rate span{
    font-size: 13px;
    font-family: YekanBakhSemiBold;
}
.comments-rate svg{
    width: 18px;
    height: 18px;
    position: relative;
}
.comments-slide {
  transition: transform 0.4s ease, opacity 0.4s ease;
  transform: scale(0.8) !important;
}

.comments-slide.active-slide {
  opacity: 1;
  transform: scale(1.1) !important;
  z-index: 5;
}

.comments-slider {
  overflow: hidden;
  padding: 40px 0;
}

.FAQ-container{
    display: flex;
    flex-direction: column;
    gap: 80px;
    margin: 200px auto 0;
}
.FAQ-top-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.FAQ-title{
    font-size: 40px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.FAQ-detail{
    font-size: 17px;
    font-family: YekanBakhLight;
    color: #696767;
}
.FAQ-bottom-box{
    display: flex;
    justify-content: space-between;
}
.FAQ-part{
    width: 53%;
    gap: 40px;
}
.FAQ-image{
    width: 39%;
}
.FAQ-questions{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.FAQ-question-box{
    display: flex;
    flex-direction: column;
    padding: 15px 25px 15px 15px;
    border-radius: 30px;
    transition: 0.5s;
}
.FAQ-question-box:nth-child(odd){
    background-color: #F5F0FF;
}
.FAQ-question-text p{
    font-size: 18px;
}
.FAQ-question-box:nth-child(even){
    background: #FFF9E5;
}
.FAQ-question-icon i{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 17px 21px ;
    background-color: var(--color2);
    border-radius: 40px;
}
.FAQ-questions-bottom{
    font-size: 15px;
    font-family: YekanBakhLight;
}
.FAQ-questions-bottom {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.5s cubic-bezier(0.25, 1, 0.3, 1), opacity 0.5s ease;
    will-change: max-height, opacity;
}

.FAQ-question-box.active .FAQ-questions-bottom {
    opacity: 1;
    padding-top: 10px;
}

.FAQ-see-more-box{
    display: flex;
    justify-content: center;
}
.FAQ-see-more{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 40px;
    padding: 12px 37px;
    border: 1px solid var(--color3);
}
.FAQ-question-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.FAQ-question-icon svg {
    transition: transform 0.5s ease;
}

.FAQ-question-box.active .FAQ-question-icon svg {
    transform: rotate(180deg);
}
.FAQ-part{
    display: flex;
    flex-direction: column;
}
.join-zhin-big-container{
    margin: 150px auto 100px;
}
.join-zhin-section{
    border-radius: 60px;
    background-color: #FFC314;
    padding: 0 80px;

}
.join-zhin-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
}
.join-zhin-box{
    width: 33%;
}
.join-zhin-box img{
    display: block;
    width: 100%;
    height: auto;
}
.join-zhin-center-box{
    width: 35%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.join-zhin-title{
    font-size: 35px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.join-zhin-title span{
    position: relative;
    z-index: 2;
}
.join-zhin-title span::before{
    content: "";
    position: absolute;
    width: 110%;
    height: 40%;
    top: 55%;
    transform: translateY(-50%);
    left: -5%;
    right: -5%;
    margin: 0 auto;
    background: #FFF9E5;
    z-index: -1;
}
.join-zhin-tip{
    font-family: YekanBakhLight;
    font-size: 14px;
    color: var(--color4)
}
.join-zhin-container .gform-body{
    width: 88%;
    margin: 0 auto;
}
.join-zhin-container .gf_browser_chrome{
    width: 100%;
    margin-top: 5px;
}
.join-zhin-container #gform_fields_1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 5px;
}
.join-zhin-container #field_1_1{
    width: 85%;
}
.join-zhin-container .gform-footer.gform_footer.top_label{
    display: none;
}
.join-zhin-container .ginput_container_email input#input_1_1{
    background-color: transparent;
    border-radius: 40px;
    padding: 24px 25px;
    border: 1px solid var(--color3);
    outline: none;
    font-size: 14px;
    width: 86%;
    font-family: YekanBakh;
    width: 100%;
}
.join-zhin-container .ginput_container input::placeholder{
    font-size: inherit;
    font-family: inherit;
    color: #fff;
}
.join-zhin-container #gform_submit_1{
    width: 50px;
    height: 50px;
    font-size: 0;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    padding: 5px;
    position: relative;
}
.join-zhin-container #gform_submit_1::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.313 15.343h18.75M12.875 22.873l-7.563-7.53 7.563-7.531"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.footer-container{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.footer-top-section{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-contact-us-part{
    width: 46%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.footer-about-us-part{
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-end;
    width: 46%;
}
.footer-logo-part{
    width: 7%;
    position: relative;
}
.footer-logo-part::before{
    content: "";
    position: absolute;
    background: url(./assets/images/footer-icon-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 26px;
    height: 30px;
    top: 25%;
    right: -200px;   
}
.footer-logo-part::after{
    content: "";
    position: absolute;
    background: url(./assets/images/footer-icon-3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 29px;
    height: 29px;
    top: 25%;
    left: -200px;   
}
.footer-logo::before{
    content: "";
    position: absolute;
    background: url(./assets/images/footer-icon-2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 39px;
    height: 39px;
    top: 55%;
    right: -350px;   
}
.footer-logo::after{
    content: "";
    position: absolute;
    background: url(./assets/images/footer-icon-4.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 41px;
    height: 48px;
    top: 55%;
    left: -350px;   
}
.footer-image img{
    width: 50%;
    height: auto;
    display: block;
}
.footer-image-2{
    display: flex;
    transform: scaleX(-1);
}
.footer-contact-us a, .footer-about-us a{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    border: 1px solid var(--color3);
    padding: 15px 35px;
    gap: 10px;
    font-size: 22px;
    font-family: YekanBakhSemiBold;
    transition: 0.5s;
}
.footer-contact-us a:hover, .footer-about-us a:hover{
    background-color: var(--color2);
    border: 1px solid var(--color2);
}
.footer-center-section{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}
.footer-center-section > li{
    font-size: 20px;
    font-family: YekanBakhSemiBold;
    position: relative;
    transition: 0.5s;
}
.footer-center-section > li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: -46px; 
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: #d2d2d2;
}
.footer-center-section > li:hover a{
    color: var(--color1);
}
.site-footer{
    padding-bottom: 30px;
}
.footer-bottom-section{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.footer-bottom-first{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFC314;
    border-radius: 40px;
    padding: 12px 35px 12px 15px;
}
.footer-socail-text{
    font-size: 22px;
    font-family: YekanBakhSemiBold;
}
.footer-socail-icons{
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-social-icon{
    background-color: #fff;
    border-radius: 50%;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
.footer-social-icon:hover{
    background-color: var(--color1);
}
.footer-social-icon svg path{
    transition: 0.5s;
}
.footer-social-icon:hover svg path{
    fill: #fff;
}
.footer-bottom-last{
    padding: 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-bl-right > li a,
.footer-bl-left p{
    font-size: 15px;
    font-family: YekanBakhLight;
    color: #9b9b9b;
    transition: 0.5s;
}
.footer-bl-right > li a:hover {
    color: var(--color1);
}
.footer-bl-right{
    gap: 30px;
    display: flex;
    align-items: center;
}
.footer-bl-right > li{
    position: relative;
}
.footer-bl-right > li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: #e4e4e4; 
}
.menu-icon,.mobile-bottom-menu-section,.mobile-menu-login{
    display: none;
}
a.mobile-bm-item svg {
    width: 22px;
}

.main-menu-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.menu-item-object-custom.menu-item-has-children {
  position: relative;
  padding: 25px 0;
}


.menu-item-object-custom .sub-menu{
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 260px;
  background: var(--color1);
  border-radius: 13px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 0.25s ease;
  z-index: 10;
  padding: 10px;
}


.sub-menu .menu-item-object-product_cat a {
  display: block;
  padding: 14px 14px;
  text-decoration: none;
  font-weight: normal;
  font-size: 14px;
  color: #fff;
  border-bottom: 1px solid #ffffff38;
}

.menu-item-object-custom.menu-item-has-children:hover > .sub-menu{
  opacity: 1;
  visibility: visible;
  transform: translateY(5px);
}
.menu-item-object-product_cat.menu-item-has-children {
    position: relative;
}
.menu-item-object-product_cat.menu-item-has-children > .sub-menu {
  position: absolute;
  top: -10px;
  right: 105%;
  transition: 0.5s;
  margin-right: 10px; /* فاصله ظریف */
}

.menu-item-object-custom .sub-menu{
  top: 60px;
  right: -10px;
}

.menu-item-object-product_cat.menu-item-has-children:hover > .sub-menu{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.menu-item-object-product_cat:hover > a{background: #8c53f6;border-radius: 10px;}
.sub-menu {
    display: flex;
    flex-direction: column;
}

li.menu-item-object-product_cat:last-child > a {
    border: none;
}
li.menu-item-object-product_cat:before {
    content: '';
    position: absolute;
    background: #0000;
    width: 30px;
    height: 50px;
    left: -16px;
}
li.menu-item-object-product_cat:hover::before{
  width: 200px;        /* بزرگ‌ترش کن */
  left: -200px;        /* هم‌زمان ببرش عقب که فضای بین رو پر کنه */
  height: 110%;       /* اگر لازم شد */
  top: -5%;
}
.menu-item-object-product_cat.menu-item-has-children::after{
    content: "";
    position: absolute;
    left: 17px;
    transform: translateY(-350%) rotate(90deg);
    background: url(./assets/images/vector.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 10px;
    height: 8px;
    transition: 0.5s;
    filter: brightness(0) invert(1);
}
.mobile-pop-up-box{
    display: none;
}
.top-part{
    margin-top: 50px;
    position: relative;
    padding-bottom: 100px;
}
.top-part-title-section{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 70px;
    position: relative;
}
.top-part-title,.top-part-tip{
    text-align: center;
}
.top-part-title{
    font-size: 43px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.top-part-title::after{
    content: "";
    background: url(./assets/images/about-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 69px;
    height: 49px;
    position: relative;
    display: inline-block;
    top: 10px;
    right: 5px;
}
.top-part-title-box{
    width: 40%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
}

.top-part-tip{
    font-size: 17px;
    color: var(--color4);
}
.top-part-bread-crump{
    font-size: 22px;
    font-family: YekanBakhBold;
}
.top-part::after{
    content: "";
    background: url(./assets/images/bread-crump-after.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
}
.top-part-about a{
    color: var(--color1);
}
.top-part-title-box::before{
    content: "";
    position: absolute;
    background: url(./assets/images/shape-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 61px;
    height: 61px;
    right: -67%;
    top: 0;
}
.top-part-title-section::before{
    content: "";
    position: absolute;
    background: url(./assets/images/shape-2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 97px;
    height: 87px;
    right: 10%;
    top: 45%;
}
.top-part-title-box::after{
    content: "";
    position: absolute;
    background: url(./assets/images/shape-3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80px;
    height: 81px;
    left: -67%;
    top: 0;
}
.top-part-title-section::after{
    content: "";
    position: absolute;
    background: url(./assets/images/shape-4.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 71px;
    height: 83px;
    left: 10%;
    top: 45%;
}
.au-about-zhin-section{
    display: flex;
    flex-direction: column;
    margin-top: 130px;
    gap: 40px;
}
.au-about-zhin-title-box{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}
.au-about-zhin-title{
    font-family: YekanBakhBold;
    font-size: 40px;
    color: var(--color4);
}
.au-about-zhin-title::after{
    content: "";
    position: relative;
    background: url(./assets/images/au-about-zhin-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 69px;
    height: 66px;
    display: inline-block;
    top: 15px;
    right: 15px;
}
.au-about-zhin-tip{
    font-size: 30px;
    color: var(--color4);
}
.au-about-zhin-bottom{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.au-about-zhin-box{
    display: flex;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-end;
}
.au-about-zhin-box-content
,.au-about-zhin-box-image{
    width: 50%;
}
.au-about-zhin-box-content{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    min-height: 210px;
    position: relative;
    padding: 40px 60px;
}
.au-about-zhin-box-content.content-1,.au-about-zhin-box-content.content-3{
    background-color: #FFF2CC;
}
.au-about-zhin-box-content.content-1::before,.au-about-zhin-box-content.content-3::before{
    content: "";
    position: absolute;
    width: 97px;
    height: 89px;
    top: -55px;
    right: -35px;
}
.au-about-zhin-box-content.content-1::before{
    background: url(./assets/images/au-about-zhin-box-1-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.au-about-zhin-box-content.content-3::before{
    background: url(./assets/images/au-about-zhin-box-3-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.au-about-zhin-box-content p{
    font-size: 18px;
}
.au-about-zhin-box-content.content-3 p{
    position: relative;
}
.au-about-zhin-box-content.content-3 p::before,.au-about-zhin-box-content.content-3 p::after{
    content: "";
    background: url(./assets/images/au-about-zhin-text-shape.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    width: 28px;
    height: 28px;
}
.au-about-zhin-box-content.content-3 p::before{
    top: -18px;
    right: -30px;
}
.au-about-zhin-box-content.content-3 p::after{
    bottom: -8px;
    left: -10px;
    transform: rotate(-15deg) scaleX(-1);
}
.au-about-zhin-box-image img{
    width: 100%;
    height: auto;
    display: block;
}
.au-about-zhin-box-content.content-2{
    background-color: #ECE1FF;
}
.au-about-zhin-box-content.content-2::before{
    content: "";
    position: absolute;
    background: url(./assets/images/au-about-zhin-box-2-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 97px;
    height: 89px;
    top: -55px;
    left: -40px;
}
.what-is-zhin{
    margin: 130px 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.what-is-zhin-title-box{
    display: flex;
    justify-content: center;
}
.what-is-zhin-title{
    font-size: 40px;
    font-family: YekanBakhBold;
    color: var(--color4);
    text-align: center;
}
.what-is-zhin-title::after{
    content: "";
    background: url(./assets/images/au-what-is-zhin-title-after.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 69px;
    height: 60px;
    display: inline-block;
    position: relative;
    top: 12px;
    right: 15px;
}
.what-is-zhin-detail{
    font-size: 23px;
    text-align: center;
    width: 75%;
    margin: 0 auto;
}
.what-is-zhin-bottom{
    background-color: #FFC314;
    position: relative;
}

.what-is-zhin-bottom::before{
    content: "";
    position: absolute;
    background: url(./assets/images/au-what-is-zhin-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 100%;
    height: 80px;
    top: -78px;
    left: 0;
    right: 0;
}
.what-is-zhin-bottom::after{
    content: "";
    position: absolute;
    background: url(./assets/images/au-what-is-zhin-after.png);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    width: 100%;
    height: 110px;
    bottom: -108px;
    left: 0;
    right: 0;
}

.what-is-zhin-botttom-container{
    padding-top: 80px;
    position: relative;
}
.what-is-zhin-botttom-container::before{
    content: "";
    position: absolute;
    background: url(./assets/images/au-what-is-zhin-pattern.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 400px;
    height: 260px;
    top: -7%;
    right: -13%;
    z-index: 1;
}
.what-is-zhin-botttom-container::after{
    content: "";
    position: absolute;
    background: url(./assets/images/au-what-is-zhin-pattern.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 400px;
    height: 260px;
    top: -7%;
    left: -13%;
    z-index: 1;
    transform: scale(-1) rotate(5deg);
}
.au-why-zhin{
    margin-top: 240px;
}
.au-why-zhin-title-box{
    display: flex;
    justify-content: center;
}
.au-why-zhin-title{
    font-size: 40px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.au-why-zhin-title::after{
    content: "";
    position: relative;
    display: inline-block;
    background: url(./assets/images/au-why-zhin-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 69px;
    height: 58px;
    top: 15px;
    right: 15px;
}
.au-why-zhin-reasens{
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-top: 70px;
}
.au-why-zhin-reasens-top,.au-why-zhin-reasens-bottom{
    display: flex;
    justify-content: space-between;
    gap: 15px;
}
.au-why-zhin-reasen{
    width: 33%;
    display: flex;
    flex-direction: column;
    border-radius: 40px;
    padding:  40px 60px 50px;
    gap: 10px;
    justify-content: space-between;
    max-height: 245px;
}
.au-why-zhin-reasen.top{
    background-color: #ECE1FF;
    border-top: 12px solid var(--color1);
}
.au-why-zhin-reasen.bottom{
    background-color: #FFF2CC;
    border-top: 12px solid #FFC314;
}
.au-why-zhin-reasen-detail{
    display: flex;
    justify-content: center;
}
.au-why-zhin-reasen-detail p{
    font-size: 20px;
    font-family: YekanBakhSemiBold;
    text-align: center;
}
.au-why-zhin-reasen-image{
    display: flex;
    justify-content: center;
    align-items: center;
}
.au-why-zhin-reasen-image img{
    width: 100px;
    height: auto;
}

.au-why-zhin-last-tip{
    display: flex;
    justify-content: center;
    border-radius: 50px;
    border: 2px solid var(--color3);
    padding: 20px 40px;
    margin-top: 30px;
    position: relative;
}
.au-why-zhin-last-tip::before{
    content: "";
    position: absolute;
    background: url(./assets/images/au-why-zhin-last-tip-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 55px;
    height: 60px;
    top: -15px;
    right: -20px;
}
.au-why-zhin-last-tip::after{
    content: "";
    position: absolute;
    background: url(./assets/images/au-why-zhin-last-tip-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 53px;
    height: 53px;
    bottom: 0;
    left: -22px;
}
.au-why-zhin-last-tip-content{
    font-size: 20px;
    font-family: YekanBakhBold;
}
.au-why-zhin-last-tip-content span{
    position: relative;
    margin: 0 15px;
}
.au-why-zhin-last-tip-content span::before{
    content: "";
    position: absolute;
    background-color: #F2CCDD;
    top: 1px;
    bottom: 5px;
    left: -10px;
    right: -10px;
    z-index: -1;
}
.au-behind-zhin{
    margin-top: 200px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.au-behind-zhin-title-box{
    display: flex;
    justify-content: center;
}
.au-behind-zhin-title{
    font-size: 40px;
    color: var(--color4);
    font-family: YekanBakhSemiBold;
}
.au-behind-zhin-title::after{
    content: "";
    position: relative;
    display: inline-block;
    background: url(./assets/images/au-behind-zhin-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 69px;
    height: 59px;
    top: 10px;
    right: 15px;
}
.au-behind-zhin-bottom{
    display: flex;
    justify-content: space-between;
}
.au-behind-zhin-content{
    width: 43%;
    display: flex;
    flex-direction: column;
    gap: 35px;
    justify-content: flex-end;
    font-size: 18px;
    color: #696767;
    position: relative;
    margin: 0 45px 35px 0;
}
.au-behind-zhin-content::before{
    content: "";
    position: absolute;
    right: -45px;
    bottom: 0;
    left: auto;
    width: 26px;
    height: 70%;
    border-radius: 40px;
    background-color: #D8C2FF;
}
.au-behind-zhin-content::after{
    content: "";
    position: absolute;
    bottom: -10%;
    left: -10%;
    width: 113px;
    height: 64px;
    background: url(./assets/images/au-behind-zhin-arrow.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.au-behind-zhin-image{
    width: 39%;
}
.au-behind-zhin-image img{
    width: 100%;
    height: auto;
    display: block;
}
.au-zhin-future{
    margin: 200px auto;
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.au-zhin-future-title-box{
    display: flex;
    justify-content: center;
}
.au-zhin-future-title{
    font-size: 40px;
    color: var(--color4);
    font-family: YekanBakhSemiBold;
}
.au-zhin-future-title::after{
    content: "";
    position: relative;
    display: inline-block;
    background: url(./assets/images/au-behind-zhin-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 69px;
    height: 59px;
    top: 10px;
    right: 15px;
}
.au-zhin-future-bottom{
    display: flex;
    justify-content: space-between;
}
.au-zhin-future-content{
    width: 45%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: end;
    font-size: 18px;
    color: #696767;
    position: relative;
    margin: 0 45px 20px 0;
}
.au-zhin-future-content::before{
    content: "";
    position: absolute;
    right: -45px;
    bottom: 0;
    left: auto;
    width: 26px;
    height: 67%;
    border-radius: 40px;
    background-color: #FFE697;
}
.au-zhin-future-content::after{
    content: "";
    position: absolute;
    bottom: -25%;
    right: -21.5%;
    width: 113px;
    height: 68px;
    background: url(./assets/images/buy-step-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

.au-zhin-future-image{
    width: 40%;
}
.au-zhin-future-image img{
    width: 100%;
    height: auto;
    display: block;
}
.au-about-zhin-box.box-3 {
    margin-top: 30px;
}
.ca-top-part{
    margin-top: 50px;
    position: relative;
    padding-bottom: 100px;
}
.ca-top-part-title-section{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    position: relative;
}
.ca-top-part-title,.ca-top-part-tip{
    text-align: center;
}
.ca-top-part-title{
    font-size: 43px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.ca-top-part-title::after{
    content: "";
    background: url(./assets/images/contact-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 69px;
    height: 56px;
    position: relative;
    display: inline-block;
    top: 10px;
    right: 5px;
}
.ca-top-part-title-box{
    width: 30%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
}

.ca-top-part-tip{
    font-size: 17px;
    color: var(--color4);
}

.ca-top-part::after{
    content: "";
    background: url(./assets/images/bread-crump-after.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
}
.ca-top-part-about a{
    color: var(--color1);
}
.ca-top-part-title-box::before{
    content: "";
    position: absolute;
    background: url(./assets/images/shape-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 61px;
    height: 61px;
    right: -95%;
    top: 0;
}
.ca-top-part-title-section::before{
    content: "";
    position: absolute;
    background: url(./assets/images/shape-2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 97px;
    height: 87px;
    right: 15%;
    top: 45%;
}
.ca-top-part-title-box::after{
    content: "";
    position: absolute;
    background: url(./assets/images/shape-3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80px;
    height: 81px;
    left: -95%;
    top: 0;
}
.ca-top-part-title-section::after{
    content: "";
    position: absolute;
    background: url(./assets/images/shape-4.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 71px;
    height: 83px;
    left: 15%;
    top: 45%;
}
.ca-contact-zhin-title-box{
    display: flex;
    justify-content: center;
}
.ca-contact-zhin-title{
    font-size: 40px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.ca-contact-zhin-title::after{
    content: "";
    position: relative;
    display: inline-block;
    background: url(./assets/images/ca-contact-zhin-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 69px;
    height: 62px;
    right: 15px;
    top: 10px;
}
.ca-contact-zhin-section{
    margin-top: 130px;
    display: flex;
    flex-direction: column;
    gap: 100px;
}
.ca-contact-zhin-bottom-first{
    padding: 20px 70px 10px;
}
.ca-contact-zhin-bottom-last{
    padding: 0px 70px 25px;
}
.ca-contact-zhin-bottom-first span{
    font-size: 22px;
    font-family: YekanBakhSemiBold;
    color: #3F3F3F;
    position: relative;
    z-index: 3;
}
.ca-contact-zhin-bottom-box{
    position: relative;
}
.ca-contact-zhin-bottom-box::before{
    content: "";
    position: absolute;
    background: url(./assets/images/ca-contact-zhin-bottom-box-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: -65px;
    left: -55px;
    width: 180px;
    height: 200px;
    z-index: 3;
}
.ca-contact-zhin-bottom-middle{
    background-color: #FFF2CC;
    display: flex;
    justify-content: space-between;
    padding: 20px 70px 30px 30px;
    position: relative;
    z-index: 1;
}
.ca-contact-zhin-form{
    width: 60%;
}
.ca-contact-zhin-bm-image{
    width: 30%;
    position: relative;
}
.ca-contact-zhin-bm-image::before{
    content: "";
    position: absolute;
    background: url(./assets/images/ca-contact-zhin-bm-image-before.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 2px;
    height: 75%;
    top: 50%;
    transform: translateY(-40%);
    right: -100px;
}
.ca-contact-zhin-bm-image img{
    width: 100%;
    height: auto;
    display: block;
}
.ca-contact-zhin-bottom-last-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 56%;
    position: relative;
    z-index: 3;
}
.ca-contact-zhin-bottom-last-content p{
    font-size: 18px;
    color: #3F3F3F;
}
.ca-contact-zhin-bottom-last-content span{
    font-size: 20px;
}
.ca-contact-zhin-bottom{
    position: relative;
}
.ca-contact-zhin-bottom::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 79px;
    top: -5px;
    left: 0;
    right: 0;
    background: url(./assets/images/ca-contact-zhin-bm-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    z-index: 2;
}
.ca-contact-zhin-bottom::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 84px;
    bottom: 3px;
    left: 0;
    right: 0;
    background: url(./assets/images/ca-contact-zhin-bm-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    z-index: 2;
}
.ca-zhin-always-with-you{
    margin-top: 130px;
    display: flex;
    justify-content: space-between;
    gap: 60px;
}
.ca-zhin-always-with-you-content h3{
    font-size: 40px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.ca-zhin-always-with-you-content p{
    font-size: 18px;
    color: #696767;
}
.ca-zhin-always-with-you-content{
    width: 50%;
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.ca-zhin-always-with-you-image{
    width: 50%;
}

.ca-zhin-in-person-delivery{
    margin-top: 130px;
    display: flex;
    justify-content: space-between;
    gap: 60px;
}
.ca-zhin-in-person-delivery-content h3{
    font-size: 40px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.ca-zhin-in-person-delivery-content p{
    font-size: 18px;
    color: #696767;
}
.ca-zhin-in-person-delivery-content{
    width: 50%;
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.ca-zhin-in-person-delivery-image{
    width: 50%;
}
.ca-zhin-contact-ways{
    margin-top: 130px;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.ca-zhin-contact-ways-tilte-box{
    display: flex;
    justify-content: center;
}
.ca-zhin-contact-ways-tilte{
    font-size: 40px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.ca-zhin-contact-ways-tilte::after{
    content: "";
    position: relative;
    display: inline-block;
    background: url(./assets/images/ca-zhin-contact-ways-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 10px;
    right: 15px;
    width: 69px;
    height: 56px;
}
.ca-zhin-contact-ways-boxes{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.ca-zhin-contact-ways-box{
    min-height: 245px;
    padding: 30px 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    flex-direction: column;
    width: 33%;
    gap: 15px;
}
.ca-zhin-contact-ways-box:nth-child(odd){
    background-color: #ECE1FF;
    border-top: 12px solid var(--color1);
}
.ca-zhin-contact-ways-box:nth-child(even){
    background-color: #FFF2CC;
    border-top: 12px solid #FFC314;
}
.ca-zhin-contact-ways-box-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.ca-zhin-contact-ways-box-image img{
    width: 74px;
    height: auto;
    display: block;
}
.ca-zhin-contact-ways-box-content h4{
    font-size: 25px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
}
.ca-zhin-contact-ways-box-content p{
    font-size: 25px;
    color: var(--color4);
}
.ca-zhin-contact-ways-box-link{
    font-size: 18px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
    background-color: var(--color2);
    border-radius: 40px;
    padding: 11px 43px;
    display: block;
}
.ca-zhin-on-map{
    margin: 130px auto 150px;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.ca-zhin-on-map-tilte-box{
    display: flex;
    justify-content: center;
}
.ca-zhin-on-map-tilte{
    font-size: 40px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.ca-zhin-on-map-tilte::after{
    content: "";
    position: relative;
    display: inline-block;
    background: url(./assets/images/ca-zhin-on-map-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 10px;
    right: 15px;
    width: 70px;
    height: 58px;
}
.ca-zhin-on-map-bottom{
    display: flex;
    justify-content: space-between;
    gap: 70px;
}
.ca-zhin-on-map-map-box{
    width: 61%;
}
.ca-zhin-on-map-image{
    width: 39%;
    position: relative;
    padding-top: 20px;
}
.ca-zhin-on-map-image::before{
    content: "";
    position: absolute;
    background: url(./assets/images/buy-step-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 113px;
    height: 68px;
    transform: rotate(140deg) scaleY(-1);
    top: 0;
    right: -25px;
}
.ca-zhin-on-map-image img{
    width: 100%;
    height: auto;
    display: block;
}
.ca-zhin-on-map-map-box iframe{
    width: 100%;
    height: 100%;
    border: 15px solid var(--color1);
    border-radius: 50px;
}
.collaborate-top-part-title::after{
    content: "";
    position: relative;
    display: inline-block;
    background: url(./assets/images/collabrate-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 69px;
    height: 57px;
    right: 15px;
    top: 10px;
}
.collaborate-top-part-title-box{
    width: 24%;
}
.collaborate-top-part-section::before{
    right: 15%;
}
.collaborate-top-part-section::after{
    left: 15%;
}
.collaborate-top-part-title-box::before{
    right: -130%;
}
.collaborate-top-part-title-box::after{
    left: -130%;
}
.collaborate-top-part-tip{
    width: 92%;
    margin: 0 auto;
}

.collaborate-we-want-box-content p{
    font-size: 23px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
}
.collaborate-we-want{
    margin-top: 130px;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.collaborate-we-want-title-box{
    display: flex;
    justify-content: center;
}
.collaborate-we-want-title{
    font-size: 40px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.collaborate-we-want-title::after{
    content: "";
    position: relative;
    background: url(./assets/images/collabrate-we-want-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 69px;
    height: 58px;
    display: inline-block;
    top: 15px;
    right: 15px;
}

.collabrate-with-zhin-title::after{
    content: "";
    position: relative;
    background: url(./assets/images/collabrate-with-zhin-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 69px;
    height: 68px;
    display: inline-block;
    top: 15px;
    right: 15px;
}
.collaborate-with-zhin-bottom{
    background-color: var(--color1);
}
.collaborate-with-zhin-bottom::before{
    background: url(./assets/images/collaborate-with-zhin-bottom-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.collaborate-with-zhin-bottom::after{
    background: url(./assets/images/collaborate-with-zhin-bottom-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
}
.collabrate-with-zhin-detail{
    color: #fff;
}
.collabrate-request-title::after{
    content: "";
    position: relative;
    background: url(./assets/images/collabrate-request-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 69px;
    height: 57px;
    display: inline-block;
    top: 15px;
    right: 15px;
}
.collaborate-request{
    margin: 240px auto 150px;
}
.collaborate-request-bottom{
    display: flex;
    gap: 60px;
}
.collaborate-request-form{
    width: 59%;
    position: relative;
    margin-right: 36px;
}
.collaborate-request-form::before{
    content: "";
    position: absolute;
    width: 26px;
    height: 84%;
    top: 18px;
    right: -36px;
    border-radius: 40px;
    background-color: #FFC314;
}
.collaborate-request-form::after{
    content: "";
    position: absolute;
    width: 35px;
    height: 27px;
    top: 0;
    right: -40.5px;
    background: url(./assets/images/collaborate-request-form-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.collaborate-request-image{
    width: 41%;
    padding: 40px 0;
}
.collaborate-request-image img{
    width: 100%;
    height: auto;
    display: block;
}
.collaborate-we-want-boxes{
    flex-wrap: wrap;
    display: flex;
    gap: 20px 25px;
}
.collaborate-we-want-box{
    width: 32%;
    gap: 25px;
}
.FAQ-top-contents{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 40%;
    gap: 15px;
}
.FAQ-top-contents h1{
    font-size: 43px;
    font-family: YekanBakhBold;
    color: #fff;
}
.FAQ-contents-detail p{
    font-size: 17px;
    text-align: center;
    color: var(--color4);
}
.FAQ-top-section-bottom-container{
    display: flex;
    justify-content: center;
    padding: 60px 0 0;
}
.FAQ-top-section-bottom-container::before{
    background: url(./assets/images/FAQ-top-section-bc-before.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    right: -2%;
}
.FAQ-top-section-bottom-container::after{
    background: url(./assets/images/FAQ-top-section-bc-after.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: -2%;
    transform: none;
}
.FAQ-tabs-contents{
    margin-top: 240px;
    display: flex;
    flex-direction: column;
    gap: 150px;
}
.FAQ-tabs-swiper{
    width: 80%;
    margin: 0 auto;
}
.FAQ-tabs{
    position: relative;
}
.FAQ-tabs::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 146px;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    background: url(./assets/images/FAQ-tabs-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: -1;
}
.FAQ-tabs-swiper-wrapper{
    padding: 10px 0;
}
.FAQ-tab-box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-height: 325px;
    border-radius: 40px;
    padding: 10px 23px 30px;
    position: relative;
    z-index: 1;
}
.FAQ-tabs-swiper-slide:nth-child(odd) .FAQ-tab-box{
    background-color: #ECE1FF;
}
.FAQ-tabs-swiper-slide:nth-child(even) .FAQ-tab-box{
    background-color: #FFF2CC;
}
.FAQ-tabs-swiper-slide:nth-child(odd) .FAQ-tab-box.is-active{
   border-bottom: 5px solid var(--color1);
}
.FAQ-tabs-swiper-slide:nth-child(even) .FAQ-tab-box.is-active{
    border-bottom: 5px solid #FFC314;
}
.FAQ-tab-titles{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.FAQ-tab-en-title{
    font-size: 26px;
    font-family: YekanBakhExtraBold;
}
.FAQ-tabs-swiper-slide:nth-child(odd) .FAQ-tab-en-title{
   background: linear-gradient(180deg, var(--color1) 0%, #ECE1FF 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.FAQ-tabs-swiper-slide:nth-child(even) .FAQ-tab-en-title{
    text-fill-color: transparent;
    background: linear-gradient(180deg, #FFC314 0%, #FFF2CC 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.FAQ-tab-fa-title{
    margin-top: -18px;
    font-size: 18px;
    font-family: YekanBakhBold;
    color: var(--color4);
    text-align: center;
}
.FAQ-tab-icon{
    display: flex;
    position: relative;
    z-index: 1;
}
.FAQ-tab-box::before{
    content: "";
    position: absolute;
    background: url(./assets/images/FAQ-tab-box-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 70%;
    height: 60px;
    top: 1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 0;
}
.FAQ-tab-see a{
    font-size: 15px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
    padding: 11px 38px;
    border-radius: 40px;
    background-color: var(--color2);
}
.FAQ-content{
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 100%;
}
.FAQ-contents{
    width: 100%;
}
.FAQ-content-title-box{
    display: flex;
    justify-content: center;
}
.FAQ-content-title{
    font-size: 40px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.FAQ-content-title::after{
    content: "";
    position: relative;
    width: 69px;
    height: 54px;
    display: inline-block;
    background: url(./assets/images/FAQ-tab-content-1-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 10px;
    right: 15px;
}
.FAQ-last-image{
    margin: 70px auto 130px;
}
.FAQ-content-title.title-2::after{
    width: 69px;
    height: 66px;
    display: inline-block;
    background: url(./assets/images/FAQ-tab-content-2-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 17px;
}
.FAQ-content-title.title-3::after{
    width: 69px;
    height: 57px;
    display: inline-block;
    background: url(./assets/images/FAQ-tab-content-3-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 10px;
}
.FAQ-content-title.title-4::after{
    width: 69px;
    height: 58px;
    display: inline-block;
    background: url(./assets/images/FAQ-tab-content-4-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 13px;
}
.FAQ-content-title.title-5::after{
    width: 69px;
    height: 59px;
    display: inline-block;
    background: url(./assets/images/FAQ-tab-content-5-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 15px;
}
.FAQ-content-title.title-6::after{
    width: 69px;
    height: 53px;
    display: inline-block;
    background: url(./assets/images/FAQ-tab-content-6-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 10px;
}
.privacy-policy-top-section-bottom-container::before,.privacy-policy-top-section-bottom-container::after{
    height: 100%;
    background-position: center bottom;
    top: 3%;
}
.privacy-policy-contents h1{
    text-align: center;
}
.privacy-policy-contents{
    width: 35%;
}
.privacy-policy-main-data{
    margin: 240px auto 150px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.privacy-policy-main-data-boxes{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 150px 200px;
    position: relative;
}
.privacy-policy-main-data-boxes::before{
    content: "";
    position: absolute;
    background: url(./assets/images/privacy-policy-main-data-boxes-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 210px;
    height: 210px;
    top: 55%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.privacy-policy-main-data-box{
    width: 43%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: relative;
}
.privacy-policy-main-data-box .privacy-policy-mdb-content-box{
    padding: 45px;
    border-radius: 40px;
    min-height: 221px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.privacy-policy-main-data-box:nth-child(odd) .privacy-policy-mdb-content-box{
    background-color: #ECE1FF;
}
.privacy-policy-main-data-box:nth-child(even) .privacy-policy-mdb-content-box{
    background-color: #FFF2CC;
}
.privacy-policy-main-data-box:nth-child(even) .privacy-policy-mdb-content-box::before{
    content: "";
    position: absolute;
    right: -175px;
    height: 2px;
    width: 150px;
    transform: translateY(-50%);
    background: url(./assets/images/privacy-policy-main-data-box-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.privacy-policy-main-data-last-tip{
    margin: 0 auto;
    width: 70%;
}
.privacy-policy-mdb-content{
    font-size: 17px;
    color: #696767;
}
.privacy-policy-mdb-title-box{
    display: flex;
    justify-content: center;
}
.privacy-policy-mdb-title{
    font-size: 30px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.privacy-policy-mdb-title::after{
    content: "";
    position: relative;
    width: 69px;
    height: 57px;
    display: inline-block;
    background: url(./assets/images/privacy-policy-mdb-title-1-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 15px;
    right: 15px;
}
.privacy-policy-mdb-title.title-2::after{
    width: 69px;
    height: 54px;
    display: inline-block;
    background: url(./assets/images/privacy-policy-mdb-title-2-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 15px;
}
.privacy-policy-mdb-title.title-3::after{
    width: 69px;
    height: 57px;
    display: inline-block;
    background: url(./assets/images/privacy-policy-mdb-title-3-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 15px;
}
.privacy-policy-mdb-title.title-4::after{
    width: 69px;
    height: 61px;
    display: inline-block;
    background: url(./assets/images/privacy-policy-mdb-title-4-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 15px;
}
.terms-conditions-mdb-title.title-1::after{
    width: 69px;
    height: 59px;
    display: inline-block;
    background: url(./assets/images/terms-conditions-mdb-title-1-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 15px;
}
.terms-conditions-mdb-title.title-2::after{
    width: 69px;
    height: 61px;
    display: inline-block;
    background: url(./assets/images/terms-conditions-mdb-title-2-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 15px;
}
.terms-conditions-mdb-title.title-3::after{
    width: 69px;
    height: 58px;
    display: inline-block;
    background: url(./assets/images/terms-conditions-mdb-title-3-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 15px;
}
.terms-conditions-mdb-title.title-4::after{
    width: 69px;
    height: 61px;
    display: inline-block;
    background: url(./assets/images/terms-conditions-mdb-title-4-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 15px;
}
.terms-conditions-mdb-title.title-5::after{
    width: 69px;
    height: 61px;
    display: inline-block;
    background: url(./assets/images/terms-conditions-mdb-title-5-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 15px;
}
.terms-conditions-mdb-title.title-6::after{
    width: 69px;
    height: 62px;
    display: inline-block;
    background: url(./assets/images/terms-conditions-mdb-title-6-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 15px;
}
.terms-conditions-main-data-last-tip{
    width: 62%;
}
.terms-conditions-main-data-boxes::before{
    top: 28%;
    transform: none;
}
.terms-conditions-main-data-boxes::after{
    content: "";
    position: absolute;
    background: url(./assets/images/terms-conditions-main-data-boxes-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 138px;
    height: 177px;
    top: 66%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.product-page-top-part{
    display: flex;
    justify-content: center;
}
.published-products-title-box{
    display: flex;
    justify-content: center;
}
.published-products-section{
    display: flex;
    flex-direction: column;
    gap: 70px;
    margin-top: 130px;
}
.published-products-title{
    padding: 12px 32px;
    border-radius: 40px;
    font-size: 20px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
    background-color: #FFF2CC;
    position: relative;
}
.published-products-title::before{
    content: "";
    position: absolute;
    width: 35px;
    height: 28px;
    background: url(./assets/images/published-products-title-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    right: 0px;
    top: -15px;
}
.published-products-part{
    display: flex;
    gap: 12px;
    justify-content: space-between;
}
.published-products-box{
    width: 57%;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    border-radius: 34px;
    background-color: #fff;
    box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
    padding: 30px;
    position: relative;
}
.published-products-box-image{
    width: 30%;
    position: relative;
}
.published-products-box-image img{
    display: block;
    width: 100%;
    height: auto;
}
.published-products-image-quantity{
    border-radius: 50px;
    background-color: rgba(0, 0, 0, 0.35);    
    display: flex;
    backdrop-filter: blur(4px);
    align-items: center;
    gap: 10px;
    position: absolute;
    right: 7px;
    bottom: 7px;
    color: #fff;
    padding: 13px 18px;
}
.published-products-box-content{
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.published-products-box-title{
    font-size: 23px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
    margin-bottom: 15px;
}
.published-products-box-content-center{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ppbc-box{
    display: flex;
    align-items: center;
    gap: 5px;
}
.ppbc-label{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-family: YekanBakhLight;
    color: var(--color4);
}
.published-products-author,.published-products-library{
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid var(--color3);
    border-radius: 40px;
    padding: 7px 17px;
    font-size: 14px;
    font-family: YekanBakhLight;
    color: var(--color4);
    transition: 0.5s;
}
.published-products-part:nth-child(even) .published-products-author
,.published-products-part:nth-child(even) .published-products-library,
.published-products-part:nth-child(even) .ppi-datil-give-rate-link{

}
.published-products-part:nth-child(odd) .published-products-author:hover
,.published-products-part:nth-child(odd) .published-products-library:hover,
.published-products-part:nth-child(odd) .ppi-datil-give-rate-link:hover{
    background-color: #FFC314;
    border: 1px solid #FFC314;
}
.published-products-part:nth-child(even) .published-products-author:hover
,.published-products-part:nth-child(even) .published-products-library:hover,
.published-products-part:nth-child(even) .ppi-datil-give-rate-link:hover{
    background-color: var(--color1);
    color: #fff;
    border: 1px solid var(--color1);
}

.published-products-part:nth-child(even) .published-products-author:hover svg path
,.published-products-part:nth-child(even) .published-products-library:hover svg path,
.published-products-part:nth-child(even) .ppi-datil-give-rate-link:hover svg path{
    stroke: #fff;
}

.published-products-send-time{
    font-size: 18px;
    font-family: YekanBakhLight;
    color: var(--color4);
}
.published-products-price-box{
    display: flex;
    align-items: center;
    gap: 5px;
}
.published-products-price-label{
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 18px;
    font-family: YekanBakhLight;
    color: var(--color4);
}
.published-products-price{
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 25px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
}
.published-products-chart-quantity{
    display: flex;
    align-items: center;
    gap: 10px;
}
.published-products-chart-link{
    font-size: 18px;
    font-family: YekanBakhSemiBold;
    display: flex;
    border-radius: 30px;
    background-color: var(--color2);
    padding: 11px 53px;
    color: var(--color3);
    transition: 0.5s;
}
.published-products-part:nth-child(odd) .published-products-chart-link:hover{
    background-color: #FFC314;
}
.published-products-part:nth-child(even) .published-products-chart-link:hover{
    background-color: var(--color1);
    color: #fff;
}
.published-products-quantity-control{
    display: flex;
    align-items: center;
    direction: ltr;
}
.qty-btn{
    padding: unset;
    margin: unset;
    background-color: #fff;
    font-size: 30px;
    font-family: YekanBakhLight;
    color: var(--color4);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 1px 10px 1px rgba(151, 151, 151, 0.23);
    transition: 0.5s;
}
.qty-btn:hover{
    background-color: rgba(217, 217,217,0.2);
}
.published-products-quantity-control input{
    border: none;
    outline: none;
    background: transparent;
    width: 50px;
    font-family: YekanBakhBold;
    font-size: 23px;
    display: flex;
    text-align: center;
}
.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qty-input[type=number]{-moz-appearance:textfield}

.published-products-part:nth-child(odd) .published-products-box::before{
    content: "";
    position: absolute;
    width: 80px;
    height: 82px;
    background: url(./assets/images/published-products-box-before-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 55%;
    transform: translateY(-50%);
    left: -38px;
}
.published-products-part:nth-child(even) .published-products-box::before{
    content: "";
    position: absolute;
    width: 80px;
    height: 82px;
    background: url(./assets/images/published-products-box-before-2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 55%;
    transform: translateY(-50%);
    left: -38px;
}

.published-products-part[id^="p-"] {
    scroll-margin-top: 120px;
}

.published-products-information{
    padding: 20px 50px 35px 35px;
    background: #fff;
    box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
    border-radius: 34px;
    width: 43%;
    display: flex;
    flex-direction: column;
    gap:2px;
}

.ppi-top-section{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ppi-top-section-title{
    font-size: 23px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
}
.ppi-top-section-left{
    display: flex;
    align-items: center;
    gap: 8px;
}
.ppi-top-section-button{
    width: 63px;
    height: 50px;
    background: #fff;
    box-shadow: 1px 1px 10px 1px rgba(151, 151, 151, 0.15);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: unset;
}
.ppi-top-section-rate{
    background: #fff;
    box-shadow: 1px 1px 10px 1px rgba(151, 151, 151, 0.15);
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 19px;
}
.ppi-top-section-left span{
    font-size: 18px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.ppi-top-section-rate-star{
    display: flex;
}
.ppi-bottom-section{
    display: flex;
    justify-content: space-between;
}
.ppi-details{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 13px;
}
.ppi-detail-box{
    display: flex;
    align-items: center;
    gap: 5px;
}
.ppi-datil-label{
    font-size: 18px;
    font-family: YekanBakhLight;
    color: var(--color4);
}
.ppi-datil{
    font-size: 18px;
    color: var(--color4);
}
.ppi-datil-give-rate{
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}
.ppi-datil-give-rate-link{
    font-size: 18px;
    color: var(--color4);
    border: 1px solid var(--color3);
    border-radius: 40px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px 24px;
    transition: 0.5s;
}
.published-products-container{
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.product-page-tab-contents{
    position: relative;
}
.product-page-tab-content{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transition: 0.5s;
    display: none;
}
.product-page-tab-content.active{
    display: block;
    opacity: 1;
    visibility: visible;
    position: relative;
}
.product-page-tabs-box{
    margin: 170px 0 250px;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.product-page-tab-content-container{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.pp-tabs-content-top{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.pp-tabs-content-bottom{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.pp-tabs-content-author-detail-box{
    display: flex;
    align-items: center;
    gap: 12px;
}
.pp-tabs-content-author-image{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid var(--color4);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.pp-tabs-content-author-image img{
    width: 100%;
    height: auto;
    display: block;
}
.product-page-tab-content-box{
    background-color: #F5F0FF;
    position: relative;
    padding: 70px 0 50px;
}
.product-page-tab-content-box::before{
    content: "";
    position: absolute;
    background: url(./assets/images/product-page-tab-content-box-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    left: 0;
    right: 0;
    height: 89px;
    background-position: center bottom;
    top: -88px;
    pointer-events: none;
}
.product-page-tab-content-box::after{
    content: "";
    position: absolute;
    background: url(./assets/images/product-page-tab-content-box-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    left: 0;
    right: 0;
    height: 85px;
    background-position: center top;
    bottom: -85px;
    pointer-events: none;
}
.pp-tabs-content-title{
    font-size: 20px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
    display: flex;
    align-items: center;
    gap: 10px;
}
.pp-tabs-content-detail{
    font-size: 20px;
    font-family: YekanBakhLight;
    color: var(--color4);
    line-height: 40px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.pp-tabs-content-author-name{
    font-size: 20px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
}
.pp-tabs-content-author-detail{
    font-size: 20px;\
    font-family: YekanBakhLight;
    color: var(--color4);
    padding-right: 10px;
}
.pp-tabs-content-category a{
    display: block;
    font-size: 18px;
    color: var(--color4);
    border-radius: 40px;
    border: 1px solid var(--color3);
    background-color: #fff;
    padding: 10px 23px;
    transition: 0.5s;
}
.pp-tabs-content-category a:hover{
    background-color: var(--color2);
    border: 1px solid var(--color2);
}
.pp-tabs-content-categories{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.pp-tabs-content-2{
    gap: 25px;
}
.pp-tabs-content-book-parts p{
    font-size: 20px;
    font-family: YekanBakhLight;
    color: var(--color4);
    line-height: 60px;
}
.pp-tabs-content-book-parts{
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.pp-tabs-content-book-parts span{
    font-family: YekanBakh;
    background: #FFF2CC;
}

.pp-tab-content-blogs-see-more{
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.pp-tab-content-see-more {
    display: flex;
    justify-content: center;
}
.pp-tab-content-see-more a{
    font-size: 18px;
    font-family: YekanBakhSemiBold;
    border-radius: 40px;
    background: var(--color2);
    padding: 11px 35px;
    transition: 0.5s;
}
.pp-tab-content-see-more a:hover{
    background-color: var(--color1);
    color: #fff;
}
.pp-tab-content-blog-box{
    display: flex;
    align-items: center;
    gap: 30px;
}
.pp-tab-content-blogs{
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.pp-tab-content-blog{
    position: relative;
    padding: 35px 0;
}
.pp-tab-content-blog:nth-child(odd){
    background-color: #F5F0FF;
}
.pp-tab-content-blog:nth-child(even){
    background-color: #FFF9E5;
}
.pp-tab-content-blog:nth-child(odd)::before{
    content: "";
    position: absolute;
    background: url(./assets/images/pp-tab-content-blog-before-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    left: 0;
    right: 0;
    height: 50px;
    background-position: center bottom;
    top: -49px;
}
.pp-tab-content-blog:nth-child(odd)::after{
    content: "";
    position: absolute;
    background: url(./assets/images/pp-tab-content-blog-after-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    left: 0;
    right: 0;
    height: 50px;
    background-position: center top;
    bottom: -49px;
}
.pp-tab-content-blog:nth-child(even)::before{
    content: "";
    position: absolute;
    background: url(./assets/images/pp-tab-content-blog-before-2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    left: 0;
    right: 0;
    height: 50px;
    background-position: center bottom;
    top: -49px;
}
.pp-tab-content-blog:nth-child(even)::after{
    content: "";
    position: absolute;
    background: url(./assets/images/pp-tab-content-blog-after-2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    left: 0;
    right: 0;
    height: 50px;
    background-position: center top;
    bottom: -49px;
}
.pp-tab-content-blog-image{
    width: 17%;
    border-radius: 25px;
    overflow: hidden;
}
.pp-tab-content-blog-image img{
    width: 100%;
    height: auto;
    display: block;
}
.pptc-blog-content{
    width: 85%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.pptc-blog-content-top{
    display: flex;
    align-items: center;
    gap: 10px;
}
.pptc-blog-content-title{
    font-size: 20px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
}
.pptc-blog-content-see-morre{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: var(--color4);
    border: 1px solid var(--color3);
    border-radius: 40px;
    background-color: #fff;
    padding: 12px 28px;
    transition: 0.5s;
}
.pp-tab-content-blog:nth-child(odd) .pptc-blog-content-see-morre:hover{
    background-color: var(--color1);
    border: 1px solid var(--color1);
    color: #fff;
}
.pp-tab-content-blog:nth-child(odd) .pptc-blog-content-see-morre:hover svg path{
    stroke: #fff;
}
.pp-tab-content-blog:nth-child(even) .pptc-blog-content-see-morre:hover{
    background-color: #FFC314;
    border: 1px solid #FFC314;
}
.pptc-blog-content-bottom p{
    line-height: 40px;
    font-size: 20px;
    font-family: YekanBakhLight;
    color: var(--color4);
}

.pptc-write-comment-content{
    display: flex;
    align-items: center;
    gap: 40px;
}
.pptc-write-comment-title{
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 20px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
}
.pptc-write-comment-link,.pptc-write-qa-link{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    border: 1px solid var(--color3);
    border-radius: 40px;
    background-color: #fff;
    padding: 11px 30px;
    position: relative;
    transition: 0.5s;
}
.pptc-write-comment-link:hover,.pptc-write-qa-link:hover{
    background-color: var(--color2);
    border: 1px solid var(--color2);
}
.pptc-write-comment-link::before,.pptc-write-qa-link::before{
    content: "";
    position: absolute;
    background: url(./assets/images/pptc-write-comment-link-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 48px;
    height: 41px;
    right: -48px;
    top: -30px;
}
.pptc-write-comment-link::after,.pptc-write-qa-link::after{
    content: "";
    position: absolute;
    background: url(./assets/images/pptc-write-comment-link-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 48px;
    height: 41px;
    left: -52px;
    bottom: -15px;
}
.has-before-after{
    background: #F5F0FF;
    position: relative;
    padding: 35px 0;
}
.has-before-after::before{
    content: "";
    position: absolute;
    background: url(./assets/images/pp-tab-content-blog-before-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    left: 0;
    right: 0;
    height: 50px;
    background-position: center bottom;
    top: -49px;
}
.has-before-after::after{
    content: "";
    position: absolute;
    background: url(./assets/images/pp-tab-content-blog-after-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    left: 0;
    right: 0;
    height: 50px;
    background-position: center top;
    bottom: -49px;
}
.pp-tabs-content-comment-part{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.pptc-comment-top{
    display: flex;
    align-items: center;
    gap: 20px;
}
.pptc-comment-image{
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid var(--color4);
}
.pptc-comment-image img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.pptc-comment-top-content-item{
    font-size: 20px;
    color: var(--color4);
    position: relative;
}
.pptc-comment-top-content{
    display: flex;
    align-items: center;
    gap: 40px;
}
.pptc-comment-top-content-item:not(:last-child)::after{
    content: "";
    position: absolute;
    left: -20px; 
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 23px;
    background-color: #b4b4b4;
}
.pptc-comment-rate{
    display: flex;
    gap: 4px;
}
.pptc-comment-rate svg{
    position: relative;
    top: 3px;
}
.pptc-comment-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pptc-comment-author-content{
    font-size: 20px;
    font-family: YekanBakhLight;
    color: var(--color4);
}
.pptc-comment-like-reply{
    display: flex;
    align-items: center;
    gap: 40px;
}
.pptc-comment-like,.pptc-comment-reply{
    display: flex;
    align-items: center;
    gap: 4px;
}
.pptc-comment-like{
    position: relative;
}
.pptc-comment-like::after{
    content: "";
    position: absolute;
    left: -20px; 
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 23px;
    background-color: #b4b4b4;
}
.pptc-comment-label,.pptc-comment-value{
    font-size: 16px;
    font-family: YekanBakhLight;
    color: #5F5F5F;
}
.pptc-comment-label{
    display: flex;
    align-items: center;
    gap: 5px;
}
.pp-tabs-content-comments{
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.pp-tabs-content-comment-reply-container{
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin: 40px 0 50px;
}
.pptc-comment-reply-answer{
    display: flex;
    justify-content: flex-start;
}
.pptc-comment-reply-answer-box{
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 40px;
    font-size: 16px;
    color: var(--color4);
    padding: 10px 15px;
    background-color: #FFF9E5;
}
.has-before-after.child{
    background-color: #FFF9E5;
}
.has-before-after.child::before{
    content: "";
    position: absolute;
    background: url(./assets/images/pp-tab-content-blog-before-2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    left: 0;
    right: 0;
    height: 50px;
    background-position: center bottom;
    top: -49px;
}
.has-before-after.child::after{
    content: "";
    position: absolute;
    background: url(./assets/images/pp-tab-content-blog-after-2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    left: 0;
    right: 0;
    height: 50px;
    background-position: center top;
    bottom: -49px;
}
.pp-tabs-content-comment-childs{
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.product-page-tab-contents .child-box{
    padding: 0 45px;
}
.similar-products-top-content{
    display: flex;
    justify-content: space-between;
    width: 62%;
    padding-left: 20px;

}
.similar-products-top{
    display: flex;
    justify-content: flex-end;
}
.similar-products{
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-bottom: 150px;
}
.similar-products-title{
    font-size: 40px;
    font-family: YekanBakhExtraBold;
    color: var(--color4);
}
.similar-products-title::after{
    content: "";
    position: relative;
    display: inline-block;
    width: 70px;
    height: 63px;
    background: url(./assets/images/similar-products-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 15px;
    right: 15px;
}
.similar-products-swiper-button-prev,.similar-products-swiper-button-next{
    position: static;
}
.similar-products-swiper-buttons{
    display: flex;
    align-items: center;
    position: relative;
    top: 20px;
    gap: 5px;
}
.similar-products-swiper{
    padding: 25px 20px;
}
.last-seen-items-top-content{
    display: flex;
    justify-content: space-between;
    width: 62%;
    padding-left: 20px;
}
.last-seen-items-top{
    display: flex;
    justify-content: flex-end;
}
.last-seen-items{
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin: 150px auto 170px;
}
.last-seen-items-title{
    font-size: 40px;
    font-family: YekanBakhExtraBold;
    color: var(--color4);
}
.last-seen-items-title::after{
    content: "";
    position: relative;
    display: inline-block;
    width: 69px;
    height: 56px;
    background: url(./assets/images/last-seen-items-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 12px;
    right: 15px;
}
.last-seen-items-swiper-button-prev,.last-seen-items-swiper-button-next{
    position: static;
}
.last-seen-items-swiper-buttons{
    display: flex;
    align-items: center;
    position: relative;
    top: 20px;
    gap: 5px;
}
.last-seen-items-swiper{
    padding: 25px 20px;
}
.last-seen-items-card{
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    background: #fff;
    box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
    border-radius: 34px;
    padding: 20px;
}
.last-seen-items-image{
    border-radius: 25px;
    overflow: hidden;
    height: 218px;
    width: 100%;
}
.last-seen-items-image img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.last-seen-items-card-title{
    font-size: 15px;
    color: #141414;
}
.last-seen-items-see-more{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: var(--color4);
    border-radius: 40px;
    border: 1px solid var(--color3);
    padding: 8px 20px;
}
.last-seen-items-image.round{
    border-radius: 50%;
}
.blog-archive-top-part-title::after{
    content: "";
    background: url(./assets/images/blog-archive-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 69px;
    height: 54px;
    position: relative;
    display: inline-block;
    top: 15px;
    right: 5px;
}
.blog-archive-top-part-title-box{
    width: 24%;
}
.blog-archive-top-part-title-box::before{
    right: -131%;
}
.blog-archive-top-part-title-box::after{
    left: -131%;
}
.blog-archive-content-title-box{
    display: flex;
    justify-content: center;
    margin-bottom: 70px;
}
.blog-archive-content-title{
    font-size: 40px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.blog-archive-content-title::after{
    content: "";
    background: url(./assets/images/blog-archive-content-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 69px;
    height: 56px;
    position: relative;
    display: inline-block;
    top: 15px;
    right: 15px;
}
.blog-archive-content{
    margin: 130px auto;
}
.blog-archive-content-boxes{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px 20px;
}
.blog-archive-content-box{
    width: 49.3%;
    border-radius: 70px;
    padding: 30px 30px 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.blog-archive-box-image{
    border-radius: 56px;
    overflow: hidden;
    position: relative;
}
.blog-archive-box-image img{
    border-radius: 56px;
    width: 100%;
    height: auto;
    display: block;
}
.blog-archive-content-box:nth-child(4n+1),
.blog-archive-content-box:nth-child(4n+4){
    background-color: #FFF9E5;
}
.blog-archive-content-box:nth-child(4n+2),
.blog-archive-content-box:nth-child(4n+3){
    background-color: #F5F0FF;
}
.blog-archive-box-categories{
    display: flex;
    align-items: center;
    gap: 10px;
}
.blog-archive-box-categories-label{
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
}
.blog-archive-box-categories-label svg{
    position: relative;
    top: -3px;
}
.blog-archive-content-box:nth-child(4n+2) .blog-archive-box-categories-label svg path{
    fill: var(--color1);
}
.blog-archive-content-box:nth-child(4n+3) .blog-archive-box-categories-label svg path{
    fill: var(--color1);
}
.blog-archive-box-category-container{
    display: flex;
    gap: 5px;
    align-items: center;
}
.blog-archive-box-category{
    font-size: 14px;
    font-family: YekanBakhLight;
    border-radius: 40px;
    border: 0.5px solid var(--color3);
    background: #fff;
    padding: 8px  20px;
    transition: 0.5s;
}
.blog-archive-box-category:hover{
    background-color: var(--color2);
    border: 1px solid var(--color2);
}
.blog-archive-box-contents{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.blog-archive-box-title-date{
    display: flex;
    align-items: center;
    gap: 10px;
}
.blog-archive-box-title{
    font-size: 23px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.blog-archive-box-date{
    font-size: 14px;
    font-family: YekanBakhLight;
    border-radius: 40px;
    border: 0.5px solid var(--color3);
    padding: 8px 20px;
}
.blog-archive-box-detail p{
    font-family: YekanBakhLight;
    color: var(--color4);
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 3;   
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-archive-box-contents-bottom{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.blog-archive-box-image-link,
.blog-archive-box-title-link{
    display: block;
}
.blog-archive-box-image::after{
    content: "";
    position: absolute;
    transform: translateY(-100%);
    background: url(./assets/images/blog-card-hover.png);
    background-size: 100%;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    width: 180px;
    height: 45px;
    transition: 0.5s;
    opacity: 0;
}
.blog-archive-box-image::before{
    content: "";
    position: absolute;
    transform: translateY(100%);
    background: rgba(0, 0, 0, 0.41);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    transition: 0.7s;
}
.blog-archive-content-box:hover .blog-archive-box-image::after{
    opacity: 1;
    transform: translateY(-50%);
    top: 50%;
}
.blog-archive-content-box:hover .blog-archive-box-image::before{
   transform: translateY(0);
}
.blog-archive-content-middle{
    margin-bottom: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
}
.blog-archive-cm-search-category{
    display: flex;
    align-items: center;
    gap: 10px;
}


.blog-archive-sort-wrapper {
  position: relative;
  display: inline-block;
}

.blog-archive-sort-btn{
  background: var(--color2);
  border-radius: 30px;
  border: none;
  padding: 12px 22px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-family: inherit;
  gap: 5px;
  transition: background 0.5s ease, box-shadow 0.5s ease;
  width: 170px;            
  justify-content: space-between;
}
.blog-archive-sort-btn-icon{
    display: flex;
    align-items: center;
    gap: 3px;
}
.blog-archive-sort-btn-Label-arrow{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
}
.blog-archive-sort-btn-Label{
    font-size: 14px;
    font-family: YekanBakhLight;
    flex: 1;
    min-width: 0;           
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-archive-sort-menu {
  position: absolute;
  top: 110%;
  right: 0;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  padding: 6px;     
  min-width: 150px;
  z-index: 10;
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.blog-archive-sort-wrapper.open .blog-archive-sort-menu {
  opacity: 1;
  transform: translateY(4px);
  pointer-events: auto;
}
.blog-archive-sort-btn-Label-arrow svg {
  flex-shrink: 0;
  transition: 0.5s;
}
.blog-archive-sort-wrapper.open .blog-archive-sort-btn-Label-arrow svg{
    transform: rotate(180deg);
}
.blog-archive-sort-option {
  width: 100%;
  border: none;
  background: transparent;
  padding: 8px 10px;
  text-align: right;
  cursor: pointer;
  font-family: inherit;
  border-radius: 12px;
  transition: 0.5s;
}

.blog-archive-sort-option:hover {
  background: #f4f4f4;
}


.blog-archive-category-sort-wrapper {
  position: relative;
  display: inline-block;
}

.blog-archive-category-sort-btn{
  background: var(--color2);
  border-radius: 30px;
  border: none;
  padding: 12px 22px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-family: inherit;
  gap: 5px;
  transition: background 0.5s ease, box-shadow 0.5s ease;
  width: 170px;     
  justify-content: space-between;
}
.blog-archive-category-sort-btn-icon{
    display: flex;
    align-items: center;
    gap: 3px;
}
.blog-archive-category-sort-btn-Label-arrow{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
}
.blog-archive-category-sort-btn-Label{
    font-size: 14px;
    font-family: YekanBakhLight;
    flex: 1;
    min-width: 0;           
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-archive-category-sort-menu {
  position: absolute;
  top: 110%;
  right: 0;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  padding: 6px;     
  min-width: 150px;
  z-index: 10;
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.blog-archive-category-sort-wrapper.open .blog-archive-category-sort-menu {
  opacity: 1;
  transform: translateY(4px);
  pointer-events: auto;
}
.blog-archive-category-sort-btn-Label-arrow svg {
  flex-shrink: 0;
  transition: 0.5s;
}
.blog-archive-category-sort-wrapper.open .blog-archive-category-sort-btn-Label-arrow svg{
    transform: rotate(180deg);
}
.blog-archive-category-sort-option {
  width: 100%;
  border: none;
  background: transparent;
  padding: 8px 10px;
  text-align: right;
  cursor: pointer;
  font-family: inherit;
  border-radius: 12px;
  transition: 0.5s;
}

.blog-archive-category-sort-option:hover {
  background: #f4f4f4;
}
.blog-archive-category-sort-btn-icon svg path{
    fill: #000;
}


.blog-archive-cm-search-btn{
    border: 1px solid var(--color3);
    outline: none;
    cursor: pointer;
    background-color: #fff;
    border-radius: 30px;
    padding: 9px 22px;
}
.blog-archive-cm-search{
    position: relative;
    display: inline-block;
}
.blog-archive-cm-search-wrapper {
  position: absolute;
  top: 110%;
  right: 0;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  padding: 6px;     
  min-width: 500px;
  z-index: 10;
  opacity: 0;
  transform: translateY(-6px);
  padding: 60px;
  pointer-events: none;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.blog-archive-cm-search.open .blog-archive-cm-search-wrapper {
  opacity: 1;
  transform: translateY(4px);
  pointer-events: auto;
}
.blog-archive-cm-search-form{
    padding: 8px 15px 8px 8px;
    border-radius: 50px;
    background-color: #F5F0FF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.blog-archive-cm-search-form::before{
    content: "";
    position: absolute;
    background: url(./assets/images/pptc-write-comment-link-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 48px;
    height: 41px;
    right: -48px;
    top: -30px;
}
.blog-archive-cm-search-form::after{
    content: "";
    position: absolute;
    background: url(./assets/images/pptc-write-comment-link-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 48px;
    height: 41px;
    left: -48px;
    bottom: -15px;
}
.blog-archive-cm-form-icon{
    border: none;
    outline: none;
    background: transparent;
    padding: unset;
    display: flex;
}
.blog-archive-cm-form-icon svg path{
    fill: #b4b4b4;
}
.blog-archive-cm-search-form input{
    border: none;
    outline: none;
    font-size: 12px;
    background-color: transparent;
    font-family: YekanBakh;
    flex-grow: 1;
}
.blog-archive-cm-search-form input::placeholder{
    font-family: inherit;
    color: #b4b4b4;
}
.blog-archive-sort-modal{
    display: none;
}
.blog-archive-category-modal{
    display: none;
}
.single-blog{
    margin-top: 150px;
}
.single-blog-image{
    border-radius: 56px;
    overflow: hidden;
}
.single-blog-image.image-1 img{
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
.single-blog-categories{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 50px;
}
.single-blog-categories .blog-archive-box-category{
    font-size: 16px;
    padding: 12px 29px;
}
.single-blog-title-box{
    display: flex;
    justify-content: center;
    margin-top: 25px;
}
.single-blog-title{
    font-size: 40px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.single-blog-details{
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 40px;
}
.single-blog-author-image{
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid var(--color3);
}
.single-blog-author-image img{
    display: block;
    width: 100%;
    height: 100%;
}
.single-blog-author-date{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5px 0;
}
.single-blog-author{
    font-size: 25px;
    color: var(--color4);
}
.single-blog-author a{
    color: var(--color1);
}
.single-blog-date{
    display: flex;
    align-items: center;
    gap: 24px;
    font-family: YekanBakhLight;
    color: #9a9a9a;
}
.single-blog-date-number{
    position: relative;
}
.single-blog-date-number::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -12px;
    width: 1px;
    height: 18px;
    background-color: #e6e6e6;
    display: inline-block;
}
.single-blog-contents{
    font-size: 20px;
    color: var(--color4);
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.single-blog-contents.content-1{
    margin-top: 70px;
}
.single-blog-contents h2{
    font-family: YekanBakhBold;
    font-size: 22px;
}
.single-blog-contents p{
    line-height: 40px;
}
.single-blog-contents p:not(:last-child){
    margin-bottom: 35px;
}

.single-blog-contents img{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    margin: 100px 0;
    border-radius: 56px;
    overflow: hidden;
}
.single-blog-comments{
    margin: 200px 0;
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.single-blog-share-category{
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
}
.single-blog-share-category::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    top: -20px;
    background-color: #e6e6e6;
}
.single-blog-share{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.single-blog-share-label,.single-blog-contents-category-label{
    font-size: 20px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
}
.single-blog-share-icon{
    display: flex;
    background-color: #fff;
    box-shadow: 1px 1px 10px 1px rgba(151, 151, 151, 0.23);
    border-radius: 50px;
    padding: 13px 19px;
    border: none;
    outline: none;
}
.single-blog-contents-category{
    display: flex;
    align-items: center;
    gap: 15px;
}
.single-blog-contents-categories .blog-archive-box-category{
    font-size: 18px;
    padding: 10px 24px;
}
.single-blog-contents-categories{
    display: flex;
    align-items: center;
    gap: 7px;
}
.single-blog-comments-title-box{
    display: flex;
    justify-content: center;
}
.single-blog-comments-title{
    display: flex;
    align-items: center;
    font-size: 20px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
    gap: 10px;
}

.single-blog-share-social {
  position: relative;
}

.single-blog-share-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  position: absolute;
  margin-top: 8px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-5px);
  transition: all 0.5s ease;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.10);
  padding: 15px;
  z-index: 999;

}
.single-blog-social-icon{
    display: flex;
}
.single-blog-social-icon svg path{
    fill: var(--color1);
}

.single-blog-share-social.is-open .single-blog-share-wrapper {
  max-height: 200px;
  opacity: 1;
  transform: translateY(0);
  z-index: 999;
}

.single-blog-comments-box{
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.blog-archive-cm-search-filter{
    display: flex;
    align-items: center;
    gap: 5px;
}
.shop-filter-btn{
  background: var(--color2);
  border-radius: 30px;
  border: none;
  padding: 12px 22px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-family: inherit;
  gap: 5px;
  width: 115px;
  justify-content: center;
}
.shop-filter-btn-icon{
    display: flex;
    align-items: center;
    gap: 3px;
}
.shop-filter-btn-Label-arrow{
    display: flex;
    align-items: center;
    gap: 8px;
}
.shop-filter-btn-Label{
    font-size: 14px;
    font-family: YekanBakhLight;
}
.shop-content-middle{
    padding: unset;
    margin: unset;
}
.shop-content{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.shop-see-more-box{
    display: flex;
    justify-content: center;
}
.shop-see-more{
    background: var(--color2);
    border-radius: 40px;
    font-size: 18px;
    font-family: YekanBakhSemiBold;
    padding: 11px 34px;
    transition: 0.5s;
}
.shop-see-more:hover{
    background-color: var(--color1);
    color: #fff;
}



.shop-cards-box {
  display: flex;
  align-items: flex-start;
  gap: 0;
}

.shop-filter-sidebar {
  position: sticky;
  top: 155px;
  flex: 0 0 0;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateX(16px);
  background: #fff;
  box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
  border-radius: 15px;
  padding: 0;
  min-height: 0;
  transition:
    flex-basis .35s ease,
    max-width .35s ease,
    padding .35s ease,
    min-height .35s ease,
    opacity .25s ease,
    transform .35s ease;
  z-index: 1;
}


.blog-archive-content.shop-filter-open .shop-filter-sidebar {
  flex: 0 0 24%;
  max-width: 24%;
  padding: 25px;
  min-height: 400px;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}


.blog-archive-content.shop-filter-open .shop-cards-box {
  gap: 20px;
}

.shop-cards {
  flex: 1 1 auto;
  display: grid;
  gap: 45px;
  grid-template-columns: repeat(4, 1fr);
  transition: grid-template-columns .35s ease;
}


.blog-archive-content.shop-filter-open .shop-cards {
  grid-template-columns: repeat(3, 1fr);
}
.shop-filter-sidebar-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.shop-filter-sidebar-header span{
    font-size: 18px;
    font-family: YekanBakhSemiBold;
}
.shop-filter-close{
    border: none;
    outline: none;
    background-color: transparent;
    padding: unset;
    margin: unset;
    color: var(--color1);
    font-size: 22px;
    font-family: YekanBakhSemiBold;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.your-opinion-title::after{
    background: url(./assets/images/your-opinion-title.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.write-your-opinion{
    margin-top: 200px;
}
.write-your-opinion-form::before{
    background-color: var(--color1);
    height: 82%;
}
.write-your-opinion-form::after{
    background: url(./assets/images/write-your-opinion-form-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.why-put-this-form{
    margin: 130px auto 150px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.why-put-this-form-title-box{
    display: flex;
    justify-content: center;
}
.why-put-this-form-title{
    font-size: 40px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.why-put-this-form-title-box::after{
    content: "";
    position: relative;
    display: inline-block;
    right: 15px;
    background: url(./assets/images/why-put-this-form-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 69px;
    height: 53px;
}
.why-put-this-form-bottom{
    display: flex;
    gap: 180px;
}
.why-put-this-form-image{
    width: 30%;
    position: relative;
}
.why-put-this-form-content{
    width: 70%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    font-size: 17px;
    color: #696767;
    justify-content: flex-end;
    padding-bottom: 24px;
}
.why-put-this-form-content ul li::before{
    content: "-";
    padding-left: 2px;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
}
.why-put-this-form-image::before{
    content: "";
    position: absolute;
    background: url(./assets/images/why-put-this-form-image-before.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 2px;
    height: 88%;
    top: 43px;
    left: -130px;
}
.why-put-this-form-image::after{
    content: "";
    position: absolute;
    background: url(./assets/images/why-put-this-form-image-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 130px;
    height: 130px;
    top: 43px;
    left: -160px;
}
.book-bloger-archive-image::after{
    background: url(./assets/images/book-bloger-card-hover.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: ;
}
.book-bloger-top-part-title::after{
    background: url(./assets/images/book-bloger-top-part-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 69px;
    height: 58px;
}
.book-bloger-top-part-tip{
    width: 90%;
    margin: 0 auto;
}
.book-bloger-members-section{
    display: flex;
    flex-direction: column;
    gap: 70px;
    margin: 130px auto;
}
.book-bloger-members-section-title-box{
    display: flex;
    justify-content: center;
}
.book-bloger-members-section-title{
    font-size: 40px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.book-bloger-members-section-title::after{
    content: "";
    position: relative;
    display: inline-block;
    right: 15px;
    top: 12px;
    background: url(./assets/images/book-bloger-members-section-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 69px;
    height: 52px;
}
.book-bloger-members{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.book-bloger-member{
    padding: 25px 25px 25px 40px;
    border-radius: 40px;
    display: flex;
    justify-content: space-between;
}
.book-bloger-member-box{
    width: 60%;
    display: flex;
    gap: 30px;
}
.book-bloger-member-description{
    overflow: hidden;
    text-overflow: ellipsis;
}
.book-bloger-member-image{
    border-radius: 20px;
    overflow: hidden;
}
.book-bloger-member-image img{
    width: 294px;
    height: auto;
    display: block;
}
.book-bloger-member-details{
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: center;
}
.book-bloger-member-name a{
    font-size: 30px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
}
.book-bloger-member-experience,
.book-bloger-member-suggest,
.book-bloger-member-description{
    font-size: 15px;
    color: #7c7c7c;
    font-family: YekanBakhLight;
}
.book-bloger-member-details-bottom{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.book-bloger-member-suggest-box{
    display: flex;
    align-items: center;
    gap: 5px;
}
.book-bloger-member:nth-child(odd){
    background-color: #FFF9E5;
}
.book-bloger-member:nth-child(even){
    background-color: #F5F0FF;
}
.book-bloger-member-suggest-label,.book-bloger-member-description-label{
    display: flex;
    align-items: center;
    font-size: 18px;
    color: var(--color4);
    gap: 10px;
}
.book-bloger-member-description-label{
    gap: 8px;
}
.book-bloger-member-links{
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: flex-end;
    padding-bottom: 30px;
}
.book-bloger-member-link{
    border-radius: 30px;
    width: 199px;
    height: 45px;
    display: flex;
    font-size: 16px;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
.book-bloger-member-link.instagram{
    border: 1px solid var(--color3);
}

.book-bloger-member-link.see-vid{
    background-color: var(--color2);
    border: 1px solid var(--color2);
}
.book-bloger-member-link.instagram:hover{
    border: 1px solid var(--color1);
    background-color: var(--color1);
    color: #fff;
}
.book-bloger-member-link.see-vid:hover{
    background-color: #FFC314;
    border: 1px solid #FFC314;
}

.book-bloger-member:nth-child(odd) .book-bloger-member-details-top,
.book-bloger-member:nth-child(even) .book-bloger-member-details-top{
    position: relative;
}
.book-bloger-member-name{
    display: inline-block;
}

.book-bloger-member:nth-child(odd) .book-bloger-member-details-top::after{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #FFC314;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
}
.book-bloger-member:nth-child(odd) .book-bloger-member-details-top::before{
    content: "";
    width: 20px;
    height: 21px;
    background: url(./assets/images/book-bloger-member-details-top-before-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -28px;
    left: -10px;
}
.book-bloger-member:nth-child(even) .book-bloger-member-details-top::after{
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--color1);
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
}
.book-bloger-member:nth-child(even) .book-bloger-member-details-top::before{
    content: "";
    width: 20px;
    height: 21px;
    background: url(./assets/images/book-bloger-member-details-top-before-2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -28px;
    left: -10px;
}
.book-bloger-member:nth-child(even) .book-bloger-member-suggest-label svg path,
.book-bloger-member:nth-child(even) .book-bloger-member-description-label svg path{
    fill: var(--color1);
}
.authors-top-part-title-box{
    width: 35%;
}
.authors-top-part-title-box::before{
    right: -74%;
}
.authors-top-part-title-box::after{
    left: -74%;
}
.authors-top-part-title::after{
    background: url(./assets/images/authors-top-part-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 75px;
    height: 57px;
}
.authors-top-part-tip{
    width: 87%;
    margin: 0 auto;
}
.authors-content-title::after{
    background: url(./assets/images/authors-content-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 69px;
    height: 53px;
}
.authors-sort-btn{
    width: 193px;
}
.authors-content-title-box{
    margin-bottom: 40px;
}
.book-bloger-member:nth-child(odd) .authors-box-detail-top::before{
    background: url(./assets/images/authors-box-detail-top-before-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 40px;
    height: 32px;
    z-index: 1;
    bottom: -35px;
}
.book-bloger-member:nth-child(even) .authors-box-detail-top::before{
    background: url(./assets/images/authors-box-detail-top-before-2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 40px;
    height: 32px;
    z-index: 1;
    bottom: -35px;
}


.single-author-details{
    margin: 130px auto 0;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.single-author-tabs-box{
    margin: 300px auto 240px;
}
.single-author-content-box{
    display: flex;
    gap: 25px;
}
.single-author-image{
    width: 30%;
    border-radius: 20px;
    overflow: hidden;
}
.single-author-image img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
}
.single-author-content{
    width: 70%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 10px 0;
}
.single-author-content-title{
    font-size: 30px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
}
.single-author-descriptions p{
    line-height: 40px;
    font-size: 19px;
    color: var(--color4);
    font-family: YekanBakhLight;
}
.single-author-extra-details{
    display: flex;
    align-items: center;
    gap: 120px;
}
.single-author-extra-detail{
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}
.single-author-extra-detail-label{
    font-size: 30px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
}
.single-author-extra-detail-date{
    font-size: 20px;
    font-family: YekanBakhLight;
    color: var(--color4);
}
.single-author-creation-box{
    display: flex;
    flex-direction: column;
    margin-bottom: 170px;
    gap: 50px;
}
.single-author-creation-title-box{
    display: flex;
    justify-content: center;
}
.single-author-creation-title{
    font-size: 40px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.single-author-creation-title::after{
    content: "";
    position: relative;
    display: inline-block;
    background: url(./assets/images/single-author-creation-title-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 70px;
    height: 63px;
    top: 15px;
    right: 15px;
}
.single-author-creations{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}
.single-author-details-title-box{
    margin: unset;
}

.used-product-detail{
    justify-content: space-between;
    align-items: flex-end;
}
.ppi-datil-quality{
    background: #fff;
    box-shadow: 1px 1px 10px 1px rgba(151, 151, 151, 0.15);
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: 165px;
    padding: 11px 0;
    color: var(--color4);
    font-size: 18px;
    font-family: YekanBakhBold;
    cursor: pointer;
}
.ppi-datil-quality svg{
    width: 20px;
    height: auto;
}
.ppi-datil-quality svg path{
    fill: #D2D1D1;
}



.used-product-pop-up {
  position: fixed;
  inset: 0; 
  background: rgba(0, 0, 0, 0.5);
  display: none;             
  align-items: center; 
  justify-content: center;       
  z-index: 99999999;
}


.used-product-pop-up.active {
  display: flex;
}


.used-product-pop-up-box {
  background: #fff;
  border-radius: 15px;
  padding: 16px;
  width: 750px;
  height: 700px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
}
.used-product-close{
    display: flex;
    justify-content: flex-start;
}
.used-product-close span{
    font-size: 30px;
    color: var(--color1);
}
.used-product-close {
  border: none;
  background: transparent;
  cursor: pointer;
}
.used-product-pop-up-image{
    display: flex;
    justify-content: center;
}
.used-product-pop-up-image img {
  width: 85%;
  height: auto;
  display: block;
}

.main-menu-singup-wrapper {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 16vh;
  background: rgba(255,255,255,0.55);
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s ease;
  z-index: 9999999999;
}

.main-menu-singup-wrapper-box {
  background: #fff;
  border-radius: 40px;
  padding: 25px 60px 20px;
  min-width: 320px;
  max-width: 510px;
  min-height: 55vh;
  width: 90%;
  box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
  transform: translateY(-10px);
  transition: transform .5s ease;
  position: relative;

}


.main-menu-singup-close {
  border: none;
  background: transparent;
  font-size: 20px;
  cursor: pointer;
  position: absolute;
  top: 30px;
  left: 35px;
}


.main-menu-singup-wrapper.is-open {
  opacity: 1;
  pointer-events: auto;
}

.main-menu-singup-wrapper.is-open .main-menu-singup-wrapper-box {
  transform: translateY(0);
}

.main-menu-login-wrapper {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 16vh;
  background: rgba(255,255,255,0.55);
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s ease;
  z-index: 9999999999;
}

.main-menu-login-wrapper-box {
  background: #fff;
  border-radius: 40px;
  padding: 30px 60px;
  min-width: 320px;
  max-width: 510px;
  min-height: 65vh;
  width: 90%;
  box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
  transform: translateY(-10px);
  transition: transform .5s ease;
  position: relative;
}

.main-menu-login-close {
  border: none;
  background: transparent;
  font-size: 20px;
  cursor: pointer;
  position: absolute;
  top: 30px;
  left: 35px;
}

.main-menu-login-wrapper.is-open {
  opacity: 1;
  pointer-events: auto;
}

.main-menu-login-wrapper.is-open .main-menu-login-wrapper-box {
  transform: translateY(0);
}

.main-menu-singup-wrapper-box #customer_login .u-column1,
.main-menu-singup-wrapper-box #customer_login form.login {
    display: none ;
}


.main-menu-singup-wrapper-box #customer_login .u-column2 {
    width: 100% ;
    max-width: 100% ;
}


.main-menu-singup-wrapper-box .u-column2 h2 {
    display: none;
}


.main-menu-singup-wrapper-box .woocommerce-form-register .required {
    display: none;
}


.main-menu-singup-wrapper-box .woocommerce-privacy-policy-text p{
    display: none;
}
.sing-up-header{
    margin: 20px 0 3px;
}
.main-menu-singup-wrapper-box .woocommerce-form.woocommerce-form-register{
    padding: unset;
    margin: unset;
    border: none;
    width: 100%;
}
.main-menu-singup-wrapper-box .u-column2.col-2{
    padding: unset;
}
.sing-up-header-title{
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 18px;
    font-family: YekanBakhSemiBold;
}
.sing-up-header-detail{
    font-size: 14px;
    font-family: YekanBakhLight;
    color: #b7b4b4;
    padding-right: 7px;
}
.main-menu-singup-wrapper-box .woocommerce-form.woocommerce-form-register label{
    font-size: 16px;
    font-family: YekanBakhSemiBold;
    padding-right: 7px;
}
.main-menu-singup-wrapper-box .woocommerce-form.woocommerce-form-register input{
    outline: none;
    border-radius: 40px;
    border: 1px solid #313131;
    padding: 14px 25px;
    font-size: 13px;
    font-family: YekanBakh;
}
.main-menu-singup-wrapper-box .woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.main-menu-singup-wrapper-box .woocommerce-form.woocommerce-form-register input::placeholder{
    font-size: inherit;
    font-family: YekanBakhLight;
    color: #B5B5B5;
}
.main-menu-singup-wrapper-box .woocommerce-form-row.form-row.terms{
    margin: 20px 0 10px;
}

.main-menu-singup-wrapper-box input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 18px;
    height:18px;
    border: 1px solid var(--color3);    
    border-radius: 4px !important;          
    background: #fff;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    transition: all 0.2s ease;
    padding: unset !important;
    margin: 0 0 0 5px;
}


.main-menu-singup-wrapper-box input[type="checkbox"]:checked {
    border-color: #fff;
    background: var(--color1);
    border: none;      
}

.main-menu-singup-wrapper-box input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    background: url(./assets/images/check.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    inset: 4px;                      
}
.main-menu-singup-wrapper-box .woocommerce-form-row.form-row.terms span{
    font-size: 14px;
    font-family: YekanBakhLight;
    color: #B7B4B4;
}
.main-menu-singup-wrapper-box .woocommerce-form-row.form-row.terms a{
    font-size: 14px;
    font-family: YekanBakh;
    position: relative;
    color: #4C4C4C;
}
.main-menu-singup-wrapper-box .woocommerce-form-row.form-row.terms a::before{
    content: "";
    position: absolute;
    top: 69%;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    z-index: -1;
    background-color: #B5B5B5;
}
.main-menu-singup-wrapper-box label.woocommerce-form__label.woocommerce-form__label-for-checkbox {
    padding: 0;
}
.main-menu-singup-wrapper-box .woocommerce-Button.woocommerce-button.woocommerce-form-register__submit{
    background-color: var(--color2);
    font-family: YekanBakhSemiBold;
    font-size: 16px;
    border-radius: 40px;
    outline: none;
    border: none;
    margin: 0 auto;
    padding: 17px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color3);
    transition: 0.5s;
}
.main-menu-singup-wrapper-box .woocommerce-Button.woocommerce-button.woocommerce-form-register__submit:hover{
    color: #fff;
    background-color: var(--color1);
}
.sing-up-footer{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 10px;
}
.if-have-account-box{
    display: flex;
    align-items: center;
}
.sing-up-footer-or{
    text-align: center;
    color: #848484;
    position: relative;
}
.sing-up-footer-or::before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    height: 1px;
    width: 47%;
    background-color: #E6E6E6;
}
.sing-up-footer-or::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 1px;
    width: 47%;
    background-color: #E6E6E6;
}
.other-singup-ways{
    display: flex;
    gap: 10px;
}
.other-singup-ways-button{
    width: 33%;
    border: 1px solid #313131;
    background-color: #fff;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 0;
}
.if-have-account-label{
    color: #B7B4B4;
}
.if-have-account-box a{
    position: relative;
}
.if-have-account-box a::before{
    content: "";
    position: absolute;
    top: 66%;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    z-index: -1;
    background-color: #B5B5B5;
}
.main-menu-login-wrapper-box #customer_login .u-column2,
.main-menu-login-wrapper-box #customer_login form.register {
    display: none;
}

.main-menu-login-wrapper-box #customer_login .u-column1 {
    width: 100%;
    max-width: 100%;
}
.main-menu-login-wrapper-box .u-column1 h2 {
    display: none;
}
.main-menu-login-wrapper-box .woocommerce-form.woocommerce-form-login.login{
    padding: unset;
    margin: 10px 0 0;
    border: none;
    width: 100%;
}
.main-menu-login-wrapper-box .woocommerce-form.woocommerce-form-login  label{
    font-size: 16px;
    font-family: YekanBakhSemiBold;
    padding-right: 7px;
}
.main-menu-login-wrapper-box .woocommerce-form.woocommerce-form-login input{
    outline: none;
    border-radius: 40px;
    border: 1px solid #313131;
    padding: 14px 25px;
    font-size: 13px;
    font-family: YekanBakh;
}
.woocommerce form .password-input input[type=password], .woocommerce-page form .password-input input[type=password]{
    padding-right:25px;
}
.main-menu-login-wrapper-box .woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.main-menu-login-wrapper-box .woocommerce-form.woocommerce-form-login input::placeholder{
    font-size: inherit;
    font-family: YekanBakhLight;
    color: #B5B5B5;
}
.main-menu-login-wrapper-box .u-column1.col-1{
    padding: unset;
}
.main-menu-login-wrapper-box .form-row{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.main-menu-login-wrapper-box .woocommerce-button.button.woocommerce-form-login__submit{
    background-color: var(--color2);
    font-family: YekanBakhSemiBold;
    font-size: 16px;
    border-radius: 40px;
    outline: none;
    border: none;
    margin: 0 auto;
    padding: 17px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color3);
    margin: unset;
    transition: 0.5s;
}
.main-menu-login-wrapper-box .woocommerce-button.button.woocommerce-form-login__submit:hover{
    color: #fff;
    background-color: var(--color1);
}
.main-menu-login-wrapper-box .woocommerce-LostPassword.lost_password{
    display: none;
}
.login-footer-bottom{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.login-footer{
    gap: 25px;
    margin-top: 0;
}
.main-menu-login-wrapper-box .required {
    display: none;
}
.header-account-link{
    display: flex;
    align-items: center;
    gap: 10px;
}
.header-account-icon-name svg{
    width: 22px;
    height: 25px;
}
.header-account-icon-name svg path{
    fill: #fff;
    stroke: #fff;
}
.header-account-welcome{
    font-family: YekanBakhSemiBold;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 7px;
}
.header-account-welcome svg{
    width: 17px;
    height: 13px;
}
.header-account-welcome svg path{
    fill: var(--color2);
}
.header-account-icon-name{
    background-color: var(--color1);
    border-radius: 100%;
    padding: 12px 14px;
    display: flex;
}
.main-menu-ls-logged-in-texts{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.header-account-name-text{
    font-family: YekanBakhSemiBold;
    color: var(--color1);
}

.search-section-form-result{
    margin-top: 25px;
    position: relative;
    z-index: 99999; 
}

#search-results {
    background: #fff;
    box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.15);
    border-radius: 20px;
    position: absolute;
    top: 100%;     
    left: 0;
    right: 0;      
    z-index: 99999;
    margin-top: 10px;
    padding: 20px;
    max-height: 500px;
    overflow-y: auto;
    display: none;
}
.ajax-search-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.ajax-search-item {
    display: flex;
    align-items: center;
    transition: 0.5s;
    padding: 10px 20px;
    border-radius: 15px;
    border: 1px solid #e6e6e6;
}
.ajax-search-item:hover{
    background-color: rgba(156, 103, 255, 0.1);
    border: 1px solid var(--color1);
}
.ajax-search-item-detail{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ajax-search-item img {
    width: 50px;
    height: 70px;
    object-fit: cover;
}
.ajax-search-item .title{
    font-family: YekanBakhSemiBold;
    font-size: 17px;
    transition: 0.5s;
}
.ajax-search-item:hover .title{
    color: var(--color1);
}
.ajax-search-item-detail bdi{
    color: #696767;
}
.ajax-search-item-detail .woocommerce-Price-currencySymbol{
    font-family: YekanBakhSemiBold;
}
#search-results .no-result{
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: YekanBakhSemiBold;
    font-size: 20px;
}
#search-results .no-result::after{
    content: "";
    background: url(./assets/images/no-result-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 50px;
    height: 45px;
    position: relative;
    display: inline-block;
}
.ajax-search-item a {
    display: flex;
    align-items: center;
    text-decoration: none;
    width: 100%;
    gap: 10px;
}

#search-overlay {
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,0.55);
    z-index: 999;
    display: none;
}
.ajax-search-item-all{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.ajax-search-item-all a{
    font-size: 15px;
    font-family: YekanBakhSemiBold;
    color: var(--color3);
    background-color: var(--color2);
    border-radius: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px 0;
}
.mobile-bottom-menu-container{
    display: none;
}
.book-category-sw-slide .book-category-slide-image img,
.book-category-sw-slide .book-category-slide-icon,
.book-category-sw-slide .book-category-slide-icon svg path,
.pre-order-tab-button,
.book-category-see-more span,
.book-category-see-more svg path,
.zhin-chosen-button,
.about-zhin-see-more,
.tw-chosen-see-more,
.tw-chosen-see-more svg path,
.product-card .product-card-image img,
.product-card .product-card-chart-icon,
.product-card .product-card-chart-icon svg path,
.tw-chosen-card .tw-chosen-card-image-1 img,
.tw-chosen-card .twc-buy,
.zhin-comments-see-more,
.zhin-comments-see-more svg path,
.FAQ-see-more,
.join-zhin-container #gform_submit_1,
.join-zhin-container #gform_submit_1::before,
.top-part-bread-crump a{
    transition: 0.5s;
}
.product-card-chart-icon svg{
    height: 26px;
}
.book-category-sw-slide:hover .book-category-slide-image img{
    opacity: 0.8;
}
.book-category-sw-slide:hover .book-category-slide-icon {
    background-color: var(--color1);
}
.book-category-sw-slide:hover .book-category-slide-icon svg path{
    stroke: #fff;
}
.pre-order-tab-button:hover{
    background-color: var(--color1);
    color: #fff;
    border: 1px solid var(--color1);
}
.book-category-see-more:hover span{
    color: var(--color2);
}
.book-category-see-more:hover svg path{
    stroke: var(--color2);
}
.zhin-chosen-button:hover {
    color: var(--color1);
}
.about-zhin-see-more:hover{
    background-color: var(--color1);
    color: #fff;
}

.tw-chosen-see-more:hover{
    color: var(--color1);
}
.tw-chosen-see-more:hover svg path{
    stroke: var(--color1);
}
.product-card:hover .product-card-image img{
    opacity: 0.8;
}
.product-card:hover .product-card-chart-icon{
    background-color: var(--color1);
}
.product-card:hover .product-card-chart-icon svg path{
    fill: #fff;
}
.tw-chosen-card:hover .tw-chosen-card-image-1 img{
    opacity: 0.8;
}
.tw-chosen-card:hover .twc-buy{
    background-color: var(--color1);
    color: #fff;
}
.zhin-comments-see-more:hover{
    color: var(--color1);
}
.zhin-comments-see-more:hover svg path{
    stroke: var(--color1);
}
.FAQ-see-more:hover {
    background-color: var(--color2);
    border: 1px solid var(--color2);
}
.join-zhin-container #gform_submit_1:hover{
    background-color: var(--color1);
}
.join-zhin-container #gform_submit_1:hover::before{
    filter: invert(1) brightness(2);
}
.top-part-bread-crump a:hover{
    color: var(--color1);
}
.ca-contact-zhin-form #gf_progressbar_wrapper_2{
    display: none;
}
.ca-contact-zhin-form{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ca-contact-zhin-form label.gform-field-label{
    font-size: 18px;
    font-family: YekanBakhSemiBold;
    line-height: 45px;
}

.ca-contact-zhin-form div.ginput_container input{
   border-radius: 40px;
   background-color: #fff;
   border: 1px solid var(--color3);
   outline: none;
   padding: 26px 30px;
   font-size: 14px;
}
.ca-contact-zhin-form div.ginput_container{
    position: relative;
}
.ca-contact-zhin-form div.ginput_container textarea{
   border-radius: 40px;
   background-color: #fff;
   border: 1px solid var(--color3);
   outline: none;
   padding: 26px 30px;
   font-size: 14px;
   resize: none;
}
.ca-contact-zhin-form div.ginput_container input::placeholder,
.ca-contact-zhin-form div.ginput_container textarea::placeholder{
    font-size: inherit;
    font-family: YekanBakhLight;
    color: #d1d0d0;
}
.ca-contact-zhin-form div.ginput_container_text::before{
    content: "";
    position: absolute;
    left: 0;
    top: -30px;
    width: 16px;
    height: 16px;
    background: url(./assets/images/form-field-before-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.ca-contact-zhin-form div.ginput_container_email::before,
.ca-contact-zhin-form div.ginput_container_textarea::before{
    content: "";
    position: absolute;
    left: 0;
    top: -30px;
    width: 16px;
    height: 16px;
    background: url(./assets/images/form-field-before-2.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.ca-contact-zhin-form #gform_next_button_2_8,
.ca-contact-zhin-form #gform_previous_button_2{
    border: 1px solid var(--color3);
    outline: none;
    background-color: transparent;
    border-radius: 40px;
    color: var(--color3);
    font-size: 18px;
    font-family: YekanBakhSemiBold;
    padding: 15px 42px;
    transition: 0.5s;
}
.ca-contact-zhin-form #gform_next_button_2_8:hover,
.ca-contact-zhin-form #gform_previous_button_2:hover{
    background-color: var(--color1);
    border: 1px solid var(--color1);
    color: #fff;
}
.ca-contact-zhin-form #gform_submit_2{
    border: none;
    outline: none;
    background-color: var(--color2);
    border-radius: 40px;
    color: var(--color3);
    font-size: 18px;
    font-family: YekanBakhSemiBold;
    padding: 16px 43px;
    transition: 0.5s;
}
.ca-contact-zhin-form #gform_submit_2:hover{
    background-color: #FFC314;
    
}

.ca-contact-zhin-form #gform_fields_2{
    gap: 35px;
}



.collaborate-request-form .gform_wrapper .resume-upload .ginput_container {
    position: relative;
}

.collaborate-request-form .gform_wrapper .resume-upload .ginput_container #input_3_8{
    position: relative;
}
.collaborate-request-form .gform_wrapper .resume-upload .ginput_container #input_3_8::before {
    content: 'لطفاً فایل رزومه خود را انتخاب کنید';
    position: absolute;
    inset-inline-start: 10px;
    top:48%;
    left: auto;
    right: 26px;
    transform: translateY(-50%);
    pointer-events: none;
    color: #B5B5B5;
    font-size: 14px;
    font-family: YekanBakhLight;
}


.collaborate-request-form .gform_wrapper .resume-upload .ginput_container.has-file #input_3_8::before {
    content: 'فایل آپلود شد';
    
}


.collaborate-request-form .gform_wrapper .resume-upload input[type="file"] {
    direction: ltr;
    color: transparent;
}

.collaborate-request-form label.gform-field-label{
    font-size: 18px;
    font-family: YekanBakhSemiBold;
    line-height: 40px;
}
.collaborate-request-form div.ginput_container input{
   border-radius: 40px;
   background-color: #FBF9F9;
   border: 1px solid #313131;
   outline: none;
   padding: 24px 30px;
   font-size: 14px;
}

.collaborate-request-form div.ginput_container select {
    border-radius: 40px;
    background-color: #FBF9F9;
    border: 1px solid #313131;
    outline: none;
    font-size: 14px;
    height: 50px;
    padding: 5px 30px 5px 85px;
    color: #313131;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none;     
}
.collaborate-request-form .ginput_container_select{
    position: relative;
}
.collaborate-request-form .ginput_container_select::before {
    content: "";
    position: absolute;
    left: 8px;
    padding: 2px 37px;      
    top: 50%;
    transform: translateY(-50%);
    width: 74px;
    height:35px;
    border-radius: 40px;
    background-color: var(--color2); 
    background-image: url(./assets/images/vector.png); 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px 7px;
    pointer-events: none;
}

.collaborate-request-form div.ginput_container select option {
    color: #313131;
    font-size: 14px;
}


.collaborate-request-form div.ginput_container select option.gf_placeholder {
    color: #B5B5B5;         
    font-family: YekanBakhLight;
}

.collaborate-request-form div.ginput_container #input_3_8{
    border-radius: 40px;
   background-color: #FBF9F9;
   border: 1px solid #313131;
   outline: none;
   padding: 5px 0;
   height: 50px;
   font-size: 14px;
}

.collaborate-request-form .ginput_container input[type="file"]::file-selector-button {
    background-color: var(--color2);  
    border: none;
    border-radius: 20px;
    padding: 2px 37px;
    cursor: pointer;
    font-size: 0;
    transform: translateY(-2px);                    
    color: transparent;
    background-image: url(./assets/images/input-file.svg);     
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
    margin-left: 5px;
}



.collaborate-request-form div.ginput_container textarea{
   border-radius: 40px;
   background-color: #FBF9F9;
   border: 1px solid #313131;
   outline: none;
   padding: 24px 30px;
   font-size: 14px;
   resize: none;
}


.collaborate-request-form{
    padding-right: 5px;
}
.collaborate-request-form div.ginput_container input::placeholder,
.collaborate-request-form div.ginput_container textarea::placeholder{
    font-size: inherit;
    font-family: YekanBakhLight;
    color: #B5B5B5;
}
.collaborate-request-form #gform_fields_3{
    gap: 15px;
}

.collaborate-request-form #gform_submit_3{
    border: none;
    outline: none;
    background-color: var(--color2);
    border-radius: 40px;
    color: var(--color3);
    font-size: 18px;
    font-family: YekanBakhSemiBold;
    padding: 16px 0;
    display: flex;
    width: 45%;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}
.collaborate-request-form #gform_submit_3:hover{
    background-color: #FFC314;
    
}

.write-your-opinion-form #gform_submit_4{
    border: none;
    outline: none;
    background-color: var(--color2);
    border-radius: 40px;
    color: var(--color3);
    font-size: 18px;
    font-family: YekanBakhSemiBold;
    padding: 16px 0;
    display: flex;
    width: 45%;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}

.write-your-opinion-form #gform_submit_4:hover{
    background-color: var(--color1);
    color: #fff;
    
}
.write-your-opinion-form #gform_fields_4{
    gap: 15px;
}
.blog-archive-pagination{
    display: flex;
    align-items: center;
    gap: 28px;
    justify-content: center;
    margin-top: 40px;
}
.blog-archive-pagination .page-numbers{
    font-size: 25px;
    color: #C3C3C3;
}
.blog-archive-pagination .page-numbers:hover{
    color: var(--color1);
}
.blog-archive-pagination .page-numbers.current{
    color: var(--color3);
}
.blog-archive-pagination .next.page-numbers,
.blog-archive-pagination .prev.page-numbers{
    background-color: var(--color2);
    border-radius: 40px;
    padding: 7px 19px;
    display: flex;
    align-items: center;
    transition: 0.5s;
}
.blog-archive-pagination .next.page-numbers:hover,
.blog-archive-pagination .prev.page-numbers:hover{
    background-color: var(--color1);
}
.blog-archive-pagination .next.page-numbers svg path,
.blog-archive-pagination .prev.page-numbers svg path{
    transition: 0.5s;
} 

.blog-archive-pagination .next.page-numbers:hover svg path,
.blog-archive-pagination .prev.page-numbers:hover svg path{
    stroke: #fff;
}
.search-page-header{
    display: flex;
    justify-content: center;
}
.search-page{
    margin: 100px auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.search-page-title{
    font-size: 43px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.search-page-results{
    font-size: 20px;
}



.comment-form-overlay {
  position: fixed;
  inset: 0;
  background: rgba(255,255,255,0.55);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
  z-index: 999999999;
}


.comment-form-wrapper {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
  z-index: 9999999999;
}

.comment-form-wrapper-close{
    padding: unset;
    margin: unset;
    border: none;
    background-color: transparent;
    font-size: 20px;
    position: absolute;
    top: 30px;
    left: 30px;
}
.comment-form-title,
.comment-form-detail{
    text-align: center;
}
.comment-form-title{
    margin-top: 10px;
    font-size: 18px;
    font-family: YekanBakhSemiBold;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.comment-form-detail{
    font-size: 14px;
    font-family: YekanBakhLight;
    color: #B7B4B4;
    margin-top: 5px;
}

.comment-form-content {
  background: #fff;
  padding: 50px;
  max-width: 550px;
  box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
  border-radius: 40px;
  width: 90%;
  display: flex;
  flex-direction: column;
  transform: translateY(20px);
  opacity: 0;
  transition: transform 0.5s ease, opacity 0.5s ease;
  position: relative;
}
.comment-form-buttons{
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
}
.comment-form-button{
    width: 100%;
    border-radius: 40px;
    font-family: YekanBakhSemiBold;
    background-color: var(--color2);
    padding: 13px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}
.comment-form-button:hover{
    background-color: var(--color1);
    color: #fff;
}
.comment-form-image{
    width: 40%;
    margin: 0 auto;
}


.comment-form-overlay.is-open {
  opacity: 1;
  pointer-events: all; 
}

.comment-form-wrapper.is-open {
  opacity: 1;
  pointer-events: all;
}

.comment-form-wrapper.is-open .comment-form-content {
  transform: translateY(0);
  opacity: 1;
}

.comment-form-title.title-1{
    justify-content: flex-start;
    margin: unset;
}
.comment-form-content.content-1{
    padding: 40px;
}
.comment-form-wrapper-close.btn2{
    left: 40px;
    top: 40px;
}
.comment-form-part{
    margin-top: 25px;
}
.comment-form-part .comment-form-comment-label{
    font-size: 16px;
    line-height: 45px;
    font-family: YekanBakhSemiBold;
    color: var(--color3);
}
.comment-form-part .comment-form-comment textarea{
    resize: none;
    border-radius: 40px;
    font-size: 13px;
    outline: none;
    border: 1px solid #313131;
    padding: 15px 30px;
    width: 100%;
    font-family: YekanBakh;
}
.comment-form-part .comment-form-comment textarea::placeholder{
    font-size: inherit;
    font-family: YekanBakhLight;
    color: #B5B5B5;
}
.comment-form-part .form-submit{
    display: flex;justify-content: center;
    margin-top: 20px;
}
.comment-form-part #submit{
    width: 85%;
    background-color: var(--color2);
    color: var(--color3);
    font-family: YekanBakhSemiBold;
    border-radius: 40px;
    padding: 12px 0;
    transition: 0.5s;
    outline: none;
    font-size: 16px;
    border: none;
}
.comment-form-part .form-submit .comment-form-button:hover{
    color: #fff;
    background-color: var(--color1);
}
.comment-reply-link{
    display: flex;
    align-items: center;
    gap: 4px;
}

.pptc-comment-like {
    cursor: pointer;
}


.pptc-comment-like svg path {
    fill: var(--color1); 
    transition: fill 0.5s ease;
}


.pptc-comment-like.is-liked svg path {
    fill: #FFC314 ; 
}




.comment-rating {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 50px;
}



.comment-rating-options {
  display: flex;
  gap: 5px;
}


.comment-rating-options input[type="radio"] {
  display: none;
}

.comment-rating-item {
  cursor: pointer;
  flex: 1;
  border-radius: 40px;
  border: 1px solid var(--color3);
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--color4);
  font-family: YekanBakhLight;
  padding: 8px 0;
  font-size: 10px;
  background-color: #fff;
  transition: background-color 0.5s ease, border-color 0.5s ease;
}

.comment-rating-item svg path {
  stroke: #b5a8d6;
  fill: none;
  transition: fill 0.5s ease, stroke 0.5s ease;
}


.comment-rating-item.is-on {
  background-color: #FFFAEC;  
}

.comment-rating-item.is-on svg path {
  fill: #FFE400;
  stroke: #FFE400;
}
.comment-rating-title{
    font-size: 16px;
    font-family: YekanBakhSemiBold;
}

.pp-tabs-content-comment .children .pp-tabs-content-comment-part{
    margin: 60px 50px;  
    padding: 0;
}
.pp-tabs-content-comment  .children{
    margin: 100px 0 30px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}



.pp-tabs-content-comment .children .children .pp-tabs-content-comment-part{
    margin: 60px 100px;
}

.pp-tabs-content-comment .children .children li.has-before-after{
    background-color: #F5F0FF;
}
.pp-tabs-content-comment .children .children li.has-before-after::before{
    content: "";
    position: absolute;
    background: url(./assets/images/pp-tab-content-blog-before-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    left: 0;
    right: 0;
    height: 50px;
    background-position: center bottom;
    top: -49px;
}

.pp-tabs-content-comment .children .children li.has-before-after::after{
    content: "";
    position: absolute;
    background: url(./assets/images/pp-tab-content-blog-after-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    left: 0;
    right: 0;
    height: 50px;
    background-position: center top;
    bottom: -49px;
}
.ca-zhin-contact-ways-box-link:hover{
    background-color: #FFC314;
}
.single-author-extra-detail:not(:last-child)::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 74px;
    background-color: #e6e6e6;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);

}


.shop-filter-widget-title{
    font-size: 20px;
    font-family: YekanBakhSemiBold;
}

.bw-shop-filter-widget{
    display: flex;
    flex-direction: column;
    gap: 30px;
}


.bw-filter-section:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.bw-filter-section{
    font-family: YekanBakh;
    padding: 10px 0;
}

.bw-filter-toggle {
    width: 100%;
    background: transparent;
    border: 0;
    padding: 10px 0;
    margin: unset;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-family: 'YekanBakhSemiBold';
    font-size: 18px;
    transition: 0.5s;
}
.bw-filter-section.bw-open .bw-filter-toggle{
    margin-bottom: 15px;
}

.bw-filter-toggle-icon {
    transition: transform 0.5s ease;
}

.bw-filter-section.bw-open .bw-filter-toggle-icon {
    transform: rotate(180deg);
}

.bw-filter-content {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.bw-filter-list {
    list-style: none;
    padding: 0;
}
.bw-filter-list input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 18px;
    height:18px;
    border: 1px solid var(--color3);    
    border-radius: 4px !important;          
    background: #fff;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    transition: all 0.2s ease;
    padding: unset !important;
    margin: 0 0 0 5px;
}


.bw-filter-list input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    background: url(./assets/images/check.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    inset: 4px;                      
}
.bw-filter-list input[type="checkbox"]:checked {
    border-color: #fff;
    background: var(--color1);
    border: none;      
}

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


.bw-filter-content{
    display: flex;
    flex-direction: column;
    gap: 8px;
}



.bw-filter-actions {
    margin-top: 40px;
    display: flex;
    gap: 10px;
}

.bw-filter-submit,
.bw-filter-reset {
    flex: 1;
    text-align: center;
    padding: 10px 10px;
    font-size: 18px;
    border-radius: 40px;
    border: 1px solid var(--color2);
    background: var(--color2);
    color: var(--color3);
    text-decoration: none;
    cursor: pointer;
    font-family: YekanBakhSemiBold;
}

.bw-filter-reset {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}
.bw-filter-toggle-icon,
.bw-cat-toggle{
    display: flex;
}
.bw-filter-toggle-icon svg,
.bw-cat-toggle svg{
    width: 12px;
    height: 12px;
}

.bw-filter-price-row input{
    border-radius: 40px;
    padding: 8px 20px;
    outline: none;
    border: 1px solid var(--color3);
}


.bw-cat-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.bw-cat-toggle {
    border: none;
    background: none;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    padding: 5px 100px 5px 0;
}


.bw-filter-subcats {
    display: none;
    margin-top: 6px;
    padding-right: 16px; 
}


.bw-cat-item.bw-cat-open > .bw-filter-subcats {
    display: block;
}


.bw-cat-item.bw-cat-open > .bw-cat-row > .bw-cat-toggle {
    transform: rotate(180deg);
    padding: 5px 0 5px 100px;

}





.bw-price-display {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
    font-family: YekanBakh;
}

.bw-price-display-item {
    flex: 1;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 17px;
    display: flex;
    justify-content: space-between;
}


.bw-price-display-min {
    background: #FFF9E5; 
    align-items: flex-end;
}
.bw-price-display-min > span,
.bw-price-display-min .bw-price-currency,
.bw-price-min-label{
    color: #FFC314;
    font-family: YekanBakhSemiBold;
}

.bw-price-display-max {
    background: #F5F0FF; 
    align-items: flex-end;
}
.bw-price-display-max > span,
.bw-price-display-max .bw-price-currency,
.bw-price-max-label{
    color: var(--color1);
    font-family: YekanBakhSemiBold;
}

.bw-price-display-item > span {
   font-family: YekanBakhSemiBold;
   font-size: 17px;
}



.bw-price-range-wrapper {
    position: relative;
    height: 30px;
    width: 90%;
    margin: 10px auto 0;
}


.bw-price-range {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    background: transparent;
    -webkit-appearance: none;
    appearance: none;
    pointer-events: none;
    z-index: 2;              
}


.bw-price-range-track {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--color1), #FFC314);
    z-index: 1;       
}


.bw-price-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #FFC314;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.05);
    cursor: pointer;
    pointer-events: auto;
}
.bw-price-range-max::-webkit-slider-thumb {
    background: var(--color1);
}


.shop-no-products{
    font-size: 18px;
}



#sidebar {
    display: none !important;
}




.zhin-cart-modal {
    position: fixed;
    inset: 0;
    z-index: 99999999;
    font-family: inherit;
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s ease;
}

.zhin-cart-modal.is-visible {
    opacity: 1;
    pointer-events: auto;
}


.zhin-cart-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.55);
    opacity: 0;
    transition: opacity .5s ease;
}

.zhin-cart-modal.is-visible .zhin-cart-modal__backdrop {
    opacity: 1;
}

.zhin-cart-modal__content {
    position: relative;
    max-width: 500px;
    width: 90vw;
    margin: 15% auto 0;
    padding: 35px;
    background: #fff;
    box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
    border-radius: 25px;
    text-align: center;
    opacity: 0;
    transform: translateY(20px) scale(.98);
    transition: opacity .5s ease, transform .5s ease;
}

.zhin-cart-modal.is-visible .zhin-cart-modal__content {
    opacity: 1;
    transform: translateY(0) scale(1);
}


.zhin-cart-modal__text {
    margin: 15px 0 20px;
    font-family: YekanBakhSemiBold;
}

.zhin-cart-modal__actions {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.zhin-cart-modal__btn {
    cursor: pointer;
    border-radius: 40px;
    padding: 10px 20px;
    text-decoration: none;
    transition:.5s;
    font-size: 16px;
    font-family: YekanBakhSemiBold;
}

.zhin-cart-modal__btn--primary {
    background: var(--color2);
    color: var(--color3);
    border: 1px solid var(--color2);
}

.zhin-cart-modal__btn--secondary {
    background: #fff;
    color: var(--color3);
    border: 1px solid var(--color3);
}

.zhin-cart-modal__btn--primary:hover {
    background-color: #FFC314;
    border: 1px solid #FFC314;
}

.zhin-cart-modal__btn--secondary:hover {
    color: #fff;
    border: 1px solid var(--color1);
    background: var(--color1);
}

.zhin-cart-modal__close {
    position: absolute;
    top: 20px;
    left: 20px;
    border: none;
    background: none;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}


.header-cart-count{
    position: absolute;
    width: 23px;
    height: 23px;
    background: #dedede;
    display: flex;
    right: -6px;
    top: -8px;
    border-radius: 30px;
    color: #a0a0a0;
    justify-content: center;
    align-items: center;
}






.variation-gallery-modal {
    position: fixed;
    inset: 0;
    z-index: 99999999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background: rgba(255,255,255,0.55);
    transition: opacity .5s ease, visibility .5s ease;
}


.variation-gallery-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}


body.gallery-open {
    overflow: hidden;
}


.vgm-content {
    position: relative;
    width: min(90vw, 1000px);
    max-height: 90vh;
    background: #fff;
    padding: 50px;
    box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transform: translateY(10px) ;
    transition: transform .5s ease;
}


.variation-gallery-modal.is-open .vgm-content {
    transform: translateY(0);
}

.vgm-close {
    position: absolute;
    top: 20px;
    left: 20px;
    border: 0;
    background: transparent;
    cursor: pointer;
    font-size: 25px;
    line-height: 1;
    z-index: 10;
}


.variation-gallery-main {
    width: 50%;
    aspect-ratio: 1 / 1;     
    border-radius: 20px;
    overflow: hidden;
}

.variation-gallery-main .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.variation-gallery-main .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.variation-gallery-main img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}





.variation-gallery-thumbs {
    margin-top: 16px;
    padding-inline: 4px;
}

.variation-gallery-thumbs .swiper-slide {
    width: 86px !important;
    height: 86px;
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color .5s ease, box-shadow .5s ease, transform .5s ease;
}

.variation-gallery-thumbs img {
    width: 100%;
    height: 100%;
}




.variation-gallery-thumbs .swiper-slide::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.55);
    opacity: 1;
}


.variation-gallery-thumbs .swiper-slide-thumb-active::before{
    opacity: 0;
}

.product-page-tab-content .product-comment {
    margin: unset;
}

.product-page-tab-content .product-comment .comment-form-part #submit{
     width: 85% !important;
    background-color: var(--color2) !important;
    color: var(--color3) !important;
    font-family: YekanBakhSemiBold !important;
    border-radius: 40px !important;
    padding: 17px 0 !important;
    transition: 0.5s !important;
    outline: none !important;
    font-size: 16px !important;
    border: none !important;
}

.qa-tab-box{
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.qa-comments-box{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.qa-inner-replies > .pp-tabs-content-comment.has-before-after{
    background-color: #F5F0FF;
    margin: 65px 0;
}
.qa-inner-replies > .pp-tabs-content-comment.has-before-after::before{
    background: url(./assets/images/pp-tab-content-blog-before-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.qa-inner-replies .pp-tabs-content-comment.has-before-after::after{
    background: url(./assets/images/pp-tab-content-blog-after-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
}
.qa-inner-replies .pp-tabs-content-comment.has-before-after .pp-tabs-content-qa-part{
    padding: 0 50px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}


.qa-inner-replies .pp-tabs-content-comment.has-before-after .child{
    background-color: #FFF9E5;
    margin-top: 65px;
}
.qa-inner-replies .pp-tabs-content-comment.has-before-after .child::before{
    background: url(./assets/images/pp-tab-content-blog-before-2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.qa-inner-replies .pp-tabs-content-comment.has-before-after .child::after{
    background: url(./assets/images/pp-tab-content-blog-after-2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
}
.pp-tabs-content-qa-part-2{
    padding: 0 80px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}





.qa-overlay{
  position: fixed;
  inset: 0;
  background: rgba(255,255,255,0.55);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
  z-index: 999999999;
}

.qa-wrapper {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
  z-index: 9999999999;
}

.qa-close-btn {
    padding: unset;
    margin: unset;
    border: none;
    background-color: transparent;
    font-size: 25px;
    position: absolute;
    top: 30px;
    left: 30px;
}

.qa-form-title{
    margin: 10px 0 20px;
    font-size: 18px;
    font-family: YekanBakhSemiBold;
    display: flex;
    align-items: center;
    gap: 5px;
}


.qa-wrapper-conent {
  background: #fff;
  padding: 50px;
  max-width: 550px;
  box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
  border-radius: 40px;
  width: 90%;
  display: flex;
  flex-direction: column;
  transform: translateY(20px);
  opacity: 0;
  transition: transform 0.5s ease, opacity 0.5s ease;
  position: relative;
}

.pptc-qa-submit{
    width: 100%;
    border-radius: 40px;
    font-size: 18px;
    font-family: YekanBakhSemiBold;
    background-color: var(--color2);
    padding: 13px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    border: none;
}
.pptc-qa-submit:hover{
    background-color: var(--color1);
    color: #fff;
}



.qa-overlay.is-open {
  opacity: 1;
  pointer-events: all; 
}

.qa-wrapper.is-open {
  opacity: 1;
  pointer-events: all;
}

.qa-wrapper.is-open .qa-wrapper-conent{
  transform: translateY(0);
  opacity: 1;
}


.qa-wrapper .qa-field label{
    font-size: 17px;
    line-height: 45px;
    font-family: YekanBakhSemiBold;
    color: var(--color3);
}
.qa-wrapper input,.qa-wrapper textarea{
    resize: none;
    border-radius: 40px;
    font-size: 13px;
    outline: none;
    border: 1px solid #313131;
    padding: 15px 30px;
    width: 100%;
    font-family: YekanBakh;
}
.qa-wrapper input::placeholder,.qa-wrapper textarea::placeholder{
    font-size: inherit;
    font-family: YekanBakhLight;
    color: #B5B5B5;
}

.qa-question-form{
    display: flex;
    flex-direction: column;
    gap: 20px;
}



.published-products-price{
    display: flex;
    gap: 15px;
}
.published-products-price del bdi{
    color: #BFBFBF;
    font-size: 20px;
}
.published-products-price del{
    color: #BFBFBF;
}
.published-products-price ins{
    text-decoration: none;
}



.zhin-cart-product-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.zhin-cart-product-meta{
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 18px;
    font-family: YekanBakhLight;
}

.zhin-cart-price-label,.zhin-cart-label,.zhin-cart-label{
    font-size: 18px;
    font-family: YekanBakhLight;
    color: var(--color4);
}
.zhin-cart-amount-discount bdi{
    color: #FFC314;
    font-size: 25px;
    font-family: YekanBakhSemiBold;
    display: flex;
}
.zhin-cart-amount-total bdi{
    font-size: 25px;
    font-family: YekanBakhSemiBold;
    display: flex;
}
.zhin-cart-price-value{
    font-size: 25px;
    color: var(--color4);
    font-family: YekanBakhSemiBold;
}

.zhin-cart-product-title a {
    transition: 0.5s;
    color: var(--color4);
    font-size: 20px;
    font-family: YekanBakhBold;
}

.zhin-cart-product-title a:hover {
    color: var(--color1);
}
.zhin-cart-subtotal-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}


.woocommerce-cart-form{
    border: none;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.woocommerce-cart-form .zhin-cart-table.shop_table  th{
    font-size: 25px;
    font-family: YekanBakhBold;
    color: var(--color4);

}



.woocommerce table.shop_table {
    border: none;
}
.zhin-cart-col.zhin-cart-col-subtotal{
    display: flex;
    justify-content: space-between;
}
.zhin-cart-product-thumb .attachment-woocommerce_single.size-woocommerce_single{
    width: 115px;
    height: auto;
    border-radius: 21px;
}

.zhin-cart-product-box{
    display: flex;
    align-items: center;
    gap: 25px;
}

table.zhin-cart-table.shop_table tr{
    border-bottom: 1px solid #D7D7D7;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


table.zhin-cart-table.shop_table  {
    width: 100%;
    table-layout: fixed;      
    border-collapse: collapse;
}

table.zhin-cart-table.shop_table  th,
table.zhin-cart-table.shop_table  td {   
    box-sizing: border-box;
    border: none;
    padding: 15px 0;
}

table.zhin-cart-table.shop_table  th.zhin-cart-head-product,
table.zhin-cart-table.shop_table  td.zhin-cart-col-product {
    width: 36%;
    padding-right: 40px;               
}


.zhin-cart-head-price,
.zhin-cart-col-price {
    width: 20%;
    text-align: center;
}

.zhin-cart-head-qty,
.zhin-cart-col-qty {
    width: 20%;
    text-align: center;
}


table.zhin-cart-table.shop_table  th.zhin-cart-head-subtotal,
table.zhin-cart-table.shop_table  td.zhin-cart-col-subtotal {
    width: 24%;
    padding-left: 40px; 
}

.zhin-cart-col-qty-control{
    display: flex;
    justify-content: center;
}
.zhin-cart-discount,.zhin-cart-total-line{
    display: flex;
    align-items: center;
    gap: 3px;
}
.zhin-cart-subtotal-prices{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.zhin-cart-collaterals{
    padding: 50px 80px;
    background: #fff;
    box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
    border-radius: 40px;
    position: relative;
    margin-bottom: 150px;
    display: flex;
    justify-content: space-between;
    gap: 50px;
}
.zhin-cart-collaterals::before{
    content: "";
    position: absolute;
    background: url(./assets/images/chart-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 300px;
    height: 300px;
    left: -40px;
    top: -50px;
}
.zhin-cart-collaterals::after{
    display: none !important;
}
.zhin-cart-collaterals-box{
    width: 45%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.zhin-cart-totals{
    width: 55%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: space-between;
}
.zhin-cart-totals-rows{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.zhin-cart-totals-title{
    font-size:25px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.zhin-cart-totals-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.zhin-cart-totals-label{
    font-size: 20px;
    color: var(--color4);
}
.zhin-cart-totals-amount bdi{
    font-size: 25px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
}
.zhin-cart-totals-amount-discount bdi{
    color: #FFC314;
}

.zhin-cart-totals-row-total::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #D7D7D7;
    top: -20px;
}
.zhin-cart-totals-rows .zhin-cart-totals-row-total{
    margin-top: 20px;
}
#zhin-cart-checkout-btn{
    border-radius: 40px;
    font-size: 15px;
    font-family: YekanBakhSemiBold;
    color: var(--color3);
    display: flex;
    justify-content: center;
    background-color: var(--color2);
    padding: 15px 0;
    transition: 0.5s;
}
#zhin-cart-checkout-btn:hover{
    color: #fff;
    background-color: var(--color1);
}
.zhin-cart-action-title{
    font-size: 25px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.zhin-cart-actions-box{
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 100%;
}
.zhin-cart-actions-box input{
    border-radius: 40px;
    background-color: #fff;
    padding: 16px 30px;
    border: 1px solid var(--color3);
    outline: none;
    width: 73%;
    font-size: 14px;
}
.zhin-cart-actions-box input::placeholder{
    font-size: inherit;
    font-family: YekanBakhLight;
    color: #B5B5B5;
}
.zhin-cart-coupon{
    width: 90%;
    display: flex;
    gap: 5px;
    position: relative;
}
#zhin-cart-apply-coupon,
#zhin-cart-remove-coupon{
    width: 28%;
    border-radius: 40px;
    font-size: 16px;
    font-family: YekanBakhSemiBold;
    color: var(--color3);
    display: flex;
    justify-content: center;
    background-color: var(--color2);
    padding: 15px 0;
    transition: 0.5s;
}
#zhin-cart-apply-coupon:hover,
#zhin-cart-remove-coupon:hover{
    color: #fff;
    background-color: var(--color1);
}
.zhin-cart-update-box {
    display: none;
}

.zhin-cart-col-qty-control{
    direction: rtl;
}


.zhin-shipping-method-item{
    display: flex;
    align-items: center;
    gap: 7px;
}

.zhin-shipping-option{
    display: flex;
    align-items: center;
    font-size: 20px;
    font-family: YekanBakhLight;
}
.zhin-shipping-method-list{
    display: flex;
    flex-direction: column;
    gap: 25px;
    border-bottom: 1px solid #D7D7D7;
    padding-bottom: 20px;
    margin-bottom: 20px;
}


.zhin-shipping-method-item input.shipping_method[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 6px; 
    border: 1px solid var(--color3);
    background: #fff;
    cursor: pointer;
    position: relative;
    margin-inline-start: 0;
    margin-inline-end: 10px;
    flex-shrink: 0;
}


.zhin-shipping-method-item input.shipping_method[type="radio"]:checked,
.zhin-shipping-method-item.is-active input.shipping_method[type="radio"] {
    border-color: var(--color2);
    background: var(--color2);
}


.zhin-shipping-method-item input.shipping_method[type="radio"]::before {
    content: "";
    position: absolute;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M10.5 3L4.5 9L1.5 6" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    inset: 4px;
    display: none;
}

.zhin-shipping-method-item input.shipping_method[type="radio"]:checked::before,
.zhin-shipping-method-item.is-active input.shipping_method[type="radio"]::before {
   display: block;
}


.zhin-shipping-method-item input.shipping_method[type="radio"]:focus-visible {
    outline: none;
}

.zhin-shipping-method-item input.shipping_method[type="radio"]:checked + label.zhin-shipping-option,
.zhin-shipping-method-item.is-active label.zhin-shipping-option {
    font-family: YekanBakh;
}



.my-checkout-wrapper {direction: ltr;display: flex;gap: 50px;align-items: start;}


.my-checkout-left {
    width: 40%;
    background: #fff;
    box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
    border-radius: 34px;
    padding: 40px 80px;
    direction: rtl;
    margin-top: 30px;
}


.my-checkout-right {
    width: 60%;
}

.woocommerce-billing-fields__field-wrapper.my-billing-grid,
.my-shipping-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 15px;
    row-gap: 20px;
    margin: 30px 0;
}

.woocommerce-billing-fields__field-wrapper.my-billing-grid .form-row {
    margin: 0;
}


#billing_first_name_field,
#shipping_first_name_field {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
}
#billing_last_name_field,
#shipping_last_name_field {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
}


#billing_email_field,
#shipping_email_field {
    grid-column: 1 / 3;  
    grid-row: 2;
}


#billing_postcode_field,
#shipping_postcode_field {
    grid-column: 1;
    grid-row: 3;
}
#billing_phone_field,
#shipping_phone_field {
    grid-column: 2;
    grid-row: 3;
}


#billing_country_field,
#shipping_country_field {
    grid-column: 1;
    grid-row: 4;
}
#billing_city_field,
#shipping_city_field {
    grid-column: 2;
    grid-row: 4;
}


#billing_address_1_field,
#shipping_address_1_field {
    grid-column: 1 / 3;
    grid-row: 5;
}


#customer_details  label{
    display: flex;
    justify-content: flex-start;
}
.woocommerce-additional-fields #order_comments_field{
    display: none;
}
.my-billing-title{
    font-size: 23px;
    font-family: YekanBakhBold;
    color: var(--color4);
    padding-bottom: 15px;
    border-bottom: 1px solid #D7D7D7;
}
.required{
    display: none;
}
.my-checkout-right label{
    font-size: 18px;
    font-family: YekanBakhSemiBold;
    line-height: 45px !important;
}

.my-checkout-right input,
.my-checkout-right textarea{
    resize: none !important;
    outline: none !important;
    border: 1px solid #313131 !important;
    border-radius: 40px !important;
    padding: 11px 30px !important;
    font-size: 16px !important;
}
.my-checkout-right textarea{
    min-height: 122px !important;
}
.my-checkout-right input::placeholder,
.my-checkout-right textarea::placeholder{
    font-size: inherit !important;
    font-family: YekanBakhLight !important;
    color: #B5B5B5 !important;
}


.woocommerce-checkout .woocommerce-input-wrapper
.select2-container--default .select2-selection--single {
    position: relative;             
    overflow: hidden;              
    border-radius: 40px;
    border: 1px solid #313131;
    height: 50px;
    padding: 0 85px 0 30px;        
    color: #313131;
    box-shadow: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    direction: rtl;                
}

.woocommerce-checkout .select2-container--default
.select2-selection--single .select2-selection__rendered {
    padding: 0;
    font-size: 16px;
    line-height: 1;
    color: var(--color3);
}


.woocommerce-checkout .select2-container--default
.select2-selection--single .select2-selection__placeholder {
    color: #B5B5B5;
    font-family: YekanBakhLight;
}



.woocommerce-checkout .select2-container--default
.select2-selection--single .select2-selection__arrow b {
    display: none;
}


.woocommerce-checkout .select2-container--default
.select2-selection--single .select2-selection__arrow {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 74px;
    height: 35px;
    border-radius: 40px;
    background-color: var(--color2);
    background-image: url('./assets/images/vector.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
}



.woocommerce-checkout .select2-container {
    width: 100% !important;
}


.my-checkout-right .woocommerce-form__label-for-checkbox{
    gap: 10px;
    align-items: center;
}
.my-checkout-right .woocommerce-form__label-for-checkbox span{
    font-size: 20px;
    font-family: YekanBakhLight;
    color: var(--color4);
}


.woocommerce-checkout .woocommerce-form__input-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid var(--color3);
    border-radius: 4px !important;
    background: #fff;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    transition: all 0.2s ease;
    padding: 0 !important;
    position: relative;
    bottom: 3px;
}


.woocommerce-checkout .woocommerce-form__input-checkbox:checked {
    background: var(--color2);
    border: 1px solid var(--color2) !important;
}


.woocommerce-checkout .woocommerce-form__input-checkbox::after {
    content: "";
    position: absolute;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M10.5 3L4.5 9L1.5 6" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    inset: 3px;
    display: none;
}

.woocommerce-checkout .woocommerce-form__input-checkbox:checked::after{
    display: block;
}

.woocommerce-checkout .select2-container--open .select2-dropdown {
    border-radius: 24px;
    border: 1px solid #313131;
    background-color: #fff;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    direction: rtl;
    font-family: YekanBakh !important;   
}


.woocommerce-checkout .select2-container--open .select2-search--dropdown {
    padding: 8px 12px;
}

.woocommerce-checkout .select2-container--open .select2-search__field {
    border-radius: 20px;
    border: 1px solid #B5B5B5;
    padding: 6px 10px;
    font-size: 16px;
    font-family: YekanBakh !important;
    outline: none;
}

.woocommerce-checkout .select2-container--open .select2-search__field:focus {
    border-color: var(--color1);
}


.woocommerce-checkout .select2-container--open .select2-results__options {
    max-height: 230px;    
}


.woocommerce-checkout .select2-container--open .select2-results__option {
    padding: 8px 18px;
    font-size: 16px;
    font-family: YekanBakh;
    color: #313131;
    cursor: pointer;
}


.woocommerce-checkout .select2-container--open
.select2-results__option[aria-selected="true"] {
    background-color: rgba(156,103,255,0.70) !important; 
    color: #fff;
}

.select2-container--default .select2-results__option[aria-selected=true], 
.select2-container--default .select2-results__option[data-selected=true]{
    background-color: var(--color2) !important;
    color: #000;
}
.woocommerce-checkout .select2-container--default .select2-dropdown--below {
    border-radius: 24px;
}

.woocommerce-checkout .select2-container--default .select2-dropdown--above {
    border-radius: 24px;
}


.woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection{
    border: 1px solid var(--color1);
}

.zhin-checkout-title{
    margin-bottom: 30px;
}
h3.zhin-checkout-title.zhin-cart-totals-title {
    margin: 20px 0 30px;
}
.zhin-checkout-totals-rows{
    gap: 30px;
}
.zhin-checkout-totals-amount-discount bdi{
    color: #FFC314;
}
.woocommerce-checkout{
    margin-bottom: 150px;
}
.zhin-checkout-title{
    font-size: 23px;
    font-family: YekanBakhBold;
    color: var(--color4);
}

.zhin-checkout-payment-box{
    border-bottom: 1px solid #D7D7D7;
    padding-bottom: 20px;
}
#place_order{
    font-size: 20px;
    font-family: YekanBakhSemiBold;
    background: var(--color2);
    border-radius: 40px;
    display: flex;
    justify-content: center;
    width: 100%;
    color: var(--color3);
    padding: 15px 0;
    margin-top: 15px;
    transition: 0.5s;
}
#place_order:hover{
    color: #fff;
    background-color: var(--color1);
}



.zhin-payment-method-item {
    list-style: none;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.zhin-payment-method-item input.zhin-payment-radio[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 6px; 
    border: 1px solid var(--color3);
    background: #fff;
    cursor: pointer;
    position: relative;
    margin-inline-start: 0;
    margin-inline-end: 10px;
    flex-shrink: 0;
}


.zhin-payment-method-item input.zhin-payment-radio[type="radio"]:checked {
    border-color: var(--color2);
    background: var(--color2);
}


.zhin-payment-method-item input.zhin-payment-radio[type="radio"]::before {
    content: "";
    position: absolute;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M10.5 3L4.5 9L1.5 6" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    inset: 4px;
    display: none;
}


.zhin-payment-method-item input.zhin-payment-radio[type="radio"]:checked::before {
   display: block;
}


.zhin-payment-method-item input.zhin-payment-radio[type="radio"]:focus-visible {
    outline: none;
}

.zhin-payment-method-item input.zhin-payment-radio[type="radio"]:checked + label.zhin-payment-option {
    font-weight: 600;
}
.woocommerce-checkout-payment{
    background: transparent !important;
}
.wc_payment_methods{
    border: none !important;
    padding: unset !important;
}
ul.payment_methods li::before,
ul.payment_methods li::after,
ul.payment_methods::before,
ul.payment_methods::after{
    display: none !important;
}
ul.payment_methods{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.zhin-thankyou-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 180px;
    gap: 35px;
}
.zhin-thankyou-check{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 134px;
    height: 134px;
    border-radius: 50%;
    background: rgba(172, 255, 155, 0.4);
}
.zhin-thankyou-title{
    font-size: 40px;
    font-family: YekanBakhBold;
    color: var(--color4);
}
.zhin-thankyou-text{
    font-size: 25px;
    font-family: YekanBakhLight;
    color: var(--color4);
    width: 40%;
    text-align: center;
}
.zhin-thankyou-wrapper-contet{
    display: flex;
    flex-direction: column;
    align-items: center;
    width:100%;
    gap: 10px;
}
.zhin-thankyou-button{
    width: 36%;
    background-color: var(--color2);
    font-family: YekanBakhSemiBold;
    font-size: 20px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    padding: 12px 0;
    transition: 0.5s;
    margin-top: 15px;
    position: relative;
}
.zhin-thankyou-button:hover{
    background-color: var(--color1);
    color: #fff;
}
.zhin-thankyou-button::before{
    content: "";
    position: absolute;
    background: url(./assets/images/thank-you-page-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    right: -105px;
    bottom: 0;
    width: 145px;
    height: 136px;
}

.zhin-buy-steps {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 100px 80px;
}

.zhin-step {
    text-align: center;
    flex-shrink: 0;
    position: relative;
}

.zhin-step-icon {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: #F0F0F0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin: 0 auto 20px;
    position: relative;
    z-index: 4; 
}


.zhin-step-label { 
    font-size: 23px;
    font-family: YekanBakhBold;
    color: #BFBFBF;
}
.zhin-step--active .zhin-step-icon {
    background-color: #ECE1FF;
}

.zhin-step--active .zhin-step-label {
    color: var(--color4);
}
.zhin-step--active svg path{
    fill: var(--color1);
}
.zhin-step-line {
    flex: 1;
    height: 11px;
    background: #f0f0f0;
    border-radius: 999px;
    margin-inline: -40px;
    position: relative;
    margin-bottom: 25px;
    z-index: 1;
}


.zhin-step-line--full::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;         
    height: 100%;
    background: var(--color1);
    border-radius: inherit;
    z-index: 2;
}


.zhin-step-line--partial::before {
    content: "";
    position: absolute;
    right: 0;              
    top: 0;
    width: 80px;        
    height: 100%;
    background: var(--color1);
    border-radius: inherit;
    z-index: 2;
}


.zhin-step-line--with-fox::after {
    content: "";
    position: absolute;
    background: url(./assets/images/buy-step-1-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    right: 37px;
    top: -60px;
    width: 138px;
    height: 88px;
    z-index: 3;
}

.zhin-step-line--with-fox.line-2::after {
    background: url(./assets/images/buy-step-2-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 127px;
    height: 88px;
}


.buy-step-4::before{
    content: "";
    position: absolute;
    top: -35px;
    left: -40px;
    right: -10px;
    background: url(./assets/images/last-buy-step-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 189px;
    height: 139px;
}

.zhin-step--active.buy-step-4::before{
    background: url(./assets/images/last-buy-step-active-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.myaccount-top-part{
    margin: 50px 0 100px;
}

.myaccount-sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.myaccount-sidebar-card {
    background: #fff;
    border-radius: 34px;
    padding: 50px 20px;
    box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.myaccount-sidebar-item {
    text-decoration: none;
    display: block;
}

.myaccount-sidebar-item-inner {
    border-radius: 40px;
    padding: 15px 25px;
    display: flex;
    gap: 10px;
    align-items: center;
    transition: 0.5s;
}

.myaccount-sidebar-item-inner-label {
    font-size: 20px;
    font-family: YekanBakhSemiBold;
    color: var(--color4);
}


.myaccount-sidebar-item-inner:hover {
    background-color: var(--color2);
}
.myaccount-sidebar-item-inner:hover .myaccount-sidebar-item-inner-label {
    color: var(--color3);
}

.myaccount-sidebar-item.is-active .myaccount-sidebar-item-inner {
    background-color: var(--color2);
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
}


.woocommerce-account .woocommerce-my-account-wrapper {
   width: 100%;
   display: flex;
   gap: 25px;
   margin-bottom: 150px;
   align-items: flex-start;
}
.woocommerce-MyAccount-navigation.myaccount-sidebar{
    width: 35%;
}
.woocommerce-MyAccount-content.myaccount-content{
    width: 65%;
    background: #fff;
    border-radius: 34px;
    padding: 45px 60px;
    box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
}
.my-account-dash-detail strong{
    
    color: #FFC314;
    font-family: YekanBakhBold;
}
.my-account-dash-detail{
    font-size: 20px;
    font-family: YekanBakh;
    color: var(--color3);
}
.my-account-dash-box{
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.my-account-dash-detail a:hover{
    color: var(--color1);
    font-family: YekanBakhBold;
}
.myaccount-form-row,.myaccount-passwords{
    display: flex;
    align-items: center;
    gap: 10px;
}
.myaccount-field{
    width: 100%;
    direction: ltr;
}
.myaccount-field label{
    display: flex !important;
    justify-content: flex-start;
}
.myaccount-passwords{
    border: none;
    padding: 0;
    direction: ltr;
    z-index: 10;
}
.myaccount-form-last{
    margin-top: 80px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}
.myaccount-motivate img{
    width: 200px;
    height: auto;
}
.myaccount-motivate{
    width: 50%;
}
#myaccount-form-row--submit{
    width: 50%;
}
#myaccount-submit{
    background-color: var(--color2);
    color: var(--color3);
    font-family: YekanBakhSemiBold;
    border-radius: 40px;
    padding: 17px 0;
    transition: 0.5s;
    outline: none;
    font-size: 16px;
    border: none;
    width: 100%;
}
#myaccount-form-row--submit{
    width: 50%;
}
.woocommerce-account .myaccount-form label {
    font-size: 16px;
    font-family: YekanBakhSemiBold;
    line-height: 45px;
}

.show-password-input{
    right: 6px !important;
    left: auto !important;
}
.woocommerce-account .myaccount-form input[type="text"],
.woocommerce-account .myaccount-form input[type="email"],
.woocommerce-account .myaccount-form input[type="password"],
.woocommerce-account .myaccount-form input[type="date"] {
    resize: none;
    outline: none;
    border: 1px solid #313131;
    border-radius: 40px;
    padding: 11px 30px;
    font-size: 16px;
    font-family: YekanBakh;
    box-sizing: border-box;
}
.myaccount-field--birthdate {
    position: relative;
}
.myaccount-field--birthdate {
    position: relative;
}

.myaccount-field--birthdate input[type="date"] {
    padding-right: 45px;
}

.myaccount-field--birthdate input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
}
.myaccount-field--birthdate::after {
    content: "";
    position: absolute;
    top: 57%;
    right: 30px;
    width: 27px;
    height: 27px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><!-- پس‌زمینه تقویم --><rect x="3" y="4.5" width="18" height="16" rx="6" fill="%23FFFFFF" stroke="%23313131" stroke-width="1.4"/><!-- نوار بالای تقویم (زرد جدید) --><rect x="3" y="4.5" width="18" height="5" fill="%23F3F600" stroke="%23313131" stroke-width="1.4"/><!-- حلقه سمت چپ --><line x1="9" y1="3" x2="9" y2="7" stroke="%23313131" stroke-width="1.6" stroke-linecap="round"/><!-- حلقه سمت راست --><line x1="15" y1="3" x2="15" y2="7" stroke="%23313131" stroke-width="1.6" stroke-linecap="round"/><!-- قلب بامزه با رنگ جدید --><path d="M12 16.8C11.3 16.2 9.6 15.1 9.6 13.6C9.6 12.7 10.3 12 11.1 12C11.6 12 12 12.3 12.2 12.7C12.4 12.3 12.8 12 13.3 12C14.1 12 14.8 12.7 14.8 13.6C14.8 15.1 13.1 16.2 12 16.8Z" fill="%239C67FF" stroke="%23313131" stroke-width="0.8" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
}



.woocommerce-account form .password-input input[type=password],
.woocommerce-account form .password-input input[type=password]{
    resize: none;
    outline: none;
    border: 1px solid #313131;
    border-radius: 40px;
    padding: 11px 30px;
    font-size: 16px;
    font-family: YekanBakh;
    box-sizing: border-box;
}
.woocommerce-account .password-input input[type=password]::placeholder,
.woocommerce-account .password-input input[type=password]::placeholder{
    font-size: inherit;
    font-family: YekanBakhLight;
    color: #B5B5B5;
}
.woocommerce-account form .form-row label {
    font-size: 16px;
    font-family: YekanBakhSemiBold;
    line-height: 45px;
    text-align: end;
}
.woocommerce-account .myaccount-form input::placeholder {
    font-size: inherit;
    font-family: YekanBakhLight;
    color: #B5B5B5;
}


.woocommerce-account .myaccount-form .my-select,#wcpay_selected_currency {
    position: relative;
    display: block;
    width: 100%;
}


.woocommerce-account .myaccount-form .my-select select ,#wcpay_selected_currency{
    width: 100%;
    display: block;            
    border-radius: 40px;
    border: 1px solid #313131;
    height: 50px;
    padding: 0 85px 0 30px;     
    background-color: #fff;
    color: #313131;
    box-sizing: border-box;
    outline: none;
    cursor: pointer;
    font-size: 16px;
    font-family: YekanBakh;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}


.woocommerce-account .myaccount-form .my-select select option[value=""] {
    color: #B5B5B5;
    font-family: YekanBakhLight;
}


.woocommerce-account .myaccount-form .my-select::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;                 
    transform: translateY(-50%);
    width: 74px;
    height: 35px;
    border-radius: 40px;
    background-color: var(--color2);
    background-image: url('./assets/images/vector.png'); 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px 7px;
    pointer-events: none;
}



.woocommerce-account .myaccount-form .my-select select option {
    font-family: YekanBakh;
}




.woocommerce-account .myaccount-form .my-select select:focus ,#wcpay_selected_currency:focus{
    border-color: var(--color1);
    box-shadow: 0 0 0 2px rgba(0,0,0,0.02);
}


.woocommerce-account .select2-container--default .select2-selection--single,#wcpay_selected_currency {
    position: relative;
    overflow: hidden;
    border-radius: 40px;
    border: 1px solid #313131;
    height: 50px;
    padding: 0 85px 0 30px;
    color: #313131;
    box-shadow: none;
    outline: none;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.woocommerce-account .select2-container--default
.select2-selection--single .select2-selection__rendered,#wcpay_selected_currency{
    padding: 0;
    font-size: 16px;
    line-height: 1;
    color: var(--color3);
    direction: ltr;
}

.woocommerce-account .select2-container--default
.select2-selection--single .select2-selection__placeholder{
    color: #B5B5B5;
    font-family: YekanBakhLight;
}
#wcpay_selected_currency{
    padding: 0 85px 0 30px;
    position: relative;
}

.woocommerce-account .select2-container--default
.select2-selection--single .select2-selection__arrow {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 74px;
    height: 35px;
    border-radius: 40px;
    background-color: var(--color2);
    background-image: url('./assets/images/vector.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px 7px;
    border: none;
}
.woocommerce-account .select2-container--default
.select2-selection--single .select2-selection__arrow b {
    display: none;
}


.woocommerce-account .select2-container--open .select2-dropdown {
    border-radius: 24px;
    border: 1px solid #313131;
    background-color: #fff;
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
    overflow: hidden;
    font-family: YekanBakh;
    direction: rtl;
}
.woocommerce-account .select2-container--open .select2-results__option {
    padding: 8px 18px;
    font-size: 16px;
    color: #313131;
}

.woocommerce-account .select2-container--open
.select2-results__option[aria-selected="true"] {
    background-color: rgba(156,103,255,0.70) !important; 
    color: #fff;
}

.select2-container--default .select2-results__option[aria-selected=true], 
.select2-container--default .select2-results__option[data-selected=true]{
    background-color: var(--color2) !important;
    color: #000;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{
    border-radius: 40px !important;
}
.woocommerce-account .select2-container--open .select2-results__option {
    text-align: left;
    direction: ltr;
}


.myaccount-profile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    gap: 30px;
}
.myaccount-profile-content{
    display: flex;
    gap: 20px;
    align-items: center;
}
.myaccount-profile-avatar {
    position: relative;
    width: 147px;
    height: 147px;
    flex-shrink: 0;
}


.myaccount-profile-avatar-inner {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--color3);
}

.myaccount-profile-avatar-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.myaccount-profile-avatar input[type="file"] {
    display: none;
}

.myaccount-profile-avatar-upload {
    position: absolute;
    bottom: 5px;   
    left: 0;        
    width: 49px;
    height: 37px;
    border-radius: 50px;
    background: rgba(0,0,0,0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.myaccount-profile-avatar-icon::before {
    content: "";
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.33332 3.73888C6.55568 2.64732 7.52704 1.875 8.63992 1.875H11.3627C12.4756 1.875 13.4469 2.64732 13.6693 3.73888C13.7206 3.99087 13.9489 4.17571 14.1863 4.17571H14.2L14.2136 4.17631C15.3831 4.22745 16.2814 4.37097 17.0314 4.86298C17.504 5.17297 17.9104 5.57181 18.2271 6.0372C18.6212 6.61622 18.795 7.28079 18.8783 8.08454C18.9596 8.86983 18.9596 9.85417 18.9596 11.1009V11.1719C18.9596 12.4186 18.9596 13.4029 18.8783 14.1882C18.795 14.9919 18.6212 15.6565 18.2271 16.2355C17.9104 16.7009 17.504 17.0998 17.0314 17.4097C16.4452 17.7943 15.7731 17.9639 14.958 18.0453C14.1599 18.125 13.1588 18.125 11.8875 18.125H8.11511C6.84379 18.125 5.84269 18.125 5.0446 18.0453C4.22946 17.9639 3.5574 17.7943 2.97118 17.4097C2.49865 17.0998 2.09218 16.7009 1.77546 16.2355C1.3814 15.6565 1.2076 14.9919 1.12432 14.1882C1.04296 13.4029 1.04296 12.4186 1.04297 11.1718V11.1009C1.04296 9.85417 1.04296 8.86983 1.12432 8.08454C1.2076 7.28079 1.3814 6.61622 1.77546 6.0372C2.09218 5.57181 2.49865 5.17297 2.97118 4.86298C3.72116 4.37097 4.61947 4.22745 5.789 4.17631L5.80264 4.17571H5.8163C6.0537 4.17571 6.28199 3.99087 6.33332 3.73888ZM8.63992 3.125C8.10565 3.125 7.65885 3.49416 7.55817 3.98839C7.39512 4.78883 6.68547 5.41822 5.83158 5.42565C4.70774 5.47558 4.10577 5.61363 3.65684 5.90815C3.32055 6.12876 3.03256 6.41175 2.80885 6.74047C2.57872 7.07862 2.44043 7.51104 2.36766 8.21337C2.29375 8.92672 2.29297 9.84633 2.29297 11.1364C2.29297 12.4264 2.29375 13.346 2.36766 14.0594C2.44043 14.7617 2.57872 15.1941 2.80885 15.5323C3.03256 15.861 3.32055 16.144 3.65684 16.3646C4.00478 16.5928 4.45 16.7297 5.16883 16.8015C5.89754 16.8743 6.83625 16.875 8.14945 16.875H11.8532C13.1664 16.875 14.1051 16.8743 14.8338 16.8015C15.5526 16.7297 15.9978 16.5928 16.3458 16.3646C16.6821 16.144 16.97 15.861 17.1938 15.5323C17.4239 15.1941 17.5622 14.7617 17.6349 14.0594C17.7089 13.346 17.7096 12.4264 17.7096 11.1364C17.7096 9.84633 17.7089 8.92672 17.6349 8.21337C17.5622 7.51104 17.4239 7.07862 17.1938 6.74047C16.97 6.41175 16.6821 6.12876 16.3458 5.90815C15.8968 5.61363 15.2949 5.47558 14.171 5.42565C13.3171 5.41822 12.6075 4.78883 12.4444 3.98839C12.3438 3.49416 11.897 3.125 11.3627 3.125H8.63992ZM10.0013 8.95833C8.96577 8.95833 8.1263 9.7978 8.1263 10.8333C8.1263 11.8689 8.96577 12.7083 10.0013 12.7083C11.0368 12.7083 11.8763 11.8689 11.8763 10.8333C11.8763 9.7978 11.0368 8.95833 10.0013 8.95833ZM6.8763 10.8333C6.8763 9.10744 8.27541 7.70833 10.0013 7.70833C11.7272 7.70833 13.1263 9.10744 13.1263 10.8333C13.1263 12.5592 11.7272 13.9583 10.0013 13.9583C8.27541 13.9583 6.8763 12.5592 6.8763 10.8333ZM14.3763 8.33333C14.3763 7.98816 14.6561 7.70833 15.0013 7.70833H15.8346C16.1798 7.70833 16.4596 7.98816 16.4596 8.33333C16.4596 8.67851 16.1798 8.95833 15.8346 8.95833H15.0013C14.6561 8.95833 14.3763 8.67851 14.3763 8.33333Z" fill="white"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: block;
}


.myaccount-profile-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.myaccount-profile-username {
    font-size: 23px;
    font-family: YekanBakhBold;
    color: var(--color4);
}

.myaccount-profile-fullname {
    font-size: 20px;
    font-family: YekanBakhLight;
    color: var(--color4);
}


.myaccount-profile-illustration img {
    width: 193px;
    height: auto;
}

.main-menu-singup-wrapper-box .password-input button,
.main-menu-login-wrapper-box .password-input button{
    left: 30px !important;
    right: auto !important;
}

.woocommerce-account .myaccount-field--password-new{
    position: relative;
}

.woocommerce-account .myaccount-field--password-new #password_strength{
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;          
    margin-top: 6px;
}


.woocommerce-account .myaccount-field--password-new .woocommerce-password-hint{
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 30px); 
    margin-top: 8px;
    font-size: 12px;
}
.myaccount-form-address-title{
    font-size: 23px;
    font-family: YekanBakhBold;
    color: var(--color4);
    position: relative;
    display: inline-block;
}

.myaccount-form-address-title::before{
    content: "";
    position: absolute;
    left: -12px;
    top: -10px;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.8006 11.7069C13.7655 11.7069 13.7305 11.7069 13.6955 11.7069C12.5217 11.7069 11.5407 10.7856 11.4882 9.60195L11.1437 2.31907C11.0853 1.1004 12.0313 0.062501 13.2517 0.00419129C14.5071 -0.0716114 15.5115 0.89042 15.5699 2.10909L15.9144 9.39198C15.9728 10.6107 15.0268 11.6485 13.8064 11.7069H13.8006Z" fill="%23FFC000"/><path d="M7.31312 15.6136L1.1993 12.4589C0.113179 11.8992 -0.313098 10.564 0.247481 9.4794C0.80806 8.39484 2.15112 7.97493 3.23141 8.52888L9.34522 11.6835C10.4313 12.2433 10.8576 13.5785 10.297 14.6631C9.73062 15.7535 8.3934 16.1675 7.31312 15.6136Z" fill="%23FFC000"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
}


.myaccount-address-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 15px;
    row-gap: 20px;
    margin: 30px 0;
    direction: ltr;
}


.myaccount-address-grid .form-row {
    margin: 0;
}


#billing_first_name_field,
#shipping_first_name_field {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
}

#billing_last_name_field,
#shipping_last_name_field {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
}

#billing_email_field,
#shipping_email_field {
    grid-column: 1 / 3;
    grid-row: 2;
}

#billing_postcode_field,
#shipping_postcode_field {
    grid-column: 1;
    grid-row: 3;
}

#billing_phone_field,
#shipping_phone_field {
    grid-column: 2;
    grid-row: 3;
}

#billing_country_field,
#shipping_country_field {
    grid-column: 1;
    grid-row: 4;
}

#billing_city_field,
#shipping_city_field {
    grid-column: 2;
    grid-row: 4;
}

#billing_address_1_field,
#shipping_address_1_field {
    grid-column: 1 / 3;
    grid-row: 5;
}

.myaccount-address-form label {
    font-size: 18px;
    font-family: YekanBakhSemiBold;
    line-height: 45px;
    display: flex;
    justify-content: flex-start;
}


.myaccount-address-form input{
    resize: none !important;
    outline: none !important;
    border: 1px solid #313131 !important;
    border-radius: 40px !important;
    padding: 11px 30px !important;
    font-size: 16px !important;
}
.myaccount-address-form textarea{
    min-height: 122px !important;
    resize: none !important;
    outline: none !important;
    border: 1px solid #313131 !important;
    border-radius: 40px !important;
    padding: 11px 30px !important;
    font-size: 16px !important;
}


.myaccount-address-form input::placeholder,
.myaccount-address-form textarea::placeholder {
    font-size: inherit !important;
    font-family: YekanBakhLight !important;
    color: #B5B5B5 !important;
}
.myaccount-address-form label{
    display: flex !important;
    justify-content: flex-start !important;
}
.myaccount-addresses-grid{
    display: flex;
    gap: 80px;
    justify-content: space-between;
}
.myaccount-address-card.col-1,
.myaccount-address-card.col-2{
    width: 50%;
    float: none !important;
    max-width: unset;
    flex: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    position: relative;
}

.myaccount-address-card.col-1::after,
.myaccount-address-card.col-2::after,
.myaccount-address-card.col-2::before,
.myaccount-addresses-grid::after,
.myaccount-addresses-grid::before{
    display: none !important;
}
p.myaccount-addresses-intro{
    font-size: 20px;
    color: var(--color3);
    text-align: center;
    margin-bottom: 30px;
}
.myaccount-address-card-header{
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: unset;
}
.myaccount-address-card-title{
    font-size: 23px;
    font-family: YekanBakhBold;
    color: var(--color4);
    text-align: center;
    display: inline-block;
    position: relative;
}
.myaccount-address-card-edit{
    background-color: var(--color2);
    color: var(--color3);
    font-family: YekanBakhSemiBold;
    border-radius: 40px;
    padding: 10px 30px;
    transition: 0.5s;
    font-size: 16px;
}
.myaccount-address-card-edit:hover{
    color: #fff;
    background-color: var(--color1);
}
.myaccount-address-line--phone{
    direction: ltr;
}
.myaccount-address-card-body{
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-size: 18px;
    flex: 1;
    justify-content: space-between;
}
.col-1.woocommerce-Address::before{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #d2d2d2;
    left: -40px;
}
.myaccount-address-card-title::before{
    content: "";
    position: absolute;
    left: -12px;
    top: -10px;
    width: 16px;
    height: 16px;
    background:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.8006 11.7069C13.7655 11.7069 13.7305 11.7069 13.6955 11.7069C12.5217 11.7069 11.5407 10.7856 11.4882 9.60195L11.1437 2.31907C11.0853 1.1004 12.0313 0.062501 13.2517 0.00419129C14.5071 -0.0716114 15.5115 0.89042 15.5699 2.10909L15.9144 9.39198C15.9728 10.6107 15.0268 11.6485 13.8064 11.7069H13.8006Z" fill="%239C67FF"/><path d="M7.31312 15.6136L1.1993 12.4589C0.113179 11.8992 -0.313098 10.564 0.247481 9.4794C0.80806 8.39484 2.15112 7.97493 3.23141 8.52888L9.34522 11.6835C10.4313 12.2433 10.8576 13.5785 10.297 14.6631C9.73062 15.7535 8.3934 16.1675 7.31312 15.6136Z" fill="%239C67FF"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
}

.woocommerce-form-login__rememberme input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 18px;
    height:18px;
    border: 1px solid var(--color3);    
    border-radius: 4px !important;          
    background: #fff;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    transition: all 0.2s ease;
    padding: unset !important;
    margin: 0 0 0 5px;
}


.woocommerce-form-login__rememberme input[type="checkbox"]:checked {
    border-color: #fff;
    background: var(--color1);
    border: none;      
}

.woocommerce-form-login__rememberme input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    background: url(./assets/images/check.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    inset: 4px;                      
}


.zhin-myreviews-wrapper {
    margin: 30px 0;
}

.zhin-myreviews-title{
    font-size: 23px;
    font-family: YekanBakhBold;
    color: var(--color4);
    position: relative;
    display: inline-flex;
    margin-bottom: 40px;
}
.zhin-myreviews-title::before{
    content: "";
    position: absolute;
    left: -12px;
    top: -10px;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.8006 11.7069C13.7655 11.7069 13.7305 11.7069 13.6955 11.7069C12.5217 11.7069 11.5407 10.7856 11.4882 9.60195L11.1437 2.31907C11.0853 1.1004 12.0313 0.062501 13.2517 0.00419129C14.5071 -0.0716114 15.5115 0.89042 15.5699 2.10909L15.9144 9.39198C15.9728 10.6107 15.0268 11.6485 13.8064 11.7069H13.8006Z" fill="%23FFC000"/><path d="M7.31312 15.6136L1.1993 12.4589C0.113179 11.8992 -0.313098 10.564 0.247481 9.4794C0.80806 8.39484 2.15112 7.97493 3.23141 8.52888L9.34522 11.6835C10.4313 12.2433 10.8576 13.5785 10.297 14.6631C9.73062 15.7535 8.3934 16.1675 7.31312 15.6136Z" fill="%23FFC000"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
}
.zhin-myreviews-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.zhin-myreviews-item {
    margin-bottom: 20px;
}

.zhin-myreviews-item--hidden {
    display: none;
}

.zhin-myreviews-card {
    border: 1px solid #313131;
    border-radius: 40px;
    padding: 25px 30px;
    background: #fff;
}

.zhin-myreviews-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.zhin-myreviews-row--top {
    justify-content: space-between;
    gap: 15px;
    font-size: 13px;
    align-items: center;
}
.zhin-myreviews-row--top-box{
    display: flex;
    align-items: center;
    gap: 30px;
    font-size: 12px;
    color: #b5b5b5;
}
.zhin-myreviews-status {
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
}

.zhin-status--approved {
    color: #005DEE;
}

.zhin-status--pending {
    color: #b5b5b5;
    font-size: 12px;
}

.zhin-myreviews-row--content {
    font-size: 14px;
    color: var(--color4);
    margin-top: 20px;
}

.zhin-myreviews-row--meta {
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    font-size: 12px;
    color: #b5b5b5;
    font-family: YekanBakhLight;
}
.zhin-myreviews-row--meta svg{
    position: relative;
    top: 3px;
}
.zhin-myreviews-label {
    margin-left: 4px;
}

.zhin-myreviews-more-wrap {
    text-align: center;
    margin-top: 35px;
}

.zhin-myreviews-more-btn {
    border: none;
    border-radius: 40px;
    padding: 11px 40px;
    font-size: 18px;
    cursor: pointer;
    font-family: 'YekanBakhSemiBold';
    background: var(--color2);
    transition: 0.5s;
}
.zhin-myreviews-more-btn:hover{
    color: #fff;
    background-color: var(--color1);
}

.zhin-myreviews-card {
    display: block;
    text-decoration: none;
    color: inherit;
}
.zhin-myreviews-rating{
    display: flex;
    align-items: center;
}
.zhin-myreviews-rating svg{
    width: 12px;
    height: auto;
}
.zhin-myreviews-rating-stars{
    display: flex;
}
.zhin-myreviews-box-item{
    position: relative;
}
.zhin-myreviews-box-item:not(:last-child)::before{
    content: "";
    position: absolute;
    background-color: #b4b4b4;
    width: 1px;
    height: 70%;
    top: 50%;
    transform: translateY(-50%);
    left: -15px;
}



.woocommerce-MyAccount-orders.account-orders-table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}


.woocommerce-MyAccount-orders.account-orders-table tr {
    border-bottom: none;
}


.woocommerce-MyAccount-orders.account-orders-table th,
.woocommerce-MyAccount-orders.account-orders-table td {
    border: none;
    text-align: center;
    padding: 15px 16px !important;
}


.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button {
    display: inline-block;
    padding: 16px 28px;
    border-radius: 40px;
    font-family: YekanBakh;
    background: var(--color2);    
    color: var(--color3);
    border: none;
    font-size: 14px;
    font-weight: 400;
}
.woocommerce-orders-table__cell,
.woocommerce-orders-table__cell a{
    font-size: 14px;
    color: var(--color4);
    font-weight: 400;
}

.woocommerce-orders-table .zhin-btn-invoice {
    display: inline-block;
    padding: 12px 33px;
    border-radius: 40px;
    font-family: YekanBakh;
    background: var(--color2);    
    color: var(--color3);
    border: none;
    font-size: 14px;
}


.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button:hover {
    background: var(--color1);
    color: #fff;
}

.woocommerce-orders-table .zhin-btn-invoice:hover{
    background-color: #FFC314;
}
.woocommerce-orders-table__header{
    font-size: 16px;
    font-family: YekanBakhSemiBold;
    color: inherit;
}
.my-account-orders-title{
    font-size: 23px;
    font-family: YekanBakhBold;
    color: var(--color4);
    position: relative;
    display: inline-flex;
    margin-bottom: 40px;
}
.my-account-orders-title::before{
    content: "";
    position: absolute;
    left: -12px;
    top: -10px;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.8006 11.7069C13.7655 11.7069 13.7305 11.7069 13.6955 11.7069C12.5217 11.7069 11.5407 10.7856 11.4882 9.60195L11.1437 2.31907C11.0853 1.1004 12.0313 0.062501 13.2517 0.00419129C14.5071 -0.0716114 15.5115 0.89042 15.5699 2.10909L15.9144 9.39198C15.9728 10.6107 15.0268 11.6485 13.8064 11.7069H13.8006Z" fill="%23FFC000"/><path d="M7.31312 15.6136L1.1993 12.4589C0.113179 11.8992 -0.313098 10.564 0.247481 9.4794C0.80806 8.39484 2.15112 7.97493 3.23141 8.52888L9.34522 11.6835C10.4313 12.2433 10.8576 13.5785 10.297 14.6631C9.73062 15.7535 8.3934 16.1675 7.31312 15.6136Z" fill="%23FFC000"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
}
.woocommerce-order-details__title{
    font-size: 23px;
    font-family: YekanBakhBold;
    color: var(--color4);
    position: relative;
    display: inline-flex;
}
.woocommerce-order-details__title::before{
    content: "";
    position: absolute;
    left: -12px;
    top: -10px;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.8006 11.7069C13.7655 11.7069 13.7305 11.7069 13.6955 11.7069C12.5217 11.7069 11.5407 10.7856 11.4882 9.60195L11.1437 2.31907C11.0853 1.1004 12.0313 0.062501 13.2517 0.00419129C14.5071 -0.0716114 15.5115 0.89042 15.5699 2.10909L15.9144 9.39198C15.9728 10.6107 15.0268 11.6485 13.8064 11.7069H13.8006Z" fill="%23FFC000"/><path d="M7.31312 15.6136L1.1993 12.4589C0.113179 11.8992 -0.313098 10.564 0.247481 9.4794C0.80806 8.39484 2.15112 7.97493 3.23141 8.52888L9.34522 11.6835C10.4313 12.2433 10.8576 13.5785 10.297 14.6631C9.73062 15.7535 8.3934 16.1675 7.31312 15.6136Z" fill="%23FFC000"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
}

.zhin-order-status{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 5px;
}
.zhin-order-status__icon{
    display: flex;
}
.my_account_orders thead{
    border-bottom: #D7D7D7 !important;
}
.myaccount-order-address-card-title::before{
    left: -12px;
}
.zhin-view-order-status{
    font-size: 20px;
    font-family: YekanBakhLight;
}
.zhin-view-order-status mark{
    color:  #FFC314 !important;
    font-family: YekanBakhSemiBold !important;
}
.woocommerce-order-details{
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 40px 0 70px !important;
}
.woocommerce-order-details .shop_table{
    margin: unset !important;
}
.zhin-btn--order-again,
.woocommerce-button.button.cancel.order-actions-button {
    background-color: var(--color2) !important;
    color: var(--color3) !important;
    font-family: YekanBakhSemiBold !important;
    border-radius: 40px !important;
    padding: 17px 30px !important;
    transition: 0.5s !important;
    outline: none !important;
    font-size: 16px !important;
    border: none !important;
    border: 1px solid var(--color2) !important;
}
.zhin-btn--order-again:hover,
.woocommerce-button.button.cancel.order-actions-button:hover{
    background-color: #FFC314 !important;
    border: 1px solid #FFC314 !important;
}
.zhin-btn--invoice,
.woocommerce-button.button.pay.order-actions-button {
    background-color: #fff !important;
    color: var(--color3) !important;
    font-family: YekanBakhSemiBold !important;
    border-radius: 40px !important;
    padding: 17px 30px !important;
    transition: 0.5s !important;
    outline: none !important;
    font-size: 16px !important;
    border: none !important;
    border: 1px solid var(--color3) !important;
}
.zhin-btn--invoice:hover,
.woocommerce-button.button.pay.order-actions-button:hover{
    background-color: var(--color1) !important;
    border: 1px solid var(--color1) !important;
    color: #fff !important;
}
.zhin-order-actions{
    display: flex;
    align-items: center;
    gap: 10px;
}
.woocommerce-table--order-details th,
.woocommerce-table--order-details td{
    padding: 15px 16px !important;
    font-size: 17px;
    font-family: YekanBakhSemiBold;
}


.ppi-top-section-like svg path {
    fill: #ffffff;
    stroke: #443D4F;
    stroke-width: 1.8;
    transition: fill 0.2s ease, stroke 0.2s ease;
}


.ppi-top-section-like.is-favorite svg path {
    fill: #FF0018;
    stroke: #FF0018;
}


.myaccount-wishlist-page {
    margin-top: 25px;
}


.myaccount-wishlist-header {
    margin-bottom: 35px;
}

.myaccount-wishlist-title {
    font-size: 23px;
    color: var(--color4);
    font-family: YekanBakhBold;
    position: relative;
    display: inline-block;
}
.myaccount-wishlist-title::before{
    content: "";
    position: absolute;
    left: -12px;
    top: -10px;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.8006 11.7069C13.7655 11.7069 13.7305 11.7069 13.6955 11.7069C12.5217 11.7069 11.5407 10.7856 11.4882 9.60195L11.1437 2.31907C11.0853 1.1004 12.0313 0.062501 13.2517 0.00419129C14.5071 -0.0716114 15.5115 0.89042 15.5699 2.10909L15.9144 9.39198C15.9728 10.6107 15.0268 11.6485 13.8064 11.7069H13.8006Z" fill="%23FFC000"/><path d="M7.31312 15.6136L1.1993 12.4589C0.113179 11.8992 -0.313098 10.564 0.247481 9.4794C0.80806 8.39484 2.15112 7.97493 3.23141 8.52888L9.34522 11.6835C10.4313 12.2433 10.8576 13.5785 10.297 14.6631C9.73062 15.7535 8.3934 16.1675 7.31312 15.6136Z" fill="%23FFC000"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
}

.myaccount-wishlist-empty {
    font-size: 14px;
    color: var(--color4);
}


.myaccount-wishlist-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


.wishlist-item-card {
    direction: rtl;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 45px;
    border-radius: 40px;
    background: #fff;
    border: 1px solid #313131;
}

.wishlist-item-card-detail {
    display: flex;
    align-items: center;
    gap: 17px;
}


.wishlist-item-image {
    flex-shrink: 0;
    display: flex;
}

.wishlist-item-image img {
    width: 65px;
    height: auto;
    border-radius: 10px;
    object-fit: contain;
}


.wishlist-item-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.wishlist-item-title {
    font-size: 15px;
    color: var(--color4);
    font-family: 'YekanBakhBold';
}

.wishlist-item-title a {
    color: inherit;
    transition: 0.5s;
}

.wishlist-item-title a:hover {
    color: var(--color1);
}


.wishlist-item-meta {
    font-size: 15px;
    color: var(--color4);
    font-family: 'YekanBakhLight';
}



.wishlist-item-actions {
    display: flex;
    align-items: center;
    gap: 15px;
}

.wishlist-item-price {
    font-size: 14px;
    font-weight: 600;
    color: #2f3640;
    margin-bottom: 4px;
}

.wishlist-item-view,#zhin-btn-pay,
#zhin-btn-cancel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 27px;
    border-radius: 40px;
    background: var(--color2);
    color: var(--color3);
    font-size: 14px;
    border: none;
    cursor: pointer;
    transition: 0.5s;
    font-family: YekanBakh !important;
    font-weight: 400;
}

.wishlist-item-view:hover{
    background: var(--color1);
    color: #fff;
}

#zhin-btn-pay:hover,
#zhin-btn-cancel:hover{
    background-color: #FFC314;
}
.wishlist-item-remove {
    background: none;
    border: none;
    padding: 0;
    font-size: 15px;
    color: #FF0018;
    cursor: pointer;
    font-family: 'YekanBakhSemiBold';
    transition: 0.5s;
}

.wishlist-item-remove:hover {
    color: #C40013;
}

.myaccount-settings-title {
    font-size: 23px;
    color: var(--color4);
    font-family: YekanBakhBold;
    position: relative;
    display: inline-block;
    margin-top: 25px;
}
.myaccount-settings-title::before{
    content: "";
    position: absolute;
    left: -12px;
    top: -10px;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.8006 11.7069C13.7655 11.7069 13.7305 11.7069 13.6955 11.7069C12.5217 11.7069 11.5407 10.7856 11.4882 9.60195L11.1437 2.31907C11.0853 1.1004 12.0313 0.062501 13.2517 0.00419129C14.5071 -0.0716114 15.5115 0.89042 15.5699 2.10909L15.9144 9.39198C15.9728 10.6107 15.0268 11.6485 13.8064 11.7069H13.8006Z" fill="%23FFC000"/><path d="M7.31312 15.6136L1.1993 12.4589C0.113179 11.8992 -0.313098 10.564 0.247481 9.4794C0.80806 8.39484 2.15112 7.97493 3.23141 8.52888L9.34522 11.6835C10.4313 12.2433 10.8576 13.5785 10.297 14.6631C9.73062 15.7535 8.3934 16.1675 7.31312 15.6136Z" fill="%23FFC000"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
}
.myaccount-settings-subtitle{
    font-size: 16px;
    color: var(--color4);
    font-family: YekanBakhBold;
    position: relative;
    display: inline-block;
}
.myaccount-settings-card{
    display: flex;
    flex-direction: column;
    margin-top: 45px;
    gap: 10px;
}

.myaccount-settings-box{
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 25px 35px;
    border-radius: 40px;
    border: 1px solid #313131;
}
.myaccount-settings-submit{
    margin-top: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 0;
    width: 50%;
    border-radius: 40px;
    background: var(--color2);
    color: var(--color3);
    font-size: 16px;
    font-family: YekanBakhSemiBold;
    border: none;
    cursor: pointer;
    transition: 0.5s;
}

.myaccount-settings-submit:hover {
    background: var(--color1);
    color: #fff;
}


.myaccount-settings-label{
    font-size: 16px;
    color: var(--color4);
}


.myaccount-settings-row input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid var(--color3);
    border-radius: 4px !important;
    background: #fff;
    cursor: pointer;
    vertical-align: middle;
    transition: all 0.2s ease;
    padding: 0 !important;
    position: relative;
}


.myaccount-settings-row input:checked {
    background: var(--color2);
    border: 1px solid var(--color2);
}


.myaccount-settings-row input::after {
    content: "";
    position: absolute;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M10.5 3L4.5 9L1.5 6" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    inset: 3px;
    display: none;
}

.myaccount-settings-row input:checked::after{
    display: block;
}
.myaccount-settings-row{
    display: flex;
    align-items: center;
    gap: 10px;
}



.preorder-box .preorder-info-button {
    margin-right: 8px;
    padding: 3px 10px;
    border-radius: 999px;
    border: 1px solid #FFE600;
    background: #fffceb;
    font-size: 12px;
    cursor: pointer;
}


.preorder-info-modal {
    position: fixed;
    inset: 0;
    z-index: 999999999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .5s ease, visibility .5s ease;
}

.preorder-info-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}


.preorder-info-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,.55);
}


.preorder-info-modal__content {
    position: relative;
    max-width: 580px;
    width: 90vw;
    margin: 170px auto;
    background: #fff;
    border-radius: 34px;
    padding: 35px;
    box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
    transform: translateY(20px);
    opacity: 0;
    transition: transform .5s ease, opacity .5s ease;
}


.preorder-info-modal.is-open .preorder-info-modal__content {
    transform: translateY(0);
    opacity: 1;
}

.preorder-info-modal__title {
    font-size: 17px;
    margin: 18px 0 12px;
    color: var(--color3);
    display: flex;
    align-items: center;
    gap: 5px;
}
.preorder-word {
    color: var(--color1);
    font-family: YekanBakhBold;
}

.preorder-book-name {
    font-family: YekanBakhBold;
    position: relative;
    margin: 0 12px;
}
.preorder-book-name::before{
    content: "";
    position: absolute;
    background-color: #F2CCDD;
    top: 1px;
    bottom: 5px;
    left: -10px;
    right: -10px;
    z-index: -1;
}
.preorder-info-modal__body {
    font-size: 17px;
    line-height: 1.8;
    text-align: justify;
}

.preorder-info-modal__close {
    position: absolute;
    top: 20px;
    left: 25px;
    border: none;
    background: transparent;
    font-size: 22px;
    cursor: pointer;
}


.preorder-box.preorder-info-trigger {
    cursor: pointer;
}

.preorder-box.preorder-info-trigger:hover .published-products-send-time-label,
.preorder-box.preorder-info-trigger:hover .published-products-send-time {
    opacity: .9;
}

.preorder-box{
    margin-top: 15px;
}
.preorder-box span{
    font-family: YekanBakhSemiBold;
}
.preorder-box svg{
    width: 24px;
    height: 24px;
}
.preorder-box .ppbc-value{
    color: #FFC314;
}


.myaccount-support-title {
    font-size: 23px;
    color: var(--color4);
    font-family: YekanBakhBold;
    position: relative;
    display: inline-block;
    margin: 25px 0;
}
.myaccount-support-title::before{
    content: "";
    position: absolute;
    left: -12px;
    top: -10px;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.8006 11.7069C13.7655 11.7069 13.7305 11.7069 13.6955 11.7069C12.5217 11.7069 11.5407 10.7856 11.4882 9.60195L11.1437 2.31907C11.0853 1.1004 12.0313 0.062501 13.2517 0.00419129C14.5071 -0.0716114 15.5115 0.89042 15.5699 2.10909L15.9144 9.39198C15.9728 10.6107 15.0268 11.6485 13.8064 11.7069H13.8006Z" fill="%23FFC000"/><path d="M7.31312 15.6136L1.1993 12.4589C0.113179 11.8992 -0.313098 10.564 0.247481 9.4794C0.80806 8.39484 2.15112 7.97493 3.23141 8.52888L9.34522 11.6835C10.4313 12.2433 10.8576 13.5785 10.297 14.6631C9.73062 15.7535 8.3934 16.1675 7.31312 15.6136Z" fill="%23FFC000"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
}


.myaccount-support-subtitle {
    margin-bottom: 20px;
    color: var(--color4);
}

.myaccount-support-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.support-card {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #fff;
    text-decoration: none;
    transition: box-shadow .2s ease, transform .2s ease;
}

.support-card:hover {
    box-shadow: 0 6px 16px rgba(0,0,0,.06);
    transform: translateY(-2px);
}

.support-card-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.support-card--instagram .support-card-icon {
    background-color: var(--color1);
}

.support-card-icon svg {
    width: 25px;
    height: auto;
}
.support-card-icon svg path{
    fill: #fff;
}
.support-card--telegram .support-card-icon{
    background-color: #FFC314;
}

.support-card--telegram .support-card-icon svg {
    width: 23px;
    height: auto;
}
.support-card-title {
    display: block;
    margin-bottom: 4px;
    color: var(--color4);
    font-family: YekanBakhSemiBold;
}

.support-card-text {
    font-size: 14px;
    color: var(--color4);
    font-family: YekanBakhLight;
}

.support-card--instagram {
    background: #F5F0FF;
    border: 1px solid var(--color1);
}

.support-card--telegram {
    background: #FFF9E5;
    border: 1px solid #FFC314;
}

.wishlist-modal {
    position: fixed;
    inset: 0;
    display: flex;      
    align-items: center;
    justify-content: center;
    z-index: 999999999;
    pointer-events: none;  
}

.wishlist-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.55);
    opacity: 0;
    transition: opacity .5s ease;
}

.wishlist-modal__content {
    position: relative;
    background: #fff;
    width: calc(100% - 32px);
    max-width: 440px;
    padding: 32px 24px;
    border-radius: 34px;
    z-index: 2;
    text-align: center;
    opacity: 0;
    box-shadow: 0px 4px 20px 5px rgba(151, 151, 151, 0.1);
    transform: scale(0.85) translateY(20px);
    transition: all .5s cubic-bezier(.25,.8,.25,1);
}


.wishlist-modal:not(.is-open) .wishlist-modal__content {
    opacity: 0;
    transform: scale(0.85) translateY(20px);
}

.wishlist-modal:not(.is-open) .wishlist-modal__backdrop {
    opacity: 0;
}

.wishlist-modal.is-open {
    pointer-events: auto; 
}

.wishlist-modal.is-open .wishlist-modal__backdrop {
    opacity: 1;
}

.wishlist-modal.is-open .wishlist-modal__content {
    opacity: 1;
    transform: scale(1) translateY(0);
}


.wishlist-modal__close {
    position: absolute;
    left: 25px;
    top: 20px;
    border: none;
    background: none;
    font-size: 20px;
    cursor: pointer;
}

.wishlist-modal__text {
    font-size: 18px;
    margin-bottom: 20px;
    font-family: 'YekanBakhBold';
}

.wishlist-modal__actions a {
    display: inline-block;
    background: var(--color2);
    padding: 13px 27px;
    border-radius: 40px;
    font-family: 'YekanBakhSemiBold';
    transition: 0.5s;
}
.wishlist-modal__actions a:hover{
    color: #fff;
    background-color: var(--color1);
}
.main-menu-login-wrapper-box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.lost_reset_password{
    margin: 50px 0;
    direction: ltr;
}
.lost_reset_password input{
    border-radius: 40px !important;
    padding: 11px 25px !important;
    border: 1px solid var(--color3) !important;
    outline: none !important;
    font-size: 16px !important;
    font-family: YekanBakh !important;
    width: 100%;
}
.lost_reset_password button{
    background-color: var(--color2) !important;
    font-family: YekanBakhSemiBold !important;
    font-size: 16px !important;
    border-radius: 40px !important;
    outline: none !important;
    border: none !important;
    padding: 10px 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--color3) !important;
    transition: 0.5s !important;
}
.lost_reset_password button:hover{
    background-color: var(--color1) !important;
    color: #fff !important;
}
.main-menu-singup-wrapper-box .lost_reset_password .form-row ,
.main-menu-login-wrapper-box .lost_reset_password .form-row{
    width: 100% !important;
}
.main-menu-singup-wrapper-box .lost_reset_password .form-row button,
.main-menu-login-wrapper-box .lost_reset_password .form-row button{
    width: 95%;
    margin: 0 auto !important;
}
.main-menu-singup-wrapper-box .lost_reset_password .zhin-pass-form-row{
    display: flex !important;
    justify-content: center !important;
    margin-top: 10px !important;
}
.main-menu-singup-wrapper-box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

body.woocommerce-account.woocommerce-lost-password .woocommerce {
    padding: 8px 12px;
    font-size: 13px;
    line-height: 1.7;
}


body.woocommerce-account.woocommerce-lost-password .woocommerce-message p {
    margin: 0;
    font-size: 13px;
}
.login-for-cart-page{
    min-height: 500px;
}
.zhin-cart-product-thumb a{
    display: flex;
}
.return-to-shop a.wc-backward{
    font-size: 18px;
    font-family: YekanBakhSemiBold;
    border-radius: 30px;
    background-color: var(--color2);
    padding: 16px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color3);
    transition: 0.5s;
    width: 24%;
}
.return-to-shop a.wc-backward:hover{
    background-color: var(--color1);
    color: #fff;
}

.zhin-empty-cart{
    margin: 50px 0 100px;
}


.woocommerce-notices-wrapper{
  width: 100%;
}


.woocommerce-message,
.woocommerce-error,
.woocommerce-info{
  margin: 20px 0;
  padding: 18px 16px;
  border-radius: 16px;
  color: #313131;
  line-height: 1.9;
  position: relative;
  font-family: YekanBakhSemiBold;
  outline: none;
}
.woocommerce-notices-wrapper .restore-item{
    text-decoration: none;
    color: var(--color1);
}
.woocommerce-message{
    background-color: #F5F0FF;
    border: 1px solid var(--color1) !important;
}
.woocommerce-info{
    background-color: #FFF9E5;
    border: 1px solid #FFC314;
}
.woocommerce-error{
    background-color: rgba(219, 28, 28, .2);
    border: 1px solid #DB1C1C;
    color: #7A0E0E;
}


.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before{
  display: none !important;
}



.woocommerce-notices-wrapper .woocommerce-error{
  list-style: none;
  padding-right: 16px;
}
.woocommerce-notices-wrapper .woocommerce-error li{
  margin: 0;
}


.woocommerce-notices-wrapper a{
  color: inherit;
  text-decoration: underline;
}
.woocommerce-notices-wrapper .button{
  float: none !important;
  margin: 8px 0 !important;
  padding: 8px 14px !important;
  border-radius: 12px !important;
}
p#coupon-error-notice {
    position: absolute;
    top: 100%;
    background: #F5F0FF;
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 20px;
    width: 72%;
    z-index: 10;
}
.my-account-dash-title {
    font-size: 23px;
    font-family: YekanBakhBold;
    color: var(--color4);
    position: relative;
    text-align: start;
    display: inline;
}
.mobile-my-account-top-part{
    display: none;
}
.my-account-dash-title::before {
    content: "";
    position: absolute;
    left: -12px;
    top: -10px;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.8006 11.7069C13.7655 11.7069 13.7305 11.7069 13.6955 11.7069C12.5217 11.7069 11.5407 10.7856 11.4882 9.60195L11.1437 2.31907C11.0853 1.1004 12.0313 0.062501 13.2517 0.00419129C14.5071 -0.0716114 15.5115 0.89042 15.5699 2.10909L15.9144 9.39198C15.9728 10.6107 15.0268 11.6485 13.8064 11.7069H13.8006Z" fill="%23FFC000"/><path d="M7.31312 15.6136L1.1993 12.4589C0.113179 11.8992 -0.313098 10.564 0.247481 9.4794C0.80806 8.39484 2.15112 7.97493 3.23141 8.52888L9.34522 11.6835C10.4313 12.2433 10.8576 13.5785 10.297 14.6631C9.73062 15.7535 8.3934 16.1675 7.31312 15.6136Z" fill="%23FFC000"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
}
.my-account-dash-title-box{
    display: flex;
    margin-bottom: 20px;
}
.zhin-order-invoice-actions {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}
.zhin-address-title {
    display: flex;
    justify-content: center;
}
h4.zhin-cart-modal__text > span {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.zhin-404-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.errorpage4.zhin-404 {
    margin: 70px 0 100px;
}

h1.zhin-404-title {
    font-size: 70px;
    color: var(--color1);
    position: relative;
    text-align: center;
}
span.zhin-404-icon svg {
    width: 150px;
    height: auto;
}

span.zhin-404-icon {
    display: flex;
}

h2.zhin-404-detail {
    font-size: 35px;
    color: var(--color4);
    text-align: center;
}
h1.zhin-404-title::before{
    content: "";
    position: absolute;
    background: url(./assets/images/404-before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 122px;
    height: 130px;
    right: -420px;
    top: -150px;
}
h1.zhin-404-title::after{
    content: "";
    position: absolute;
    background: url(./assets/images/no-result-after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 150px;
    height: 116px;
    left: -420px;
    top: -150px;
}
p.no-comments-message.container,.no-qa-message,.pp-empty-blog {
    text-align: center;
    font-size: 18px;
}

.price {
    display : flex;
    gap: 10px;
    align-items: center;
}
ins {
    text-decoration: none;
}
/* پیش‌فرض: دکمه‌ها مخفی */
.zhin-cart-modal__actions {
    display: none;
}

/* فقط در حالت موفق نمایش داده شوند */
.zhin-cart-modal.is-success .zhin-cart-modal__actions {
    display: flex;
}

.product-no-comments {
  text-align: center;
}

.product-no-comments-content {
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.product-no-comments-arrow {
  animation: bounceUp 1.6s infinite;
}

@keyframes bounceUp {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

.product-no-comments-title {
  font-size: 18px;
  font-family: YekanBakhSemiBold;
}

.product-no-comments-subtitle {
  font-size: 16px;
  color: #676767;
}
.product-no-comments-subtitle span{
    font-size: 16px;
    font-family: YekanBakhSemiBold;
    color: #FFC314;
}
a.wc-forward{
    font-size: 18px !important;
    font-family: YekanBakhSemiBold !important;
    border-radius: 30px !important;
    background-color: var(--color2) !important;
    padding: 16px 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--color3) !important;
    transition: 0.5s !important;
    width: 24% !important;
}
.publisher-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 120px 0 130px;
}
.publisher-image {
    width: 25%;
}

.publisher-content {
    width: 75%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.publisher-image img {
    width: 100%;
    height: auto;
}

h1.publisher-title {
    font-size: 40px;
    font-family: 'YekanBakhBold';
    color: var(--color4);
}

.publisher-description {
    font-size: 18px;
    font-family: 'YekanBakhLight';
    color: var(--color4);
    line-height: 40px;
}
.publisher-creations {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-bottom: 100px;
}

.publisher-products-title {
    display: flex;
    justify-content: center;
}

.publisher-products-title h2 {
    font-size: 32px;
    font-family: 'YekanBakhBold';
    color: var(--color4);
}
.zhin-shipping-methods.is-loading {
    pointer-events: none;
    opacity: 0.6;
}
.bw-toggle-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}

.bw-toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.bw-toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .3s;
  border-radius: 24px;
}

.bw-toggle-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .3s;
  border-radius: 50%;
}

.bw-toggle-switch input:checked + .bw-toggle-slider {
  background-color: var(--color1); 
}

.bw-toggle-switch input:checked + .bw-toggle-slider:before {
  transform: translateX(20px);
}

.ppi-open-sheet,
.ppi-sheet-header,
.ppi-sheet-overlay { display: none; }

.similar-products-swiper-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* خنثی کردن استایل پیش‌فرض Swiper روی فلش‌ها */
.similar-products-swiper-button-prev,
.similar-products-swiper-button-next {
    position: static;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E3E3E8;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s;
}

.similar-products-swiper-button-prev::after,
.similar-products-swiper-button-next::after {
    content: none;
}

.similar-products-swiper-button-prev svg,
.similar-products-swiper-button-next svg {
    width: 22px;
    height: 22px;
}

.similar-products-swiper-button-prev:hover,
.similar-products-swiper-button-next:hover {
    background: var(--color1, #9469FF);
    border-color: transparent;
}

.similar-products-swiper-button-prev:hover svg path,
.similar-products-swiper-button-next:hover svg path {
    stroke: #fff;
}

.similar-products-swiper-button-prev.swiper-button-disabled,
.similar-products-swiper-button-next.swiper-button-disabled {
    opacity: 0.4;
    pointer-events: none;
}

/* نقطه‌ها */
.similar-products-pagination {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: auto;
}

.similar-products-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 !important;
    background: #D4D4DC;
    opacity: 1;
    border-radius: 50%;
    transition: 0.3s;
}

.similar-products-pagination .swiper-pagination-bullet-active {
    background: var(--color1, #9469FF);
    width: 10px;
    height: 10px;
}

/* موبایل: بعد از انتقال زیر اسلایدر، وسط‌چین شود */
@media (max-width: 767px) {
    .similar-products-swiper-buttons {
        justify-content: center;
        margin-top: 18px;
    }
}
.similar-products-swiper img {
    width: 110px;
    height: auto;
}
.swiper.tw-chosen-slider.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden {
    /* padding: 20px 0; */
}

.tw-chosen-slider-buttons {
    position: absolute;
    top: 0;
    top: 50px;
    right: 80px;
    width: 90px;
    display: flex;
    justify-content: space-between;
    height: 50px;
}

.swiper-button-prev.tw-chosen-button-prev {
    left: 70px;
}
    .zhin-readmore-btn {
        display: none;
    }

.zhin-login-error {
    display: none;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 12px 16px;
    border-radius: 16px;
    background: #FFE5DF;
    color: #C0392B;
    font-size: 14px;
    line-height: 1.7;
}

.zhin-login-error.is-visible {
    display: flex;
    animation: zhinLoginErrorIn 0.3s ease;
}

.zhin-login-error svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    color: #FF6C59;
}

@keyframes zhinLoginErrorIn {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* فیلد خطادار */
.main-menu-login-wrapper input.zhin-field-error {
    border: 1px solid #FF6C59 !important;
    background: #FFF4F2 !important;
}

/* حالت در حال ارسال */
form.woocommerce-form-login.is-loading button[type="submit"] {
    opacity: 0.7;
    cursor: wait;
}
.zhin-lost-desc {
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 2;
    color: #6B6B76;
}

.zhin-lost-message {
    display: none;
    margin-bottom: 14px;
    padding: 12px 16px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 1.8;
}

.zhin-lost-message.is-error {
    display: block;
    background: #FFE5DF;
    color: #C0392B;
}

.zhin-lost-message.is-success {
    display: block;
    background: #E6F7EC;
    color: #1E7B45;
}

.zhin-back-to-login-row {
    margin-top: 18px;
    text-align: center;
}

.zhin-back-to-login {
    font-size: 14px;
    color: var(--color1, #9469FF);
    text-decoration: underline;
    cursor: pointer;
}

.zhin-back-to-login:hover {
    color: var(--color4, #443D4F);
}
.myaccount-page .woocommerce-form-row {
    float: unset !important;
    width: 100% !important;
}
/* تنظیم راست‌چین برای کل ساختار مدال‌ها */
.main-menu-singup-wrapper-box,
.main-menu-login-wrapper-box {
  direction: rtl;
  text-align: right;
}

/* تنظیم چینش و ظاهر فرم‌های ووکامرس در مدال */
.main-menu-singup-wrapper-box form.woocommerce-form,
.main-menu-login-wrapper-box form.woocommerce-form {
  direction: rtl;
  text-align: right;
  width: 100%;
}

/* برچسب‌ها و فیلدهای ورودی */
.main-menu-singup-wrapper-box .woocommerce-form-row,
.main-menu-login-wrapper-box .woocommerce-form-row {
  text-align: right;
  margin-bottom: 16px;
}

.main-menu-singup-wrapper-box .woocommerce-form-row label,
.main-menu-login-wrapper-box .woocommerce-form-row label {
  display: block;
  text-align: right;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 14px;
}

.main-menu-singup-wrapper-box .woocommerce-Input,
.main-menu-login-wrapper-box .woocommerce-Input {
  width: 100%;
  text-align: right;
  direction: rtl;
  box-sizing: border-box;
}

/* متن کمکی ارسال رمز عبور (رفع مشکل نقطه و چپ‌چین بودن متن) */
.main-menu-singup-wrapper-box .woocommerce-privacy-policy-text,
.main-menu-singup-wrapper-box .woocommerce-form-register p:not(.woocommerce-form-row) {
  direction: rtl;
  text-align: right;
  font-size: 13px;
  line-height: 1.7;
  color: #666;
  unicode-bidi: plaintext;
}

/* تنظیم چک‌باکس قوانین و مرا به خاطر بسپار */
.main-menu-singup-wrapper-box .woocommerce-form__label-for-checkbox,
.main-menu-login-wrapper-box .woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: right;
  direction: rtl;
  font-size: 13px;
}

/* دکمه ثبت نام و ورود */
.main-menu-singup-wrapper-box .woocommerce-button,
.main-menu-login-wrapper-box .woocommerce-button,
.main-menu-singup-wrapper-box button[name="register"],
.main-menu-login-wrapper-box button[name="login"] {
  width: 100%;
  display: block;
  text-align: center;
}

/* دکمه بستن مدال در گوشه سمت چپ */
.main-menu-singup-close,
.main-menu-login-close {
  position: absolute;
  top: 16px;
  left: 16px;
  right: auto;
  cursor: pointer;
}
/* =========================
   Checkout Payment Methods
========================= */

.zhin-checkout-payment-box,
#payment.woocommerce-checkout-payment {
    width: 100%;
    background: transparent;
}

/* لیست روش‌های پرداخت */
#payment .wc_payment_methods {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* هر روش پرداخت */
#payment .zhin-payment-method-item {
    position: relative;
    display: grid;
    grid-template-columns: 28px 1fr;
    align-items: center;
    gap: 10px;

    padding: 14px 0;
    margin: 0;

    border-bottom: 1px solid #e9e9e9;
}

/* رادیو */
#payment .zhin-payment-radio {
    grid-column: 1;
    width: 20px;
    height: 20px;
    margin: 0;
    cursor: pointer;
}

/* عنوان روش پرداخت */
#payment .zhin-payment-option {
    grid-column: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    width: 100%;
    margin: 0;

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

/* لوگوهای Visa / Mastercard / Amex */
#payment .payment-methods--logos {
    margin-inline-start: auto;
}

#payment .payment-methods--logos > div {
    display: flex;
    align-items: center;
    gap: 3px;
}

#payment .payment-methods--logos img {
    width: 30px;
    height: auto;
    margin: 0;
}

/* باکس محتوای روش پرداخت */
#payment .payment_box {
    grid-column: 1 / -1;

    width: 100%;
    max-width: 100%;
    box-sizing: border-box;

    margin: 12px 0 2px !important;
    padding: 16px !important;

    background: #f8f7fb !important;
    border: 1px solid #ece9f3;
    border-radius: 14px;

    box-shadow: none !important;
}

/* فلش پیش‌فرض ووکامرس بالای payment box */
#payment .payment_box::before {
    display: none !important;
}

/* WooPayments */
#payment .wcpay-upe-form,
#payment .wc-payment-form,
#payment .wcpay-upe-element {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

#payment .wc-payment-form {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

/* iframe استرایپ */
#payment .wcpay-upe-element iframe {
    width: 100% !important;
    min-width: 100% !important;
}

/* پیام کارت تست */
#payment .testmode-info {
    margin: 0 0 14px;
    padding: 10px 12px;

    font-size: 12px;
    line-height: 1.8;

    background: #fff8dc;
    border-radius: 9px;
}

/* Save payment information */
#payment .woocommerce-SavedPaymentMethods-saveNew {
    display: flex;
    align-items: flex-start;
    gap: 8px;

    margin: 14px 0 0 !important;
    font-size: 12px;
    line-height: 1.7;
}

#payment .woocommerce-SavedPaymentMethods-saveNew input {
    flex: 0 0 auto;
    margin-top: 4px !important;
}

#payment .woocommerce-SavedPaymentMethods-saveNew label {
    margin: 0 !important;
}

/* روش انتخاب‌شده */
#payment .zhin-payment-method-item:has(.zhin-payment-radio:checked) {
    padding-top: 16px;
    padding-bottom: 16px;
}
.zhin-checkout-totals-section {
    margin-bottom: 20px;
}
.paypal-button.paypal-button-number-0 {
    border-radius: 50px;
}


/* nn */

.za-overlay[hidden], .za-message[hidden] { display: none !important; }
.za-overlay {
    --za-height: 100dvh; --za-top: 0px;
    position: fixed; inset: 0 0 auto; top: var(--za-top); height: var(--za-height);
    z-index: 2147483000; display: flex; align-items: center; justify-content: center;
    padding: max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
    background: rgba(28, 22, 40, .48); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);
    overscroll-behavior: contain; box-sizing: border-box; text-align: right;
}
.za-overlay *, .za-overlay *::before, .za-overlay *::after { box-sizing: border-box; }
.za-card {
    position: relative; width: 100%; max-width: 420px; max-height: 100%; overflow-y: auto;
    overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
    border: 1px solid #eee8f5; border-radius: 22px; background: #fff; color: #21192d;
    padding: 32px 30px 26px; box-shadow: 0 24px 90px #1d102c40; font-family: YekanBakh, Tahoma, sans-serif;
}
.za-card:focus { outline: none; }
.za-card h2 { font: 700 23px/1.6 YekanBakh, Tahoma, sans-serif; margin: 14px 0 6px; color: #21192d; }
.za-description { font-size: 14px; line-height: 1.9; color: #777080; margin: 0 0 24px; white-space: pre-line; }
.za-mark { width: 48px; height: 48px; background: #f1eaff; color: #9664ef; border-radius: 16px; display: flex; align-items: center; justify-content: center; }
.za-close { position: absolute; top: 14px; left: 14px; width: 40px; height: 40px; border: 0; border-radius: 50%; color: #5f566b; background: #f7f5f9; font: 28px/1 sans-serif; cursor: pointer; }
.za-overlay .za-button { width: 100%; min-height: 48px; border-radius: 999px; border: 1px solid transparent; margin: 0; padding: 10px 18px; display: flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; font: 600 15px/1.7 YekanBakh, Tahoma, sans-serif; transition: background .15s; text-decoration: none; }
.za-overlay .za-primary { background: var(--color2, #F4F614); color: #21192d; }
.za-overlay .za-primary:hover { background: #e7e912; }
.za-overlay .za-outline,.za-overlay .za-google { background: #fff; border-color: #d9d4df; color: #21192d; }
.za-google-icon { display: inline-flex; }
.za-overlay .za-text { background: transparent; color: #8553d4; border: 0; min-height: 44px; font-size: 13px; }
.za-overlay .za-back { margin-top: 4px; color: #777080; }
.za-overlay button:disabled { opacity: .55; cursor: wait; }
.za-overlay button:focus-visible,.za-overlay a:focus-visible { outline: 3px solid #a37be5; outline-offset: 3px; }
.za-divider { display: flex; align-items: center; gap: 12px; color: #99919f; font-size: 12px; margin: 14px 0; }
.za-divider::before,.za-divider::after { content: ''; height: 1px; background: #eeeaf2; flex: 1; }
.za-form { margin: 0; }
.za-field { margin-bottom: 18px; }
.za-field label { display: block; font-size: 14px; margin-bottom: 7px; font-weight: 600; }
.za-overlay .za-field input {
    display: block; width: 100%; min-height: 50px; padding: 11px 14px; margin: 0;
    border: 1px solid #d8d2df; border-radius: 12px; background: #fff; color: #21192d;
    font: 400 16px/1.6 YekanBakh, Tahoma, sans-serif; box-shadow: none; -webkit-appearance: none; appearance: none;
}
.za-overlay input::placeholder { color: #a29ba9; font-size: 14px; opacity: 1; }
.za-overlay input:focus { outline: 2px solid #c3a8f3; outline-offset: 1px; border-color: #9664ef; }
.za-overlay input[aria-invalid="true"] { border-color: #bd4357; }
.za-password { position: relative; }
.za-overlay .za-password input { padding-right: 90px; }
.za-overlay .za-reveal { width: auto; position: absolute; right: 4px; top: 4px; bottom: 4px; min-height: 40px; padding: 6px 9px; font-size: 11px; color: #766289; background: #f7f4fa; border-radius: 9px; }
.za-check { display: flex; align-items: flex-start; gap: 9px; margin: 0 0 18px; font-size: 13px; line-height: 1.9; cursor: pointer; color: #665d71; }
.za-overlay .za-check input { flex: 0 0 18px; width: 18px; height: 18px; min-height: 18px; margin: 4px 0 0; accent-color: #9464e8; }
.za-terms { margin: 17px 0 0; font-size: 12px; }
.za-form .za-terms { margin: 0 0 18px; }
.za-terms a { color: #8553d4; text-decoration: underline; text-underline-offset: 3px; }
.za-hint { margin: -8px 0 18px; color: #8b8195; font-size: 12px; line-height: 1.8; }
.za-email-badge { display: flex; align-items: center; justify-content: space-between; gap: 8px; background: #f8f5fc; border-radius: 10px; padding: 6px 12px; margin-bottom: 20px; }
.za-email-badge span { min-width: 0; overflow-wrap: anywhere; font: 13px/1.8 Tahoma, sans-serif; }
.za-overlay .za-email-badge button { width: auto; flex-shrink: 0; padding: 5px; font-size: 12px; }
.za-sent-email { padding: 12px; text-align: center; font: 14px/1.8 Tahoma, sans-serif; overflow-wrap: anywhere; background: #f8f5fc; border-radius: 10px; margin: 0 0 20px; }
.za-message { background: #fff0f2; border-radius: 10px; padding: 12px; color: #a82d43; font-size: 13px; line-height: 1.9; margin: 14px 0 0; }
.za-username { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden; clip-path: inset(50%); opacity: .01; }
.za-account-entry { max-width: 420px; margin: 50px auto; padding: 28px; border: 1px solid #ece7f2; border-radius: 20px; text-align: center; }
.za-account-entry button { border: 0; border-radius: 30px; padding: 14px 28px; background: var(--color2, #F4F614); color: #21192d; font: inherit; cursor: pointer; }
@media (max-width: 480px) {
    .za-card { border-radius: 18px; padding: 28px 22px 20px; }
    .za-card h2 { font-size: 21px; }
    .za-description { font-size: 13px; margin-bottom: 20px; }
}
@media (max-height: 520px) {
    .za-overlay { padding-top: 8px; padding-bottom: 8px; }
    .za-card { padding-top: 20px; padding-bottom: 16px; }
    .za-mark { display: none; }
}
/* Scoped to the classic cart and checkout; native gateway inputs remain intact. */
body.zhin-purchase { --flow-purple:#9c67ff; --flow-ink:#2c2439; --flow-muted:#7b7386; --flow-line:#e9e3f1; --flow-yellow:#f4f90b; }
.zhin-purchase .zhin-flow, .zhin-purchase .zhin-flow *, .zhin-purchase .zhin-flow-steps *, .zhin-purchase .woocommerce-cart-form * { box-sizing:border-box; }
.zhin-flow-steps { width:100%; max-width:1100px; margin:34px auto 36px; padding:0 12px; }
.zhin-flow-steps ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; margin:0; padding:0; gap:12px; }
.zhin-flow-steps li { position:relative; min-width:0; }
.zhin-flow-steps a, .zhin-flow-steps button, .zhin-flow-steps li>span { display:flex; align-items:center; justify-content:center; gap:12px; min-height:76px; width:100%; border:1px solid var(--flow-line); border-radius:18px; background:#faf8fd; color:var(--flow-muted); text-decoration:none; font:inherit; font-size:16px; }
.zhin-flow-step-number { display:inline-grid; place-items:center; flex:0 0 36px; width:36px; height:36px; border-radius:50%; background:#eee6fc; color:#8450d9; font-family:Arial,sans-serif; }
.zhin-flow-steps [aria-current="step"]>a, .zhin-flow-steps [aria-current="step"]>button, .zhin-flow-steps [aria-current="step"]>span { border-color:#c3a2ff; background:#f2ecff; color:var(--flow-ink); font-weight:700; }
.zhin-flow-steps [aria-current="step"] .zhin-flow-step-number { background:var(--flow-purple); color:white; }
.zhin-purchase .zhin-flow { width:100%; max-width:1100px; margin:0 auto 56px; color:var(--flow-ink); direction:rtl; }
.zhin-flow-layout { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); gap:28px; align-items:start; }
.zhin-purchase .zhin-flow-card { width:100%; min-width:0; padding:28px; background:#fff; border:1px solid var(--flow-line); border-radius:22px; box-shadow:0 8px 36px #5d408509; }
.zhin-flow-heading, .zhin-flow h3.my-billing-title { margin:0 0 22px; font-size:20px; line-height:1.6; font-weight:700; text-align:right; color:var(--flow-ink); }
.zhin-flow-help { color:var(--flow-muted); background:#f7f3fd; border-radius:12px; padding:12px 14px; font-size:13px; line-height:1.9; margin:12px 0 20px; }
.zhin-flow #customer_details { width:100%; margin:0; padding:28px; }
.zhin-flow .my-billing-grid, .zhin-flow .my-shipping-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:0; }
.zhin-flow .form-row { min-width:0; float:none!important; width:auto!important; padding:0; margin:0; }
.zhin-flow .my-billing-grid .form-row-wide, .zhin-flow .my-shipping-grid .form-row-wide { grid-column:1/-1; }
#customer_details .my-billing-grid>.form-row, #customer_details .my-shipping-grid>.form-row { grid-column:auto!important; grid-row:auto!important; width:auto!important; }
#customer_details .my-billing-grid>.form-row-wide, #customer_details .my-shipping-grid>.form-row-wide { grid-column:1/-1!important; }
.zhin-flow .form-row .required { display:inline; color:#a43c58; }
.zhin-flow .form-row label { display:block; margin:0 0 7px; font-size:14px; line-height:1.6; color:var(--flow-ink); }
.zhin-flow .form-row input.input-text, .zhin-flow .form-row select, .zhin-flow .form-row textarea { width:100%!important; min-height:48px; max-width:100%; border:1px solid #dcd4e6; border-radius:12px; padding:10px 12px; background:#fff; color:var(--flow-ink); font-size:16px; line-height:1.6; }
.zhin-flow .form-row textarea { min-height:96px; resize:vertical; }
.zhin-flow input[type=email], .zhin-flow input[type=tel], .zhin-flow [id$="postcode"] { direction:ltr; text-align:left; font-family:Arial,Tahoma,sans-serif; }
.zhin-flow input:focus-visible, .zhin-flow textarea:focus-visible, .zhin-flow select:focus-visible { outline:2px solid #ab7cfa; outline-offset:2px; }
.zhin-flow .select2-container { max-width:100%; width:100%!important; }
.zhin-flow .select2-container--default .select2-selection--single { min-height:48px; border:1px solid #dcd4e6; border-radius:12px; padding:8px 6px; font-size:16px; }
.zhin-flow .select2-container--default .select2-selection--single .select2-selection__arrow { top:12px; }
#customer_details .select2-container--default .select2-selection--single { display:block; height:48px; min-height:48px; border:1px solid #dcd4e6; border-radius:12px; padding:12px 12px 12px 32px; text-align:right; }
#customer_details .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:22px; padding:0; font-size:16px; }
#customer_details .select2-container--default .select2-selection--single .select2-selection__arrow { right:auto; left:8px; top:50%; width:20px; height:20px; background:none; border-radius:0; }
#customer_details .select2-container--default .select2-selection--single .select2-selection__arrow b { display:block; }
.zhin-flow #ship-to-different-address { margin:22px 0 16px; font-size:14px; }
.zhin-flow #ship-to-different-address label { display:flex; align-items:center; gap:10px; cursor:pointer; }
.zhin-flow #ship-to-different-address input, .zhin-flow input[type=checkbox] { appearance:auto; width:19px; height:19px; margin:0; accent-color:var(--flow-purple); }
.zhin-flow .woocommerce-additional-fields { margin-top:18px; }
.zhin-flow .woocommerce-additional-fields #order_comments_field { display:block; }
.zhin-flow #order_review { width:100%; min-width:0; margin:0; padding:0; background:none; }
.zhin-flow .zhin-flow-review { width:100%; }
.zhin-flow .zhin-checkout-shipping { width:100%; }
.zhin-flow-ready[data-zhin-step="2"] #payment, .zhin-flow-ready[data-zhin-step="2"] .zhin-flow-summary { display:none!important; }
.zhin-flow-ready[data-zhin-step="3"] #customer_details, .zhin-flow-ready[data-zhin-step="3"] .zhin-checkout-shipping, .zhin-flow-ready[data-zhin-step="3"] .zhin-flow-actions { display:none!important; }
.zhin-flow-ready[data-zhin-step="3"] .zhin-flow-layout { display:block; }
.zhin-flow-ready[data-zhin-step="3"] #order_review { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; direction:ltr; align-items:start; }
.zhin-flow-ready[data-zhin-step="3"] #payment { grid-column:1; grid-row:1; }
.zhin-flow-ready[data-zhin-step="3"] .zhin-flow-review { grid-column:2; grid-row:1; direction:rtl; }
.zhin-flow .zhin-flow-actions { display:flex; flex-direction:column-reverse; align-items:stretch; gap:12px; padding-top:18px; }
.zhin-flow .zhin-flow-actions .zhin-flow-back { text-align:center; }
.zhin-flow .button, .zhin-purchase .zhin-cart-checkout-btn { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:50px; background:var(--flow-yellow); color:#201b29; border:0; border-radius:999px; padding:12px 28px; font-size:16px; font-weight:700; line-height:1.6; text-decoration:none; cursor:pointer; }
.zhin-flow .zhin-flow-next { min-width:260px; }
.zhin-flow button:disabled { cursor:wait; opacity:.65; }
.zhin-flow-back, .zhin-flow-edit { background:transparent; border:0; padding:8px 0; color:#7f4cc9; font:inherit; font-size:14px; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.zhin-flow .zhin-shipping-method-list { gap:12px; padding:0; margin:0; direction:ltr; }
.zhin-flow .zhin-shipping-method-item { border-color:var(--flow-line); min-height:68px; padding:6px 12px; }
.zhin-flow .zhin-shipping-option { grid-template-columns:minmax(66px,auto) minmax(0,1fr); gap:12px; }
.zhin-flow .zhin-shipping-price, .zhin-flow .zhin-shipping-price *, .zhin-flow [dir=ltr] .amount, .zhin-flow [dir=ltr] .amount * { font-family:Arial,Tahoma,sans-serif!important; direction:ltr; unicode-bidi:isolate; }
.zhin-flow .zhin-shipping-name { font-size:15px; line-height:1.5; }
.zhin-flow-total-row { display:flex; align-items:baseline; justify-content:space-between; gap:18px; padding:14px 0; border-bottom:1px solid #f0ebf4; font-size:15px; line-height:1.8; direction:rtl; }
.zhin-flow-total-row>[dir=ltr] { text-align:left; font-family:Arial,Tahoma,sans-serif; max-width:60%; }
.zhin-flow-grand-total { padding-top:20px; margin-top:8px; border-top:1px solid var(--flow-line); border-bottom:0; font-size:19px; }
.zhin-flow-products { padding:0; margin:0 0 10px; list-style:none; }
.zhin-flow-products li { display:flex; justify-content:space-between; gap:20px; font-size:13px; line-height:1.9; padding:10px 0; }
.zhin-flow-products li>span:first-child { min-width:0; overflow-wrap:anywhere; }
.zhin-flow-products li>span[dir=ltr] { flex-shrink:0; white-space:nowrap; font-family:Arial,Tahoma,sans-serif; }
.zhin-flow-products small { white-space:nowrap; color:var(--flow-muted); }
.zhin-flow-products .variation { font-size:12px; }
.zhin-flow-summary .zhin-flow-edit { margin-top:18px; }
.zhin-flow #payment { background:#fff; text-align:left; direction:ltr; border-radius:22px; padding:28px; }
.zhin-flow #payment ul.payment_methods { padding:0; margin:0 0 20px; border:0; list-style:none; direction:ltr; }
.zhin-flow #payment ul.payment_methods>li { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:16px; margin:0 0 12px; border:1px solid var(--flow-line); border-radius:14px; direction:ltr; text-align:left; }
.zhin-flow #payment ul.payment_methods>li:has(>input:checked) { border-color:#c4a2fb; background:#fcfaff; }
.zhin-flow #payment input.input-radio { appearance:auto!important; -webkit-appearance:radio!important; width:20px!important; height:20px!important; flex:0 0 20px; margin:0!important; accent-color:var(--flow-purple); }
.zhin-flow #payment input.input-radio:before { display:none!important; }
.zhin-flow #payment ul.payment_methods>li>label { display:flex; flex:1; align-items:center; gap:10px; margin:0; padding:0; color:var(--flow-ink); font-size:15px; font-family:Arial,Tahoma,sans-serif; text-align:left; direction:ltr; }
.zhin-flow #payment label img { width:auto; max-width:120px; max-height:28px; margin-left:auto; float:none!important; }
.zhin-flow #payment .payment_box { flex:0 0 100%; width:100%; margin:12px 0 0; padding:14px 0 0; background:transparent; direction:ltr; text-align:left; border:0; }
.zhin-flow #payment .payment_box:before { display:none; }
.zhin-flow #payment .place-order { padding:0; }
.zhin-flow #payment #place_order { width:100%; margin:20px 0 0; float:none; }
.zhin-purchase form.zhin-flow #payment #place_order, .zhin-purchase form.zhin-flow .zhin-flow-next, .zhin-purchase.woocommerce-cart #zhin-cart-checkout-btn { background:var(--flow-yellow)!important; color:#201b29!important; border:0!important; box-shadow:none!important; }
.zhin-flow #payment iframe { max-width:100%; }
.zhin-flow #payment .woocommerce-terms-and-conditions-wrapper { font-size:12px; line-height:1.9; text-align:right; }
.zhin-flow #payment .woocommerce-terms-and-conditions-wrapper label { display:inline; }
.zhin-flow-errors, .zhin-purchase .woocommerce-error { padding:16px 20px; background:#fff1f4; color:#9c294c; border:1px solid #f5d2dd; border-radius:14px; font-size:14px; line-height:1.9; margin:0 0 22px; direction:rtl; text-align:right; }
.zhin-flow-errors[hidden] { display:none; }
.zhin-flow-errors ul { margin:6px 0 0; padding-right:20px; }
.zhin-flow-field-error { display:block; color:#a62a4b; margin-top:6px; font-size:12px; line-height:1.7; }
.zhin-flow [aria-invalid=true] { border-color:#d8607f!important; }
.zhin-purchase.woocommerce-cart .zhin-cart-totals { box-sizing:border-box; padding:24px; }
.zhin-purchase.woocommerce-cart .zhin-cart-totals .amount, .zhin-purchase.woocommerce-cart .zhin-cart-totals .amount * { font-family:Arial,Tahoma,sans-serif; direction:ltr; unicode-bidi:isolate; }
.zhin-purchase.woocommerce-cart .zhin-cart-checkout-btn { width:100%; }
.zhin-purchase.woocommerce-cart .zhin-cart-collaterals { border:1px solid var(--flow-line); box-shadow:none; border-radius:22px; gap:28px; }
.zhin-purchase.woocommerce-cart .zhin-cart-totals-ghost { display:none!important; }
@media(max-width:900px) {
 .zhin-flow-layout { grid-template-columns:minmax(0,1fr); gap:20px; }
 .zhin-flow-ready[data-zhin-step="3"] #order_review { grid-template-columns:minmax(0,1fr); gap:20px; }
 .zhin-flow-ready[data-zhin-step="3"] .zhin-flow-review { grid-column:1; grid-row:1; }
 .zhin-flow-ready[data-zhin-step="3"] #payment { grid-column:1; grid-row:2; }
 .zhin-flow-steps a, .zhin-flow-steps button, .zhin-flow-steps li>span { font-size:14px; gap:8px; }
}
@media(max-width:520px) {
 .zhin-flow-steps { margin:20px auto 24px; padding:0; }
 .zhin-flow-steps ol { gap:6px; }
 .zhin-flow-steps a, .zhin-flow-steps button, .zhin-flow-steps li>span { flex-direction:column; min-height:100px; font-size:12px; padding:10px 3px; border-radius:14px; gap:7px; }
 .zhin-flow-step-number { flex:0 0 30px; width:30px; height:30px; }
 .zhin-purchase .zhin-flow { padding-bottom:72px; }
 .zhin-purchase .zhin-flow-card, .zhin-flow #customer_details, .zhin-flow #payment { padding:20px 16px; border-radius:18px; }
 .zhin-flow-heading, .zhin-flow h3.my-billing-title { font-size:18px; margin-bottom:18px; }
 .zhin-flow .my-billing-grid, .zhin-flow .my-shipping-grid { gap:14px 10px; }
 .zhin-flow .form-row label { font-size:13px; }
 .zhin-flow .zhin-flow-actions { flex-direction:column-reverse; align-items:stretch; }
 .zhin-flow .zhin-flow-next { min-width:0; width:100%; }
 .zhin-flow-back { text-align:center; }
 .zhin-flow .zhin-shipping-method-item { padding:6px 8px; }
 .zhin-flow .zhin-shipping-option { grid-template-columns:58px minmax(0,1fr); gap:8px; }
 .zhin-flow .zhin-shipping-name { font-size:14px; }
 .zhin-flow .zhin-shipping-price { font-size:15px; }
 .zhin-flow #payment ul.payment_methods>li { padding:12px; }
 .zhin-flow .payment_box input { font-size:16px!important; }
}
@media(prefers-reduced-motion:reduce) { .zhin-flow * { scroll-behavior:auto!important; } }

/* Restore the theme's original circular icon progress style. */
.zhin-classic-steps { max-width:740px; margin:48px auto 56px; padding:0 12px; }
.zhin-classic-steps ol { grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; }
.zhin-classic-steps li { text-align:center; }
.zhin-classic-steps li:not(:last-child)::after { content:""; position:absolute; height:8px; background:#f0f0f0; top:42px; right:50%; width:100%; z-index:0; }
.zhin-classic-steps li.is-reached:not([aria-current])::after { background:#9c67ff; }
.zhin-classic-steps li>a,.zhin-classic-steps li>button,.zhin-classic-steps li>span,.zhin-classic-steps [aria-current="step"]>a,.zhin-classic-steps [aria-current="step"]>button,.zhin-classic-steps [aria-current="step"]>span { position:relative; flex-direction:column; gap:0; min-height:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.zhin-classic-steps .zhin-step-icon { width:92px; height:92px; margin:0 auto 16px; background:#f0f0f0; z-index:1; }
.zhin-classic-steps .zhin-step-icon path { fill:#c2c2c2; }
.zhin-classic-steps .zhin-step-label { color:#bfbfbf; font-size:20px; line-height:1.6; white-space:nowrap; }
.zhin-classic-steps .is-reached .zhin-step-icon { background:#ece1ff; }
.zhin-classic-steps .is-reached .zhin-step-icon path { fill:#9c67ff; }
.zhin-classic-steps .is-reached .zhin-step-label { color:#40364c; }
.zhin-classic-steps button { cursor:pointer; }
.zhin-classic-steps button:focus-visible,.zhin-classic-steps a:focus-visible { outline:2px solid #9c67ff; outline-offset:6px; border-radius:12px; }
@media(max-width:600px) {
 .zhin-classic-steps { margin:28px auto 32px; padding:0; }
 .zhin-classic-steps .zhin-step-icon { width:56px; height:56px; margin-bottom:12px; }
 .zhin-classic-steps .zhin-step-icon svg { width:26px; height:26px; }
 .zhin-classic-steps .zhin-step-label { font-size:12px; }
 .zhin-classic-steps li:not(:last-child)::after { top:25px; height:6px; }
}
/* English rate names/prices stay LTR inside the Persian checkout. */
.woocommerce-checkout .my-checkout-wrapper { box-sizing: border-box; display: grid; grid-template-columns: minmax(350px, .95fr) minmax(0, 1.05fr); gap: 32px; align-items: start; direction: ltr; }
.woocommerce-checkout .my-checkout-left { box-sizing: border-box; width: auto; min-width: 0; padding: 30px 24px; }
.woocommerce-checkout .my-checkout-right { box-sizing: border-box; width: auto; min-width: 0; }
.woocommerce-checkout .my-billing-grid input, .woocommerce-checkout .my-shipping-grid input { box-sizing: border-box; max-width: 100%; }
.zhin-checkout-shipping { width: 100%; min-width: 0; }
.zhin-shipping-method-list, .zhin-shipping-method-list * { box-sizing: border-box; }
.zhin-shipping-method-list { display: flex; flex-direction: column; width: 100%; min-width: 0; gap: 10px; padding: 0 0 20px; margin: 0 0 20px; list-style: none; direction: ltr; text-align: left; }
.zhin-shipping-method-list .zhin-shipping-method-item { display: flex; align-items: center; width: 100%; min-width: 0; gap: 8px; padding: 4px 8px; border: 1px solid #e7e1ec; border-radius: 12px; direction: ltr; text-align: left; flex-wrap: wrap; }
.zhin-shipping-method-list .zhin-shipping-method-item:has(> input:checked) { background: #fffbdc; border-color: #e6d959; }
.zhin-shipping-method-list .zhin-shipping-method-item > input.shipping_method[type="radio"] { appearance: auto; -webkit-appearance: radio; flex: 0 0 20px; width: 20px; height: 20px; margin: 0; border-radius: 50%; accent-color: #9b6be4; background: #fff; }
.zhin-shipping-method-list input.shipping_method[type="radio"]::before { display: none !important; }
.zhin-shipping-method-list input.shipping_method[type="radio"]:focus-visible { outline: 2px solid #9b6be4; outline-offset: 3px; }
.zhin-shipping-method-list label.zhin-shipping-option { flex: 1 1 0; min-width: 0; display: grid; grid-template-columns: minmax(70px, auto) minmax(0, 1fr); gap: 14px; align-items: center; margin: 0; padding: 12px 4px; cursor: pointer; direction: ltr; text-align: left; font-size: 15px; line-height: 1.6; }
.zhin-shipping-method-list .zhin-shipping-price { display: block; direction: ltr; unicode-bidi: isolate; text-align: left; font-weight: 700; font-family: Tahoma, Arial, sans-serif; font-size: 16px; }
.zhin-shipping-method-list .zhin-shipping-price .amount { white-space: nowrap; direction: ltr; unicode-bidi: isolate; }
.zhin-shipping-method-list .zhin-shipping-info { min-width: 0; display: flex; flex-direction: column; gap: 3px; direction: ltr; text-align: left; }
.zhin-shipping-method-list .zhin-shipping-name { font-family: Arial, Tahoma, sans-serif; font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }
.zhin-shipping-method-list .zhin-shipping-desc { font-size: 12px; line-height: 1.6; color: #756b7c; overflow-wrap: anywhere; }
.zhin-shipping-method-list .tax_label { display: block; font-size: 10px; font-weight: 400; color: #756b7c; }
.zhin-shipping-extra { flex-basis: 100%; padding: 0 4px 4px 28px; }
.zhin-shipping-notice { font-size: 13px; line-height: 1.9; padding: 12px; background: #f6f2fb; border-radius: 10px; }
.zhin-checkout-totals-amount .amount { display: inline-block; direction: ltr; unicode-bidi: isolate; white-space: nowrap; font-family: Tahoma, Arial, sans-serif; }
.zhin-checkout-totals-amount .amount * { font-family: Tahoma, Arial, sans-serif; direction: ltr; unicode-bidi: isolate; }
.zhin-checkout-shipping-summary { max-width: 65%; font-size: 13px; line-height: 1.8; }
.zhin-checkout-amount-total.zhin-checkout-total-pending { max-width: 70%; font-size: 13px; line-height: 1.9; }
@media (max-width: 900px) {
    .woocommerce-checkout .my-checkout-wrapper { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .woocommerce-checkout .my-checkout-right { grid-row: 1; width: 100%; }
    .woocommerce-checkout .my-checkout-left { grid-row: 2; width: 100%; margin: 0; padding: 24px 20px; }
}
@media (max-width: 480px) {
    .woocommerce-checkout .my-checkout-left { padding: 20px 14px; border-radius: 20px; }
    .zhin-shipping-method-list label.zhin-shipping-option { gap: 10px; grid-template-columns: minmax(62px, auto) minmax(0, 1fr); font-size: 14px; }
    .zhin-shipping-method-list .zhin-shipping-name { font-size: 14px; }
    .zhin-shipping-method-list .zhin-shipping-price { font-size: 15px; }
}

/* Zhin checkout polish: merged in style.css; overrides legacy Woo styles. */
body.zhin-purchase .zhin-flow,body.zhin-purchase .zhin-flow button,body.zhin-purchase .zhin-flow .button,body.zhin-purchase .zhin-flow input,body.zhin-purchase .zhin-flow textarea,body.zhin-purchase .zhin-flow select { font-family:YekanBakh,sans-serif!important; }
body.zhin-purchase .zhin-flow button.button,body.zhin-purchase .zhin-flow #place_order { border-radius:999px!important; background:#f4f614!important; color:#201b29!important; min-height:50px; font-size:16px!important; font-weight:700; line-height:1.6; }
body.zhin-purchase .zhin-flow #customer_details input.input-text,body.zhin-purchase .zhin-flow #customer_details textarea,body.zhin-purchase .zhin-flow #customer_details select:not(.select2-hidden-accessible) { box-sizing:border-box!important; width:100%!important; max-width:100%!important; min-width:0!important; border:1px solid #dcd4e6!important; border-radius:12px!important; background:#fff!important; color:#2c2439!important; padding:11px 14px!important; font-size:16px!important; line-height:1.7!important; box-shadow:none!important; outline:none!important; transition:border-color .15s,box-shadow .15s; }
body.zhin-purchase .zhin-flow #customer_details textarea { height:100px; min-height:100px!important; resize:vertical; display:block; }
body.zhin-purchase .zhin-flow #customer_details input.input-text:focus,body.zhin-purchase .zhin-flow #customer_details textarea:focus,body.zhin-purchase .zhin-flow #customer_details select:focus { border-color:#aa85df!important; box-shadow:0 0 0 2px #9c67ff14!important; outline:none!important; }
body.zhin-purchase .zhin-flow #customer_details [aria-invalid="true"],body.zhin-purchase .zhin-flow #customer_details .woocommerce-invalid input.input-text,body.zhin-purchase .zhin-flow #customer_details .woocommerce-invalid textarea { border-color:#c75c6a!important; }
body.zhin-purchase .zhin-flow #customer_details label { font-size:14px; line-height:1.7; margin-bottom:7px; }
body.zhin-purchase .zhin-flow #customer_details .select2-hidden-accessible { position:absolute!important; width:1px!important; min-width:0!important; max-width:1px!important; height:1px!important; min-height:0!important; padding:0!important; margin:-1px!important; border:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; }
body.zhin-purchase .zhin-flow .select2-container { min-width:0!important; max-width:100%!important; }
body.zhin-purchase .zhin-flow #customer_details .zhin-state-optional:not(.validate-required) { display:none!important; }
body.zhin-purchase .zhin-flow input[type=checkbox],body.zhin-purchase .zhin-flow input[type=radio] { -webkit-appearance:auto!important; appearance:auto!important; position:static!important; width:20px!important; min-width:20px!important; height:20px!important; min-height:20px!important; padding:0!important; margin:0!important; flex:0 0 20px!important; transform:none!important; box-shadow:none!important; background-image:none!important; accent-color:#9c67ff; vertical-align:middle; }
body.zhin-purchase .zhin-flow input[type=checkbox]::before,body.zhin-purchase .zhin-flow input[type=checkbox]::after,body.zhin-purchase .zhin-flow input[type=radio]::before,body.zhin-purchase .zhin-flow input[type=radio]::after { content:none!important; display:none!important; }
body.zhin-purchase .zhin-flow #ship-to-different-address label,body.zhin-purchase .zhin-flow label.woocommerce-form__label-for-checkbox { display:flex!important; align-items:flex-start; gap:10px; line-height:1.8; }
body.zhin-purchase .zhin-flow label.woocommerce-form__label-for-checkbox input { margin-top:3px!important; }
body.zhin-purchase .zhin-flow .zhin-shipping-method-item { align-items:center!important; }
body.zhin-purchase .zhin-flow .zhin-shipping-option { min-width:0; }
body.zhin-purchase .zhin-flow .zhin-shipping-name { overflow-wrap:anywhere; }
body.zhin-purchase .zhin-flow .zhin-flow-heading:focus,body.zhin-purchase .zhin-flow h3:focus { outline:none; }
body.zhin-purchase .zhin-flow .zhin-flow-next { width:100%; }
body.zhin-purchase .zhin-flow .zhin-flow-actions { gap:10px; }
body.zhin-purchase .zhin-flow .form-row { min-width:0; }
/* Original theme progress elements, including the original PNG decorations. */
body.zhin-purchase .zhin-original-steps { width:calc(100% - 48px); max-width:900px; margin:85px auto 75px; box-sizing:border-box; }
body.zhin-purchase .zhin-original-steps .zhin-step { flex:0 0 145px; min-width:0; }
body.zhin-purchase .zhin-original-steps .zhin-step-line { min-width:0; }
body.zhin-purchase .zhin-original-steps .zhin-step-label { white-space:nowrap; }
@media(max-width:900px) {
 body.zhin-purchase .zhin-original-steps { width:calc(100% - 40px); margin:64px auto 48px; }
 body.zhin-purchase .zhin-original-steps .zhin-step { flex:0 0 105px; }
 body.zhin-purchase .zhin-original-steps .zhin-step-icon { width:68px; height:68px; }
 body.zhin-purchase .zhin-original-steps .zhin-step-label { font-size:16px; }
}
@media(max-width:600px) {
 body.zhin-purchase .zhin-original-steps { width:calc(100% - 28px); margin:55px auto 38px; }
 body.zhin-purchase .zhin-original-steps .zhin-step { flex:0 0 25%; }
 body.zhin-purchase .zhin-original-steps .zhin-step-icon { width:40px; height:40px; margin-bottom:18px; }
 body.zhin-purchase .zhin-original-steps .zhin-step-icon svg { width:18px; height:18px; }
 body.zhin-purchase .zhin-original-steps .zhin-step-label { font-size:12px; }
 body.zhin-purchase .zhin-original-steps .zhin-step-line { flex:0 0 0; margin-inline:0; width:0; }
 body.zhin-purchase .zhin-original-steps .zhin-step-line::before { width:calc((100vw - 28px)/4 - 40px); right:calc(20px - (100vw - 28px)/8); height:5px; top:1px; }
 body.zhin-purchase .zhin-original-steps .zhin-step-line:not(.zhin-step-line--full)::before { content:""; position:absolute; background:#f0f0f0; }
 body.zhin-purchase .zhin-original-steps .zhin-step-line--with-fox::after,body.zhin-purchase .zhin-original-steps .zhin-step-line--with-fox.line-2::after { width:55px; height:40px; right:-28px; top:-28px; }
 body.zhin-purchase .zhin-original-steps .buy-step-4::before { width:90px; height:80px; top:-16px; right:calc(50% - 45px); left:auto; }
 body.zhin-purchase .zhin-flow { width:100%; max-width:100%; }
 body.zhin-purchase .zhin-flow #customer_details,body.zhin-purchase .zhin-flow .zhin-flow-card { min-width:0; padding:20px 16px; }
 body.zhin-purchase .zhin-flow .zhin-flow-next { min-width:0; }
}

body.zhin-purchase .zhin-flow #customer_details #billing_country_field,body.zhin-purchase .zhin-flow #customer_details #shipping_country_field,body.zhin-purchase .zhin-flow #customer_details #billing_state_field,body.zhin-purchase .zhin-flow #customer_details #shipping_state_field { grid-column:1/-1!important; }