:root,
:root .v-light,
:root .v-light-head {
  --bg-color: #f3f3f3;
  --assistant-color: #e9e9e9;
  --theme-color: #b3de4f;
  --cream-color: #e4ddd3;
  --red-color: #ab8c8b;
  --theme-color-font: #fff;
  --font-color: #5c5c5c;
  --heading-color: #000;
  --border-color: #dcdcdc;
  --smooth-color: #141414;
  --reverse-color: #141414;
  --reverse-heading-color: #fff;
  --bg-btn: #f6fafd;
  /**
     Elementor color
  */
  --divider-color: var(--border-color);
}
:root .background-theme,
:root.background-theme,
:root .calendar_wrap table tr td#today,
:root .v-light .background-theme,
:root .v-light.background-theme,
:root .v-light .calendar_wrap table tr td#today,
:root .v-light-head .background-theme,
:root .v-light-head.background-theme,
:root .v-light-head .calendar_wrap table tr td#today {
  --heading-color: #fff;
  --font-color: #fff;
  color: var(--font-color);
}

:root .v-dark,
:root .v-dark-head {
  --bg-color: #111;
  --assistant-color: #171717;
  --theme-color: #b3de4f;
  --cream-color: #f8f3eb;
  --red-color: #966f6e;
  --font-color: #d9d9d9;
  --heading-color: #fff;
  --border-color: #373737;
  --smooth-color: #f9f9f9;
  --reverse-color: #f9f9f9;
  --reverse-heading-color: #000;
  --bg-btn: #0a0909;
}

@media only screen and (max-width: 991px) {
  .v-dark-head-mobile {
    --bg-color: #111;
    --assistant-color: #171717;
    --theme-color: #b3de4f;
    --cream-color: #f8f3eb;
    --red-color: #966f6e;
    --font-color: #d9d9d9;
    --heading-color: #fff;
    --border-color: #373737;
    --smooth-color: #f9f9f9;
    --reverse-color: #f9f9f9;
    --reverse-heading-color: #000;
    --bg-btn: #0a0909;
  }
}
:root {
  --body-font: "sf", "Poppins" sans-serif;
  --heading-font: "entezar", "selune", sans-serif;
  --font-code: Menlo, monaco, Consolas, Lucida Console, monospace;
  --font-pre: "paeez", "conte", cursive;
  --font-size-base: 15px;
  --font-size-h1: 40px;
  --font-size-h2: 35px;
  --font-size-h3: 30px;
  --font-size-h4: 25px;
  --font-size-h5: 22px;
  --font-size-h6: 16px;
  --menu-size: 12px;
  --line-height-base: 1.5;
  --line-height-content: 1.8;
  --font-weight-heading: 600;
  --font-weight-body: 500;
  --smooth-width: 4px;
  --bg-overlay: #000;
  --overlay-blend-mode: unset;
}
body,
body * {
  letter-spacing: 0px !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@media only screen and (min-width: 1400px) {
  :root {
    --dsn-gap-container: 80px;
    --title-heading: 50px;
  }
  :root .container,
  :root .dsn-left-container,
  :root .dsn-right-container {
    --dsn-gap-container: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  :root {
    --dsn-gap-container: 40px;
    --title-heading: 50px;
  }
}
@media only screen and (max-width: 1200px) {
  :root {
    --title-heading: 50px;
  }
}
@media only screen and (min-width: 992px) {
  :root {
    --margin-padding: 120px;
    --box-padding: 80px 40px;
  }
  :root .d-lg-none {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --margin-padding: 65px;
    --box-padding: 50px var(--dsn-gap-container);
    --title-heading: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  :root {
    --dsn-gap-container: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  :root {
    --dsn-gap-container: 25px;
    --title-heading: 38px;
  }
}
@media only screen and (max-width: 575px) {
  :root {
    --dsn-gap-container: 15px;
    --title-heading: 30px;
  }
}










@font-face {
  font-family: 'aseman';
  src: url('/fa/assets//fonts/aseman.woff2') format('woff2'),
       url('/fa/assets//fonts/aseman.woff') format('woff'),
       url('/fa/assets//fonts/aseman.ttf') format('truetype');
  font-display:swap;
}

@font-face {
  font-family: 'lalezar';
  src: url('/fa/assets//fonts/lalezar.woff2') format('woff2'),
       url('/fa/assets//fonts/lalezar.woff') format('woff'),
       url('/fa/assets//fonts/lalezar.ttf') format('truetype');
  font-display:swap;
}

@font-face {
  font-family: 'myriad';
  src: url('/fa/assets//fonts/myriad.woff2') format('woff2'),
       url('/fa/assets//fonts/myriad.woff') format('woff'),
       url('/fa/assets//fonts/myriad.ttf') format('truetype');
  font-display:swap;
}

@font-face {
  font-family: 'paeez';
  src: url('/fa/assets//fonts/paeez.woff2') format('woff2'),
       url('/fa/assets//fonts/paeez.woff') format('woff'),
       url('/fa/assets//fonts/paeez.ttf') format('truetype');
  font-display:swap;
}

@font-face {
  font-family: 'vazir-code-hack';
  src: url('/fa/assets//fonts/vazir-code-hack.woff2') format('woff2'),
       url('/fa/assets//fonts/vazir-code-hack.woff') format('woff'),
       url('/fa/assets//fonts/vazir-code-hack.ttf') format('truetype');
  font-display:swap;
}

@font-face {
  font-family: 'entezar';
  src: url('/fa/assets//fonts/entezar.woff2') format('woff2'),
       url('/fa/assets//fonts/entezar.woff') format('woff'),
       url('/fa/assets//fonts/entezar.ttf') format('truetype');
  font-display:swap;
}

@font-face {
  font-family: 'sf';
  src: url('/fa/assets//fonts/sf.woff2') format('woff2'),
       url('/fa/assets//fonts/sf.woff') format('woff'),
       url('/fa/assets//fonts/sf.ttf') format('truetype');
  font-display:swap;
}


html[lang="fa"] .dsn-btn .title-btn {
  position: relative;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: normal;
}



html[lang="fa"] .products-title {
  font-family: 'vazir-code-hack', sans-serif;
  font-size: 18px;      /* سایز دلخواهت */
  font-weight: normal;  /* یا bold، بسته به نیاز */
  line-height: 1.6;     /* تنظیم فاصله خطوط */
  /* میتونی افکت‌ها یا رنگ رو هم اینجا اضافه کنی */
}

html[lang="fa"] body {
  font-family: "sf", sans-serif;
  font-size: calc(var(--font-size-base) * 1.3);
}


html[lang="fa"] .dsn-btn-shape.rotate-icon .icon svg {
  rotate: 180deg;
}
html[lang="fa"] .dsn-btn-shape .icon svg {
  rotate: 270deg;
}
html[lang="fa"] .dsn-btn-shape.cart .icon svg {
  rotate: 0deg;
}

html[lang="fa"] .dsn-btn-shape .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.135, 0.9, 0.15, 1);
  transition-duration: 0.9s;
}
html[lang="fa"] .dsn-btn-shape:hover .icon {
  transform: translateX(-0.75rem) rotate(-45deg);

}
@media (hover: none) {
  html[lang="fa"] .dsn-btn-shape:active .icon {
    transform: translateX(-0.75) rotate(-45deg);
  }
}

html[lang="fa"] .dsn-btn-shape.cart:hover .icon {
  transform: translateX(-0.75rem) rotate(0deg);

}
@media (hover: none) {
  html[lang="fa"] .dsn-btn-shape.cart:active .icon {
    transform: translateX(-0.75) rotate(-45deg);
  }
}



html[lang="fa"] .footer-personal .links ul li:not(:first-of-type) {
  margin-right: 20px;
  margin-left: 0px;
}

  html[lang="fa"] .site-header:not(.dsn-hamburger) ul.primary-nav > li:not(:first-of-type) {
    margin-right: 30px;
    margin-left: 0px;
  }
  html[lang="fa"] .site-header:not(.dsn-hamburger) ul.primary-nav > li:last-of-type ul {
    margin-right: -95px;
    margin-left: 0px;
  }


html[lang="fa"] .section-title .sub-heading {
  position: relative;
  width: -webkit-max-content;
  width: max-content;
  padding-right: 20px;
  padding-left: 0;
  font-size: 30px;
}


@media only screen and (max-width: 767px) {
  html[lang="fa"] .section-title.sub-heading {
    font-size: 20px;
  }
}

html[lang="fa"] .section-title .sub-heading::before,
html[lang="fa"] .section-title .sub-heading::after {
  content: "";
  position: absolute;
  left: auto;
  right: 0;
  top: 50%;
  border-radius: 50%;
}
html[lang="fa"] .section-title .sub-heading::after {
  width: 15px;
  height: 15px;
  background-color: var(--heading-color);
  translate: 50% -50%;
}
html[lang="fa"] .section-title .sub-heading::before {
  width: 30px;
  height: 30px;
  background-color: var(--border-color);
  opacity: 0.4;
  translate: 50% -50%;
}
html[lang="fa"] .section-title .sub-heading span:first-of-type {
  margin-left: 0;
  margin-right: 20px;
}
html[lang="fa"] .section-title .has-curved-line {
  display: flex;
  align-items: center;
}
html[lang="fa"] .section-title .has-curved-line > span {
  margin-left: 0;
  margin-right: -45px;
}
html[lang="fa"] .section-title .description {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
}

/**
  Title Section
 */
html[lang="fa"] .sub-heading {
  color: var(--heading-color);
  letter-spacing: 1px;
  font-size: 30px;
  font-weight: 600;
  font-family: var(--font-pre);
}

@media only screen and (max-width: 767px) {
  html[lang="fa"].sub-heading {
    font-size: 10px;
  }
}

html[lang="fa"] .title-block {
  letter-spacing: 0px;
  font-size: 18px;
}

html[lang="fa"] .sm-p {
  font-size: 14px;
  letter-spacing: 1.5px;
}

html[lang="fa"] .header-scale-hero {
  transform: scale(1.15);
}

html[lang="fa"] .subtitle {
  color: var(--font-color);
  font-size: 16px;
  letter-spacing: 2px;
}

html[lang="fa"] .sub-text-header {
  margin-top: 25px;
}
html[lang="fa"] .sub-text-header h5 {
  font-size: 15px;
  letter-spacing: 2px;
  line-height: 24px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .sub-text-header br,
  .title-h2 br,
  .subtitle br,
  .sm-p br,
  .section-title br,
  .sub-heading br,
  .title br {
    display: none;
  }
}

@media only screen and (max-width: 575px) {
  .sm-title-block br,
  .title-block br {
    display: none;
  }
}

html[lang="fa"] .font-number {
  color: var(--heading-color);
  font-size: 80px;
}


/**.   hamburger    */ 

html[lang="fa"] .menu-cart-link:hover i {
  color: #b3de4f;  /* مثلا طلایی روی hover */ 
  transform:  translateX(-30px) scale(1);
}
.menu-cart-link i {
  font-size: 1em; /* یعنی ۱.۵ برابر فونت اصلی منو */
  color: var(--theme-color);
  transition: transform 0.3s ease, color 0.3s;
}

/** منو موبایل */


html[lang="fa"] .cart-icon {
  position: relative;
  margin-right: 20px;
}
@media (max-width: 991px) {
  html[lang="fa"] .cart-icon {
    position: absolute;
    top: 20px;
  transform:  translateX(0);
  margin-right: 37px;
  }
  .cart-icon:hover i {
  transform: none !important;
  }
}
@media (max-width: 992px) {
    html[lang="fa"] .mobile-header-items {
        display: flex;
        align-items: center;
        justify-content: flex-end; /* انگلیسی سمت راست */
        gap: 40px;
    }


    /* حالت فارسی */
    html[lang="fa"] .mobile-header-items {
        justify-content: flex-start; /* فارسی سمت چپ */
    }
    html[lang="fa"] .mobile-header-items #navbar_toggle { order: 3; }
    html[lang="fa"] .mobile-header-items .cart-icon   { order: 2; }
    html[lang="fa"] .mobile-header-items .lang-icon   { order: 1; }
}