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

:root {
	--wd-text-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 16px;
	--wd-title-font: "iranyecanx", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 900;
	--wd-title-color: #242424;
	--wd-entities-title-font: "iranyecanx", 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: "iranyecanx", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "iranyecanx", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "iranyecanx", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 16px;
	--wd-primary-color: #2F7D5A;
	--wd-alternative-color: rgb(245,166,35);
	--wd-link-color: rgb(47,125,90);
	--wd-link-color-hover: rgb(36,95,70);
	--btn-default-bgcolor: rgb(47,125,90);
	--btn-default-bgcolor-hover: rgb(36,95,70);
	--btn-accented-bgcolor: rgb(39,50,45);
	--btn-accented-bgcolor-hover: rgb(245,166,35);
	--btn-font-family: "Geologica", Arial, Helvetica, sans-serif;
	--btn-font-weight: 500;
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(136,173,153);
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
:is(.shop-content-area.wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.shop-content-area.wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg .wd-product {
	--wd-prod-bg:rgb(247,247,247);
	--wd-bordered-bg:rgb(247,247,247);
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--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-popup-width: 800px;
}
.page-title-default {
	background-color: rgb(247,247,247);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(15,15,15);
	background-image: none;
}
html .page-title > .container > .title {
	font-size: 28px;
}
html table th {
	text-transform: none;
}
.wd-checkout-steps li {
	text-transform: none;
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a {
	text-transform: capitalize;
}
.page .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .main-page-wrapper {
	background-color: rgb(246,248,247);
	background-image: none;
}
.woodmart-archive-blog .main-page-wrapper {
	background-color: rgb(246,248,247);
	background-image: none;
}
html .wd-buy-now-btn {
	color: rgb(255,255,255);
	background: rgb(51,51,51);
}
html .wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(36,36,36);
}
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-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 44px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: 15px;
	--wd-arrow-color-hover: rgb(255,255,255);
	--wd-arrow-bg: rgb(247,247,247);
	--wd-arrow-bg-hover: rgb(136,173,153);
	--wd-arrow-bg-dis: rgb(247,247,247);
	--wd-arrow-radius: 20px;
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
	--wd-arrow-gap: 20px;
	--wd-arrow-size: 50px;
	--wd-arrow-icon-size: 20px;
	--wd-arrow-offset-h: 0px;
	--wd-arrow-offset-v: 15px;
	--wd-arrow-bg: rgb(247,247,247);
	--wd-arrow-bg-hover: rgb(136,173,153);
	--wd-arrow-bg-dis: rgb(247,247,247);
	--wd-arrow-radius: 25px;
}
.wd-nav-scroll {
	--wd-nscroll-width: 45%;
	--wd-nscroll-drag-bg: rgb(136,173,153);
	--wd-nscroll-drag-bg-hover: rgba(136,173,153,0.8);
}
.product-labels .product-label.onsale {
	background-color: rgb(255,255,255);
	color: rgb(51,51,51);
}
.product-labels .product-label.new {
	background-color: rgb(255,255,255);
	color: rgb(51,51,51);
}
.product-labels .product-label.featured {
	background-color: rgb(255,255,255);
	color: rgb(51,51,51);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(255,255,255);
	color: rgb(51,51,51);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	html .page-title > .container > .title {
		font-size: 24px;
	}
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-offset-h: -50px;
	}

}

@media (max-width: 768.98px) {
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-offset-h: 60px;
	}

}
:root{
--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;
}



@font-face {
	font-family: "iranyecanx";
	src: url("//renergypro.com/wp-content/uploads/2024/05/IRANYekanXFaNum-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "iranyecanx";
	src: url("//renergypro.com/wp-content/uploads/2024/05/IRANYekanXFaNum-ExtraBlack.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: "iranyecanx";
	src: url("//renergypro.com/wp-content/uploads/2024/05/IRANYekanXFaNum-DemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
}

.mc4wp-form input[type="submit"] {

    font-family: inherit;
}

.wd-product.wd-hover-buttons-on-hover .wd-add-btn>a {
    font-family: inherit;
}
/* ========================================
   فونت سراسری وزیرمتن برای کل سایت
   فونت Vazirmatn از تنظیمات خود WoodMart لود می‌شود
======================================== */

/* پایه سایت */
html,
body {
    font-family: "Vazirmatn", sans-serif !important;
}

/* متن‌های عمومی */
body p,
body a,
body li,
body ul,
body ol,
body label,
body input,
body textarea,
body select,
body option,
body button,
body table,
body thead,
body tbody,
body tfoot,
body tr,
body td,
body th,
body blockquote,
body strong,
body b,
body small,
body em {
    font-family: "Vazirmatn", sans-serif !important;
}

/* همه تیترها */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: "Vazirmatn", sans-serif !important;
}

/* Elementor */
.elementor,
.elementor p,
.elementor a,
.elementor li,
.elementor label,
.elementor input,
.elementor textarea,
.elementor select,
.elementor option,
.elementor button,
.elementor h1,
.elementor h2,
.elementor h3,
.elementor h4,
.elementor h5,
.elementor h6 {
    font-family: "Vazirmatn", sans-serif !important;
}

/* ویجت‌های HTML المنتور
   div و span هم پوشش داده می‌شوند چون بخشی از هوم‌پیج با HTML سفارشی ساخته شده است */
.elementor-widget-html,
.elementor-widget-html div,
.elementor-widget-html p,
.elementor-widget-html a,
.elementor-widget-html li,
.elementor-widget-html ul,
.elementor-widget-html ol,
.elementor-widget-html label,
.elementor-widget-html input,
.elementor-widget-html textarea,
.elementor-widget-html select,
.elementor-widget-html option,
.elementor-widget-html button,
.elementor-widget-html h1,
.elementor-widget-html h2,
.elementor-widget-html h3,
.elementor-widget-html h4,
.elementor-widget-html h5,
.elementor-widget-html h6,
.elementor-widget-html span:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.material-icons):not([class*="icon"]):not([class^="wd-"]):not([class*=" wd-"]) {
    font-family: "Vazirmatn", sans-serif !important;
}

/* HTML Blocks وودمارت */
.wd-html-block,
.wd-html-block div,
.wd-html-block p,
.wd-html-block a,
.wd-html-block li,
.wd-html-block label,
.wd-html-block input,
.wd-html-block textarea,
.wd-html-block select,
.wd-html-block option,
.wd-html-block button,
.wd-html-block h1,
.wd-html-block h2,
.wd-html-block h3,
.wd-html-block h4,
.wd-html-block h5,
.wd-html-block h6,
.wd-html-block span:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.material-icons):not([class*="icon"]):not([class^="wd-"]):not([class*=" wd-"]) {
    font-family: "Vazirmatn", sans-serif !important;
}

/* WooCommerce */
.woocommerce,
.woocommerce p,
.woocommerce a,
.woocommerce li,
.woocommerce label,
.woocommerce input,
.woocommerce textarea,
.woocommerce select,
.woocommerce option,
.woocommerce button,
.woocommerce h1,
.woocommerce h2,
.woocommerce h3,
.woocommerce h4,
.woocommerce h5,
.woocommerce h6,
.woocommerce table,
.woocommerce th,
.woocommerce td {
    font-family: "Vazirmatn", sans-serif !important;
}

/* منو، هدر و ناوبری */
.wd-nav > li > a,
.wd-dropdown-menu a,
.mobile-nav a,
.main-nav a,
header a,
header button,
header input {
    font-family: "Vazirmatn", sans-serif !important;
}

/* عنوان محصولات، صفحات، نوشته‌ها و ابزارک‌ها */
.product-title,
.wd-entities-title,
.entry-title,
.post-title,
.widget-title,
.page-title,
.product_title,
.woocommerce-loop-product__title {
    font-family: "Vazirmatn", sans-serif !important;
}

/* قیمت‌ها */
.price,
.amount,
.woocommerce-Price-amount,
.woocommerce-Price-currencySymbol {
    font-family: "Vazirmatn", sans-serif !important;
}

/* دکمه‌ها */
body button,
.elementor-button,
.elementor-widget-html button,
.elementor-widget-html .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woodmart-button-wrapper a,
.wd-button,
.btn,
.button,
input[type="submit"] {
    font-family: "Vazirmatn", sans-serif !important;
}

/* فرم‌ها و Placeholder */
input,
textarea,
select,
option,
button,
input::placeholder,
textarea::placeholder {
    font-family: "Vazirmatn", sans-serif !important;
}

/* وزن متن‌های معمولی */
body p,
body li,
body label,
body input,
body textarea,
body select,
body option,
body table,
body td,
body th,
.elementor p,
.elementor li,
.elementor label,
.elementor input,
.elementor textarea,
.elementor select,
.elementor-widget-html p,
.elementor-widget-html li,
.woocommerce p,
.woocommerce li {
    font-weight: 400 !important;
}

/* لینک‌ها */
body a,
.elementor a,
.elementor-widget-html a,
.woocommerce a {
    font-weight: 500;
}

/* تیترهای اصلی */
body h1,
.elementor h1,
.elementor-widget-html h1 {
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -1px !important;
}

/* تیترهای سطح دوم */
body h2,
.elementor h2,
.elementor-widget-html h2 {
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.5px !important;
}

/* تیترهای کوچک‌تر */
body h3,
body h4,
body h5,
body h6,
.elementor h3,
.elementor h4,
.elementor h5,
.elementor h6,
.elementor-widget-html h3,
.elementor-widget-html h4,
.elementor-widget-html h5,
.elementor-widget-html h6 {
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

/* منوی اصلی */
.wd-nav > li > a,
.wd-dropdown-menu a,
.mobile-nav a,
.main-nav a,
header a {
    font-weight: 500;
}

/* عنوان محصولات و نوشته‌ها */
.product-title,
.wd-entities-title,
.entry-title,
.post-title,
.widget-title,
.page-title {
    font-weight: 600 !important;
}

/* قیمت محصولات */
.price,
.amount,
.woocommerce-Price-amount {
    font-weight: 600 !important;
}

/* دکمه‌ها */
body button,
.elementor-button,
.elementor-widget-html button,
.elementor-widget-html .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woodmart-button-wrapper a,
.wd-button,
.btn {
    font-weight: 600 !important;
}

/* تنظیم مخصوص تیترهای بزرگ صفحات HTML کدنویسی‌شده */
.elementor-widget-html h1 {
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -1.5px !important;
}

/* تنظیم متن‌های زیر تیتر در بخش هیرو */
.elementor-widget-html h1 + p,
.elementor-widget-html h2 + p {
    font-weight: 400 !important;
    line-height: 2 !important;
}

/*
   عمداً هیچ font-family برای کلاس‌های آیکن تعریف نشده است.
   Font Awesome، آیکن‌های WoodMart و Material Icons باید فونت اختصاصی خودشان را حفظ کنند.
*/
/* ===========================
   توضیحات دسته‌بندی محصول
=========================== */

body.tax-product_cat .wd-term-desc,
body.tax-product_cat .term-description,
body.tax-product_cat .archive-description,
body.tax-product_cat .woocommerce-products-header__description{
    max-width:1050px !important;
    margin:70px auto !important;
    padding:55px 70px !important;
    background:#ffffff !important;
    border:1px solid #ece6df !important;
    border-radius:32px !important;
    box-shadow:0 15px 45px rgba(0,0,0,.06) !important;
}

body.tax-product_cat .wd-term-desc p,
body.tax-product_cat .term-description p,
body.tax-product_cat .archive-description p,
body.tax-product_cat .woocommerce-products-header__description p{
    color:#4b4b4b !important;
    font-size:17px !important;
    line-height:2.45 !important;
    margin-bottom:28px !important;
    text-align:justify !important;
}

body.tax-product_cat .wd-term-desc a,
body.tax-product_cat .term-description a,
body.tax-product_cat .archive-description a,
body.tax-product_cat .woocommerce-products-header__description a{
    color:#9b6a35 !important;
    font-weight:700 !important;
    text-decoration:none !important;
    border-bottom:1px solid rgba(155,106,53,.35) !important;
}

body.tax-product_cat .wd-term-desc a:hover,
body.tax-product_cat .term-description a:hover,
body.tax-product_cat .archive-description a:hover,
body.tax-product_cat .woocommerce-products-header__description a:hover{
    color:#6f4722 !important;
    border-bottom-color:#6f4722 !important;
}

body.tax-product_cat .wd-term-desc h2,
body.tax-product_cat .term-description h2,
body.tax-product_cat .archive-description h2,
body.tax-product_cat .woocommerce-products-header__description h2{
    font-size:36px !important;
    font-weight:900 !important;
    color:#222 !important;
    margin:55px 0 25px !important;
    line-height:1.6 !important;
}

body.tax-product_cat .wd-term-desc h3,
body.tax-product_cat .term-description h3,
body.tax-product_cat .archive-description h3,
body.tax-product_cat .woocommerce-products-header__description h3{
    font-size:28px !important;
    font-weight:800 !important;
    color:#333 !important;
    margin:42px 0 22px !important;
    line-height:1.6 !important;
}

body.tax-product_cat .wd-term-desc ul,
body.tax-product_cat .term-description ul,
body.tax-product_cat .archive-description ul,
body.tax-product_cat .woocommerce-products-header__description ul{
    list-style:none !important;
    padding:32px 38px !important;
    margin:35px 0 45px !important;
    background:#faf8f5 !important;
    border:1px solid #efe8df !important;
    border-radius:24px !important;
}

body.tax-product_cat .wd-term-desc ul li,
body.tax-product_cat .term-description ul li,
body.tax-product_cat .archive-description ul li,
body.tax-product_cat .woocommerce-products-header__description ul li{
    position:relative !important;
    padding-right:26px !important;
    margin-bottom:16px !important;
    line-height:2.1 !important;
    color:#4f4f4f !important;
    font-size:16.5px !important;
}

body.tax-product_cat .wd-term-desc ul li:before,
body.tax-product_cat .term-description ul li:before,
body.tax-product_cat .archive-description ul li:before,
body.tax-product_cat .woocommerce-products-header__description ul li:before{
    content:"" !important;
    width:8px !important;
    height:8px !important;
    border-radius:50% !important;
    background:#c7a26b !important;
    position:absolute !important;
    right:0 !important;
    top:16px !important;
}

body.tax-product_cat .wd-term-desc ol,
body.tax-product_cat .term-description ol,
body.tax-product_cat .archive-description ol,
body.tax-product_cat .woocommerce-products-header__description ol{
    padding-right:28px !important;
    margin:32px 0 42px !important;
    list-style:decimal !important;
}

body.tax-product_cat .wd-term-desc ol li,
body.tax-product_cat .term-description ol li,
body.tax-product_cat .archive-description ol li,
body.tax-product_cat .woocommerce-products-header__description ol li{
    margin-bottom:16px !important;
    line-height:2.1 !important;
    color:#4f4f4f !important;
    font-size:16.5px !important;
}

body.tax-product_cat .wd-term-desc table,
body.tax-product_cat .term-description table,
body.tax-product_cat .archive-description table,
body.tax-product_cat .woocommerce-products-header__description table{
    width:100% !important;
    border-collapse:collapse !important;
    margin:45px 0 !important;
    overflow:hidden !important;
    border-radius:22px !important;
    box-shadow:0 10px 30px rgba(0,0,0,.05) !important;
}

body.tax-product_cat .wd-term-desc th,
body.tax-product_cat .term-description th,
body.tax-product_cat .archive-description th,
body.tax-product_cat .woocommerce-products-header__description th{
    background:#262626 !important;
    color:#fff !important;
    padding:18px !important;
}

body.tax-product_cat .wd-term-desc td,
body.tax-product_cat .term-description td,
body.tax-product_cat .archive-description td,
body.tax-product_cat .woocommerce-products-header__description td{
    padding:18px !important;
    border-bottom:1px solid #eee !important;
    background:#fff !important;
    color:#555 !important;
}

@media (max-width:768px){

    body.tax-product_cat .wd-term-desc,
    body.tax-product_cat .term-description,
    body.tax-product_cat .archive-description,
    body.tax-product_cat .woocommerce-products-header__description{
        margin:40px 15px !important;
        padding:30px 22px !important;
        border-radius:22px !important;
    }

    body.tax-product_cat .wd-term-desc p,
    body.tax-product_cat .term-description p,
    body.tax-product_cat .archive-description p,
    body.tax-product_cat .woocommerce-products-header__description p{
        font-size:15px !important;
        line-height:2.3 !important;
        text-align:right !important;
    }

    body.tax-product_cat .wd-term-desc h2,
    body.tax-product_cat .term-description h2,
    body.tax-product_cat .archive-description h2,
    body.tax-product_cat .woocommerce-products-header__description h2{
        font-size:26px !important;
    }
}#word-selection-translate-icon,
.bt-notranslate {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
	}
/* =====================================================
   RENERGY PRO - SINGLE BLOG POST DESIGN
   مخصوص صفحات نوشته تکی وبلاگ
===================================================== */

body.single-post {
    --re-primary: #123f3a;
    --re-primary-dark: #082b29;
    --re-secondary: #f4b400;
    --re-secondary-light: #fff5cc;
    --re-accent: #238b7e;
    --re-text: #243532;
    --re-muted: #6f7e7b;
    --re-bg: #f4f8f7;
    --re-card: #ffffff;
    --re-border: #dce8e5;
    --re-shadow: 0 12px 40px rgba(10, 56, 51, 0.08);
    --re-radius: 18px;

    background-color: var(--re-bg);
    color: var(--re-text);
}


/* =====================================================
   پس‌زمینه و فاصله کلی صفحه
===================================================== */

body.single-post .main-page-wrapper {
    background:
        radial-gradient(
            circle at 90% 5%,
            rgba(244, 180, 0, 0.09),
            transparent 340px
        ),
        linear-gradient(
            180deg,
            #f8fbfa 0,
            var(--re-bg) 500px
        );

    padding-top: 35px;
    padding-bottom: 70px;
}

body.single-post .content-layout-wrapper {
    align-items: flex-start;
    row-gap: 30px;
}


/* =====================================================
   کارت اصلی مقاله
===================================================== */

body.single-post .post-single-page,
body.single-post article.post {
    background-color: var(--re-card);
    border: 1px solid var(--re-border);
    border-radius: 24px;
    box-shadow: var(--re-shadow);
    overflow: hidden;
}

body.single-post .post-single-page .article-body-container,
body.single-post article.post .article-body-container {
    padding: 40px 48px 50px;
}


/* جلوگیری از دو کارت شدن در بعضی نسخه‌های وودمارت */

body.single-post article.post .post-single-page {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}


/* =====================================================
   عنوان اصلی مقاله
===================================================== */

body.single-post .post-title,
body.single-post .entry-title {
    color: var(--re-primary-dark);
    font-size: clamp(28px, 3vw, 43px);
    font-weight: 900;
    line-height: 1.55;
    letter-spacing: -0.7px;
    margin-bottom: 18px;
}

body.single-post .post-title::after,
body.single-post .entry-title::after {
    content: "";
    display: block;
    width: 82px;
    height: 5px;
    margin-top: 18px;
    border-radius: 20px;
    background: linear-gradient(
        90deg,
        var(--re-secondary),
        var(--re-accent)
    );
}


/* =====================================================
   اطلاعات نویسنده، تاریخ و دسته‌بندی
===================================================== */

body.single-post .entry-meta,
body.single-post .entry-meta-list,
body.single-post .wd-entry-meta,
body.single-post .article-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 18px;
    color: var(--re-muted);
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 25px;
}

body.single-post .entry-meta a,
body.single-post .entry-meta-list a,
body.single-post .wd-entry-meta a,
body.single-post .article-meta a {
    color: var(--re-accent);
    font-weight: 700;
}

body.single-post .entry-meta a:hover,
body.single-post .entry-meta-list a:hover {
    color: var(--re-primary);
}


/* =====================================================
   تصویر شاخص مقاله
===================================================== */

body.single-post .post-img-wrapp,
body.single-post .post-image,
body.single-post .entry-thumbnail {
    margin-bottom: 32px;
    overflow: hidden;
    border-radius: 18px;
    background-color: #eef4f2;
}

body.single-post .post-img-wrapp img,
body.single-post .post-image img,
body.single-post .entry-thumbnail img {
    display: block;
    width: 100%;
    border-radius: 18px;
    transition: transform 0.6s ease;
}

body.single-post .post-img-wrapp:hover img,
body.single-post .post-image:hover img {
    transform: scale(1.015);
}


/* =====================================================
   تایپوگرافی متن مقاله
===================================================== */

body.single-post .entry-content {
    color: var(--re-text);
    font-size: 16.5px;
    line-height: 2.15;
}

body.single-post .entry-content p {
    margin-bottom: 22px;
    text-align: justify;
}

body.single-post .entry-content > p:first-of-type {
    color: #344b47;
    font-size: 17.5px;
    font-weight: 500;
    line-height: 2.2;
}

body.single-post .entry-content strong,
body.single-post .entry-content b {
    color: var(--re-primary-dark);
    font-weight: 800;
}

body.single-post .entry-content a:not(.btn):not(.button) {
    color: var(--re-accent);
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px dashed rgba(35, 139, 126, 0.45);
    transition: 0.25s ease;
}

body.single-post .entry-content a:not(.btn):not(.button):hover {
    color: var(--re-primary-dark);
    border-bottom-color: var(--re-secondary);
}


/* =====================================================
   تیترهای H2
===================================================== */

body.single-post .entry-content h2 {
    position: relative;
    color: var(--re-primary-dark);
    font-size: clamp(23px, 2.3vw, 31px);
    font-weight: 900;
    line-height: 1.7;
    margin-top: 55px;
    margin-bottom: 23px;
    padding: 15px 20px 15px 15px;
    border-right: 5px solid var(--re-secondary);
    border-radius: 12px;
    background: linear-gradient(
        90deg,
        rgba(244, 180, 0, 0.03),
        rgba(18, 63, 58, 0.07)
    );
}

body.single-post .entry-content h2::after {
    content: "";
    position: absolute;
    right: 20px;
    bottom: -1px;
    width: 55px;
    height: 3px;
    border-radius: 10px;
    background-color: var(--re-accent);
}


/* =====================================================
   تیترهای H3 و H4
===================================================== */

body.single-post .entry-content h3 {
    position: relative;
    color: var(--re-primary);
    font-size: clamp(19px, 1.8vw, 24px);
    font-weight: 850;
    line-height: 1.75;
    margin-top: 38px;
    margin-bottom: 17px;
    padding-right: 24px;
}

body.single-post .entry-content h3::before {
    content: "";
    position: absolute;
    top: 14px;
    right: 0;
    width: 11px;
    height: 11px;
    border: 3px solid var(--re-secondary);
    border-radius: 50%;
    background-color: var(--re-card);
}

body.single-post .entry-content h4 {
    color: var(--re-primary-dark);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.8;
    margin-top: 30px;
    margin-bottom: 14px;
}


/* =====================================================
   لیست‌های مقاله
===================================================== */

body.single-post .entry-content ul,
body.single-post .entry-content ol {
    margin: 22px 0 28px;
    padding: 20px 45px 20px 22px;
    border: 1px solid var(--re-border);
    border-radius: 15px;
    background-color: #f8fbfa;
}

body.single-post .entry-content li {
    position: relative;
    margin-bottom: 11px;
    line-height: 2;
}

body.single-post .entry-content li:last-child {
    margin-bottom: 0;
}

body.single-post .entry-content ul li::marker {
    color: var(--re-secondary);
    font-size: 1.2em;
}

body.single-post .entry-content ol li::marker {
    color: var(--re-accent);
    font-weight: 900;
}


/* لیست‌های داخل راهنمای مطلب از استایل کارت عمومی جدا شوند */

body.single-post .entry-content .lwptoc ul,
body.single-post .entry-content #ez-toc-container ul,
body.single-post .entry-content .ez-toc-container ul,
body.single-post .entry-content .toc-container ul,
body.single-post .entry-content .elementor-toc__body ul {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}


/* =====================================================
   راهنمای مطلب / فهرست مطالب
===================================================== */

body.single-post .lwptoc,
body.single-post #ez-toc-container,
body.single-post .ez-toc-container,
body.single-post .toc-container,
body.single-post .elementor-widget-table-of-contents .elementor-widget-container {
    width: 100%;
    margin: 30px 0 38px;
    padding: 24px 27px;
    border: 1px solid rgba(35, 139, 126, 0.22);
    border-right: 5px solid var(--re-secondary);
    border-radius: 17px;
    background:
        linear-gradient(
            135deg,
            rgba(244, 180, 0, 0.1),
            rgba(35, 139, 126, 0.06)
        ),
        #ffffff;
    box-shadow: 0 10px 30px rgba(9, 54, 50, 0.06);
}

body.single-post .lwptoc_header,
body.single-post .ez-toc-title,
body.single-post .toc-title,
body.single-post .elementor-toc__header-title {
    color: var(--re-primary-dark);
    font-size: 19px;
    font-weight: 900;
}

body.single-post .lwptoc a,
body.single-post #ez-toc-container a,
body.single-post .ez-toc-container a,
body.single-post .toc-container a,
body.single-post .elementor-toc__body a {
    display: inline-block;
    color: #3c5550;
    font-weight: 600;
    line-height: 1.9;
    border-bottom: 0 !important;
}

body.single-post .lwptoc a:hover,
body.single-post #ez-toc-container a:hover,
body.single-post .ez-toc-container a:hover,
body.single-post .toc-container a:hover {
    color: var(--re-accent);
    transform: translateX(-3px);
}


/* =====================================================
   تصاویر داخل متن
===================================================== */

body.single-post .entry-content img {
    height: auto;
    border-radius: 16px;
}

body.single-post .entry-content figure {
    margin: 32px auto;
}

body.single-post .entry-content figure img {
    box-shadow: 0 12px 35px rgba(9, 48, 44, 0.12);
}

body.single-post .entry-content figcaption {
    color: var(--re-muted);
    font-size: 13px;
    line-height: 1.8;
    text-align: center;
    margin-top: 12px;
}


/* =====================================================
   جدول‌های مقایسه
===================================================== */

body.single-post .entry-content table {
    width: 100%;
    margin: 32px 0;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--re-border);
    border-radius: 15px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 8px 25px rgba(9, 54, 50, 0.05);
}

body.single-post .entry-content table th {
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.8;
    padding: 15px 14px;
    border: 0;
    background-color: var(--re-primary);
}

body.single-post .entry-content table td {
    color: #344b47;
    line-height: 1.9;
    padding: 14px;
    border-left: 1px solid var(--re-border);
    border-bottom: 1px solid var(--re-border);
    vertical-align: middle;
}

body.single-post .entry-content table tr:nth-child(even) td {
    background-color: #f6faf9;
}

body.single-post .entry-content table tr:hover td {
    background-color: var(--re-secondary-light);
}

body.single-post .entry-content table tr:last-child td {
    border-bottom: 0;
}


/* =====================================================
   نقل‌قول
===================================================== */

body.single-post .entry-content blockquote {
    position: relative;
    margin: 35px 0;
    padding: 27px 32px 27px 28px;
    border: 0;
    border-right: 5px solid var(--re-secondary);
    border-radius: 15px;
    background-color: #f5faf8;
    color: #31504a;
    font-size: 17px;
    font-weight: 600;
    line-height: 2.1;
}

body.single-post .entry-content blockquote::before {
    content: "“";
    position: absolute;
    top: -8px;
    left: 20px;
    color: rgba(244, 180, 0, 0.28);
    font-family: Georgia, serif;
    font-size: 75px;
    line-height: 1;
}


/* =====================================================
   کلاس‌های اختیاری برای باکس‌های داخل مقاله
===================================================== */

body.single-post .entry-content .renergy-note,
body.single-post .entry-content .re-note {
    margin: 30px 0;
    padding: 22px 25px;
    border: 1px solid #f0d16c;
    border-radius: 15px;
    background-color: #fff9e5;
    color: #55471d;
}

body.single-post .entry-content .renergy-tip,
body.single-post .entry-content .re-tip {
    margin: 30px 0;
    padding: 22px 25px;
    border: 1px solid #b8ddd5;
    border-radius: 15px;
    background-color: #edf8f5;
    color: #174f47;
}

body.single-post .entry-content .renergy-cta,
body.single-post .entry-content .re-cta {
    margin: 40px 0;
    padding: 28px;
    border-radius: 18px;
    background:
        linear-gradient(
            135deg,
            var(--re-primary-dark),
            var(--re-primary)
        );
    color: #ffffff;
    box-shadow: 0 15px 35px rgba(8, 43, 41, 0.2);
}

body.single-post .entry-content .renergy-cta h2,
body.single-post .entry-content .renergy-cta h3,
body.single-post .entry-content .re-cta h2,
body.single-post .entry-content .re-cta h3 {
    color: #ffffff;
    margin-top: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

body.single-post .entry-content .renergy-cta h2::after,
body.single-post .entry-content .renergy-cta h3::before,
body.single-post .entry-content .re-cta h2::after,
body.single-post .entry-content .re-cta h3::before {
    display: none;
}

body.single-post .entry-content .renergy-cta p,
body.single-post .entry-content .re-cta p {
    color: rgba(255, 255, 255, 0.88);
}


/* =====================================================
   دکمه‌ها
===================================================== */

body.single-post .entry-content .button,
body.single-post .entry-content .btn,
body.single-post .entry-content .wp-element-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 11px 24px;
    border: 0;
    border-radius: 10px;
    background-color: var(--re-secondary);
    color: var(--re-primary-dark);
    font-weight: 900;
    box-shadow: 0 8px 20px rgba(244, 180, 0, 0.22);
    transition: 0.25s ease;
}

body.single-post .entry-content .button:hover,
body.single-post .entry-content .btn:hover,
body.single-post .entry-content .wp-element-button:hover {
    background-color: #ffd044;
    color: var(--re-primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(244, 180, 0, 0.28);
}


/* =====================================================
   برچسب‌های انتهای مقاله
===================================================== */

body.single-post .tags-list,
body.single-post .post-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 35px;
}

body.single-post .tags-list a,
body.single-post .post-tags a {
    padding: 7px 13px;
    border: 1px solid var(--re-border);
    border-radius: 30px;
    background-color: #f7faf9;
    color: var(--re-primary);
    font-size: 12px;
    font-weight: 700;
}

body.single-post .tags-list a:hover,
body.single-post .post-tags a:hover {
    border-color: var(--re-secondary);
    background-color: var(--re-secondary-light);
}


/* =====================================================
   سایدبار وبلاگ
===================================================== */

body.single-post .sidebar-container {
    position: relative;
}

body.single-post .sidebar-container .widget {
    margin-bottom: 24px;
    padding: 24px;
    border: 1px solid var(--re-border);
    border-radius: var(--re-radius);
    background-color: var(--re-card);
    box-shadow: 0 8px 25px rgba(10, 56, 51, 0.06);
}

body.single-post .sidebar-container .widget-title,
body.single-post .sidebar-container .title {
    position: relative;
    color: var(--re-primary-dark);
    font-size: 17px;
    font-weight: 900;
    line-height: 1.7;
    margin-bottom: 20px;
    padding-bottom: 13px;
}

body.single-post .sidebar-container .widget-title::after,
body.single-post .sidebar-container .title::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 47px;
    height: 4px;
    border-radius: 10px;
    background: linear-gradient(
        90deg,
        var(--re-secondary),
        var(--re-accent)
    );
}

body.single-post .sidebar-container .widget li {
    padding: 9px 0;
    border-bottom: 1px dashed var(--re-border);
    line-height: 1.8;
}

body.single-post .sidebar-container .widget li:last-child {
    border-bottom: 0;
}

body.single-post .sidebar-container .widget a {
    color: #405551;
    font-size: 13.5px;
    font-weight: 600;
}

body.single-post .sidebar-container .widget a:hover {
    color: var(--re-accent);
}


/* جست‌وجوی سایدبار */

body.single-post .sidebar-container input[type="search"],
body.single-post .sidebar-container input[type="text"] {
    height: 48px;
    border: 1px solid var(--re-border);
    border-radius: 10px;
    background-color: #f8fbfa;
}

body.single-post .sidebar-container input[type="search"]:focus,
body.single-post .sidebar-container input[type="text"]:focus {
    border-color: var(--re-accent);
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(35, 139, 126, 0.1);
}


/* سایدبار چسبان در دسکتاپ */

@media (min-width: 1025px) {

    body.single-post .sidebar-container > div {
        position: sticky;
        top: 105px;
    }
}


/* =====================================================
   نوشته قبلی و بعدی
===================================================== */

body.single-post .single-post-navigation,
body.single-post .post-navigation {
    margin-top: 30px;
    padding: 22px;
    border: 1px solid var(--re-border);
    border-radius: var(--re-radius);
    background-color: #ffffff;
    box-shadow: 0 8px 25px rgba(10, 56, 51, 0.05);
}

body.single-post .single-post-navigation a,
body.single-post .post-navigation a {
    color: var(--re-primary);
    font-weight: 800;
}

body.single-post .single-post-navigation a:hover,
body.single-post .post-navigation a:hover {
    color: var(--re-accent);
}


/* =====================================================
   مقالات مرتبط
===================================================== */

body.single-post .related-posts {
    margin-top: 45px;
    padding: 30px;
    border: 1px solid var(--re-border);
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: var(--re-shadow);
}

body.single-post .related-posts-title {
    color: var(--re-primary-dark);
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 25px;
}

body.single-post .related-posts .post-title {
    font-size: 15px;
    line-height: 1.8;
}

body.single-post .related-posts .post-title::after {
    display: none;
}


/* =====================================================
   دیدگاه‌ها
===================================================== */

body.single-post .comments-area {
    margin-top: 35px;
    padding: 32px;
    border: 1px solid var(--re-border);
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: var(--re-shadow);
}

body.single-post .comments-area .comment-reply-title,
body.single-post .comments-area .comments-title {
    color: var(--re-primary-dark);
    font-size: 23px;
    font-weight: 900;
}

body.single-post .comments-area input,
body.single-post .comments-area textarea {
    border: 1px solid var(--re-border);
    border-radius: 10px;
    background-color: #f8fbfa;
}

body.single-post .comments-area input:focus,
body.single-post .comments-area textarea:focus {
    border-color: var(--re-accent);
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(35, 139, 126, 0.1);
}

body.single-post .comments-area input[type="submit"] {
    border: 0;
    background-color: var(--re-secondary);
    color: var(--re-primary-dark);
    font-weight: 900;
}


/* =====================================================
   فاصله اسکرول برای لینک فهرست مطالب
===================================================== */

body.single-post .entry-content [id] {
    scroll-margin-top: 125px;
}


/* =====================================================
   تبلت
===================================================== */

@media (max-width: 1024px) {

    body.single-post .main-page-wrapper {
        padding-top: 25px;
        padding-bottom: 50px;
    }

    body.single-post .post-single-page .article-body-container,
    body.single-post article.post .article-body-container {
        padding: 32px 30px 40px;
    }

    body.single-post .sidebar-container > div {
        position: static;
    }
}


/* =====================================================
   موبایل
===================================================== */

@media (max-width: 767px) {

    body.single-post .main-page-wrapper {
        padding-top: 15px;
        padding-bottom: 35px;
    }

    body.single-post .post-single-page,
    body.single-post article.post {
        border-radius: 16px;
    }

    body.single-post .post-single-page .article-body-container,
    body.single-post article.post .article-body-container {
        padding: 23px 17px 30px;
    }

    body.single-post .post-title,
    body.single-post .entry-title {
        font-size: 25px;
        line-height: 1.65;
        letter-spacing: -0.3px;
    }

    body.single-post .post-title::after,
    body.single-post .entry-title::after {
        width: 60px;
        height: 4px;
        margin-top: 14px;
    }

    body.single-post .entry-content {
        font-size: 15.5px;
        line-height: 2.05;
    }

    body.single-post .entry-content > p:first-of-type {
        font-size: 16px;
        line-height: 2.1;
    }

    body.single-post .entry-content p {
        text-align: right;
    }

    body.single-post .entry-content h2 {
        font-size: 21px;
        line-height: 1.75;
        margin-top: 43px;
        padding: 13px 15px;
        border-right-width: 4px;
    }

    body.single-post .entry-content h3 {
        font-size: 18px;
        margin-top: 31px;
    }

    body.single-post .entry-content ul,
    body.single-post .entry-content ol {
        padding: 17px 35px 17px 14px;
    }

    body.single-post .lwptoc,
    body.single-post #ez-toc-container,
    body.single-post .ez-toc-container,
    body.single-post .toc-container,
    body.single-post .elementor-widget-table-of-contents .elementor-widget-container {
        padding: 20px 18px;
        border-radius: 13px;
    }

    body.single-post .entry-content table {
        display: block;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    body.single-post .entry-content table th,
    body.single-post .entry-content table td {
        min-width: 145px;
        font-size: 13px;
        padding: 12px;
    }

    body.single-post .entry-content blockquote {
        padding: 22px 20px;
        font-size: 15.5px;
    }

    body.single-post .sidebar-container .widget,
    body.single-post .related-posts,
    body.single-post .comments-area {
        padding: 21px 17px;
        border-radius: 15px;
    }
}


/* =====================================================
   موبایل بسیار کوچک
===================================================== */

@media (max-width: 420px) {

    body.single-post .post-single-page .article-body-container,
    body.single-post article.post .article-body-container {
        padding-right: 14px;
        padding-left: 14px;
    }

    body.single-post .entry-content h2 {
        font-size: 19px;
    }

    body.single-post .entry-content h3 {
        font-size: 17px;
    }
}

/* =====================================================
   RENERGY PRO - PRODUCT CARDS
   CLEAN / WOODMART 7.x / CHROME 150+ SAFE
   این بخش جایگزین کامل تمام کدهای قبلی کارت محصول است.
===================================================== */

/* -----------------------------------------------------
   1) CARD SHELL
----------------------------------------------------- */

.product-grid-item .product-wrapper {
    background: #fff !important;
    border: 1px solid #e5ebe8 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow:
        0 2px 8px rgba(20, 50, 40, .03),
        0 8px 24px rgba(20, 50, 40, .04) !important;
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    .product-grid-item:hover .product-wrapper {
        transform: translateY(-3px);
        border-color: rgba(33, 133, 88, .22) !important;
        box-shadow:
            0 8px 20px rgba(15, 60, 42, .07),
            0 18px 38px rgba(15, 60, 42, .07) !important;
    }
}


/* -----------------------------------------------------
   2) IMAGE AREA - GENERAL
   ساختار اصلی WoodMart حفظ می‌شود؛ فقط قاب تصویر کنترل می‌شود.
----------------------------------------------------- */

.product-grid-item .product-element-top {
    position: relative !important;
    overflow: hidden !important;
    background: #f7f9f8 !important;
    border-bottom: 1px solid #edf1ef !important;
    box-sizing: border-box !important;
}

/* لینک تصویر */
.product-grid-item .product-image-link,
.product-grid-item .wd-product-img-link {
    display: block !important;
    overflow: hidden !important;
}

/* تصویر اصلی */
.product-grid-item .product-image-link > img,
.product-grid-item .wd-product-img-link > img,
.product-grid-item .product-image-link picture > img,
.product-grid-item .wd-product-img-link picture > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center center !important;
}


/* -----------------------------------------------------
   3) PRODUCT INFORMATION - GENERAL
----------------------------------------------------- */

.product-grid-item .product-information {
    position: relative !important;
    z-index: 2 !important;
    padding: 16px 17px 17px !important;
    background: #fff !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

.product-grid-item .wd-product-cats {
    margin: 0 0 7px !important;
    color: #8a9691 !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
}

.product-grid-item .wd-product-cats a {
    color: #8a9691 !important;
}

.product-grid-item .wd-entities-title {
    margin: 0 0 10px !important;
    color: #1e2925 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.85 !important;
}

.product-grid-item .wd-entities-title a {
    color: #1e2925 !important;
}

.product-grid-item .wd-entities-title a:hover {
    color: #25865a !important;
}

.product-grid-item .price {
    margin-top: 10px !important;
    padding-top: 11px !important;
    border-top: 1px solid #edf1ef !important;
    color: #1d7c53 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
}

.product-grid-item .price del {
    margin-left: 5px !important;
    color: #a9b0ad !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}

.product-grid-item .price ins {
    color: #1d7c53 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}


/* -----------------------------------------------------
   4) LABELS / WISHLIST
----------------------------------------------------- */

.product-grid-item .product-labels {
    top: 12px !important;
    right: 12px !important;
    z-index: 8 !important;
}

.product-grid-item .product-label {
    min-height: 28px !important;
    padding: 5px 10px !important;
    border-radius: 30px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

.product-grid-item .wd-wishlist-btn {
    top: 11px !important;
    left: 11px !important;
    z-index: 8 !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.06) !important;
}

.products.elements-grid {
    --wd-gap: 18px !important;
}


/* =====================================================
   5) SINGLE PRODUCT PAGE
   FIX FOR RELATED / UPSELL / PRODUCT GRID CARDS
   این قسمت Hover دسکتاپ WoodMart 7.x را به یک کارت ثابت تبدیل می‌کند.
===================================================== */

/* قاب کارت در صفحه محصول */
body.single-product .product-grid-item .product-wrapper {
    height: 100% !important;
}

/* قاب تصویر ثابت؛ عنوان دیگر نمی‌تواند وارد این محدوده شود */
body.single-product .product-grid-item .product-element-top {
    height: 230px !important;
    min-height: 230px !important;
    max-height: 230px !important;
    padding: 12px !important;
    overflow: hidden !important;
    contain: paint !important;
    isolation: isolate !important;
}

/* لینک تصویر دقیقاً داخل قاب */
body.single-product .product-grid-item .product-image-link,
body.single-product .product-grid-item .wd-product-img-link {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
}

/* عکس اصلی */
body.single-product .product-grid-item .product-image-link > img,
body.single-product .product-grid-item .wd-product-img-link > img,
body.single-product .product-grid-item .product-image-link picture > img,
body.single-product .product-grid-item .wd-product-img-link picture > img {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    box-sizing: border-box !important;
}

/*
   WoodMart در بعضی hover styleها عنوان/قیمت دیگری داخل top-information
   روی تصویر می‌سازد. این همان لایه‌ای است که باعث افتادن عنوان روی عکس می‌شود.
*/
body.single-product .product-grid-item .top-information {
    display: none !important;
}

/* تصویر دوم Hover برای جلوگیری از باگ Chrome قدیمی WoodMart */
body.single-product .product-grid-item .hover-img {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* هیچ حرکت/زومی روی تصویر */
body.single-product .product-grid-item:hover .product-element-top img,
body.single-product .product-grid-item .product-element-top:hover img,
body.single-product .product-grid-item:hover .product-image-link,
body.single-product .product-grid-item:hover .wd-product-img-link {
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
}

/* لایه‌های جابه‌جاشونده Hover خنثی شوند */
body.single-product .product-grid-item .swap-elements,
body.single-product .product-grid-item:hover .swap-elements,
body.single-product .product-grid-item.wd-hover-alt:hover .swap-elements {
    transform: none !important;
}

/* لایه خیالی/پشتی WoodMart در hover-with-fade */
body.single-product .product-grid-item .content-product-imagin {
    display: none !important;
}

/*
   fade-in-block در WoodMart قدیمی گاهی به شکل لایه شناور محاسبه می‌شود.
   در صفحه محصول آن را به جریان عادی برمی‌گردانیم.
*/
body.single-product .product-grid-item .fade-in-block {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
}

/* بخش اطلاعات اصلی پایین تصویر */
body.single-product .product-grid-item .product-information {
    position: relative !important;
    z-index: 20 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 165px !important;
    margin: 0 !important;
    padding: 15px 15px 16px !important;
    overflow: visible !important;
    background: #fff !important;
    transform: none !important;
    box-sizing: border-box !important;
}

/* عنوان واقعی پایین عکس */
body.single-product .product-grid-item .product-information .wd-entities-title {
    position: static !important;
    display: -webkit-box !important;
    min-height: 50px !important;
    max-height: 52px !important;
    margin: 0 0 8px !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

/* قیمت واقعی */
body.single-product .product-grid-item .product-information .price {
    position: static !important;
    display: block !important;
    margin: 6px 0 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* دکمه‌های پایین کارت در جریان عادی */
body.single-product .product-grid-item .wd-add-btn,
body.single-product .product-grid-item .wd-bottom-actions {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* =====================================================
   6) TABLET
===================================================== */

@media (max-width: 1024px) {

    body.single-product .product-grid-item .product-element-top {
        height: 215px !important;
        min-height: 215px !important;
        max-height: 215px !important;
    }

    .product-grid-item .product-information {
        padding: 15px !important;
    }
}


/* =====================================================
   7) MOBILE
===================================================== */

@media (max-width: 767px) {

    .product-grid-item .product-wrapper {
        border-radius: 14px !important;
    }

    .products.elements-grid {
        --wd-gap: 12px !important;
    }

    body.single-product .product-grid-item .product-element-top {
        height: 190px !important;
        min-height: 190px !important;
        max-height: 190px !important;
        padding: 9px !important;
    }

    body.single-product .product-grid-item .product-information {
        min-height: 150px !important;
        padding: 12px 13px 14px !important;
    }

    .product-grid-item .wd-entities-title {
        font-size: 13px !important;
        line-height: 1.8 !important;
    }

    .product-grid-item .price {
        font-size: 14px !important;
    }
}


/* =====================================================
   8) ACCESSIBILITY / REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {
    .product-grid-item .product-wrapper,
    .product-grid-item .product-element-top img {
        transition: none !important;
    }
}
/* =====================================================
   RENERGY PRO
   CATEGORY PRODUCT CARDS - UNIFORM DESIGN
   فقط صفحات دسته‌بندی محصولات
===================================================== */


/* =====================================================
   GRID
===================================================== */

body.tax-product_cat .products.elements-grid {
    --wd-gap: 18px !important;

    align-items: stretch !important;
}

body.tax-product_cat .product-grid-item {
    display: flex !important;
    height: auto !important;
}


/* =====================================================
   CARD
===================================================== */

body.tax-product_cat .product-grid-item .product-wrapper {
    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    flex-direction: column !important;

    background: #ffffff !important;

    border: 1px solid #e4ebe8 !important;
    border-radius: 18px !important;

    overflow: hidden !important;

    box-shadow:
        0 2px 8px rgba(20, 50, 40, .025),
        0 8px 24px rgba(20, 50, 40, .04) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}


/* Hover کارت */
@media (hover:hover) and (pointer:fine) {

    body.tax-product_cat
    .product-grid-item:hover
    .product-wrapper {

        transform: translateY(-4px) !important;

        border-color: rgba(29, 124, 83, .22) !important;

        box-shadow:
            0 10px 24px rgba(18, 70, 50, .07),
            0 20px 45px rgba(18, 70, 50, .06) !important;
    }

}


/* =====================================================
   IMAGE AREA
===================================================== */

body.tax-product_cat
.product-grid-item
.product-element-top {

    position: relative !important;

    width: 100% !important;

    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;

    padding: 14px !important;

    background: #f7f9f8 !important;

    overflow: hidden !important;

    border-bottom: 1px solid #edf1ef !important;

    box-sizing: border-box !important;
}


/* لینک عکس */
body.tax-product_cat
.product-grid-item
.product-image-link,

body.tax-product_cat
.product-grid-item
.wd-product-img-link {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* عکس */
body.tax-product_cat
.product-grid-item
.product-element-top img {

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    margin: 0 auto !important;
    padding: 0 !important;

    transform: none !important;

    box-sizing: border-box !important;
}


/* Hover image دوم WoodMart را حذف می‌کنیم */
body.tax-product_cat
.product-grid-item
.hover-img {

    display: none !important;
}


/* جلوگیری از مشکل لایه Hover */
body.tax-product_cat
.product-grid-item
.top-information {

    display: none !important;
}


body.tax-product_cat
.product-grid-item
.content-product-imagin {

    display: none !important;
}


body.tax-product_cat
.product-grid-item
.swap-elements {

    transform: none !important;
}


/* =====================================================
   PRODUCT INFORMATION
===================================================== */

body.tax-product_cat
.product-grid-item
.product-information {

    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    width: 100% !important;

    min-height: 205px !important;

    padding: 17px 18px 18px !important;

    margin: 0 !important;

    background: #ffffff !important;

    text-align: right !important;

    box-sizing: border-box !important;

    transform: none !important;
}


/* =====================================================
   CATEGORY TEXT
===================================================== */

body.tax-product_cat
.product-grid-item
.wd-product-cats {

    order: 1 !important;

    min-height: 22px !important;

    margin: 0 0 7px !important;

    color: #98a29e !important;

    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;

    overflow: hidden !important;

    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}


body.tax-product_cat
.product-grid-item
.wd-product-cats a {

    color: #98a29e !important;
}


/* =====================================================
   TITLE
===================================================== */

body.tax-product_cat
.product-grid-item
.wd-entities-title {

    order: 2 !important;

    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;

    min-height: 52px !important;
    max-height: 52px !important;

    margin: 0 0 12px !important;

    color: #1e2925 !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.85 !important;
}


body.tax-product_cat
.product-grid-item
.wd-entities-title a {

    color: #1e2925 !important;
}


body.tax-product_cat
.product-grid-item
.wd-entities-title a:hover {

    color: #25865a !important;
}


/* =====================================================
   PRICE
===================================================== */

body.tax-product_cat
.product-grid-item
.price {

    order: 20 !important;

    margin-top: auto !important;

    padding-top: 13px !important;

    border-top: 1px solid #edf1ef !important;

    color: #1d7c53 !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;

    min-height: 42px !important;
}


/* قیمت قبلی */
body.tax-product_cat
.product-grid-item
.price del {

    margin-left: 5px !important;

    color: #adb5b2 !important;

    font-size: 11px !important;
    font-weight: 400 !important;

    opacity: 1 !important;
}


/* قیمت تخفیفی */
body.tax-product_cat
.product-grid-item
.price ins {

    color: #1d7c53 !important;

    font-weight: 800 !important;

    text-decoration: none !important;
}


/* =====================================================
   ADD TO CART / BUTTON
===================================================== */

body.tax-product_cat
.product-grid-item
.wd-add-btn {

    order: 30 !important;

    position: static !important;

    width: 100% !important;

    margin-top: 12px !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
}


body.tax-product_cat
.product-grid-item
.wd-add-btn > a {

    width: 100% !important;

    min-height: 38px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    border-radius: 10px !important;

    background: #eaf7f0 !important;

    color: #247b55 !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    box-shadow: none !important;
}


body.tax-product_cat
.product-grid-item
.wd-add-btn > a:hover {

    background: #1d7c53 !important;

    color: #ffffff !important;
}


/* =====================================================
   BADGES
===================================================== */

body.tax-product_cat
.product-grid-item
.product-labels {

    top: 12px !important;
    right: 12px !important;

    z-index: 10 !important;
}


body.tax-product_cat
.product-grid-item
.product-label {

    min-height: 28px !important;

    padding: 5px 10px !important;

    border-radius: 30px !important;

    font-size: 11px !important;
    font-weight: 600 !important;
}


/* =====================================================
   WISHLIST
===================================================== */

body.tax-product_cat
.product-grid-item
.wd-wishlist-btn {

    top: 11px !important;
    left: 11px !important;

    z-index: 10 !important;

    border-radius: 50% !important;

    background: rgba(255,255,255,.94) !important;

    box-shadow: 0 3px 12px rgba(0,0,0,.07) !important;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1024px) {

    body.tax-product_cat
    .product-grid-item
    .product-element-top {

        height: 260px !important;
        min-height: 260px !important;
        max-height: 260px !important;
    }


    body.tax-product_cat
    .product-grid-item
    .product-information {

        min-height: 195px !important;

        padding: 15px 16px 16px !important;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    body.tax-product_cat
    .product-grid-item
    .product-wrapper {

        border-radius: 14px !important;
    }


    body.tax-product_cat
    .product-grid-item
    .product-element-top {

        height: 210px !important;
        min-height: 210px !important;
        max-height: 210px !important;

        padding: 10px !important;
    }


    body.tax-product_cat
    .product-grid-item
    .product-information {

        min-height: 175px !important;

        padding: 13px 14px 14px !important;
    }


    body.tax-product_cat
    .product-grid-item
    .wd-entities-title {

        min-height: 48px !important;
        max-height: 48px !important;

        font-size: 13px !important;
        line-height: 1.8 !important;
    }


    body.tax-product_cat
    .product-grid-item
    .price {

        font-size: 14px !important;
    }


    body.tax-product_cat
    .products.elements-grid {

        --wd-gap: 12px !important;
    }

}