:root {
	--wd-text-font: iranyekan, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: iranyekan, sans-serif;
	--wd-title-font-weight: 900;
	--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: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(214,141,53);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(214,141,53);
	--btn-accented-bgcolor-hover: rgb(56,56,56);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(54,84,160);
	--notices-warning-color: rgb(255,255,255);
	--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: 233px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #f4f4f4;
	background-image: none;
}
.wd .product-label.onsale {
	background-color: rgb(249,57,57);
}
.wd .product-label.new {
	background-color: rgb(114,191,59);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1322px;
--wd-form-brd-radius: 5px;
--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: 12px;
}


rs-slides :is([data-type=text],[data-type=button]) {
font-family: iranyekan, sans-serif !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: iranyekan, sans-serif !important;
}

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

/* ==========================================================
   ۱. استایل‌های پایه قالب و بنرها
   ========================================================== */
.woodmart-button-wrapper.inline-element {
    margin-bottom: 0px;
}
.promo-banner .banner-image {
    border-radius: 15px;
    overflow: hidden;
}
.woodmart-hover-tiled .product-wrapper {
    background: #fff;
    overflow: hidden;
    border-radius: 15px;
}
.product-grid-item.woodmart-hover-tiled .hover-img img, 
.product-grid-item.woodmart-hover-tiled .product-image-link img {
    width: 100%;
}
.labels-rectangular .product-label {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 15px;
    margin-right: 5px;
}

/* ==========================================================
   ۲. ساختار هدر در دسکتاپ (بدون دایره و منحنی دمو)
   ========================================================== */
@media (min-width: 1025px) {
    .whb-general-header {
        max-width: 1320px;
        margin: auto;
        margin-top: -37px;
        border-radius: 44px;
    }
    .whb-sticked .whb-general-header {
        max-width: 100%;
        margin: auto;
        margin-top: 0px;
        border-radius: 0px;
    }
   /* ==========================================================
   بهینه‌سازی هدر کپسولی شناور (Floating Luxury Capsule)
   ========================================================== */
@media (min-width: 1025px) {
    .whb-header-bottom {
        max-width: 1180px !important;
        margin: 0 auto !important;
        background-color: #EFE8DC !important; /* کرم شنی هماهنگ با هدر */
        border-radius: 0 0 35px 35px !important; /* گردی شکیل در لبه‌های پایین */
        padding: 6px 45px !important;
        position: relative;
        z-index: 100;
        
        /* خط دور بسیار ظریف برای تفکیک لوکس */
        border: 1px solid rgba(255, 255, 255, 0.45) !important;
        border-top: none !important;
        
        /* سایه معلق و بسیار نرم و مخملی روی بنر */
        box-shadow: 0 10px 30px -5px rgba(43, 35, 30, 0.12),
                    0 4px 10px -2px rgba(43, 35, 30, 0.06) !important;
        
        /* انتقال نرم برای حس روان سایت */
        transition: all 0.3s ease-in-out;
    }

    /* تراز دقیق عمودی منوهای داخل کپسول */
    .whb-header-bottom .wd-nav > li > a {
        height: 48px !important;
        line-height: 48px !important;
        font-weight: 500 !important;
        letter-spacing: 0.2px;
    }
}

    .whb-general-header .site-logo {
        z-index: 9999;
        max-height: 190px;
    }
    .whb-sticked .whb-general-header .site-logo {
        max-height: 120px;
        margin-top: 60px;
    }
    .whb-general-header-inner, 
    .whb-top-bar-inner {
        padding: 0px 20px;
    }
}

.wd-dropdown-menu.wd-design-default, 
.wd-dropdown-menu.wd-design-default .wd-dropdown {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.wd-info-box .info-box-title {
    line-height: 1.5;
    margin-bottom: 0;
}
.box-icon-align-right .box-icon-wrapper {
    margin-left: 9px;
}
.main-page-wrapper {
    margin-top: -126px;
    padding-top: 126px;
}
.page-title {
    padding-top: 163px !important;
}

.wd-nav[class*=wd-style-]>li>a:before {
    content: '';
    background: rgba(255,254,237,.4);
    background: linear-gradient(to bottom, rgba(255,254,237,.4) 0%, rgba(255,221,0,0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: -5px;
    transform: skew(-20deg);
    transition: .8s;
    opacity: 0;
}
.wd-nav[class*=wd-style-]>li:hover>a:before {
    opacity: 1;
}
.owl-stage-outer .wd-info-box .info-box-content {
    margin-top: 15px;
}

/* ==========================================================
   ۳. پالت رنگی یکپارچه روسری شاپ (Roosary Shop)
   ========================================================== */
:root {
    --rs-bg-main: #F4EFE6;         /* پس‌زمینه کلی صفحات سایت */
    --rs-bg-header: #EFE8DC;       /* نوار هدر */
    --rs-text-menu: #2B231E;       /* متن منوها، آیکون‌ها و عناصر هدر */
    --rs-logo-color: #924C23;      /* رنگ مرجع لوگوی ترنسپرنت */
}

/* پس‌زمینه اصلی کل صفحات سایت */
body, 
.website-wrapper,
.main-page-wrapper {
    background-color: var(--rs-bg-main) !important;
}

/* رنگ نوار هدر وودمارت */
.whb-general-header,
.whb-header-bottom,
.whb-row.whb-general-header {
    background-color: var(--rs-bg-header) !important;
    position: relative;
    border-bottom: none !important;
}

/* رنگ متون منو و آیکون‌ها */
.whb-header .wd-nav > li > a,
.whb-header .wd-tools-element > a,
.whb-header .wd-tools-element .wd-tools-icon,
.whb-header .wd-tools-element .wd-tools-text,
.whb-header .site-logo + .wd-header-nav a {
    color: var(--rs-text-menu) !important;
}

.whb-header .wd-nav > li:hover > a,
.whb-header .wd-tools-element:hover > a {
    color: var(--rs-logo-color) !important;
}

/* ==========================================================
   ۴. حذف کامل و قطعی لایه‌های سفید و شبه‌عناصر لوگو
   ========================================================== */
.whb-general-header .wd-logo:before,
.whb-sticked .whb-general-header .wd-logo:before,
.whb-general-header:before,
.whb-sticked .whb-general-header:before {
    display: none !important;
    content: none !important;
}

.whb-header .site-logo,
.whb-header .site-logo a,
.whb-header .site-logo img {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* افزودن تنفس به دو طرف هدر */
.whb-general-header .whb-container,
.whb-top-bar .whb-container,
.whb-header-bottom .whb-container {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* ==========================================================
   ارتقای لوکس و سه‌بعدی کپسول هدر (Roosary Shop Capsule)
   ========================================================== */
@media (min-width: 1025px) {
    /* تنظیمات بدنه کپسول */
    .whb-header-bottom {
        max-width: 1180px !important;
        margin: 0 auto !important;
        background-color: #EFE8DC !important;
        
        /* گردی متناسب و نرم در گوشه‌های پایین */
        border-radius: 0 0 32px 32px !important;
        padding: 4px 40px !important;
        
        /* بوردر ظریف کریستالی */
        border: 1px solid rgba(255, 255, 255, 0.5) !important;
        border-top: none !important;
        
        /* سایه عمیق و مخملی شناور روی بنر */
        box-shadow: 
            0 12px 28px -6px rgba(43, 35, 30, 0.15),
            0 4px 12px -2px rgba(43, 35, 30, 0.08) !important;
        
        position: relative;
        z-index: 99;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    /* تراز دقیق عمودی منوهای داخل کپسول */
    .whb-header-bottom .wd-nav > li > a {
        height: 44px !important;
        line-height: 44px !important;
        font-weight: 500 !important;
        letter-spacing: 0.3px;
        transition: color 0.2s ease;
    }

    /* افکت نرم هنگام هاور روی آیتم‌های منو */
    .whb-header-bottom .wd-nav > li:hover > a {
        color: #924C23 !important; /* رنگ مرجع لوگو */
    }
}

/* ==========================================================
   یکسان‌سازی کامل ارتفاع کارت‌های وبلاگ در صفحه اصلی (وودمارت)
   ========================================================== */

/* 1. هم‌ارتفاع کردن ردیف‌ها و ستون‌ها در اسلایدر یا گرید صفحه اصلی */
.wd-posts-holder,
.woodmart-blog-holder,
.owl-stage {
    display: flex !important;
}

.wd-posts-holder .wd-post,
.woodmart-blog-holder .wd-post,
.woodmart-blog-holder .blog-design-masonry,
.woodmart-blog-holder .blog-design-default,
.woodmart-blog-holder .blog-design-mask,
.blog-post-loop,
.owl-item {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 2. کشیده شدن بدنه اصلی کارت تا انتهای ارتفاع ستون */
.wd-post .article-inner,
.blog-post-loop .article-inner,
.post-element-holder,
.wd-post-content {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

/* 3. پر کردن فضای خالی توسط متن چکیده */
.wd-post .entry-content,
.wd-post .post-content,
.article-inner .entry-content {
    flex-grow: 1-holder`، `.wd-post` یا ساختار Carousel/Grid المنتور استفاده می‌کند.

برای اینکه کارت‌های وبلاگ در **صفحه اصلی** هم دقیقاً هم‌ارتفاع شوند و دکمه «ادامه مطلب» همگی در یک خط تراز پایین بنشینند، این کد تکمیلی جامع را جایگزین یا به ادامه کدهای قبلی اضافه کنید:
```css
/* ==========================================================
   یکسان‌سازی کامل ارتفاع کارت‌های وبلاگ در صفحه اصلی (وودمارت)
   ========================================================== */

/* 1. هم‌ارتفاع کردن ردیف‌ها و ستون‌ها در اسلایدر یا گرید صفحه اصلی */
.wd-posts-holder,
.woodmart-blog-holder,
.owl-stage {
display: flex !important;
}

.wd-posts-holder .wd-post,
.woodmart-blog-holder .wd-post,
.woodmart-blog-holder .blog-design-masonry,
.woodmart-blog-holder .blog-design-default,
.woodmart-blog-holder .blog-design-mask,
.blog-post-loop,
.owl-item {
height: 100% !important;
display: flex !important;
flex-direction: column !important;
}

/* 2. کشیده شدن بدنه اصلی کارت تا انتهای ارتفاع ستون */
.wd-post .article-inner,
.blog-post-loop .article-inner,
.post-element-holder,
.wd-post-content {
height: 100% !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
}

/* 3. پر کردن فضای خالی توسط متن چکیده */
.wd-post .entry-content,
.wd-post .post-content,
.article-inner .entry-content {
flex-grow: 1