:root {
	--wd-text-font: "modam", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "modam", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "modam", Arial, Helvetica, 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: Anjoman;
	--wd-widget-title-font: "modam", Arial, Helvetica, 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: "modam", Arial, Helvetica, 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(85,189,179);
	--wd-alternative-color: rgb(14,47,68);
	--btn-default-font-family: IRANSansXFaNum;
	--btn-default-font-weight: 300;
	--btn-default-bgcolor: rgb(85,189,179);
	--btn-default-bgcolor-hover: rgb(65,163,156);
	--btn-accented-font-family: IRANSansXFaNum;
	--btn-accented-font-weight: 300;
	--btn-accented-bgcolor: rgb(85,189,179);
	--btn-accented-bgcolor-hover: rgb(65,163,156);
	--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: rgb(104,104,104);
}
.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-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
: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-image: none;
	background-repeat: repeat-x;
	background-size: cover;
	background-attachment: fixed;
	background-position: center bottom;
}
.wd .product-label.onsale {
	background-color: rgb(236,82,40);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1200px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
--wd-cat-brd-radius: 8px;
}

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


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

@font-face {
	font-family: "modam";
	src: url("//zenderoodmed.com/wp-content/uploads/2026/10/ModamWeb-Medium.woff2") format("woff2"), 
url("//zenderoodmed.com/wp-content/uploads/2026/10/ModamWeb-Medium.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

.stories.carousel
{
	text-align:center;
}

.stories.snapgram .story.seen,.stories.carousel .story
{
	margin:6px 30px 0px 30px !important;
}
.stories.carousel .story>.item-link>.info .name
{
	font-weight:600;
	font-size:13px;
	color: #3D3D3D
}
#wpforms-form-136{
	display:flex
}
#wpforms-136-field_1-container{
	padding:0px;
}
.wpforms-submit-container{
	margin:0px !important;
	padding-right:8px!important
}
.wpforms-submit-container button{
	background: var(--btn-accented-bgcolor)!important;
	border-radius:300px !important;
	font-size:15px!important;
	font-weight:400!important;
}
.wpforms-submit-container button:hover{
	background: var(--btn-accented-bgcolor-hover)!important;
	border-radius:300px !important;
		font-size:15px!important;
	font-weight:400!important;
}
.imgrot{
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}
.gradcol2 {
	border-top-left-radius:300px;
	border-top-right-radius:300px;
  animation: animateBg 3s linear infinite;
  background-image: linear-gradient(0deg,#3F7D58,#55C080,#95d2b3,#B0E4A4,#55C080,#3F7D58); /* رنگ ها را تکرار کنید */
  background-size: 100% 1000%; /* background-size را افزایش دهید */
}
@keyframes animateBg {
  0% { background-position: 0% 0%; }
  100% { background-position: 0% 100%; }
}
@keyframes wiggle {
    0% { transform: rotate(0deg); }
   80% { transform: rotate(0deg); }
   85% { transform: rotate(5deg); }
   95% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
.wiggleimg {
  animation: wiggle 5s linear infinite;
}

@keyframes wiggle {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(20px);
  }
  75% {
    transform: translateX(-20px);
  }
}

.procard img{
	width:70px
}

.shadblur{
	filter: blur(10px);
}
.blogcard h3{
	font-size:15px!important
}
.imgslider img
{
	padding:20px 0px;
}
.wd-nav-vertical .wd-dropdown-menu.wd-design-full-width:not(.wd-scroll), .wd-nav-vertical .wd-dropdown-menu.wd-design-full-width.wd-scroll .wd-dropdown-inner{
	padding:16px
}

/* ==========================================================================
   Design System: ZendeRoud Premium Header 2026 (Two-Row Architecture)
   Palette: Slate #384048 | Dark Teal #2C6B64 | Soft Teal #55BDB3 | Ice Mint #D4FFF9
   ========================================================================== */

/* ریست کلی حاشیه‌ها و سایه‌های مزاحم وودمارت */
.whb-header,
.whb-main-header {
  border: none !important;
  box-shadow: none !important;
}

/* ???? نابودی تمام خطوط طوسی مزاحم وودمارت در منوها ???? */
.wd-dropdown-menu .wd-sub-menu > li,
.wd-dropdown-cats .wd-nav-vertical > li,
.wd-dropdown-cats .wd-sub-menu > li,
.wd-dropdown-menu .wd-sub-menu > li > a,
.wd-dropdown-cats .wd-nav-vertical > li > a,
.wd-dropdown-cats .wd-sub-menu > li > a {
  border: none !important;
  border-bottom: none !important;
  border-top: none !important;
  box-shadow: none !important;
}

/* ==========================================================================
   ۱. ردیف بالا (تاپ‌بار قبلی - مخفی و غیرفعال شده در ساختار دو ردیفه)
   ========================================================================== */
.whb-top-bar {
  display: none !important;
}

/* ==========================================================================
   ۲. ردیف اول جدید: هدر اصلی (سمت راست سفید، سمت چپ گرادیانت یخی)
   ========================================================================== */
.whb-general-header {
  /* ???? سمت راست کاملاً سفید (تا ۶۰٪) و سمت چپ گرادیانت ملایم یخی ???? */
  background: linear-gradient(to left, #FFFFFF 60%, #E6FAF7 100%) !important; 
  padding: 12px 0 !important;
  border-bottom: none !important;
  box-shadow: 0 8px 25px rgba(39, 53, 68, 0.06) !important;
  position: relative !important;
  z-index: 90 !important;
}

.whb-general-header-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* لوگو */
.site-logo img {
  max-width: 175px !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.site-logo:hover img {
  transform: scale(1.04) !important;
}

/* نوار جستجو */
.wd-search-form form {
  border: 1px solid rgba(85, 189, 179, 0.3) !important;
  border-radius: 12px !important; 
  background: #FFFFFF !important;
  overflow: hidden !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  height: 44px !important; 
  max-width: 500px !important; 
}

.wd-search-form form:focus-within {
  border-color: #55BDB3 !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 18px rgba(85, 189, 179, 0.35) !important;
  transform: translateY(-1px) !important;
}

.wd-search-form input[type="text"] {
  border: none !important;
  background: transparent !important;
  color: #384048 !important;
  padding-right: 18px !important;
  font-size: 0.9rem !important;
}

.wd-search-form .searchsubmit {
  background: transparent !important;
  color: #2C6B64 !important;
  font-weight: 800 !important;
  padding: 0 16px !important;
  transition: all 0.3s ease !important;
}
.wd-search-form .searchsubmit:hover {
  color: #55BDB3 !important;
  transform: scale(1.1) !important;
}

/* ==========================================================================
   ???? آیکون‌های کاربری (حالت شیشه‌ای قوی‌تر و ظریف‌تر با هاور نئونی) ????
   ========================================================================== */
.whb-general-header .wd-tools-element {
  margin-left: 2px !important; 
}

.whb-general-header .wd-tools-element > a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.whb-general-header .wd-tools-icon {
  position: relative !important; 
  color: #384048 !important; 
  /* ???? افکت شیشه‌ای قوی‌تر و ظریف ???? */
  background: rgba(255, 255, 255, 0.15) !important; 
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(85, 189, 179, 0.25) !important;
  border-radius: 12px !important;
  width: 42px !important; /* سایز ثابت و ظریف */
  height: 42px !important; /* سایز ثابت و ظریف */
  padding: 0 !important; 
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  font-size: 1.1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 6px !important;
}

/* ???? هاور نئونی دقیقاً مشابه کدهای محبوب قبلی ???? */
.whb-general-header .wd-tools-element:hover .wd-tools-icon {
  color: #2C6B64 !important;
  background: #D7FAF5 !important;
  border-color: #55BDB3 !important;
  box-shadow: 0 6px 15px rgba(85, 189, 179, 0.3) !important;
  transform: translateY(-3px) !important;
}

.whb-general-header .wd-tools-text {
  color: #384048 !important;
  font-weight: 800 !important;
  font-size: 0.85rem !important;
  margin-right: 0 !important;
}

/* ==========================================================================
   ???? سیستم تراز قطعی بج‌ها (ایزوله کردن سبد خرید) ????
   ========================================================================== */

/* استایل پایه مشترک برای هر دو بج (۰) */
.whb-general-header .wd-tools-count {
  position: absolute !important;
  background-color: #55BDB3 !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
  font-size: 0.65rem !important;
  border-radius: 50% !important;
  width: 18px !important;
  height: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid #FFFFFF !important;
  box-shadow: 0 2px 6px rgba(85, 189, 179, 0.5) !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  z-index: 5 !important;
}

/* مختصات ثابت برای بج علاقه‌مندی (چون لنگر آن درست است) */
.whb-general-header .wd-header-wishlist .wd-tools-count {
  top: -5px !important; 
  right: -5px !important; 
}

/* ???? لنگر کردن و مختصات کاملاً مستقل برای بج سبد خرید ???? */
.whb-general-header .wd-header-cart > a {
  position: relative !important; /* تبدیل کل دکمه سبد خرید به لنگر */
}
.whb-general-header .wd-header-cart .wd-tools-count {
  /* با تغییر اعداد زیر فقط بج سبد خرید جابجا می‌شود */
  top: -5px !important;   /* حرکت در محور عمودی */
  right: 5px !important; /* حرکت در محور افقی */
}

.whb-general-header .wd-cart-number span { display: none !important; }

/* حل پرش دراپ‌داون حساب کاربری */
.wd-dropdown-my-account {
  position: absolute !important;
  top: 100% !important; 
  margin-top: 10px !important; 
}
.wd-header-my-account::after {
  content: '' !important;
  position: absolute !important;
  bottom: -15px !important; 
  left: 0 !important;
  width: 100% !important;
  height: 15px !important;
  background: transparent !important;
}

/* ==========================================================================
   ۳. ردیف دوم جدید: نوار ناوبری (گرادیانت تیره سازمانی)
   ========================================================================== */
.whb-header-bottom {
  background: linear-gradient(135deg, #384048 0%, #1e3a35 100%) !important;
  padding: 0 !important; 
  border-radius: 0 !important;
  border-top: 1px solid rgba(212, 255, 249, 0.1) !important;
  box-shadow: 0 10px 25px rgba(39, 53, 68, 0.2) !important;
  position: relative !important;
  z-index: 80 !important;
  height: 56px !important; 
}

.whb-header-bottom-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important; 
  justify-content: space-between !important;
  overflow: visible !important; 
  height: 56px !important;
}

/* دکمه دسته‌بندی */
.wd-header-cats, 
.wd-header-cats.wd-style-1, 
.wd-header-cats.wd-style-2 {
  background: transparent !important;
  background-color: transparent !important; 
  margin: 0 !important;
  padding: 0 20px !important;
  display: flex !important;
  align-items: center !important;
  height: 56px !important;
  border: none !important;
  position: relative !important;
}

/* بک‌گراند دکمه */
.wd-header-cats::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 10px !important;
  background: #55BDB3 !important; 
  border-radius: 0 0 12px 12px !important;
  z-index: 1 !important; 
  transition: all 0.3s ease !important;
}

.wd-header-cats:hover::before {
  background: #2C6B64 !important; 
  box-shadow: 0 4px 15px rgba(85, 189, 179, 0.3) !important; 
}

/* بالا آوردن آیکون و متن روی بک‌گراند */
.wd-header-cats .menu-opener,
.wd-header-cats .wd-burger-icon {
  position: relative !important;
  z-index: 2 !important;
  transform: none !important;
}

.wd-header-cats .menu-opener,
.wd-header-cats .menu-opener:hover {
  background: transparent !important; 
  background-color: transparent !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  padding: 0 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
}

.wd-header-cats .menu-opener-icon {
  background: transparent !important;
  background-color: transparent !important;
}

.wd-header-cats .wd-burger-icon span,
.wd-header-cats .wd-burger-icon::before,
.wd-header-cats .wd-burger-icon::after {
  background-color: #FFFFFF !important;
  border-color: transparent !important;
}

.wd-header-cats .menu-opener-icon i { color: #FFFFFF !important; }

/* منوی اصلی */
.wd-nav-main {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wd-nav-main > li { display: inline-block !important; }

.wd-nav-main > li > a {
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: rgba(255, 255, 255, 0.85) !important; 
  padding: 0 16px !important; 
  height: 56px !important; 
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  transition: color 0.3s ease !important;
}

/* افکت هاور بالای منوی اصلی */
.wd-nav-main > li > a::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; 
  bottom: auto !important; 
  right: 50% !important;
  width: 0 !important;
  height: 4.5px !important; 
  background: #D4FFF9 !important; 
  border-radius: 0 0 4px 4px !important; 
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  transform: translateX(50%) !important;
  box-shadow: 0 2px 12px rgba(212, 255, 249, 0.7) !important; 
}

.wd-nav-main > li:hover > a,
.wd-nav-main > li.current-menu-item > a {
  color: #FFFFFF !important;
}

.wd-nav-main > li:hover > a::after,
.wd-nav-main > li.current-menu-item > a::after {
  width: calc(100% - 20px) !important; 
}

/* ==========================================================================
   ۴. دراپ‌داون‌ها (یکپارچه‌سازی کامل منوی دسته‌بندی و فروشگاه)
   ========================================================================== */
.wd-dropdown-menu,
.wd-dropdown-cats {
  background: #FFFFFF !important;
  border-radius: 12px !important;
  border: 1px solid rgba(85, 189, 179, 0.25) !important;
  box-shadow: 0 20px 40px rgba(39, 53, 68, 0.12) !important;
  padding: 8px 0 !important;
  overflow: visible !important; 
}

.wd-dropdown-menu .wd-sub-menu > li > a,
.wd-dropdown-cats .wd-nav-vertical > li > a,
.wd-dropdown-cats .wd-sub-menu > li > a {
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  color: #384048 !important;
  padding: 10px 24px !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  display: block !important;
  background: transparent !important;
  border-radius: 0 !important; 
}

/* خط نئونی فیروزه‌ای سمت راست */
.wd-dropdown-menu .wd-sub-menu > li > a::before,
.wd-dropdown-cats .wd-nav-vertical > li > a::before,
.wd-dropdown-cats .wd-sub-menu > li > a::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 4.5px !important;
  background: #55BDB3 !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  border-radius: 0 !important;
  z-index: 10 !important;
}

.wd-dropdown-menu .wd-sub-menu > li > a:hover,
.wd-dropdown-cats .wd-nav-vertical > li > a:hover,
.wd-dropdown-cats .wd-sub-menu > li > a:hover {
  color: #2C6B64 !important;
  background: #F8FBFB !important;
  padding-right: 32px !important; 
}

.wd-dropdown-menu .wd-sub-menu > li > a:hover::before,
.wd-dropdown-cats .wd-nav-vertical > li > a:hover::before,
.wd-dropdown-cats .wd-sub-menu > li > a:hover::before {
  opacity: 1 !important; 
}

/* اصلاح گردی لبه‌ها در اولین و آخرین گزینه زیرمنوها */
.wd-dropdown-menu .wd-sub-menu > li:first-child > a:hover,
.wd-dropdown-cats .wd-nav-vertical > li:first-child > a:hover,
.wd-dropdown-cats .wd-sub-menu > li:first-child > a:hover {
  border-radius: 10px 10px 0 0 !important; 
}

.wd-dropdown-menu .wd-sub-menu > li:last-child > a:hover,
.wd-dropdown-cats .wd-nav-vertical > li:last-child > a:hover,
.wd-dropdown-cats .wd-sub-menu > li:last-child > a:hover {
  border-radius: 0 0 10px 10px !important;
}

.wd-dropdown-cats .wd-sub-menu .wd-sub-menu {
  border-radius: 12px !important;
  box-shadow: 0 5px 25px rgba(39, 53, 68, 0.12) !important;
  border: 1px solid rgba(85, 189, 179, 0.2) !important;
}

/* ==========================================================================
   ۵. ???? استایل مینیمال پشتیبانی و شبکه‌های اجتماعی (بدون کادر طوسی) ????
   ========================================================================== */
.whb-header-bottom .whb-column13 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 20px !important;
}

.whb-header-bottom .wd-header-text {
  color: #55BDB3 !important; 
  background: transparent !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

.whb-header-bottom .wd-social-icons {
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important; 
}

.whb-header-bottom .wd-social-icon {
  color: #55BDB3 !important; 
  background: transparent !important;
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  margin: 0 !important;
  box-shadow: none !important;
  font-size: 1.15rem !important; 
  transition: all 0.3s ease !important;
}

.whb-header-bottom .wd-social-icon:hover,
.whb-header-bottom .wd-header-text:hover {
  color: #D4FFF9 !important; 
  transform: translateY(-2px) !important; 
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}