@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//sazehbansaze.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//sazehbansaze.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//sazehbansaze.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//sazehbansaze.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//sazehbansaze.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//sazehbansaze.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//sazehbansaze.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//sazehbansaze.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//sazehbansaze.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "System font stack", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: iranyekan, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: iranyekan, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: iranyekan, sans-serif;
	--wd-widget-title-font: iranyekan, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: iranyekan, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(230,126,34);
	--wd-alternative-color: rgb(85,107,47);
	--btn-default-font-family: iranyekan, sans-serif;
	--btn-default-bgcolor: rgb(230,126,34);
	--btn-default-bgcolor-hover: rgb(85,107,47);
	--btn-accented-font-family: iranyekan, sans-serif;
	--btn-accented-bgcolor: rgb(230,126,34);
	--btn-accented-bgcolor-hover: rgb(85,107,47);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(0,0,0);
	--wd-form-brd-color-focus: rgb(234,234,234);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

p{
color: black
}

<!-- ===================================================================
  دکمه شناور ارتباط (واتساپ / تلگرام / بله)
  پیشوند کلاس‌ها: sfcw- (Solar Floating Contact Widget)
  نکات نصب:
  1) شماره واتساپ و بله و آیدی تلگرام رو در بخش CONFIG پایین اسکریپت جایگزین کن.
  2) این کد رو داخل یک ویجت HTML در المنتور (نه Text Editor) بذار تا جاوااسکریپت اجرا بشه.
  3) اگر با کلاس‌های تم تداخل داشت، پیشوند sfcw- رو تغییر بده و در همه جای فایل جایگزین کن.
=================================================================== -->

<style>
  .sfcw-wrap * { box-sizing: border-box; }

  .sfcw-wrap {
    position: fixed;
    bottom: 64px;
    right: 24px;
    z-index: 999999;
    font-family: 'Vazirmatn', Tahoma, sans-serif;
    direction: rtl;
  }

  /* دکمه اصلی */
  .sfcw-main {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff7a00, #ff9a3d);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    box-shadow: 0 6px 20px rgba(255, 122, 0, 0.4), 0 2px 8px rgba(255, 154, 61, 0.3);
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    animation: sfcw-pulse 2.4s ease-in-out infinite;
  }

  .sfcw-main:hover {
    transform: scale(1.06);
    box-shadow: 0 8px 26px rgba(255, 122, 0, 0.5), 0 3px 10px rgba(255, 154, 61, 0.35);
  }

  .sfcw-main:active { transform: scale(0.96); }

  @keyframes sfcw-pulse {
    0%, 100% { box-shadow: 0 6px 20px rgba(255, 122, 0, 0.4), 0 0 0 0 rgba(255, 122, 0, 0.35); }
    50% { box-shadow: 0 6px 20px rgba(255, 122, 0, 0.4), 0 0 0 12px rgba(255, 122, 0, 0); }
  }

  .sfcw-main svg {
    width: 28px;
    height: 28px;
    stroke: #fff;
    fill: none;
    stroke-width: 1.8;
    transition: transform 0.3s ease;
  }

  .sfcw-wrap.sfcw-open .sfcw-main svg { transform: scale(0.85); }

  /* گزینه‌ها */
  .sfcw-options {
    position: absolute;
    bottom: 76px;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
  }

  .sfcw-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    opacity: 0;
    transform: translateX(14px) scale(0.9);
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.25s ease;
    box-shadow: 0 4px 14px rgba(0,0,0,0.18);
  }

  .sfcw-wrap.sfcw-open .sfcw-item {
    opacity: 1;
    transform: translateX(0) scale(1);
    pointer-events: auto;
  }

  .sfcw-wrap.sfcw-open .sfcw-item:nth-child(1) { transition-delay: 0.05s; }
  .sfcw-wrap.sfcw-open .sfcw-item:nth-child(2) { transition-delay: 0.12s; }
  .sfcw-wrap.sfcw-open .sfcw-item:nth-child(3) { transition-delay: 0.19s; }

  .sfcw-item:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  }

  .sfcw-item .sfcw-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    flex-shrink: 0;
  }

  .sfcw-call     { background: #ff7a00; }
  .sfcw-whatsapp { background: #e8630a; }

  /* بک‌دراپ برای موبایل */
  .sfcw-backdrop {
    display: none;
  }

  @media (max-width: 768px) {
    .sfcw-wrap {
      bottom: 80px;
      right: 16px;
    }
    .sfcw-main { width: 56px; height: 56px; }
    .sfcw-item { padding: 11px 18px; font-size: 14px; }
    .sfcw-options { bottom: 68px; }
  }
</style>

<div class="sfcw-wrap" id="sfcwWrap">
  <div class="sfcw-options">
    <a href="#" class="sfcw-item sfcw-call" id="sfcwCall">
      <span class="sfcw-dot"></span>
      تماس
    </a>
    <a href="#" target="_blank" rel="noopener" class="sfcw-item sfcw-whatsapp" id="sfcwWhatsapp">
      <span class="sfcw-dot"></span>
      واتساپ
    </a>
  </div>

  <button class="sfcw-main" id="sfcwToggle" aria-label="ارتباط با ما" type="button">
    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path d="M4 13v-1a8 8 0 0 1 16 0v1" stroke-linecap="round" stroke-linejoin="round"></path>
      <rect x="2.5" y="13" width="4" height="6" rx="1.6" stroke-linecap="round" stroke-linejoin="round"></rect>
      <rect x="17.5" y="13" width="4" height="6" rx="1.6" stroke-linecap="round" stroke-linejoin="round"></rect>
      <path d="M19.5 19.3v.4a3.3 3.3 0 0 1-3.3 3.3h-3.4" stroke-linecap="round" stroke-linejoin="round"></path>
    </svg>
  </button>
</div>

<script>
(function () {
  // ===================== CONFIG =====================
  // این سه مقدار رو با اطلاعات واقعی کسب‌وکار جایگزین کن
  var CONFIG = {
    callNumber: "09122973670",        // شماره تماس، به همراه صفر اول
    whatsappNumber: "989197691134"    // با کد کشور، بدون + و بدون صفر اول شهر
  };
  // ====================================================

  var wrap = document.getElementById("sfcwWrap");
  var toggle = document.getElementById("sfcwToggle");

  document.getElementById("sfcwCall").href =
    "tel:" + CONFIG.callNumber;

  document.getElementById("sfcwWhatsapp").href =
    "https://wa.me/" + CONFIG.whatsappNumber;

  toggle.addEventListener("click", function () {
    wrap.classList.toggle("sfcw-open");
  });

  document.addEventListener("click", function (e) {
    if (!wrap.contains(e.target)) {
      wrap.classList.remove("sfcw-open");
    }
  });
})();
</script>@media (max-width: 576px) {
	.tamas1{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 20px;
    background:linear-gradient(135deg,#ff9800,#ff6a00);
    color:#fff;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    border:none;
    border-radius:10px;
    cursor:pointer;
    overflow:hidden;
    transition:all .35s ease;
    box-shadow:0 8px 20px rgba(255,115,0,.35);
}

.tamas1::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);
    transform:skewX(-25deg);
    transition:left .8s ease;
}

.tamas1:hover::before{
    left:150%;
}

.tamas1:hover{
    background:linear-gradient(135deg,#ffae00,#ff7300);
    transform:translateY(-2px);
    box-shadow:0 12px 25px rgba(255,115,0,.45);
}

.tamas1:active{
    transform:scale(.96);
}

.tamas1:focus{
    outline:none;
}

.tamas1 span{
    position:relative;
    z-index:2;
}
}