@charset "utf-8";
/*
Theme Name: EightFitWear
*/

/* ------------- index ------------ */
ins {
  text-decoration: none;
}

del.post__price .woocommerce-Price-currencySymbol {
  display: none !important;
}

/* ------------- product ------------ */
.breadcrumb .breadcrumb-item:last-child::before {
  display: none;
}

.breadcrumb .breadcrumb-item a {
  color: var(--color-primary);
}

@media screen and (max-width: 992px) {
  .woocommerce-product-gallery {
    width: 95% !important;
    margin: auto;
  }
}

.woocommerce-product-gallery .flex-viewport {
  border-radius: 25px;
  border: 1px solid #DFDFDF;
  margin-bottom: 1rem;
}

.woocommerce-product-gallery__wrapper img {
  aspect-ratio: 3/3.8;
  object-fit: cover;
}

ol.flex-control-nav {
  margin-top: 3rem;
}

ol.flex-control-nav li {
  width: 20% !important;
  border-radius: 16px;
  border: 1px solid #DFDFDF;
  overflow: hidden;
  margin: .5rem !important;
}

.product_title.entry-title {
  font-weight: bold;
}

.woocommerce-product-rating {
  margin-top: 3rem;
}

.woocommerce .star-rating::before {
  font-family: inherit !important;
}

.woocommerce .star-rating span::before {
  font-family: 'star' !important;
  color: #ffc107;
}

.woocommerce p.stars a {
  color: #ffc107;
}

h1.product_title {
  margin-bottom: 2rem;
  font-size: 2rem;
}

article.woocommerce .summary p.price span.woocommerce-Price-amount,
.woocommerce-variation-price .price span.woocommerce-Price-amount {
  color: var(--color-primary);
  font-size: 2rem;
  font-weight: bold;
}

table.variations {
  margin-top: 2rem;
}

.woocommerce div.product div.summary {
  border-radius: var(--radius);
  border: 1px solid #DFDFDF;
  padding: 2rem;
}

.woocommerce-variation-price .price ins bdi {
  font-size: 2rem;
  color: #fb7950;
}

.woocommerce-variation-price .price del {
  text-decoration: line-through !important;
  display: inline-flex !important;
}

@media screen and (min-width: 992px) {

  article.woocommerce .summary p.price span.woocommerce-Price-amount,
  h1.product_title {
    font-size: 2.5rem;
  }

  article.woocommerce .summary p.price {
    margin-bottom: 3rem !important;
  }

  .woocommerce-product-gallery {
    width: 35% !important;
  }

  .woocommerce div.product div.summary {
    border-radius: var(--radius);
    border: 1px solid #DFDFDF;
    width: 63%;
    padding: 3rem;
  }

  .woocommerce-variation-price .price ins bdi {
    font-size: 3.2rem;
  }

  .quantity::before {
    width: 88px !important;
  }
}

.quantity {
  width: 100%;
}

.quantity input.input-text {
  margin-bottom: 2rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  width: 20% !important;
  font-size: 1.3rem;
    padding: 5px !important;
    border-radius: 8px;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 37px;
  background: unset;
}

.quantity::before {
  display: inline-block;
  content: "تعداد";
  font-weight: bold;
  width: 50px;
}

a.reset_variations[style="visibility: hidden;"] {
  display: none;
}

a.reset_variations[style="visibility: visible;"] {
  display: block;
}

td.value select {
  background: url(../images/arrow-separate-vertical.svg) no-repeat;
  background-position: 15px;
  background-size: 2.5rem;
  width: 100% !important;
  font-size: 1.3rem;
  padding: 1.5rem 2rem !important;
  border-radius: var(--radius-circle);
  border: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -moz-appearance: none;
  -webkit-appearance: none;
  margin-bottom: 3rem;
}


.product_meta .posted_in a {
  color: var(--color-primary);
}

.sku_wrapper {
  display: none;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
  vertical-align: baseline;
}

article.woocommerce .summary .woocommerce-variation-add-to-cart button.single_add_to_cart_button.disabled,
article.woocommerce .summary .woocommerce-variation-add-to-cart button.single_add_to_cart_button,
.single_add_to_cart_button {
  font-size: 1.5rem;
  background-color: #36ab00 !important;
  color: #fff !important;
  padding: 1.5rem !important;
  border-radius: var(--radius-circle) !important;
  transition: var(--transition);
  font-weight: normal !important;
  width: 100%;
  border: none !important;
}

a.reset_variations {
  float: left;
  margin-top: 2rem;
  font-size: var(--fs-p-d) !important;
}

.single_variation_wrap .woocommerce-Price-amount {
  margin-left: 1rem;
}

.quantity input.input-text {
  margin-bottom: 2rem;
}

.woocommerce div.product p.stock {
  font-size: var(--fs-p-d) !important;
}

.info-selector .selector-items span {
  color: #A9A9B6;
}

#specification table.woocommerce-product-attributes.shop_attributes {
  width: 100%;
}

.woocommerce-Reviews-title {
  display: none;
}

ol.commentlist ul.children .comment-text {
  background: #F2F8FF !important;
  border: none !important;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  border: none !important;
  background: #f7f7f7;
}

.must-log-in {
  margin-top: 2rem !important;
}

.must-log-in a {
  color: var(--color-sec);
  font-weight: bold;
}

.related_product.woocommerce {
  margin-top: 5rem;
}

.related_product.woocommerce h2 {
  font-weight: bold;
}

ol.commentlist {
  padding-right: 0 !important;
}

table.shop_attributes tr.woocommerce-product-attributes-item:last-child {
  border-bottom: 0 !important;
}

#respond.comment-respond {
  line-height: 4rem;
}

#reply-title.comment-reply-title {
  font-weight: bold;
}

.woocommerce #review_form #respond textarea {
  border-radius: 8px;
  border: 1px solid #DFDFDF;
  margin-top: 1rem;
  font-size: var(--fs-p);
}

.woocommerce #review_form #respond .form-submit input {
  border-radius: 8px;
  background: #FFB600;
  color: #fff;
  height: 45px;
  min-width: 273px;
}

p.woocommerce-noreviews {
  display: none;
}

#reply-title {
  display: flex;
  align-items: center;
  gap: 6px;
}

#reply-title::before {
  content: "";
  display: block;
  width: 15px;
  height: 3px;
  background-color: var(--color-primary);
  border-radius: 50px;
}

h1.product_title {
  line-height: normal;
}

li.wc_payment_method.payment_method_WC_novino img {
    display: none;
}

/* info selector */
.info-selector {
  border-bottom: 1px solid #DFDFDF;
  padding: 3rem;
  position: sticky;
  top: 0;
  right: 0;
  z-index: 4;
  background: #f9f9f9;
}

.active-res {
  border-bottom: 3px solid var(--color-primary);
  padding-bottom: 5px;
  border-radius: 3px;
}


.selector-item {
  display: inline-block;
}

.post-info header {
  display: flex;
  align-items: center;
  gap: 6px;
}

.post-info header::before {
  content: "";
  display: block;
  width: 15px;
  height: 3px;
  background-color: var(--color-primary);
  border-radius: 50px;
}

/* table */
#specification table {
  border-radius: 8px !important;
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid #DFDFDF;
}

#specification table p {
  margin: 0 !important;
}

#specification table th,
#specification table td {
  padding: 2rem;
}

#specification table th {
  width: 50%;
}

#specification table td {
  width: 50%;
}

#specification table tr {
  display: flex;
  border-collapse: collapse;
  border-bottom: 1px solid #DFDFDF;
  width: 90%;
  margin: auto;
}

/* comments */
.comment-respond .required {
  color: red;
}

.comment-form-author,
.comment-form-email {
  display: grid;
}

.comment-respond input {
  height: 46px;
  border-radius: 8px;
  border: 1px solid #DFDFDF;
  margin-top: 1rem;
  padding: 0 1rem;
}

.comment-form-cookies-consent {
  display: flex;
  align-items: center;
  gap: 2rem;
}

#wp-comment-cookies-consent {
  margin-top: 0 !important;
}


/* ----- cart ----- */
.woocommerce-notices-wrapper a {
  display: none !important;
}


.woocommerce a.remove {
  display: block;
  font-size: 2.5em !important;
  height: 1em;
  width: 1em;
  text-align: center;
  line-height: 1;
  border-radius: 100%;
  color: red !important;
  text-decoration: none;
  font-weight: 700;
  border: 0;
}

.single-page .container .main-single article.post-single header {
  text-align: center;
  line-height: 3rem;
}


.product-subtotal bdi {
  color: var(--color-primary);
  font-weight: bold;
}

#coupon_code {
  padding: 1rem;
  width: fit-content;
  border-radius: 8px;
  border: 1px solid #E5E5E5 !important;
}

.shop_table .coupon button[name="apply_coupon"],
.return-to-shop a {
  padding: 1.45rem !important;
  background-color: #ebebeb !important;
  text-align: center;
  border-radius: 8px;
}

.product-quantity .quantity {
  margin: 0 !important;
}

.shop_table td.actions button[name="update_cart"]:disabled {
  padding: 1.55rem !important;
  color: #000000 !important;
  border: none !important;
  text-align: center;
  border-radius: 8px;
  opacity: 0.4;
}

.shop_table td.actions button[name="update_cart"] {
  padding: 1.55rem !important;
  background: #ddd !important;
  color: #000000 !important;
  border: none !important;
  text-align: center;
  border-radius: 8px;
}

.cart-collaterals {
  display: flex;
  justify-content: left;
  align-items: center;
}

.cart-collaterals .cart_totals {
  width: 80%;
  margin: 2rem 0;
}

.cart-collaterals .cart_totals h2 {
  margin-bottom: 1rem !important;
}

.cart_totals .wc-proceed-to-checkout a.checkout-button,
.place-order button#place_order {
  width: 100%;
  background: #36ab00 !important;
  padding: 1.5rem;
  text-align: center;
  color: #fff;
  border-radius: 999px;
  font-weight: normal;
  font-size: 1.5rem;
  display: block;
      max-width: 100%;
      border: none !important;
}

.cart_totals .wc-proceed-to-checkout a.checkout-button:hover {
  background: #000000;
}

.woocommerce table.cart .product-thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
}

.woocommerce table.cart .product-thumbnail::before {
  display: none;
}


@media screen and (max-width: 768px) {
    span.new-product-label {
    left: 1px !important;font-size: 11px !important;
}
.single-product span.new-product-label {
    left: 10px !important;
}
.single-product li span.new-product-label {
    left: 1px !important;
    top: 2px;
}
.single-product span.my-weekly-bestseller-badge.my-weekly-bestseller-badge-single {
    width: 95% !important;
    margin: auto !important;
}
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        margin: 0 0 1em !important;
    }
  .shop_table .coupon #coupon_code,
  .shop_table .coupon button[name="apply_coupon"],
  .shop_table td.actions button[name="update_cart"] {
    width: 100% !important;
    margin: 1.2rem 0;
  }

  .cart-collaterals .cart_totals {
    margin: 2rem 0 !important;
  }
}

#customer_details input,
#customer_details textarea {
  padding: 1.1rem;
  border-radius: 8px;
  border: 1px solid #DFDFDF;

}

.woocommerce form .form-row textarea {
  height: 7em !important;
}

/* article.post-single .post-meta {
  display: none !important;
} */

/*-------------- Checkout -------------- */

#billing_company_field,
#billing_country_field,
#billing_address_2_field,
#billing_email_field,
#ship-to-different-address {
  display: none !important;
}

#order_comments {
  border-radius: 8px;
  border: 1px solid #DFDFDF !important;
}

/*-------------- my account -------------- */

@media (max-width: 553px) {
  nav.woocommerce-MyAccount-navigation ul {
    flex-direction: column;
  }
}

nav.woocommerce-MyAccount-navigation ul {
  line-height: 50px;
  justify-content: space-evenly;
  align-items: center;
  column-count: initial;
  margin: 0 !important;
  list-style: none;
}
li.woocommerce-MyAccount-navigation-link.is-active {
    background: #005be4b5;
    color: white;
}
li.woocommerce-MyAccount-navigation-link {
  border: 1px solid #DFDFDF;
  border-radius: 8px;
  margin: 1rem 0;
  width: 100%;
  text-align: center;
}

.woocommerce-MyAccount-content a {
  color: var(--color-primary);
}

article.post-single {
  margin-top: 1rem;
}

@media screen and (min-width: 992px) {
  li.woocommerce-MyAccount-navigation-link {
    width: 100%;
  }

  article.woocommerce {
    margin-top: 1.5rem;
  }
}

.search-input form,
#navigationSearch form {
  width: 100%;
  display: flex;
  justify-content: center;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
  display: none;
}

.dig_ma-box,
.dig_ma-box *,
.dig_ma-box ::placeholder,
.dig_ma-box button,
.dig_ma-box input,
.dig_ma-box input::placeholder,
.dig_ma-box label,
.dig_ma-box select {
  font-family: inherit !important;
}

.dig-content.dig-modal-con {
  border-radius: 16px !important;
}

#dig_login_va_otp {
  background-color: var(--color-primary) !important;
}

.woocommerce-EditAccountForm.edit-account input {
  height: 46px;
  border-radius: 8px;
  border: 1px solid #DFDFDF;
  margin-top: 1rem;
  padding: 0 1rem;
}

.woocommerce-EditAccountForm.edit-account fieldset,
.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide label,
.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide input {
  display: none;
}

.woocommerce-EditAccountForm.edit-account button[name="save_account_details"] {
  font-size: 1.3rem;
  background-color: var(--color-primary) !important;
  color: #fff !important;
  height: 45px;
  border-radius: 8px;
  transition: var(--transition);
  font-weight: normal !important;
  width: 30%;
  margin: auto;
}

@media screen and (max-width: 992px) {
  .woocommerce-EditAccountForm.edit-account button[name="save_account_details"] {
    width: 100%;
  }
}

/* ------- submenu --------- */

.category-menu li.menu-item {
  border: none !important;
}

ul.menu-nav-mob ul.dropdown-menu {
  border: none;
  width: 100%;
  border-radius: 16px;
}


ul.menu-nav ul.dropdown-menu ul.dropdown-menu {
  margin-top: 0 !important;
}

@media screen and (max-width: 992px) {
  .category-menu-item {
    display: block;
  }

  ul.menu-nav-mob a {
    font-size: 1.3rem;
  }
}

.menu-nav-mob .dropdown-menu {
  position: inherit;
}

ul.menu-nav ul.dropdown-menu li {
  text-align: right !important;
}

.menu-nav-mob li.menu-item-has-children {
  border: none !important;
}

ul.menu-nav ul.dropdown-menu ul.dropdown-menu li::before,
ul.menu-nav-mob ul.dropdown-menu li::before {
  content: "";
  display: inline-flex;
  justify-content: center;
  align-items: stretch;
  margin-left: 5px;
  width: 10px;
  height: 2px;
  background-color: var(--color-primary);
  border-radius: 50px;
}

ul.menu-nav li.menu-item-has-children>a::after,
ul.menu-nav-mob li.menu-item-has-children>a::after {
  display: inline-flex;
  content: '\2BC6';
  justify-content: center;
  align-items: end;
  height: 16px;
  width: 24px;
}

@media screen and (min-width: 992px) {
  ul.dropdown-menu {
    min-width: 30rem;
    font-size: inherit;
    padding: 1rem;
    line-height: 3.5rem;
    border-radius: 8px;
    margin-top: 1rem;
    border: 1px solid #e9e9e9;
    right: 0;
  }

  ul.dropdown-menu::before {
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    right: 20px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-right: 1px solid#d9d9d9;
    border-top: 1px solid#d9d9d9;
    transform: rotate(-45deg);
  }

  ul.dropdown-menu li.menu-item {
    display: block !important;
  }

  .menu-nav li.menu-item-has-children .dropdown-menu .dropdown-menu {
    position: relative !important;
    top: unset !important;
  }

  ul.menu-nav ul.dropdown-menu ul.dropdown-menu {
    background-color: unset !important;
    box-shadow: none !important;
    border: none !important;
  }
}

/* ----------- pagination ----------- */
.woocommerce-pagination ul.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  list-style: none;
  margin-top: 3rem;
  padding-left: 0;
}

nav.woocommerce-pagination ul.page-numbers li {
  width: 42px;
  border: 1px solid #EDEDED;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}

nav.woocommerce-pagination ul.page-numbers span.page-numbers.current {
  background: var(--color-primary);
  border: none;
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

nav.woocommerce-pagination li a.page-numbers {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ----------- all product ----------- */
main#main .woocommerce-breadcrumb,
main#main .woocommerce-products-header,
main#main .woocommerce-result-count,
main#main .woocommerce-ordering {
  text-align: center;
  margin-bottom: 2rem;
}

main#main,
article.post-single {
  margin-top: 1rem;
}

article.post-single h1,
article.post-single header {
  margin-bottom: 2rem !important;
}

h1.woocommerce-products-header__title {
  font-weight: bold;
}

select.orderby {
  background: url(../images/arrow-separate-vertical.svg) no-repeat;
  background-position: 15px;
  background-size: 2.5rem;
  font-size: 1.3rem;
  padding: 1.5rem 2rem !important;
  border-radius: var(--radius-circle);
  border: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -moz-appearance: none;
  -webkit-appearance: none;
  min-width: 20%;
}

/* -------------- submenu mobile ---------------- */
.category-menu li {
  box-shadow: none !important;
  background: #f9f9f9 !important;
}

.category-menu .dropdown-menu {
  background-color: unset !important;
}

.category-menu .dropdown-menu li {
  padding: 1rem 0 !important;
}

.category-menu .dropdown-menu li::before {
  display: none !important;
}

.category-menu .dropdown-menu li:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* -------------- table ---------------- */
.woocommerce-product-details__short-description table {
  width: 100%;
}

.woocommerce-product-details__short-description tbody {
  line-height: 42px;
  font-size: 1.2rem !important;
}

.woocommerce-product-details__short-description tbody tr {
  border: 1px solid #dee2e6;
}

.woocommerce-product-details__short-description tbody td {
  padding: 8px;
  text-align: center;
  font-size: 1.2rem !important;
}

.woocommerce-cart-form__cart-item.cart_item .quantity::before {
  display: none !important;
}

@media screen and (min-width: 992px) {
  .woocommerce-cart-form__cart-item.cart_item .quantity input.input-text {
    width: 70px !important;
  }
}

button#place_order {
  background: #00d070;
  padding: 1.8rem;
  text-align: center;
  color: #fff;
  border-radius: 8px;
  font-weight: normal;
  transition: all 0.3s ease;
}

button#place_order:hover {
  background: #000;
}

#payment ul.wc_payment_methods {
  list-style: none;
}

/* -------------------------------- sidebar filter ------------------------------- */
#sidebar-filter {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  background-color: #fff;
  height: 100%;
  box-shadow: none;
  z-index: 4;
  overflow-y: scroll;
  scrollbar-width: none;
}

.sidebar-filter__wrapper {
  /* position: sticky;
  top: 0; */
  /* bottom: auto; */
  background-color: white;
}


.yith-wcan-filters .widgettitle {
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: 0.85rem;
  color: #212529;
  position: relative;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #f1f3f5;
}

.filter-title {
  font-weight: bold;
}

.yith-wcan-filters ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.yith-wcan-filters ul li {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f7f7f7;
  margin: 8px 0 !important;
  padding: 0.45rem 0.6rem;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: background 0.2s ease;
}

.yith-wcan-filters ul li:hover {
  background: #e9f2ff;
}

.yith-wcan-filters ul li a,
.yith-wcan-filters ul li label {
  color: #495057;
  text-decoration: none;
  transition: color 0.2s ease;
  flex: 1;
}

.yith-wcan-filters input[type="checkbox"] {
  accent-color: #0d6efd;
  margin-left: 0.5rem;
  width: 16px;
  height: 16px;
}

.yith-wcan-filters ul li .count {
  background: #dee2e6;
  color: #495057;
  font-size: 0.8rem;
  padding: 2px 6px;
  border-radius: 10px;
  margin-right: 0.5rem;
  transition: background 0.2s ease, color 0.2s ease;
}

.yith-wcan-filters ul li:hover .count {
  background: #0d6efd;
  color: #fff;
}

.yith-wcan-filters ul li.chosen {
  background: #d6e4ff;
}

.yith-wcan-filters ul li.chosen a,
.yith-wcan-filters ul li.chosen label {
  font-weight: 600;
  color: #0d6efd;
}

.yith-wcan-select-wrapper select {
  width: 100%;
  padding: 0.45rem 0.6rem;
  border: 1px solid #dee2e6;
  border-radius: 0.4rem;
  font-size: 0.9rem;
  color: #495057;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.yith-wcan-select-wrapper select:hover {
  border-color: #0d6efd;
}

.yith-wcan-color li a {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-block;
  border: 2px solid #ccc;
  transition: transform 0.2s ease;
}

.yith-wcan-color li a:hover {
  transform: scale(1.2);
  border-color: #0d6efd;
}

.yith-wcan-reset-filters {
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  margin-bottom: 24px;
  margin-top: 16px;
  border-radius: 999px;
  background-color: var(--color-primary) !important;
  border: none !important;
}

.yith-wcan-reset-filters:hover {
  background: #0d6efd;
  color: #fff;
  border-color: #0d6efd;
}

.price-slider span.irs-to,
.price-slider span.irs-from {
  font-size: 12px !important;
}

@media (max-width: 768px) {
.single-product .sale-perc {
    left: 2.5% !important;
}
  .filters-container {
    padding: 0 2rem;
    margin-top: 24px;
    border-top: 1px solid #8890a3;
    padding: 16px;
  }

  .price-slider {
    padding: 3rem;
  }

  .yith-wcan-filters .widgettitle {
    font-size: 1rem;
  }
}

/* non in stock mssg */
.sms-notif-enable-p {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 1px solid #DFDFDF;
}

.sms-notif-groups-label.sms-notif-groups-label-_in {
  margin-top: 3rem;
    margin-bottom: 1rem;
}

input.sms-notif-mobile {
      margin-bottom: 2rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 1rem !important;
    border-radius: 12px;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 45px;
}

.sms-notif-result {
font-weight: bold;
    text-align: center;
    display: block;
    margin-top: 3rem;
}

.product_meta {
  padding-top: 2rem;
  margin-top: 2rem;
    border-top: 1px solid #DFDFDF;
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    src: url('fonts/IRANSans/eot/IRANSansMedium.eot');
    src: url('fonts/IRANSans/eot/IRANSansWebMedium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/IRANSans/woff2/IRANSansWebMedium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/IRANSans/woff/IRANSansWebMedium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/IRANSans/ttf/IRANSansWebMedium.ttf') format('truetype');  font-display: swap;
}
body {text-align: right;font: 14px IRANSans;color: #272727;background: #f5f5f5;line-height: 28px;}
/* fonts */


/*  PREVENT TEXT SIZE SCALLING */

/* iPhone, portrait & landscape. */
@media all and (max-device-width: 480px) {
  html,
  body,
  p {
    text-size-adjust: none !important;
    -webkit-text-size-adjust: none !important;
    -moz-text-size-adjust: none !important;
    -ms-text-size-adjust: none !important;
  }
}

/* iPad, portrait & landscape. */
@media all and (min-device-width: 768px) and (max-device-width: 1024px) {
  html,
  body,
  p {
    text-size-adjust: none !important;
    -webkit-text-size-adjust: none !important;
    -moz-text-size-adjust: none !important;
    -ms-text-size-adjust: none !important;
  }
}

/* Reset */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: 0;
}

a {
  color: #333;
  text-decoration: none;
  transition: all 0.3s ease;
}

/*
  1. Use a more-intuitive box-sizing model.
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*
  2. Remove default margin
*/
* {
  margin: 0;
}

/*
  Typographic tweaks!
  3. Add accessible line-height
  4. Improve text rendering
*/
body {
  line-height: 2;
  -webkit-font-smoothing: antialiased;
}

/*
  5. Improve media defaults
*/
img,
picture,
video,
canvas,
svg {
  max-width: 100%;
}

/*
  6. Remove built-in form typography styles
*/
input,
button,
textarea,
select {
  font: inherit;
}

/*
  7. Avoid text overflows
*/
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: auto;
  line-height: inherit;
}

/*
  8. Create a root stacking context
*/
#root,
#__next {
  isolation: isolate;
}

html {
  box-sizing: border-box;
}

.btn-check:focus + .btn,
.btn:focus {
  box-shadow: none;
}

figure {
  margin: 0;
}

/* Typography */
html {
  font-size: 62.5%;
}

/* root */
:root {
  /* font size */
  --fs-p: 1.4rem;
  --fs-p-d: 1.4rem;
  --fs-title: 2.5rem;
  --fs-title-d: 2.4rem;
  --h1: 2rem;
  --h1-d: 4.2rem;

  /* colors */
  --color-primary: #48525c;
  --color-dark: #383838;
  --color-light: #8890a3;
  --box-light: #9aa2b6;

  /* border radius */
  --radius: 20px;
  --radius-circle: 500px;

  /* transition */
  --transition: all ease 0.3s;
}

body {
  background: #f9f9f9;
  font-size: var(--fs-p);
  color: var(--color-primary);
}

p {
  font-size: var(--fs-p);
  color: var(--color-primary);
}

h1 {
  font-size: var(--h1);
  color: var(--color-primary);
}

h2 {
  font-size: var(--fs-title);
  color: var(--color-primary);
}

ul {
  margin: 0;
  padding: 0;
}

/* root class */
.fs-p {
  font-size: var(--fs-p);
}

.img--fluid {
  width: 100% !important;
  height: 100% !important;
}

.fs-title {
  font-size: var(--fs-title);
}

.color--primary {
  color: var(--color-primary);
}

.color--light {
  color: var(--color-light);
}

.color--dark {
  color: var(--color-dark);
}

.box--light {
  color: var(--box-light);
}

.radius {
  border-radius: var(--radius);
}

.radius--circle {
  border-radius: var(--radius-circle);
}

.bg--box {
  background: var(--bg-box);
}

.mt-6 {
  margin-top: 3rem;
}

.main--shadow {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.btnCircle--shadow {
  background: linear-gradient(135deg, #fff, #ededed);
  box-shadow: -1px 1px 2px rgba(255, 255, 255, 0.3) inset, 1px -1px 2px rgba(172, 172, 172, 0.5) inset, 3px 3px 6px rgba(172, 172, 172, 0.2), -3px -3px 6px rgba(172, 172, 172, 0.2), 3px -3px 6px rgba(255, 255, 255, 0.9), -3px 3px 8px rgba(172, 172, 172, 0.9);
  width: 25px;
  height: 25px;
  border-radius: 500px;
  border: none;
}

@media screen and (min-width: 992px) {
  body {
    font-size: var(--fs-p-d);
  }

  p {
    font-size: var(--fs-p-d);
  }

  h1 {
    font-size: var(--h1-d);
  }

  h2 {
    font-size: var(--fs-title-d);
  }

  .fs-p {
    font-size: var(--fs-p-d);
  }

  .fs-title {
    font-size: var(--fs-title-d);
  }

  .mt-6 {
    margin-top: 6rem;
  }

  .btnCircle--shadow {
    width: 30px;
    height: 30px;
  }
}

/*------------------ desktop navbar ------------------*/
.desktop-navbar .navbar-menu {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-nav li.menu-item:last-child {
  margin-left: 0 !important;
}

/* floating search box */
.floating-search-box-wrapper {
  position: fixed;
  left: 5%;
  bottom: 5%;
  z-index: 2;
}

.floating-search-box input {
  padding: 10px;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #fff, #ededed);
  box-shadow: -1px 1px 2px rgba(255, 255, 255, 0.3) inset, 1px -1px 2px rgba(172, 172, 172, 0.5) inset, 3px 3px 6px rgba(172, 172, 172, 0.2), -3px -3px 6px rgba(172, 172, 172, 0.2), 3px -3px 6px rgba(255, 255, 255, 0.9), -3px 3px 8px rgba(172, 172, 172, 0.9);
  border-radius: 50px;
  box-sizing: border-box;
  font-size: 26px;
  outline: none;
  transition: 0.5s;
  border: none;
  padding: 0 3rem;
  cursor: pointer;
}

.floating-search-box:hover input {
  width: 500px;
  background: #fff;
  border-radius: var(--radius-circle);
  color: var(--color-primary);
}

.floating-search-box svg {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  background: linear-gradient(135deg, #fff, #ededed);
  transition: 0.2s;
}

.floating-search-box:hover svg {
  opacity: 0;
  z-index: -1;
}

/*------------------ navbar mobile ------------------*/
.canvas-menu {
  position: fixed;
  z-index: 2;
top: 27px;z-index: 20;
}

.canvas-menu__btn {
  background: var(--color-primary);
  border-radius: 14px 0 0 14px;
  width: 56px;
  height: 56px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.offcanvas__menu {
  background: #f9f9f9;
  width: 80% !important;
  height: 95%;
  margin: auto;
  border-radius: var(--radius) 0 0 var(--radius);
  overflow: hidden;
  font-size: 1.6rem;
}

.modal-backdrop.show {
  opacity: 0.7 !important;
}

.offcanvas__menu .offcanvas-footer {
  background: var(--color-primary);
}

.offcanvas__menu .offcanvas-body li.menu-item {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 1.5rem 2rem;
  margin: 10px 0;
  border-radius: var(--radius);
}

.category-menu-item {
  padding: 1.5rem 2rem;
}

.category-menu-item::before {
  content: "";
  display: inline-flex;
  width: 15px;
  height: 3px;
  background-color: var(--color-primary);
  border-radius: 50px;
  margin-left: 8px;
}


.img--fluid {
  width: 100%;
  height: 100%;
}

.owl-theme .owl-nav {
  margin-top: 0 !important;
}

.owl-nav {
  position: absolute;
  top: 38%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  transform: translate(0, -50%);
}

.owl-nav span {
  font-size: 6rem;
  color: #fff;
}

.owl-dots {
  width: 100%;
  position: absolute;
  bottom: 2%;
  right: 50%;
  transform: translate(+50%);
}

.owl-dot span {
  background: #fff !important;
}

.owl-dot.active span {
  background: var(--color-primary) !important;
}

.slider-wrapper {
  padding: 0;
}

.owl-item .item a img {
  object-fit: cover;
  aspect-ratio: 2/2.5;
}

.slider-items-title {
  position: absolute;
  top: 88%;
  right: 50%;
  width: 100%;
  transform: translate(+50%, -80%);
}

.slider-items-title p {
  font-weight: bold;
  background: #f9f9f9b4;
  padding: 1.4rem 2.2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: inherit;
  overflow: hidden;
  margin: 0;
  text-align: center;
}


/*------------------ categories ------------------*/
.categories {
  margin-bottom: 60px;
}

.category-wrapper {
background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 99px;
    border-radius: 23px;
    margin-top: 94px;
    width: 100%;
}

.category-wrapper figcaption {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.category-wrapper figure {
  height: 100%;
  border-radius: 20px;
}

.category-wrapper figure img {
aspect-ratio: 3.5 / 4;
    object-fit: cover;
    position: absolute;
    bottom: -35px;
    left: 20px;
    max-width: 150px;
    border-radius: 24px;
}

@media sreen and (min-width: 992px) {
  .category-wrapper {
    height: 130px;
  }

  .category-wrapper figure img {
    max-width: 165px;
  }
}

/*------------------ collections ------------------*/
article.col-post {
  width: 71%;
}

.col-svg {
  margin-top: 35px;
}

.col-post__img--btn {
  position: absolute;
  bottom: -20px;
  left: 5%;
  width: 60%;
}

.col-post__img img {
  aspect-ratio: 4/3;
  object-fit: cover;
}

.collection-wrapper {
  margin-bottom: 6rem;
}

@media screen and (min-width: 992px) {
  .col-svg {
    transform: scale(1.5);
    margin-top: 13rem;
  }

  .col-post__img--btn {
    width: unset;
  }
}

/*------------------ top products ------------------*/
article.post img {
  aspect-ratio: 3/4;
  object-fit: cover;
  height: auto;
}

article.post figcaption {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 105px;
}

.post-btn-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fafafa;
  box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(204, 204, 204, 0.5), -5px 5px 10px rgba(204, 204, 204, 0.2), 5px -5px 10px rgba(204, 204, 204, 0.2), -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 13px rgba(204, 204, 204, 0.9);
  width: 43px;
  height: 38px;
  border-radius: 0 16px 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 992px) {
  article.post figcaption {
    min-height: 114px;
  }

  .post-btn-icon {
    width: 60px;
    height: 54px;
  }

  .post-btn-icon svg {
    transform: scale(1.5);
  }

  .btn-more {
    width: 500px;
    height: 52px;
  }
}

.btn-more {
  background: linear-gradient(128deg, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);
  box-shadow: -1px 1px 2px rgba(255, 255, 255, 0.3), 1px -1px 2px rgba(172, 172, 172, 0.5), 3px 3px 6px rgba(172, 172, 172, 0.2), -3px -3px 6px rgba(172, 172, 172, 0.2), 3px -3px 6px rgba(255, 255, 255, 0.9);
  height: 45px;
  width: 300px;
  border-radius: var(--radius-circle);
}

/* ------------- footer ----------*/


.footer-link {
border-left: 1px solid #abb8c373;
    border-radius: 0px;
    padding: 3rem;
}

.footer-link ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 20px;
}

.footer-link__item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.footer-link__item::before {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #000000;
  border-radius: 50px;
}

.socket {
  height: 60px;
}

.e-namad {
  background: #3f3f3f;
}

.socket {
  background: #2d2d2d;
}

.footer__social-media ul {
  display: flex;
}

.footer__social-media ul li {
  text-align: center;
  line-height: 37px;
}

.footer__customer2 .footer-link {
  border: none;
}

@media screen and (max-width: 992px) {
  .socket {
    height: 135px;
    align-items: flex-start !important;
    padding-top: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .footer-link {
    min-height: 303px;
    padding: 3rem;
  }
}

.footer-link h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/*------------------ mobile bottom navigetion ------------------*/
.bottom-navigetion {line-height: 1.5;
  background: #fff;
  border-radius: var(--radius-circle);
  width: 95%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
  padding: 0 12px;
  gap: 5px;
}

.bottom-navigetion-wrapper {
  width: 100%;
  height: 70px;
  position: fixed;
  bottom: 10px;
  right: 0;
  z-index: 2;
}

.bottom-navigetion__items {
  width: 90px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: column;
  text-align: center;font-size: 12px;
}

.bottom-nav-label {
  margin-top: 5px;
}

.cart-counter {
  width: 18px;
  height: 18px;
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 0;
  background: var(--color-light);
  color: #fff;
  border-radius: var(--radius-circle);
  display: flex;
  align-items: center;
  justify-content: center;
}

.search__input {
  height: 100px;
  background: var(--color-primary);
  width: 100%;
  border-radius: var(--radius) var(--radius) 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s all ease-out;
}

.offcanvas-bottom {
  bottom: -1px;
}

.search__input input {
  font-size: 1.6rem;
  width: 90%;
  padding: 2rem;
  background: #f6f6f6;
  border: 0;
  border-radius: var(--radius-circle);
}

/*------------------ hovers ------------------*/
.desktop-navbar .navbar-menu .menu-item a,
.desktop-navbar .my-account,
.desktop-navbar .cart,
.intro__info--product-btn button,
.social--btn,
.category--btn,
.col-post,
article.post,
.footer-link__item,
.btn-more {

}

.desktop-navbar .navbar-menu .menu-item a:hover,
.footer-link__item:hover {
  font-weight: bold;
}

.desktop-navbar .my-account:hover,
.desktop-navbar .cart:hover,
.intro__info--product-btn button:hover,
.category--btn:hover,
.btn-more:hover {
  background: var(--color-primary);
  color: #fff;
  cursor: pointer;
}

.my-account:hover svg,
.cart:hover svg,
.intro__info--product-btn button:hover svg,
.social--btn:hover svg {
  filter: invert(1) brightness(2);
}

.my-account:hover button,
.cart:hover button,
.intro__info--product-btn button:hover span,
.social--btn:hover {
  background: #36ab00;
  box-shadow: none;
}

.cart:hover .cart--counter {
  color: #fff;
}

.col-post:hover {
  transform: scale(1.1);
}

article.post:hover {

}

figcaption .post__price:last-child ~ p {
  display: none !important;
}

del.post__price {
  color: #aeaeae;
}

p.post__price {
  display: grid;
}

.intro__info--product-btn button {
  height: 35px;
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (min-width: 992px) {
  .intro__info--product-btn button {
    width: 300px;
    height: 55px;
    margin: unset;
  }
}

/* ---------------------------- my custom slider ----------------------------------------- */

/* Modal CSS */
.custom-product-slider__wrapper .modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 5vh;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.9);
}

.custom-product-slider__wrapper .close {
  position: absolute;
  top: 20px;
  right: 5%;
  color: #fff;
  font-size: 40px !important;
  font-weight: bold;
  transition: 0.3s;
  z-index: 999;
}

.custom-product-slider__wrapper .close:hover,
.custom-product-slider__wrapper .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.custom-product-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  direction: rtl;
  padding: 8px 0px;
  border: 1px solid #d9d9d9;
  border-radius: var(--radius);
}

.modal-album-wrapper::-webkit-scrollbar {
  display: none;
}

.custom-product-slider__wrapper .slider-wrapper,
.custom-product-slider__wrapper .modal-slider-wrapper {
  display: flex;
  transition: transform 0.5s ease;
}

.slide {
  min-width: 100%;
  box-sizing: border-box;
}

.custom-product-slider .slide img {
  cursor: pointer;
  width: 100%;
  display: block;
  object-fit: cover;
  aspect-ratio: 3 / 4;
  border-radius: 14px;
}

.modal-slider-wrapper {
  margin-top: 16vh;
}

.modal-slider-wrapper img {
  width: 61vh;
  aspect-ratio: 3/4;
  display: block;
  object-fit: cover;
  margin: auto;
  border-radius: 24px;
}

.custom-product-slider__wrapper button.prev,
.custom-product-slider__wrapper button.next,
.custom-product-slider__wrapper button.modal-prev,
.custom-product-slider__wrapper button.modal-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  width: 35px;
  height: 35px;
  cursor: pointer;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.custom-product-slider__wrapper button.prev,
.custom-product-slider__wrapper button.next {
  top: 40%;
}

.custom-product-slider__wrapper button.next,
.custom-product-slider__wrapper button.modal-next {
  background: var(--color-primary);
}

.custom-product-slider__wrapper button.prev,
.custom-product-slider__wrapper button.modal-prev {
  background: var(--color-primary);
}

.custom-product-slider__wrapper button.prev {
  right: 10px;
}

.custom-product-slider__wrapper button.next {
  left: 10px;
}

.custom-product-slider__wrapper button.modal-prev {
  right: 5%;
}

.custom-product-slider__wrapper button.modal-next {
  left: 5%;
}

.album-item {
  flex: 1 1 calc(25% - 20px);
  cursor: pointer;
  padding: 5px;
  border-radius: 12px;
}

.album-item img {
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
  display: block;
  max-width: 80px;
}

.modal-album-wrapper {
  z-index: 9999;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  display: flex;
  overflow-x: scroll;
  margin-top: 20px;
  padding: 16px;
  justify-content: start;
  gap: 8px;
}

.album-wrapper {
  display: flex;
  margin-top: 20px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
}

.modal-album-item {
  flex: 0 0 auto;
  border-radius: 12px;
  overflow: hidden;
  width: 80px;
  cursor: pointer;
}

.album-item img,
.modal-album-item img {
  object-fit: cover;
  background-color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 12px;
}

.modal-trigger {
  position: relative;
}

.album-item.modal-trigger img {
  filter: blur(4px);
  cursor: pointer;
}

.modal-trigger-icon {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  z-index: 0;
}

@media screen and (max-width: 380px) {
  .modal-slider-wrapper {
    margin-top: 25%;
  }

  .modal-slider-wrapper img {
    width: 50vh;
  }
}

@media screen and (min-width: 992px) {
  .modal-album-wrapper {
    justify-content: center;
  }

  .modal-slider-wrapper {
    margin-top: 0;
  }
}

/* svsw buttons */
.svsw-frontend-wrap {
  border-top: 1px solid var(--light-bg);
  border-bottom: 1px solid var(--light-bg);
  padding: 1rem 0;
}

.svsw-wrap label.attr-name {
  font-weight: bold;
  padding-right: 0 !important;
}

.svsw-attr-wrap .svsw-swatch.svsw-color-image {
  border-radius: 16px;
  box-shadow: 0px 0px 11px #00000026;
}

.svsw-attr-wrap .svsw-type-button span {
  border-radius: 8px !important;
  background-color: #fff !important;
  color: #262626 !important;
  border: 1px solid #e5e5e5 !important;
  font-size: 14px !important;
}

.svsw-reset.reset_variations {
  background: #f5f5f5 !important;
  padding: 8px 16px !important;
}

.svsw-swatch.svsw-btn.svsw-selected {
  border-color: unset !important;
  background-color: #dc3545 !important;
  color: #fff !important;
  font-weight: 700;
}

.svsw-swatch.svsw-selected {
  border-color: var(--color-light) !important;
}

.svsw-attr-wrap .svsw-type-button {
  margin-top: 0px;
}

.single_variation_wrap,
.woocommerce-variation-add-to-cart {
  width: 100% !important;
}

/* filter massage */
.filter-massage {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100vw;
  height: 100vh;      /* fallback */
  height: 100dvh;     /* موبایل‌های جدید: پوشش واقعی */
  background: rgba(0,0,0,0.65);
  z-index: 99999;
}

.filter-massage div {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    width: 100%;
    max-width: 500px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}

.filter-massage-btn {
width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    position: absolute;
    top: -10px;
    right: -10px;
}

.filter-massage p {
  line-height: 32px;
  font-size: 16px;
  color: #fff;
}

.filter-massage.close {
  display: none;
}
/* انیمیشن ملایم */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

article.post .post-tag {
  position: absolute;
  z-index: 1;
  top: 25px;
  right: 0;
  background-color: var(--color-primary);
  font-size: 10px;
  padding: 6px 8px;
  border-radius: 8px 0 0 8px;
  color: white;
}

@media screen and (min-width: 768px) {
  article.post .post-tag {
    font-size: 14px;
  }


}

.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown:after {
  left: 15px;
  right: unset !important;
}

.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper {
  position: unset !important;
  border: none !important;
  border-radius: 0px;
  box-shadow: none !important;
  padding: 0 !important;
}

.dropdown-wrapper {
  margin-top: 24px;
}

.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown:after {
  top: 16px !important;
}

.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper .search-field-container input {
  padding: 1rem;
  padding-right: 1rem !important;
  border-radius: 8px;
  border: 1px solid var(--wc-secondary) !important;
}

.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper .search-field-container input:focus-visible {
  outline: none !important;
}

.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper .search-field-container:after {
  left: 8px !important;
  right: unset !important;
}

.yith-wcan-filter .filter-content .dropdown-wrapper .show-more {
  font-size: 0 !important;
  position: relative;
}

.yith-wcan-filter .filter-content .dropdown-wrapper .show-more::before {
  content: "مشاهده بیشتر";
  font-size: 14px;
}

.post__price del + ins bdi {
  color: #ff0000;
}

.del-discount:empty {
  display: none;
}

.del-discount {
  background-color: #d32f2f;
  color: white;
  padding: 4px 8px;
  border-radius: 8px 0 0 8px;
}

article.post figcaption .post__price bdi {
  padding-right: 15px;
  color: #000;
}

article.post figcaption .post__price del bdi {
  padding-right: 0;
  color: inherit;
}

.del-wrapper {
  margin: 8px 0;
}

.mobile-navbar .modal-content {
  box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 968px) {
  .mobile-navbar button.btn.delivery {
    font-size: 16px !important;
    padding: 0;
    margin: 0;
  }
  .modal-backdrop {
    display: none;
  }
}

p.woocommerce-result-count {
    display: none;
}



a.button.product_type_variable {
    display: none !important;
}
.woocommerce ul.products li.product .price {
        font-size: 1.5em !important;
        text-align: left;
}
ul.products li.product .price {
    color: #2B7D3C !important;
}
form.woocommerce-ordering {
    display: none;
}
span.onsale {
    display: none;
}
.woocommerce-product-gallery .flex-viewport {
    border-radius: 10px;
}
.summary p.price {
color: #2B7D3C !important;
    font-size: 2.25em !important;
    text-align: left;
}
span.posted_in {
    display: none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 1% 2% 1% ;
    width: 23% ;
}
.navbar-menu1 ul li {
    display: inline-block;
    padding: 19px 5px;
}
.desktop-navbar {
    padding-top: 15px;
}
.nav-link {
    color: #1b1b1b;
}
.justify-content-left {
    justify-content: left;
}
article.post-single h1{
    margin-bottom: 2rem !important;
    text-align: right;
    font-size: 23px;
}
.svsw-attr-wrap {
    direction: ltr;
}
.svsw-wrap.att-block-1 {
    border-radius: 10px;
}
.woocommerce div.product div.summary {
    border-radius: 5px !important;
    background: white;
}
h1.page-title {
    font-size: 24px;
    margin: 15px 1px;text-align: center;
}
.woocommerce ul.products li.product a ,.home-blog-area li{
    list-style: none;
}
.woocommerce ul.products li.product a ,.home-blog-area li.product a{
    border: 1px solid #ffffff;
    border-radius: 10px;
    background: white;
}
.woocommerce ul.products li.product a ,.home-blog-area li.product a{
display: block;
}
.woocommerce ul.products li.product h2,.home-blog-area li.product h2 {
    margin: 0px 12px !important;
    display: block;
}

.woocommerce ul.products li.product .price,.home-blog-area li.product .price {
    margin: 0px 12px 12px 12px  !important;
    display: block;
}
.woocommerce ul.products li.product a img,.home-blog-area li.product a img {
    border-radius: 7px;
}
.home-blog-area li.product h2 {
padding: 1.4em 0;
    margin: 0;
    font-size: 1em;
}
.home-blog-area li.product .price {
    font-size: 1.4em !important;
    text-align: left;
    color: #2B7D3C !important;
}
.fancybox-caption, .fancybox-infobar {
    display: none;
} 
.woocommerce-form-coupon-toggle {
    display: none;
}
.rtl .woocommerce .col2-set .col-1, .rtl .woocommerce-page .col2-set .col-1 {
    float: right;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: right;
    width: 100%;
}
li.wc_payment_method.payment_method_WC_ZPal img {
    display: none;
}
.cart_totals .wc-proceed-to-checkout a.checkout-button, .place-order button#place_order {
    background: #36ab00;
}
button#place_order:hover {
    background: #298300;
}
.select2-container .select2-dropdown, .select2-container .select2-selection {
    background-color: var(--wc-form-color-background, #fff);
    border: var(--wc-form-border-width, 1px) solid rgb(201 201 201 / 80%);
    border-radius: 8px;
}
.place-order button#place_order {
    max-width: 100%;
}
.main-single.full-width {
    background: white;
    padding: 13px 16px;
    border-radius: 10px;
    margin-top: 15px;
}
    .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
        text-align: right !important;
    }
.coupon {
    display: none;
}
.woocommerce div.product div.images img {
    border-radius: 10px;
}
.wpgs-nav .slick-current {
    border-color: #000;
    border-radius: 10px;
}
.wpgs-for button.slick-prev.slick-arrow,.wpgs-for button.slick-next.slick-arrow {
    display: none !important;
}
.summary .product_meta {
    display: none;
}
.woocommerce-tabs.wc-tabs-wrapper {
    background: white;
    border: 1px solid #DFDFDF;
    padding: 15px;
}
ul.tabs.wc-tabs {
    display: none;
}
.woocommerce table.shop_attributes td {
    font-style: normal;
}
section.related.products {
    margin-top: 20px;
}
.header-logo2 {
    text-align: center;
    padding-left: 14px;
    padding-top: 15px;
}
.woocommerce-variation-availability {
    display: none;
}
.woocommerce-tabs.wc-tabs-wrapper {
    display: none;
}
section.related.products {
    clear: both;
}
.select-variation-notice {
    font-size: 14px;
    text-align: center;
    background: #000000;
    border-radius: 5px;
    padding: 5px 1px;
    color: white;
    margin-top: 15px;
}

.select-variation-notice {
    animation: gentlePulse 1.5s infinite;
}

@keyframes gentlePulse {
    0% { transform: translateY(0); }
    50% { transform: translateY(2px); }
    100% { transform: translateY(0); }
}
button.tracking-button {
    background: #0061a7;
    border: 1px solid #ffffff;
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
}
span.cart-counter {
    display: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding: .7em;
}
    @media screen and (max-width: 768px) {
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
content: attr(data-title) ": ";
        font-weight: 700;
        float: none;
        margin-bottom: 12px;
    }
}
#customer_details .col-2 {
    display: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    box-shadow: 1px 3px 1px #787878;
}
button.owl-prev {
    left: -5px;
}

button.owl-next {
    right: -5px;
}
button.owl-dot {
    display: none;
}
.poshtibanhead {
background: #e5e5e5;
    padding: 45px 0px;
    text-align: center;clear: both;
}

span.bolposhti {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: black;
    padding: 14px 4px;
}

span.boldpost {
    font-weight: bold;
    color: black;
}

span.norposhti {
    display: block;
    padding: 5px 2px;
    font-size: 17px;
    color: #373737;
}
a.btposht {
    display: inline-block;
    padding: 5px 13px;
    margin: 8px 11px;
    background: #0d6efd;
    box-shadow: 2px 3px 2px #484848;
    border-radius: 8px;
    color: white;
}

a.btposht span {
    color: white;
}
.wp-block-accordion {
    background: #f9f9f9;
    margin: 10px 0px;
    border-radius: 5px;
    padding: 4px 15px;
}
.wp-block-accordion-panel-is-layout-flow {
    padding: 12px 12px 5px 12px;
    background: white;
    margin: 0px 0px 12px 0px;
    border-radius: 5px;
}
[dir='rtl'] .slick-prev {
    right: -15px;
    left: auto;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: -15px;
}
[dir='rtl'] .slick-prev:before {font-family: 'IRANSans';
    content: '\276E' !important;
}
[dir='rtl'] .slick-next:before {font-family: 'IRANSans';
    content: '\276F' !important;
} 
i.flaticon-right-arrow.slick-arrow {
    display: none !important;
}

i.flaticon-back.slick-arrow.slick-disabled {
    display: none !important;
}
.digits_secure_modal_box, .digits_ui, .digits_secure_modal_box *, .digits_ui *, .digits_font, .dig_ma-box, .dig_ma-box input, .dig_ma-box input::placeholder, .dig_ma-box ::placeholder, .dig_ma-box label, .dig_ma-box button, .dig_ma-box select, .dig_ma-box * {
    font-family: 'IRANSans';
}
.page-id-112191 h1 {
    display: none;
}

.digits_embed-form {
    text-align: center;
}

.digits-form_container.digits {
    margin: 0 auto;
}
i.flaticon-back.slick-arrow {
    display: none !important;
}
.discount-field {
    display: none;
}
div#home-link-footer {
    display: none;
}
.custom-checkout-message::before {
    content: '';
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    z-index: -1;
    background: repeating-linear-gradient(-45deg, #acacac 0, #acacac 10px, #fff 10px, #fff 20px, #acacac 20px, #acacac 30px, #fff 30px, #fff 40px);
    animation: anime 10s linear infinite;
    border-radius: 20px;
}

@keyframes anime {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 489px;
  }
}
.custom-checkout-message {
    position: relative;
    z-index: 1111;
    bottom: 0px;
    width: 100%;
    margin-bottom: 3px;
}
.custom-checkout-message span {
    font-size: 19px;
    background: var(--wp--preset--color--vivid-red);
    padding: 12px 13px;
    border-right: 3px solid var(--wp--preset--color--black);
    color: #fff;
    border-radius: 20px 20px;
    border-left: 3px solid var(--wp--preset--color--black);
    text-align: center;
    margin: 0 0px 0 0px;
    width: 100%;
    display: block;
}
del .woocommerce-Price-amount bdi {
    color: red;
    font-size: 18px;
}
.single-product del {
    font-size: 22px;
}
.filter-massage img {
    border-radius: 25px;height: auto;    padding: 10px 10px;
}
.sale-perc {
content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 44px;
    border-bottom: 25px solid transparent;
    background: #E31212;
    width: auto;
    padding-right: 5px;
    color: white;
    line-height: 18px;
    font-size: 13px;
    padding-left: 4px;
    text-align: center;
    padding-top: 4px;
    border-radius: 7px 0px 7px 0px;    z-index: 1;
}
.sale-perc span {
    display: block;
}
.single-product .sale-perc {
    left: 0px;
    top: 0px;
    border-radius: 5px 0px 0px 0px;
}
.payment_box.payment_method_WC_ZPal span {
    color: red;
    text-align: center;
    display: block;
    font-size: 19px;
    margin-bottom: 8px;
}
span.taavajoh {
    font-size: 27px !important;
}
.wpgs-for div {
    display: none;
}
.wpgs-for .single-product-main-image {
    display: block;
}
.slick-slider div {
    display: block !important;
}
address.mt-5.color--dark span {
    display: block;
    margin: 0px 0px 0px 0px;
}
.footer__social-media ul li .color--dark {
    line-height: 19px;
    display: block;
    padding-top: 10px;
}
ul.dropdown-menu li {
    padding: 3px 3px !important;
    border-bottom: 1px solid #e4e4e4;
}
.navbar-menu1 ul li:hover > ul {
    display: block;
}
span.tavajokot {
    display: block;
    text-align: center;
    font-size: 24px;
    color: blue;
}

span.tavajoko {
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 33px;
    color: blue;
}
.top-wrapper img {
    max-height: fit-content;
    max-width: 100%;    border-radius: 10px;
}
.top-wrapper-cal {
    padding: 10px 10px;
}
section.top-wrapper.col-12 {
    padding-top: 0px;
}
section.top-wrapper {
    text-align: center;
}
        .new-product-label {
position: absolute;
    top: 1px;
    left: 1px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 7px 0px 7px 0px;
    z-index: 1;
        }
.filter-massage2 {
position: fixed;
    z-index: 1111;
    bottom: 0px;
    width: 94%;
    margin-bottom: 3px;
    right: 3%;
}
.filter-massage2::before {
    content: '';
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    z-index: -1;
    background: repeating-linear-gradient(-45deg, #acacac 0, #acacac 10px, #fff 10px, #fff 20px, #acacac 20px, #acacac 30px, #fff 30px, #fff 40px);
    animation: anime 10s linear infinite;
    border-radius: 20px;
}
.filter-massage2 p {
font-size: 15px;
    background: #0E74C8;
    padding: 12px 25px;
    border-right: 3px solid #1b6bac;
    color: #fff;
    border-radius: 20px 20px;
    border-left: 3px solid #1b6bac;
    text-align: center;
    margin: 0 4px 0 3px;
}
.takitext {
    color: #efff00;
    font-size: 29px;
}
@media screen and (max-width: 768px) {
 .filter-massage2 {
position: fixed;
    z-index: 1111;
    bottom: 98px !important;
    width: 94% !important;
    margin-bottom: 3px;
    right: 3% !important;
}
}
.filter-massage-btn2 {
    position: absolute;
    left: -7px;
    top: -3px;
}
.page-id-142977 .content-single {
    text-align: center;
}

a.canbale {
    font-size: 24px;
    background: var(--bs-blue);
    width: 280px;
    color: white;
    padding: 5px 15px;
    margin: 8px 5px 0px 5px;
    display: inline-block;
    border-radius: 10px;
    border-bottom: 4px solid #0045a9;
}

.page-id-142977 .content-single p {
    font-size: 19px;
}

        .my-weekly-bestseller-badge {
position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    background: #E31212;
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.8;
    padding: 4px 9px;
    border-radius: 7px 7px 0px 0px;
    white-space: normal;
    text-align: center;
    width: 100%;
    left: 0px;
        }

        @media (max-width: 480px) {
.my-weekly-bestseller-badge {
        font-size: 10px;
        top: 0px;
        right: 0px;
    }
        }
span.my-weekly-bestseller-category-name {
    font-weight: bold;
    color: #ffffff;
}
@property --subscribe-gradient-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 183deg;
}

@keyframes subscribeBorderRotation {
    0% {
        --subscribe-gradient-angle: 183deg;
    }

    100% {
        --subscribe-gradient-angle: 543deg;
    }
}
li.product.my-weekly-bestseller-product {
border: 2px solid transparent !important;
    animation: subscribeBorderRotation 4s linear infinite;
  background:
    linear-gradient(#fff, #fff) padding-box,
conic-gradient(
    from var(--subscribe-gradient-angle) at 50% 50%,
    #fff5f5 0deg,
    #fff5f5 22deg,
    #ffe0e0 34deg,
    #ffbdbd 46deg,
    #ff7a7a 58deg,
    #e53935 72deg,
    #c62828 84deg,
    #b71c1c 90deg,
    #c62828 100deg,
    #e53935 114deg,
    #ff7a7a 126deg,
    #ffbdbd 138deg,
    #ffe0e0 150deg,
    #fff6f6 168deg,
    #fff5f5 178deg,
    #fff5f5 198deg,
    #fff6f6 210deg,
    #ffe0e0 228deg,
    #ffbdbd 246deg,
    #ff7a7a 264deg,
    #e53935 282deg,
    #c62828 302deg,
    #b71c1c 332deg,
    #c62828 340deg,
    #e53935 346deg,
    #ff7a7a 351deg,
    #ffbdbd 355deg,
    #ffe0e0 357deg,
    #fff5f5 359deg,
    #fff5f5 360deg
) border-box !important;
border-radius: 10px;}
.my-weekly-bestseller-product span.new-product-label {
    display: none;
}
.single-product span.my-weekly-bestseller-badge.my-weekly-bestseller-badge-single {
    width: 35%;
}
.my-weekly-bestseller-product .sale-perc {
    top: 20px;
}
.mb-pgv-video-thumb-wrap {
    border-color: #000;
    border-radius: 10px;
}
.eight-about {
    --eight-text: #171717;
    --eight-muted: #686868;
    --eight-accent: #171717;
    --eight-border: #e8e8e8;
    --eight-background: #ffffff;

    direction: rtl;
    padding: clamp(48px, 7vw, 100px) 20px;
    background: var(--eight-background);
    color: var(--eight-text);
}
.eight-intro {
    padding: clamp(55px, 8vw, 71px) 20px;
    background-color: #fff;
    color: #181818;
    direction: rtl;border-radius: 10px
}

.eight-intro,
.eight-intro * {
    box-sizing: border-box;
}

.eight-intro__container {
    width: min(100%, 1000px);
    margin: 0 auto;
    text-align: center;
}

.eight-intro__label {
    display: inline-block;
    margin-bottom: 14px;
    color: #858585;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.8;
}

.eight-intro__title {
    margin: 0 0 22px;
    font-family: inherit;
    font-size: clamp(28px, 4vw, 48px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.04em;
}

.eight-intro__description {
    max-width: 850px;
    margin: 0 auto;
    color: #666;
    font-family: inherit;
    font-size: clamp(15px, 1.6vw, 18px);
    font-weight: 400;
    line-height: 2.1;
}

.eight-intro__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 28px;
    padding-bottom: 5px;
    border-bottom: 1px solid currentColor;
    color: #181818;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8;
    text-decoration: none;
    transition:
        gap 0.25s ease,
        opacity 0.25s ease;
}

.eight-intro__link:hover {
    gap: 14px;
    opacity: 0.65;
}

.eight-intro__link:focus-visible {
    outline: 2px solid #181818;
    outline-offset: 6px;
}

@media (max-width: 768px) {
    .eight-intro {
        padding-inline: 18px;
    }

    .eight-intro__title {
        margin-bottom: 17px;
    }

    .eight-intro__description {
        max-width: 620px;
        line-height: 2;
    }

    .eight-intro__link {
        margin-top: 23px;
    }
}

@media (max-width: 480px) {
    .eight-intro {
        padding: 45px 16px;
    }

    .eight-intro__label {
        margin-bottom: 9px;
        font-size: 12px;
    }

    .eight-intro__title {
        font-size: 25px;
        line-height: 1.5;
    }

    .eight-intro__description {
        font-size: 14px;
        line-height: 1.95;
        text-align: right;
    }

    .eight-intro__link {
        font-size: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .eight-intro__link {
        transition: none;
    }
}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    border-radius: 5px 5px 0px 0px;    height: auto;
    }
  .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    line-height: 46px;
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    width: 36px;
    height: 38px;
    font-size: 27px;
    line-height: 24px;
    line-height: 26px;
    font-size: 31px;
    line-height: 47px;
    border: 0px;
    background: white;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
    color: #17a2b8;
    border: 1px solid #dadada;
    }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
  .owl-carousel.owl-loaded {
    direction: ltr;
}
.woocommerce .star-rating span::before {
    color: #ffcc00;
}
.product-item {
    border: 1px solid #f5f5f5;
    background: white;
    padding-top: 0px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,.06);
    transition-duration: 0.3s;
    width: 100%;
    margin-bottom: 17px;
    direction: rtl;
}
.product-dit {
    padding: 10px 7%;
    direction: rtl;
}

h3.product-title {
    font-size: 16px;
    color: white;
    max-height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    margin-bottom: 0px;
}
h3.product-title a {
    margin: 15px 5px 5px 5px;
    display: block;
}
.product-price-h {
    text-align: center;
    padding-bottom: 15px;
    min-height: 50px;
}
.product-price-h p {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #2b2b2b;
    margin-bottom: 0px;
}
.product-price-h span.woocommerce-Price-amount.amount {
    width: 100%;
    display: block;
    text-align: center;
}
.product-price-h bdi {
    font-size: 20px;
    text-align: center;
    color: #2B7D3C;
}
.product-price-h span.woocommerce-Price-currencySymbol {
    font-size: 13px;
    font-weight: normal;
    color: #2B7D3C;
}

h2.titlebox-b, h3.titlebox-b {
    margin: 0px;
    padding: 40px 12px 10px 3px;
    font-size: 21px;
    display: inline-block;
}
.titlebox-b a {
    border-bottom: 3px solid black;
    color: black;
    font-size: 22px;
    margin-bottom: 12px;
    display: inline-block;
    padding-bottom: 2px;
}
a.morebut {
    text-align: center;
    margin: 0 auto;
    display: block;
    background: white;
    padding: 10px 0px;
    font-size: 15px;
    box-shadow: 0 1px 10px 0 rgba(54, 57, 73, .19);
    -moz-box-shadow: 0 1px 10px 0 rgba(54,57,73,.19);
    border-radius: 5px;
    width: 98%;
    border: 1px solid #e8e8e8;
}
.woocommerce img, .woocommerce-page img {
    height: auto;
    max-width: 100%;
}
.rhm-category-section,
.rhm-category-section * {
    box-sizing: border-box;
}

.rhm-category-section {
    --rhm-bg: #fffaf7;
    --rhm-card: #ffffff;
    --rhm-text: #30282c;
    --rhm-muted: #8c7c83;
    --rhm-accent: #e95090;
    --rhm-border: #f2dfe5;

    width: 100%;
    padding: 30px 20px 35px;
    overflow: hidden;
    direction: rtl;
    font-family: inherit;
    background: #ffffff;
}

.rhm-category-container {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
}

/* عنوان */
.rhm-category-header {
    margin-bottom: 25px;
    text-align: center;
}

.rhm-category-title {
    margin: 0;
    color: var(--rhm-text);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.7;
}

.rhm-category-title-line {
    display: block;
    width: 36px;
    height: 2px;
    margin: 8px auto 0;
    background: #e95090;
    border-radius: 20px;
}

/* چیدمان */
.rhm-category-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 25px;
}

/* هر دسته */
.rhm-category-item {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    color: var(--rhm-text);
    text-align: center;
    text-decoration: none !important;
}

/* قاب تصویر */
.rhm-category-image-box {
    display: flex;
    width: clamp(135px, 15vw, 230px);
    aspect-ratio: 1 / 1;
    align-items: center;
    justify-content: center;
    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}

/* فایل جداگانه هر آیکون */
.rhm-category-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    transition: transform 0.4s ease;
}

/* عنوان دسته */
.rhm-category-name {
    display: block;
    margin-top: 13px;
    color: var(--rhm-text);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.8;
    transition: color 0.3s ease;
}

.rhm-category-action {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 1px;
    color: var(--rhm-muted);
    font-size: 13px;
    line-height: 1.7;
    transition:
        color 0.3s ease,
        gap 0.3s ease;
}

.rhm-category-action svg {
    width: 11px;
    height: 11px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* هاور */
.rhm-category-item:hover {
    color: var(--rhm-text);
    text-decoration: none !important;
}

.rhm-category-item:hover .rhm-category-image-box {
    transform: translateY(-6px);
}

.rhm-category-item:hover .rhm-category-image {
    transform: scale(1.045);
}

.rhm-category-item:hover .rhm-category-name,
.rhm-category-item:hover .rhm-category-action {
    color: var(--rhm-accent);
}

.rhm-category-item:hover .rhm-category-action {
    gap: 8px;
}

.rhm-category-item:focus-visible .rhm-category-image-box {
    outline: 2px solid var(--rhm-accent);
    outline-offset: 4px;
}

/* تبلت */
@media (max-width: 850px) {
    .rhm-category-grid {
        gap: 18px;
    }

    .rhm-category-image-box {
        width: clamp(110px, 19vw, 150px);
    }
}

/* موبایل */
@media (max-width: 600px) {
    .rhm-category-section {
        padding: 25px 13px 30px;
    }

    .rhm-category-header {
        margin-bottom: 21px;
    }

    .rhm-category-title {
        font-size: 19px;
    }

    .rhm-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 25px 12px;
    }

    .rhm-category-image-box {
        width: min(100%, 170px);
    }

    .rhm-category-name {
        margin-top: 9px;
        font-size: 14px;
    }

    .rhm-category-action {
        font-size: 10px;
    }
}

@media (max-width: 360px) {
    .rhm-category-image-box {
        width: min(100%, 122px);
    }

    .rhm-category-name {
        font-size: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rhm-category-image-box,
    .rhm-category-image,
    .rhm-category-name,
    .rhm-category-action {
        transition: none;
    }
}
.card-b {
    padding-top: 35px;
}
.my-account__title:hover, .cart__title:hover {
    color: white;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    line-height: 29px;
}
div#page-page2 {
    background: white;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #efeeef;
    margin-top: 15px;
}
li.col-xs-12.col-sm-3.col-md-3.col-lg-3.col-xl-3 {
    padding-right: 15px;
    padding-left: 15px;
}

.blog-item.style1 {
    border-radius: 6px;
    margin-bottom: 20px;
    margin-top: 10px;
    box-shadow: 0 1px 10px 0 rgba(54,57,73,.19);
    -moz-box-shadow: 0 1px 10px 0 rgba(54,57,73,.19);
    -webkit-box-shadow: 0 1px 10px 0 rgba(54,57,73,.19);
    -ms-box-shadow: 0 1px 10px 0 rgba(54,57,73,.19);
    -o-box-shadow: 0 1px 10px 0 rgba(54,57,73,.19);
    background: white;
    border: 1px solid #ececec;
}
.blog-button2 {
    display: inline-block;
    text-align: left;
    width: 50%;
    color: #858585;
}

.blog-button {
    display: inline-block;
    text-align: left;
    width: 100%;
    color: #858585;
}
.blog-button2 a {
    color: #858585;
    font-size: 15px;
}

.blog-button a {
    color: #858585;
}
h3.blog-title {
    margin: 10px;
    padding-bottom: 5px;
    padding-top: 0px;
}
h3.blog-title a {
    color: black;
    font-size: 14px;
}
.blogfull {
    direction: rtl;
    padding: 5px 15px 10px 15px;
}
.blog-desc {
    font-size: 12px;
}
h1.htitleh {
    font-size: 29px;
}
ol, ul {
    list-style: none;
}
.blog-item.style1:hover, .mahsolat:hover {
    box-shadow: 0px 0px 6px 3px rgba(187, 187, 187, 0.58);
    -moz-box-shadow: 0px 0px 6px 3px rgba(187, 187, 187, 0.58);
}
.home-blog {
    padding-top: 40px;
}
div#page-page {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #efeeef;
    margin-top: 15px;
}
.htitle {
    border-bottom: 1px solid #e1e1e1;
    font-size: 20px;
    padding: 0 5px 10px 5px;
    margin-bottom: 15px;
}
.page-page-s a {
    color: #0E74C8;
}
.aligncenter, div.aligncenter {
    display: block;
    margin: 0 auto 0 auto;
}
.page-page-s h2 {
    padding-top: 22px;
    border-bottom: 2px solid #E31212;
    padding-bottom: 6px;
    display: table;
    font-weight: 700;
}
.page-page-s ul {
    list-style: disc;
    padding-right: 10px;
}
.faselepay {
    margin-bottom: 30px;
}
.sidebar__inner {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
    background: #f5f5f5;
    background-size: cover;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #fff;
    box-shadow: 0 5px 15px rgb(0 0 0 / 6%);
}
.reltitle {
    padding: 9px 8px 5px 9px;
    text-align: center;
    border-bottom: 3px solid #E60000;
}
.sideproduct {
    background: #fff;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #efeeef;
    margin-top: 15px;
}
h4.blog-title {
    padding: 0 10px;
    font-size: 16px;
}
.woo-variation-swatches.rtl .variable-items-wrapper .variable-item:not(.radio-variable-item) {
    margin: 10px 0 10px 20px !important;
    padding: 10px 10px !important;
    height: 37px !important;
}
a.reset_variations {
    display: none !important;
}
.wc-block-components-button:hover {
    color: white;
}