/*!
Theme Name:   Sepid Solar
Author:       Sepid Solar
Description:  قالب فروشگاهی سپید سولار
Version:      1.0
Text Domain:  sepidsolar
*/



@font-face {
    font-family: IRANYekanFaNum;
    font-style: normal;
    font-weight: bold;
    src: url('assets/fonts/IRANYekanFaNum/eot/iranyekanwebboldfanum.eot');
    src: url('assets/fonts/IRANYekanFaNum/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('assets/fonts/IRANYekanFaNum/woff/iranyekanwebboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('assets/fonts/IRANYekanFaNum/ttf/iranyekanwebboldfanum.ttf') format('truetype');
}

@font-face {
    font-family: IRANYekanFaNum;
    font-style: normal;
    font-weight: 100;
    src: url('assets/fonts/IRANYekanFaNum/eot/iranyekanwebthinfanum.eot');
    src: url('assets/fonts/IRANYekanFaNum/eot/iranyekanwebthinfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('assets/fonts/IRANYekanFaNum/woff/iranyekanwebthinfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('assets/fonts/IRANYekanFaNum/ttf/iranyekanwebthinfanum.ttf') format('truetype');
}

@font-face {
    font-family: IRANYekanFaNum;
    font-style: normal;
    font-weight: 300;
    src: url('assets/fonts/IRANYekanFaNum/eot/iranyekanweblightfanum.eot');
    src: url('assets/fonts/IRANYekanFaNum/eot/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('assets/fonts/IRANYekanFaNum/woff/iranyekanweblightfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('assets/fonts/IRANYekanFaNum/ttf/iranyekanweblightfanum.ttf') format('truetype');
}

@font-face {
    font-family: IRANYekanFaNum;
    font-style: normal;
    font-weight: normal;
    src: url('assets/fonts/IRANYekanFaNum/eot/iranyekanwebregularfanum.eot');
    src: url('assets/fonts/IRANYekanFaNum/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('assets/fonts/IRANYekanFaNum/woff/iranyekanwebregularfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('assets/fonts/IRANYekanFaNum/ttf/iranyekanwebregularfanum.ttf') format('truetype');
}

@font-face {
    font-family: IRANYekanFaNum;
    font-style: normal;
    font-weight: 500;
    src: url('assets/fonts/IRANYekanFaNum/eot/iranyekanwebmediumfanum.eot');
    src: url('assets/fonts/IRANYekanFaNum/eot/iranyekanwebmediumfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('assets/fonts/IRANYekanFaNum/woff/iranyekanwebmediumfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('assets/fonts/IRANYekanFaNum/ttf/iranyekanwebmediumfanum.ttf') format('truetype');
}

@font-face {
    font-family: IRANYekanFaNum;
    font-style: normal;
    font-weight: 800;
    src: url('assets/fonts/IRANYekanFaNum/eot/iranyekanwebextraboldfanum.eot');
    src: url('assets/fonts/IRANYekanFaNum/eot/iranyekanwebextraboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('assets/fonts/IRANYekanFaNum/woff/iranyekanwebextraboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('assets/fonts/IRANYekanFaNum/ttf/iranyekanwebextraboldfanum.ttf') format('truetype');
}

@font-face {
    font-family: IRANYekanFaNum;
    font-style: normal;
    font-weight: 850;
    src: url('assets/fonts/IRANYekanFaNum/eot/iranyekanwebblackfanum.eot');
    src: url('assets/fonts/IRANYekanFaNum/eot/iranyekanwebblackfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('assets/fonts/IRANYekanFaNum/woff/iranyekanwebblackfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('assets/fonts/IRANYekanFaNum/ttf/iranyekanwebblackfanum.ttf') format('truetype');
}

@font-face {
    font-family: IRANYekanFaNum;
    font-style: normal;
    font-weight: 900;
    src: url('assets/fonts/IRANYekanFaNum/eot/iranyekanwebextrablackfanum.eot');
    src: url('assets/fonts/IRANYekanFaNum/eot/iranyekanwebextrablackfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('assets/fonts/IRANYekanFaNum/woff/iranyekanwebextrablackfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('assets/fonts/IRANYekanFaNum/ttf/iranyekanwebextrablackfanum.ttf') format('truetype');
}






/* Font faces and theme font variables are registered in inc/sepidsolar-fonts.php. */
  body, *, *::placeholder {
    --theme-font-family: "IRANYekanFaNum";
    font-family: "IRANYekanFaNum";
  }

  * {
    box-sizing: border-box;
    transition: 0.3s;
  }
  
  :focus-visible {
    outline: 0;
    box-shadow: none;
    border: none;
  }
  
  body {
    margin: 0;
    padding: 0;
    font-weight: 500;
    background-color: #fff;
  }
  
  a {
    text-decoration: none;
  }
  
  .t-container {
    margin: 0 80px;
  }
  
  .sepidsolar-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .sepidsolar-loader .spinner {
    inline-size: 70.4px;
    block-size: 70.4px;
    --clr: rgb(12 60 48);
    --clr-alpha: rgb(12 60 48 / 7%);
    animation: spinner 1.6s infinite ease;
    transform-style: preserve-3d;
  }
  
  .sepidsolar-loader .spinner > div {
    background-color: var(--clr-alpha);
    block-size: 100%;
    position: absolute;
    inline-size: 100%;
    border: 3.5px solid var(--clr);
  }
  
  .sepidsolar-loader .spinner div:nth-of-type(1) {
    transform: translateZ(-35.2px) rotateY(180deg);
  }
  
  .sepidsolar-loader .spinner div:nth-of-type(2) {
    transform: rotateY(-270deg) translateX(-50%);
    transform-origin: top right;
  }
  
  .sepidsolar-loader .spinner div:nth-of-type(3) {
    transform: rotateY(270deg) translateX(50%);
    transform-origin: center left;
  }
  
  .sepidsolar-loader .spinner div:nth-of-type(4) {
    transform: rotateX(90deg) translateY(-50%);
    transform-origin: top center;
  }
  
  .sepidsolar-loader .spinner div:nth-of-type(5) {
    transform: rotateX(-90deg) translateY(50%);
    transform-origin: bottom center;
  }
  
  .sepidsolar-loader .spinner div:nth-of-type(6) {
    transform: translateZ(35.2px);
  }
  
  #sepidsolar-loader-lottie-container,
  #sepidsolar-loader-lottie-container * {
    transition: 0s !important;
  }
  
  @keyframes spinner {
    0% {
      transform: rotate(45deg) rotateX(-25deg) rotateY(25deg);
    }
  
    50% {
      transform: rotate(45deg) rotateX(-385deg) rotateY(25deg);
    }
  
    100% {
      transform: rotate(45deg) rotateX(-385deg) rotateY(385deg);
    }
  }
  
  .sepidsolar-loader .loader-2 {
    inline-size: 48px;
    block-size: 48px;
    border: 3px solid var(--Primary---500, #d6ae69);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
  }
  
  @keyframes rotation {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
  
  .select2-container--open {
    z-index: 999999;
  }
  
  /* Force the active theme font on Select2 widgets — the dropdown is portaled to <body>
     and some browsers reset font on form-control descendants. */
  .select2-container .select2-selection__rendered,
  .select2-container .select2-selection__placeholder,
  .select2-container .select2-search__field,
  .select2-dropdown .select2-results__option,
  .select2-dropdown .select2-results__group {
    font-family: var(--theme-font-family);
  }
  
  .sepidsolar-btn-light {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    display: flex;
    padding: 10px 35px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: rgba(0, 0, 0, 0.64);
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
  }
  
  .sepidsolar-btn-light:hover {
    background: var(--Primary, #eeb94c);
    border-color: var(--Primary, #eeb94c);
    color: #fff;
  }
  
  .sepidsolar-green-btn {
    border: 1px solid var(--Primary, #eeb94c);
    background: var(--Primary, #eeb94c);
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
    color: var(--White, #fff);
  }
  
  .sepidsolar-light-btn {
    border-radius: 12px;
    border: 1px solid #d5d7da;
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
    color: #414651;
  }
  
  .sepidsolar-btn {
    border-radius: 12px;
    padding: 12.4px 25px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
  }
  
  .sepidsolar-shadow {
    position: fixed;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    inline-size: 100%;
    block-size: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.24);
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    opacity: 0;
    visibility: hidden;
    transition: inset-block-start 1s, opacity .3s;
  }
  
  body.mini-cart-open,
  body.lang-selector-open {
    position: relative;
  }
  
  body.mini-cart-open .sepidsolar-shadow,
  body.lang-selector-open .sepidsolar-shadow {
    opacity: 1;
    visibility: visible;
    position: absolute !important;
    inset-block-start: 117px;
    inset-inline-end: 0;
    inset-block-end: 0;
    inline-size: 100%;
    block-size: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.24);
    filter: blur(16px);
    backdrop-filter: unset !important;
  }
  
  .bannerrr img {
    inline-size: 100%;
    max-inline-size: 100%;
  }
  
  .site-header {
    box-shadow: 0 4px 56px 0 rgba(0, 0, 0, 0.12);
  }
  
  /**********************************/
  /********* pantry-topbar **********/
  /**********************************/
  .pantry-topbar {
    background: #c1bb8b;
    min-block-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--Neutral-color-800, #292929);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    gap: 8px;
  }
  
  .pantry-topbar .btn {
    border-radius: 6px;
    background: var(--Primary, #eeb94c);
    color: var(--Neutral-color-50, #fff);
    font-size: 11px;
    padding: 3.5px 10px;
    animation: pulseBtn 1.8s infinite;
    transition: all 0.3s ease;
  }
  .pantry-topbar .mobile-text {
    display: none;
  }
  
  @media (max-width: 768px) {
    .pantry-topbar .desktop-text {
      display: none;
    }
  
    .pantry-topbar .mobile-text {
      display: block;
    }
  }
  
  @keyframes pulseBtn {
    0% {
      transform: scale(1);
    }
  
    50% {
      transform: scale(1.08);
    }
  
    100% {
      transform: scale(1);
    }
  }
  
  /* ********************************end */
  
  .header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    inline-size: 100%;
    margin-top: 0px;
    padding-top: 24px;
    position: relative;
  }
  
  .header-top .action-btns {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  
  .mobile-menu-toggle {
    display: none;
  }
  
  .logo-search {
    display: flex;
    align-items: center;
    gap: 32px;
  }
  
  .logo-search .site-logo img {
    block-size: 40px;
    inline-size: auto;
  }
  
  .search-form {
    position: relative;
    display: flex;
    align-items: center;
    background: rgba(97, 97, 97, 0.05);
    border-radius: 10px;
    padding: 5px 10px;
    max-inline-size: 400px;
    margin: 0 auto;
    inline-size: 436px;
  }
  
  .search-form .search-field {
    border: none;
    background: transparent;
    flex: 1;
    padding: 5px;
    color: rgba(97, 97, 97, 0.8);
    text-align: start;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
  }
  
  .search-form .search-field:focus {
    outline: none;
  }
  
  .search-form .search-submit {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    color: #777;
  }
  
  .sepidsolar-language-selector {
    margin-inline-end: 4px;
    position: relative;
  }
  
  .sepidsolar-language-selector .selector {
    position: relative;
    padding-inline-end: 20px;
    cursor: pointer;
  }
  
  .sepidsolar-language-selector .selector span {
    padding-inline-start: 4px;
    padding-inline-end: 8px;
    color: #414651;
    font-size: 12px;
    font-weight: 600;
  }
  
  .sepidsolar-language-selector .dropdown {
    display: none;
    border-radius: 12px;
    border: 1px solid var(--Gray-200, #e9eaeb);
    background: var(--White, #fff);
    box-shadow: 0 12px 16px -4px rgba(10, 13, 18, 0.08),
      0 4px 6px -2px rgba(10, 13, 18, 0.03);
    inline-size: 200px;
    flex-direction: column;
    position: absolute;
    inset-inline-end: 17px;
    inset-block-start: 34px;
    padding: 20px;
    gap: 8px;
    z-index: 9;
  }
  
  .sepidsolar-language-selector .selector:before {
    content: "";
    inset-inline-end: 0;
    inline-size: 1px;
    block-size: 44px;
    background: #b8b8b8;
    position: absolute;
    cursor: default;
  }
  
  .sepidsolar-language-selector .dropdown.active {
    display: flex;
  }
  
  .sepidsolar-language-selector .dropdown input {
    display: none;
  }
  
  .sepidsolar-language-selector .dropdown label {
    padding: 12px;
    color: var(--Gray-900, #181d27);
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
  }
  
  .sepidsolar-language-selector .dropdown input:checked + label {
    background: var(--Neutral---100, #ebebeb);
  }
  
  .header-top .action-btns .my-account {
    gap: 10px;
    color: var(--Neutral---800, #292929);
    font-size: 14px;
    text-decoration: none;
    border-radius: 12px;
    border: 1px solid #d5d7da;
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
    block-size: 44px;
    padding: 10px 16px;
    gap: 4px;
  }
  
  .header-top .action-btns .my-account.is-active,
  body.woocommerce-account .header-top .action-btns .my-account {
    border-color: transparent;
    background: var(--Secondary, #efce9b);
    box-shadow: none;
    stroke: var(--Neutral---800, #292929);
  }
  
  .sepidsolar-mini-cart {
    position: relative;
  }
  
  .sepidsolar-mini-cart .tmc-toggle {
    inline-size: 44px;
    block-size: 44px;
    padding: 10px 16px;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid #d5d7da;
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
    position: relative;
  }
  
  .sepidsolar-mini-cart .tmc-toggle .tmc-count {
    position: absolute;
    inset-block-start: -10px;
    inset-inline-start: -10px;
    background: #ee0909;
    color: #fff;
    inline-size: 20px;
    block-size: 20px;
    aspect-ratio: 1;
    border-radius: 70px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: -1px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .sepidsolar-mini-cart .tmc-dropdown {
    position: absolute;
    inset-inline-end: 0;
    min-inline-size: 300px;
    min-block-size: 160px;
    inset-block-start: 50px;
    border-radius: 12px;
    border: 1px solid var(--Gray-200, #e9eaeb);
    background: var(--White, #fff);
    box-shadow: 0 12px 16px -4px rgba(10, 13, 18, 0.08),
      0 4px 6px -2px rgba(10, 13, 18, 0.03);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
  }
  
  .sepidsolar-mini-cart .tmc-dropdown .tmc-empty {
    font-size: 13px;
  }
  
  .header-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0;
  }
  
  .navigations {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  
  .menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 36px;
  }
  
  .menu li {
    position: relative;
  }
  
  .menu li.menu-item-new > a::after {
    content: 'جدید';
    position: absolute;
    top: -10px;
    inset-inline-end: -22px;
    display: inline-block;
    padding: 1px 6px;
    background: #dc2626;
    color: #fff;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.5;
    pointer-events: none;
    white-space: nowrap;
  }
  
  html[dir="ltr"] .menu li.menu-item-new > a::after {
    content: 'NEW';
  }
  
  .header-bottom .menu li.menu-item-has-children ul.sub-menu {
    position: absolute;
    min-inline-size: 190px;
    display: flex;
    flex-direction: column;
    z-index: 1;
    border-radius: 12px;
    border: 1px solid var(--Gray-200, #e9eaeb);
    background: var(--White, #fff);
    box-shadow: 0 12px 16px -4px rgba(10, 13, 18, 0.08),
      0 4px 6px -2px rgba(10, 13, 18, 0.03);
    padding: 20px 0;
    inset-inline-start: -10px;
    inset-block-start: 50px;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
    z-index: 2;
  }
  
  .header-bottom .menu li.menu-item-has-children:hover ul.sub-menu ul.sub-menu {
    inset-inline-start: 172px;
  }
  
  .header-bottom .menu li.menu-item-has-children ul.sub-menu li {
    display: inline-block;
  }
  
  .header-bottom .menu li.menu-item-has-children ul.sub-menu li:not(:last-child) {
    margin-bottom: 0;
  }
  
  .header-bottom .menu li.menu-item-has-children:hover > ul.sub-menu {
    visibility: visible;
    opacity: 1;
    inset-block-start: 0;
  }
  
  .header-bottom .menu > li.menu-item-has-children:hover > ul.sub-menu {
    inset-block-start: 0;
  }
  
  .header-bottom .menu > li.menu-item-has-children:hover > ul.sub-menu {
    inset-block-start: 30px;
  }
  
  .menu li a {
    color: var(--Neutral---600, #525252);
    text-align: start;
    font-size: 12px;
    font-weight: 400;
    inline-size: 100%;
    display: flex;
    align-items: center;
  }
  
  .header-bottom ul.menu > li > a:after {
    content: "";
    inline-size: 100%;
    block-size: 20px;
    position: absolute;
    inset-block-end: -19px;
    background: transparent;
  }
  
  .menu li ul a {
    padding: 8px 20px;
  }
  
  .menu li a:hover {
    color: var(--Secondary---400, #d5b686);
  }
  
  .menu li.current-menu-item > a {
    font-weight: 700;
    color: var(--Neutral---700, #3d3d3d);
  }
  
  .menu li.current-menu-item > a:before {
    content: "";
    background: var(--Secondary---400, #d5b686);
    inline-size: 6px;
    block-size: 6px;
    display: inline-block;
    border-radius: 50px;
    margin-inline-end: 4px;
  }
  
  .go-to-shop-btn {
    cursor: pointer;
    color: var(--Primary, #eeb94c);
    text-align: start;
    font-size: 12px;
    font-weight: 600;
    border-radius: 200px;
    border: 1.5px solid var(--Primary, #eeb94c);
    padding: 6px 12px;
  }
  
  .go-to-shop-btn:hover {
    background: var(--Primary, #eeb94c);
    color: #fff;
  }
  
  .shipping-costs {
    color: var(--Neutral-color-500, #666);
    font-size: 12px;
    gap: 4px;
  }
  
  .shipping-costs svg {
    flex-shrink: 0;
  }
  
  .shipping-costs:hover {
    color: var(--Primary, #eeb94c);
  }
  
  .mobile-menu {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: -120%;
    inline-size: 256px;
    block-size: 100%;
    z-index: 999999;
    border: 1px solid #d9d9d9;
    background: #fff;
    box-shadow: 0 4px 56px 0 rgba(0, 0, 0, 0.16);
    transition: 0.3s;
  }
  
  .mobile-menu.active {
    inset-inline-start: 0;
  }
  
  body.mobile-menu-open .sepidsolar-shadow {
    position: fixed;
    z-index: 99999;
    opacity: 1;
    visibility: visible;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    transition: opacity 0.08s ease, visibility 0s, -webkit-backdrop-filter 0.08s ease, backdrop-filter 0.08s ease;
    will-change: opacity, backdrop-filter;
    transform: translateZ(0);
  }
  
  .mobile-menu-wrapper {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    block-size: 100dvh;
  }
  
  .mobile-menu-wrapper .top {
    block-size: 83px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
    border-bottom: 1px solid #d9d9d9;
  }
  
  .mobile-menu-wrapper .main {
    margin-top: 0;
  }
  
  .mobile-menu-wrapper .bottom {
    margin-top: auto;
    block-size: 76px;
    padding: 16px;
  }
  
  .mobile-menu-wrapper ul.menu {
    flex-direction: column;
    overflow: auto;
    block-size: calc(100dvh - 216px);
    gap: 5px;
  }
  
  .mobile-menu-wrapper .main > .menu {
    inline-size: 100%;
    padding: 24px 16px 5px;
    gap: 15px;
  }
  
  .mobile-menu-wrapper .main > .menu > div {
    inline-size: 100%;
  }
  
  .mobile-menu-wrapper ul.menu li {
    position: relative;
  }
  
  .mobile-menu-wrapper ul.menu li a {
    color: var(--Neutral---600, #525252);
    text-align: start;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    padding: 10px 12px;
  }
  
  .crisp-client {
    display: none !important;
  }
  
  .mobile-menu-wrapper ul.menu li.menu-item-has-children:before {
    content: "";
    inline-size: 5px;
    block-size: 5px;
    position: absolute;
    inset-inline-end: 15px;
    inset-block-start: 16px;
    background: transparent;
    border: 1px solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  
  .mobile-menu-wrapper ul.menu li a {
    inline-size: auto;
    display: inline-flex;
  }
  
  .mobile-menu-wrapper ul.menu li ul.sub-menu {
    padding: 0;
    margin: 0;
    background: #0000000d;
    padding: 5px;
    display: none;
    border-radius: 10px;
  }
  
  .mobile-menu-wrapper ul.menu li.active > ul.sub-menu {
    display: block;
  }
  
  .mobile-menu-wrapper ul.menu li ul.sub-menu li {
    display: block;
  }
  
  .mobile-menu-wrapper .top .site-logo {
    inline-size: 58px;
    position: relative;
    padding-inline-end: 36px;
    margin-inline-end: 36px;
    box-sizing: content-box;
    display: flex;
    align-items: center;
  }
  
  .mobile-menu-wrapper .top .sepidsolar-language-selector {
    margin-inline-end: unset;
  }
  
  .sepidsolar-language-selector .selector:before {
    display: none;
  }
  
  .sepidsolar-language-selector .selector {
    padding-inline-end: unset;
  }
  
  .mobile-menu-wrapper .top .site-logo img {
    inline-size: 100%;
    block-size: 100%;
  }
  
  .mobile-menu-wrapper .top .site-logo:after {
    content: "";
    background: #b8b8b8;
    inline-size: 1px;
    block-size: 44px;
    position: absolute;
    inset-inline-end: 0;
  }

  .mobile-menu-wrapper .top.mobile-menu-brand-only .site-logo {
    margin: 0;
    padding: 0;
    justify-content: center;
  }

  .mobile-menu-wrapper .top.mobile-menu-brand-only .site-logo:after {
    content: none;
    display: none;
  }

  .mobile-menu-wrapper .top.mobile-menu-brand-only .site-logo--brand {
    inline-size: auto;
    direction: rtl;
    gap: 8px;
    color: #eef5ff;
    text-decoration: none;
  }

  .mobile-menu-brand__mark {
    display: grid;
    inline-size: 38px;
    block-size: 38px;
    flex: 0 0 38px;
    place-items: center;
    color: #d6ae69;
  }

  .mobile-menu-brand__mark svg {
    inline-size: 36px;
    block-size: 36px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.4;
  }

  .mobile-menu-brand__text {
    display: block;
    text-align: right;
  }

  .mobile-menu-brand__text b,
  .mobile-menu-brand__text small {
    display: block;
    white-space: nowrap;
  }

  .mobile-menu-brand__text b {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 1px;
  }

  .mobile-menu-brand__text small {
    margin-top: 5px;
    color: #d6ae69;
    font-size: 8px;
    line-height: 1;
  }
  
  .mobile-menu-wrapper .bottom a {
    gap: 10px;
    color: #414651;
    font-size: 14px;
    text-decoration: none;
    border-radius: 12px;
    border: 1px solid #d5d7da;
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
    block-size: 44px;
    padding: 10px 16px;
    gap: 4px;
  }
  
  .mobile-menu-wrapper .bottom a.my-account.is-active {
    border-color: transparent;
    background: var(--Secondary, #efce9b);
    box-shadow: none;
    color: var(--Neutral---800, #292929);
  }
  
  .mobile-menu-wrapper .bottom a.my-account.is-active svg {
    color: var(--Neutral---800, #292929);
  }
  
  body {
    transition: margin 0s, margin-top 0s;
  }
  
  .site-header {
    position: static;
  }
  
  .site-header.sticky-header {
    position: fixed;
    inset-block-start: 0;
    inset-inline-end: 0;
    background: #fff;
    z-index: 999999;
    inline-size: 100%;
  }
  
  body.mobile-cart-open .site-header.sticky-header {
    background: transparent;
    box-shadow: none !important;
  }
  
  body.mobile-cart-open .site-header.sticky-header .mobile-menu-toggle {
    opacity: 0;
  }
  
  .site-header.sticky-header .pantry-topbar {
    display: none;
  }
  
  .site-header.sticky-header .header-bottom {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 170px;
    display: none;
  }
  
  .site-header.sticky-header .header-top {
    margin: 15px 0;
    padding-top: 0;
  }
  
  .site-header.sticky-header .shipping-costs {
    display: none;
  }
  
  .site-header.sticky-header .search-form {
    display: none;
  }
  
  .site-header.sticky-header [class*="spider"] {
    transform: scale(0.6) translateY(-60px);
  }
  
  .sticky-header-search-toggle {
    inline-size: 44px;
    block-size: 44px;
    padding: 4px;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid #d5d7da;
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
    position: relative;
    align-items: center;
    justify-content: center;
    color: #414651;
    display: none;
    cursor: pointer;
  }
  
  .sticky-header-search-toggle svg {
    transform: scale(0.9);
  }
  
  .site-header.sticky-header .mobile-menu-toggle {
    display: flex;
    margin-inline-end: 10px;
  }
  
  .site-header.sticky-header .logo-search {
    margin-inline-end: auto;
  }
  
  .site-header.sticky-header .logo-search a.site-logo {
    display: flex;
  }
  
  header.site-header.sticky-header.search-open .t-mini-cart-count {
    display: none;
  }
  
  @media (min-width: 769px) {
    .site-header.sticky-header.search-open .search-form {
      display: flex;
      position: absolute;
      inline-size: calc(100% - 40px);
      block-size: 100%;
      background: #f7f7f7;
      justify-content: center;
      align-items: center;
      margin: auto;
      max-inline-size: 100%;
      z-index: 9;
    }
  
    .site-header.sticky-header .sticky-header-search-toggle {
      display: flex;
    }
  
    body.admin-bar .site-header.sticky-header {
      inset-block-start: 32px;
    }
  }
  
  @media (max-width: 768px) {
    .site-header.sticky-header .search-form {
      display: flex !important;
    }
  
    .site-header.sticky-header .header-top {
      margin: 15px 0 0 0 !important;
    }
  }
  
  @media (max-width: 1024px) {
    .t-container {
      padding: 0 30px;
      margin: 0;
    }
  }
  
  @media (max-width: 768px) {
    #crisp-chatbox-button {
      inset-block-end: 85px !important;
    }
  
    .t-container {
      padding: 0 16px;
      max-inline-size: 100%;
      margin: 0;
    }
  
    .header-bottom {
      display: none;
    }
  
    .search-form {
      inline-size: auto;
      flex: 1;
      max-inline-size: unset;
    }
  
    .logo-search .site-logo {
      position: absolute;
      inset-inline-end: 12px;
      display: flex;
    }
  
    .logo-search {
      display: flex;
      flex-direction: row;
      inline-size: 100%;
    }
  
    .search-form .search-field {
      padding-inline-end: 45px;
    }
  
    .logo-search .site-logo img {
      block-size: 24px;
    }
  
    .header-top {
      padding-bottom: 16px;
      margin-top: 0px;
    }
  
    .mobile-menu-toggle {
      display: flex;
      margin-inline-end: 12px;
    }
  }
  
  .site-footer {
    inline-size: 100%;
    display: flex;
    flex-direction: column;
    background: #f5f5f5;
    /* margin-top: 30px; */
  }
  
  .site-footer .top {
    padding-block: 24px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .site-footer .top .heading .title {
    color: var(--Gray-900, #181d27);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
  }
  
  .site-footer .top .heading .disc {
    color: var(--Gray-600, #535862);
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
  }
  
  .site-footer .middle {
    padding: 32px 0;
    border-top: 1px dashed var(--Primary---500, #d6ae69);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .site-footer .middle .sepidsolar-media {
    display: flex;
    align-items: center;
    gap: 48px;
  }
  
  .site-footer .middle .sepidsolar-media .logo {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .site-footer .middle .sepidsolar-media .logo img {
    inline-size: 48px;
  }
  
  .site-footer .middle .sepidsolar-media .logo span {
    color: var(--Primary, #eeb94c);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }
  
  .site-footer .middle .sepidsolar-media .social {
    display: flex;
    gap: 24px;
  }
  
  .site-footer .middle .sepidsolar-media .social a {
    display: flex;
    color: #000;
    align-items: center;
  }
  
  .site-footer .middle .companies {
    display: flex;
  }
  
  .site-footer .middle .companies .banks {
    border-inline-end: 1px solid #b8b8b8;
    padding-inline-end: 40px;
    margin-inline-end: 40px;
  }
  
  .site-footer .middle .companies > div {
    display: flex;
    align-items: center;
    gap: 40px;
  }
  
  .site-footer .bottem {
    display: flex;
    justify-content: space-between;
    border-radius: 24px;
    background: #e4e4e4;
    gap: 32px;
    padding: 24px;
    margin-bottom: 32px;
    padding-inline-end: 200px;
  }
  
  .site-footer .bottem .col .heading {
    color: #222222;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 0 16px 0;
  }
  
  .site-footer .bottem .col .footer-menu {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
  }
  
  .site-footer .bottem .col .footer-menu li {
    display: inline-block;
  }
  
  .site-footer .bottem .col .footer-menu li a {
    color: #666666;
    font-family: var(--theme-font-family);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
  }
  
  .site-footer .bottem .col .footer-menu li a:hover {
    color: #eeb94c;
  }
  
  .site-footer .bar {
    background: #ebce8e;
    min-block-size: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  
  .site-footer .bar p {
    margin: auto 0;
    text-align: center;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
  }
  
  .footer-newsletter-form-wrapper {
    display: flex;
    gap: 12px;
    align-items: center;
  }
  
  .footer-newsletter-form-wrapper input {
    border-radius: 12px;
    border: 1px solid var(--Gray-300, #d5d7da);
    background: var(--White, #fff);
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
    padding: 10px 14px;
    inline-size: 280px;
    max-inline-size: 100%;
  }
  
  .footer-newsletter-form-wrapper button {
    border-radius: 8px;
    border: 1px solid var(--Primary, #eeb94c);
    background: var(--Primary, #eeb94c);
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
    padding: 10px 18px;
    color: var(--White, #fff);
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    cursor: pointer;
  }
  
  .footer-newsletter-form-wrapper input,
  .footer-newsletter-form-wrapper input::placeholder {
    color: var(--Gray-500, #717680);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }
  
  .footer-newsletter-form-wrapper button:hover {
    background: #222;
  }
  
  .social.in-mobile {
    padding-block: 33px 24px;
    border-top: 1px solid var(--Gray-200, #e9eaeb);
    align-items: center;
    justify-content: center;
    gap: 40px;
    display: none;
  }
  
  .social.in-mobile a {
    color: #000;
    display: flex;
    align-items: center;
  }
  
  @media (max-width: 768px) {
    .site-footer .middle,
    .site-footer .top,
    .site-footer .middle .companies {
      flex-direction: column;
    }
  
    .footer-newsletter-form-wrapper input {
      inline-size: 100%;
    }
  
    .site-footer .top {
      display: flex;
      align-items: stretch;
    }
  
    .footer-newsletter-form-wrapper {
      display: flex;
      flex-direction: column;
      gap: 8px;
      inline-size: 100%;
    }
  
    .footer-newsletter-form-wrapper button {
      inline-size: 100%;
    }
  
    .site-footer .top .heading {
      margin-bottom: 32px;
    }
  
    .site-footer .middle .sepidsolar-media .social {
      display: none;
    }
  
    .site-footer .middle {
      align-items: stretch;
      gap: 32px;
    }
  
    .site-footer .middle .sepidsolar-media .logo img {
      inline-size: 72px;
    }
  
    .site-footer .middle .companies .banks {
      border: 0 !important;
      padding: 0;
      margin: 0;
    }
  
    .site-footer .middle .sepidsolar-media {
      justify-content: center;
    }
  
    .site-footer .middle .companies {
      gap: 32px;
      display: flex;
      align-items: center;
    }
  
    .site-footer .bottem {
      display: flex;
      flex-wrap: wrap;
      padding: 24px;
      gap: 32px;
    }
  
    .social.in-mobile {
      display: flex;
    }
  
    .solardev-notice-ajax {
      inset-block-end: unset !important;
      inset-block-start: 15px;
    }
  }
  
  .header-bottom .menu li.menu-item-has-children:hover ul.sub-menu ul.sub-menu {
    inset-inline-start: calc(100% - 20px);
    display: flex;
  }
  
  .c-row > .c-col img {
    float: inline-end;
  }
  
  .c-row {
    margin: 40px 0;
  }
  
  .blog-button-shortcode {
    display: inline-block;
    padding: 7px 25px;
    background-color: #1a3c34;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
  }
  
  .shipping-zone-costs-popup {
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 4px 56px 0 rgba(0, 0, 0, 0.12);
    position: fixed;
    inset-inline-end: 50%;
    inset-block-start: 50%;
    transform: translate(-50%, -50%);
    padding: 32px;
    inline-size: 792px;
    max-inline-size: calc(100% - 30px);
    align-items: stretch;
    display: none;
    flex-direction: column;
    z-index: 999999;
  }
  
  html[dir="ltr"] .shipping-zone-costs-popup {
    transform: translate(50%, -50%);
  }
  
  body.shipping-zone-costs-popup-active .shipping-zone-costs-popup {
    display: flex;
  }
  
  .shipping-zone-costs-popup > div {
    display: none;
  }
  
  .shipping-zone-costs-popup > div.active {
    display: block;
  }
  
  .shipping-zone-costs-popup .heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .shipping-zone-costs-popup .heading > span:first-child {
    color: #111827;
    font-size: 18px;
    font-weight: 700;
    line-height: 125%;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .shipping-zone-costs-popup .heading span.icon {
    display: inline-flex;
  }
  
  .shipping-zone-costs-popup .heading .close-popup-btn {
    border-radius: 200px;
    background: var(--Neutral---100, #ebebeb);
    display: flex;
    justify-content: center;
    align-items: center;
    inline-size: 36px;
    block-size: 36px;
    cursor: pointer;
  }
  
  .shipping-zone-costs-popup .content {
    padding: 24px;
    border-radius: 12px;
    border: 1px solid var(--Neutral---100, #ebebeb);
    margin-top: 24px;
    display: flex;
    flex-direction: column;
  }
  
  body.shipping-zone-costs-popup-active .sepidsolar-shadow {
    position: fixed;
    z-index: 99999;
    opacity: 1;
    visibility: visible;
    backdrop-filter: blur(4px);
  }
  
  .shipping-zone-costs-popup .content span.title {
    color: var(--Gray-700, #414651);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 6px;
  }
  
  .shipping-zone-costs-popup .content .tending {
    margin-top: 24px;
  }
  
  .shipping-zone-costs-popup .content .trending-heading {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 4px;
    color: var(--Gray-700, #414651);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 12px;
  }
  
  .shipping-zone-costs-popup .content .countries {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
  }
  
  .shipping-zone-costs-popup .content .countries .country-item {
    border-radius: 12px;
    border: 1px solid #d5d7da;
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
    display: flex;
    padding: 10px 16px;
    gap: 4px;
    align-items: center;
    cursor: pointer;
  }
  
  .shipping-zone-costs-popup .content .countries .country-item .icon {
    display: flex;
  }
  
  .shipping-zone-costs-popup .select2-selection__placeholder {
    color: var(--Neutral---400, #8f8f8f);
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
  }
  
  .shipping-zone-costs-popup .content .countries .country-item .country-name {
    color: #414651;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }
  
  .shipping-zone-costs-popup .content .countries .country-item:hover {
    transform: translateY(-5px);
  }
  
  .shipping-zone-costs-dropdown {
    position: relative;
  }
  
  .shipping-zone-costs-dropdown .trigger-input {
    inline-size: 100%;
    padding: 10px 12px;
    border: 1px solid #cfcfe6;
    border-radius: 8px;
    background: #fff;
    cursor: text;
    box-sizing: border-box;
  }
  
  .shipping-zone-costs-dropdown .menu {
    position: absolute;
    inset-inline-end: 0;
    inset-inline-start: 0;
    inset-block-start: calc(100% + 8px);
    background: #fff;
    border: 1px solid #e0e0ee;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(24, 24, 40, 0.08);
    z-index: 30;
    padding: 8px;
    display: none;
  }
  
  .shipping-zone-costs-dropdown .menu.open {
    display: block;
  }
  
  .shipping-zone-costs-dropdown .options {
    max-block-size: 196px;
    overflow: auto;
    padding: 4px;
  }
  
  .shipping-zone-costs-dropdown .option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    border-radius: 6px;
    cursor: pointer;
    color: var(--Neutral---900, #1a1a1a);
    text-align: start;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
  }
  
  .shipping-zone-costs-dropdown .option:hover {
    background: #f4f6ff;
  }
  
  .shipping-zone-costs-dropdown .icon {
    inline-size: 20px;
    block-size: 20px;
  }
  
  .shipping-zone-costs-dropdown .no-results {
    text-align: center;
    padding: 8px;
    color: #666;
  }
  
  .shipping-zone-costs-info {
    display: flex;
    flex-direction: column;
  }
  
  .shipping-zone-costs-info .shipping-method {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
  }
  
  .shipping-zone-costs-info .shipping-method .title {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  
  .shipping-zone-costs-info .shipping-method .title .method-name {
    color: var(--Neutral---800, #292929);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
  }
  
  .shipping-zone-costs-info .shipping-method .method-cost {
    color: var(--Neutral-color-500, #666);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
  }
  
  .shipping-zone-costs-popup .level-two .btns {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
  }
  
  .shipping-zone-costs-popup .level-two .btns .btn.light {
    border-radius: 12px;
    border: 1px solid #d5d7da;
    background: var(--Neutral---50, #fff);
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
    color: #414651;
  }
  
  .shipping-zone-costs-popup .level-two .btns .btn {
    border-radius: 12px;
    border: 1px solid var(--Primary, #eeb94c);
    background: var(--Primary, #eeb94c);
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
    display: flex;
    block-size: 48px;
    padding: 4px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--Neutral---50, #fff);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    cursor: pointer;
  }
  
  .mobile-menu-open .crisp-client {
    display: none !important;
  }
  
  @media (max-width: 768px) {
    .shipping-zone-costs-popup {
      padding: 25px;
    }
  
    .shipping-zone-costs-popup .heading > span:first-child {
      font-size: 16px;
      line-height: 180%;
    }
  
    .shipping-zone-costs-popup .heading {
      gap: 20px;
    }
  
    .shipping-zone-costs-info .shipping-method .title svg {
      flex-shrink: 0;
    }
  
    .shipping-zone-costs-info .shipping-method .title .method-name {
      font-size: 13px;
    }
  
    .shipping-zone-costs-popup .level-two .btns .btn {
      flex: 1;
      white-space: nowrap;
    }
  }
  
  .product-quantity .quantity {
    display: flex;
    align-items: center;
    gap: 0;
  }
  
  .quantity input {
    border-radius: 4px;
    border: 1px solid var(--Neutral-50, #f4f4f4);
    background: var(--Neutral-50, #f4f4f4);
    display: flex;
    inline-size: 36px;
    block-size: 36px;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  
  .product-quantity .quantity .quantity-button {
    padding: 10px;
    cursor: pointer;
  }
  
  .sepidsolar-ls {
    z-index: 9999999999999 !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
    overscroll-behavior: contain;
    direction: rtl;
    border-radius: 12px;
    border: 1px solid var(--Neutral---100, #ebebeb);
    background: var(--Neutral-0, #fff);
  }
  
  html[dir="ltr"] .sepidsolar-ls {
    direction: ltr;
  }
  
  table.sepidsolar-ls__table {
    padding: 24px 16px;
    inline-size: 100%;
    block-size: 100%;
  }
  
  tr.sepidsolar-ls__row {
    padding-bottom: 8px;
    border-bottom: 1px solid var(--Neutral-50, #f4f4f4);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
  }
  
  tr.sepidsolar-ls__row:last-child {
    padding-bottom: unset;
    margin-bottom: unset;
    border-bottom: unset;
  }
  
  img.sepidsolar-ls__thumb {
    inline-size: 48px;
    block-size: 48px;
    border-radius: 4px;
  }
  
  td.sepidsolar-ls__cell.sepidsolar-ls__cell--img {
    display: flex;
  }
  
  a.sepidsolar-ls__link {
    color: var(--Neutral-color-700, #3d3d3d);
    text-align: start;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
  }
  
  #wpadminbar {
    z-index: 9999999;
  }
  
  a.added_to_cart {
    display: none !important;
  }
  
  .Christmas-topbar.wrapper {
    padding: 14px 80px;
    box-shadow: 0 4px 56px 0 rgba(0, 0, 0, 0.12);
  }
  
  .Christmas-topbar.wrapper .Christmas-topbar {
    border-radius: 8px;
    background: #e0dbf5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
  }
  
  .Christmas-topbar.wrapper .Christmas-topbar .icon {
    display: flex;
  }
  
  .Christmas-topbar.wrapper .Christmas-topbar .txt {
    color: var(--Neutral---900, #1a1a1a);
    font-size: 13px;
    font-weight: 600;
  }
  
  .Christmas-topbar.wrapper .Christmas-topbar .button {
    color: var(--Neutral-color-50, #fff);
    font-size: 11px;
    font-weight: 500;
    display: flex;
    height: 24px;
    padding: 0 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background: #c42323;
  }
  
  .Christmas-topbar.wrapper .Christmas-topbar .icon.reverse {
    transform: rotateY(180deg);
  }
  
  .Christmas-topbar.wrapper .Christmas-topbar .txt-wrapper {
    display: flex;
    gap: 14px;
    align-items: center;
  }
  
  @media (max-width: 768px) {
    .Christmas-topbar.wrapper {
      padding: unset;
    }
  
    .Christmas-topbar.wrapper .Christmas-topbar {
      padding: 10px 0;
      justify-content: center;
    }
  
    .Christmas-topbar.wrapper .Christmas-topbar .icon {
      display: none;
    }
  
    .Christmas-topbar.wrapper .Christmas-topbar .txt {
      font-size: 11px;
    }
  
    .Christmas-topbar.wrapper .Christmas-topbar .button {
      font-size: 11px;
      border-radius: 200px;
    }
  
    .Christmas-topbar.wrapper .Christmas-topbar .txt-wrapper {
      gap: 4px;
    }
  }
  
  .nowruz-topbar {
    border-radius: var(--radius-none, 0);
    border-bottom: 1px solid #122347;
    background: #122347;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 80px;
  }
  
  .nowruz-topbar .content {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  
  .nowruz-topbar .content .icon {
    display: flex;
  }
  
  .nowruz-topbar .content p {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: var(--Line-height-text-md, 24px);
  }
  
  .nowruz-topbar .content p span {
    font-weight: 600;
    font-size: 12px;
    color: var(--Secondary, #efce9b);
  }
  
  .nowruz-topbar .actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
  }
  
  .nowruz-topbar .actions .btn {
    border-radius: 200px;
    background: #fff;
    color: #122347;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    line-height: var(--Line-height-text-md, 24px);
    padding: 4px 18px;
  }
  
  .nowruz-topbar .actions .close-topbar-btn {
    background: unset;
    border: unset;
    outline: unset;
    box-shadow: unset;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  #solardev-nowruz-banner {
    position: fixed;
    inset-block-end: 20px;
    inset-inline-start: 20px;
    inset-inline-end: 20px;
    width: fit-content;
    z-index: 99999;
    display: flex;
    align-items: center;
    gap: 15px;
    background: #fff;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    padding-block: 20px;
    padding-inline: 20px 80px;
    animation: nowruzSlideUp 0.45s ease-out;
  }
  
  @keyframes nowruzSlideUp {
    from {
      transform: translateY(80px);
      opacity: 0;
    }
  
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  .solardev-nowruz-btn {
    background: #122347;
    color: #fff;
    padding: 10px 25px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 15px;
    white-space: nowrap;
    display: flex;
    height: 48px;
    max-height: 48px;
    padding: 15.5px 60px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex: 1 0 0%;
    border-radius: 10px;
    background: #122347;
  }
  
  .solardev-nowruz-close {
    border: none !important;
    position: absolute !important;
    left: 20px !important;
    top: 20px !important;
    font-size: 22px !important;
    cursor: pointer !important;
    display: flex !important;
    width: 48px !important;
    height: 48px !important;
    padding: 15.5px 15px 14.5px 15px !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    border-radius: 12px !important;
    background: var(--Neutral---100, #ebebeb) !important;
  }
  
  .solardev-nowruz-content {
    display: flex;
    flex: 1;
    gap: 12px;
    align-items: center;
  }
  
  .solardev-nowruz-icon img {
    inline-size: 32px;
    block-size: 32px;
  }
  
  .solardev-nowruz-icon {
    inline-size: 48px;
    block-size: 48px;
    border-radius: 16px;
    background: #efce9b;
    box-shadow: 0 -3px 4.3px 0 rgba(104, 74, 28, 0.32) inset,
      0 1.829px 1.7px 0 rgba(255, 255, 255, 0.5) inset,
      0 0.914px 2.057px 0 rgba(104, 74, 28, 0.24);
    display: flex;
    width: 48px;
    height: 48px;
    padding: 11px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
  }
  
  .solardev-nowruz-text {
    color: var(--Neutral---700, #3d3d3d);
    text-align: start;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    padding-inline-end: 40px;
  }
  
  @media (max-width: 768px) {
    #solardev-nowruz-banner {
      flex-direction: column;
      padding: 16px;
      width: calc(100% - 40px);
    }
  
    .solardev-nowruz-text {
      text-align: center;
      padding: 0;
      font-weight: 500;
    }
  
    .solardev-nowruz-content {
      inline-size: 100%;
    }
  
    .solardev-nowruz-btn {
      flex: 1;
      text-align: center;
      margin-left: 60px;
    }
  
    #solardev-nowruz-banner .solardev-nowruz-close {
      top: unset !important;
      inset-inline-end: 20px !important;
      inset-inline-start: unset;
    }
  
    .nowruz-topbar .content .icon {
      display: flex;
    }
  
    .nowruz-topbar {
      padding: 0 16px;
    }
  
    .nowruz-topbar .actions .btn {
      padding: 8px;
    }
  
    .nowruz-topbar .actions {
      gap: 0;
    }
  }
  
  .footer-newsletter-form-wrapper button {
    border: 1px solid #eeb94c !important;
    background: #eeb94c !important;
  }
  
  .site-footer .bottem {
    background: #e4e4e4 !important;
  }
  
  /* hide order details and customer details on thank you page */
  .thankyou-page section.woocommerce-order-details,
  .thankyou-page section.woocommerce-customer-details {
    display: none;
  }