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

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

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

:root {
	--wd-text-font: vazir, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 14px;
	--wd-title-font: iransans, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: iransans, 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: iransans, sans-serif;
	--wd-widget-title-font: iransans, 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: iransans, 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(249,175,14);
	--wd-alternative-color: rgb(38,40,181);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 5px;
}



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

@font-face {
	font-family: "iransans";
	src: url("//kohan-ups.com/wp-content/uploads/2026/02/IRANSansWebFaNum.woff2") format("woff2"), 
url("//kohan-ups.com/wp-content/uploads/2026/02/IRANSansWebFaNum.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

/* --- استایل باکس پادکست (ویس) --- */
.kohan-audio-wrapper {
    background: linear-gradient(135deg, #fffaf5, #ffffff);
    border: 1px solid #f59e18;
    border-right: 6px solid #f59e18; /* هماهنگ با neveshte-kohan-2 */
    padding: 20px;
    border-radius: 15px;
    margin: 25px 0 !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.04);
}

.audio-title {
    font-size: 11pt;
    font-weight: 800;
    color: #446084;
    display: flex;
    align-items: center;
    gap: 8px;
}

.audio-title::before {
    content: "🎧"; /* آیکون هدفون برای ویس */
    font-size: 1.2rem;
}

.kohan-audio-wrapper audio {
    width: 100%;
    height: 45px;
    filter: sepia(20%) saturate(150%) hue-rotate(-10deg); /* تم نارنجی برای پلیر پیش‌فرض */
}

/* --- بهینه‌سازی موبایل --- */
@media screen and (max-width: 600px) {
    .kohan-video-container {
        border-radius: 12px;
    }
    .kohan-audio-wrapper {
        padding: 15px;
    }
}
/* =============================================
   بخش ویدیو و ویس اختصاصی امداد باتری کهن (نسخه نارنجی و آبی)
   ============================================= */ 
.kohan-video-container {
    position: relative;
    width: 100%;
    max-width: 850px;
    margin: 40px auto !important;
    background: #1a1a1a; 
    /* حاشیه اولیه با رنگ آبی ملایم */
    border: 2px solid rgba(26, 115, 232, 0.4); 
    border-radius: 20px;
    overflow: hidden;
    
    /* سایه نرم اولیه با هاله آبی بسیار ملایم */
    box-shadow: 0 10px 30px rgba(26, 115, 232, 0.05);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* نوار تزئینی بالای ویدیو (گرادینت ترکیبی آبی و نارنجی) */
.kohan-video-container::before {
    content: "🎬 ویدیوی آموزشی";
    display: block;
    background: linear-gradient(90deg, #1a73e8, #f59e18); /* ترکیب آبی و نارنجی */
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 20px;
    text-align: right;
    direction: rtl;
}

.kohan-video-container video {
    width: 100%;
    display: block;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    background: #000;
}

/* تغییر رنگ به نارنجی در حالت هوور */
.kohan-video-container:hover {
    border-color: #f59e18; /* حاشیه نارنجی در زمان هوور */
    box-shadow: 0 15px 35px rgba(245, 158, 24, 0.2); /* سایه با هاله نارنجی */
}

@media screen and (max-width: 600px) {
    .kohan-video-container {
        border-radius: 12px;
        margin: 25px auto !important;
    }
    .kohan-video-container::before {
        font-size: 11px;
        padding: 6px 15px;
    }
}
/* ============================================================
   بخش اول: استایل اصلی دسکتاپ (دقیقاً طبق کد خودت)
   ============================================================ */

.saba-product-carousel .product {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    padding: 14px 14px 18px;
    transition: 
        transform 0.35s cubic-bezier(.4,0,.2,1),
        box-shadow 0.35s cubic-bezier(.4,0,.2,1),
        border-color 0.35s ease;
    border: 1px solid #2628B5 !important; 
}

.saba-product-carousel .product:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.12);
    border-color: #f9af0e !important; 
}

.saba-product-carousel .product > div {
    border: none !important;
}

.saba-product-carousel .swiper-slide {
    padding: 10px 12px;
}

.saba-product-carousel .product img {
    transition: transform 0.4s ease;
}

.saba-product-carousel .product:hover img {
    transform: scale(1.06);
}

.saba-product-carousel .product-title,
.saba-product-carousel .product-title a {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
    transition: color 0.3s ease;
}

.saba-product-carousel .product:hover .product-title a {
    color: #f9af0e;
}

/* مهار قیمت فقط در اسلایدرهای صبا */
.saba-product-carousel .price {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    background: #f0fdf4 !important;
    border-radius: 8px !important;
    padding: 6px 2px !important;
    width: 100% !important;
    min-height: 40px !important;
    margin: 10px auto !important;
}

/* فونت قیمت در اسلایدر (دسکتاپ) */
.saba-product-carousel .price .amount {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #059669 !important;
}

/* ============================================================
   بخش دوم: استایل فلش‌های ناوبری (دقیقاً طبق کد خودت)
   ============================================================ */

.saba-product-carousel .wd-arrow {
    width: 38px;
    height: 38px;
}

.saba-product-carousel .wd-arrow-inner {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08); 
    border: 1px solid #eee;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.saba-product-carousel .wd-arrow:hover .wd-arrow-inner {
    background: #f9af0e;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(249, 175, 14, 0.25);
    border-color: #f9af0e;
}

.saba-product-carousel .wd-arrow-inner::after {
    font-size: 14px;
    font-weight: 400;
    color: #444;
}

.saba-product-carousel .wd-arrow:hover .wd-arrow-inner::after {
    color: #fff;
}

/* ============================================================
   بخش اصلاح شده: تنظیمات مخصوص موبایل (تبلت و گوشی)
   ============================================================ */

.saba-products-section .saba-product-carousel {
    margin-top: 16px;
}

@media (max-width: 768px) {
    /* ۱. فاصله اسلایدها و بدنه محصول */
    .saba-product-carousel .swiper-slide {
        padding: 5px 2px !important; 
    }

    .saba-product-carousel .product {
        padding: 5px 5px 10px !important;
        margin: 0 !important;
    }

    /* ۲. عنوان محصول (فشرده‌سازی برای ۲ خط) */
    .saba-product-carousel .product-title,
    .saba-product-carousel .product-title a {
        font-size: 11px !important;
        line-height: 1.3 !important;
        display: block;
        height: 34px;
        overflow: hidden;
    }

    /* ۳. مهار قیمت در موبایل برای جلوگیری از بیرون‌زدگی */
    .saba-product-carousel .price {
        min-height: 32px !important;
        padding: 4px 1px !important;
        margin-top: auto !important; /* چسباندن به پایین کارت */
    }
    
    .saba-product-carousel .price .amount {
        font-size: 11px !important; 
        letter-spacing: -0.5px !important; /* فشرده کردن اعداد طولانی */
    }
    
    .saba-product-carousel .price .woocommerce-Price-currencySymbol {
        font-size: 9px !important; 
        margin-right: 2px !important;
    }

    /* ۴. حذف المان‌های مزاحم در موبایل */
    .saba-product-carousel .wd-arrow,
    .saba-products-section::before {
        display: none !important;
    }

    /* ۵. دکمه افزودن در موبایل (اگر می‌خواهی عریض بماند) */
    .saba-product-carousel .wd-add-btn > a {
        border-radius: 4px !important;
        padding: 10px 2px !important;
        font-size: 11px !important;
        width: 100% !important;
    }
}
/* ============================================================
   بخش چهارم: حذف دکمه‌های مقایسه و عریض کردن افزودن
   ============================================================ */

/* حذف آیکون‌های نمایش سریع و مقایسه */
.saba-product-carousel .wd-buttons.wd-pos-after {
    display: none !important;
}

/* عریض کردن دکمه افزودن به سبد خرید برای پر کردن فضای خالی */
.saba-product-carousel .wd-add-btn.wd-add-btn-replace {
    flex-grow: 1;
    width: 100% !important;
}
/* =========================
   UPS Products Section – SABA
   ========================= */

.saba-products-section {
    background:
        linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%);
    border-radius: 24px;
    padding: 36px 32px 40px;
    box-shadow:
        0 24px 60px rgba(0,0,0,0.07),
        inset 0 1px 0 rgba(255,255,255,0.6);
    position: relative;
    overflow: hidden;
}

/* نوار صنعتی کناری (حس برق / انرژی) */
.saba-products-section::before {
    content: "";
    position: absolute;
    top: 28px;
    right: 0;
    width: 6px;
    height: 70px;
    background: linear-gradient(
        180deg,
        #f9af0e,
        #ff8f00
    );
    border-radius: 6px 0 0 6px;
}


/* =========================
   Section Title – Industrial
   ========================= */

.saba-products-section h2,
.saba-products-section .elementor-heading-title {
    font-size: 23px;
    font-weight: 900;
    color: #1f1f1f;
    margin-bottom: 22px;
    position: relative;
    padding-right: 18px;
}

/* خط انرژی زیر عنوان */
.saba-products-section h2::after,
.saba-products-section .elementor-heading-title::after {
    content: "";
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 54px;
    height: 4px;
    background: linear-gradient(
        90deg,
        #f9af0e,
        #ff8f00
    );
    border-radius: 4px;
}

/* =========================
   Subtle Energy Pattern
   ========================= */

.saba-products-section::after {
    content: "";
    position: absolute;
    left: -60px;
    bottom: -60px;
    width: 220px;
    height: 220px;
    background: radial-gradient(
        circle,
        rgba(249,175,14,0.18) 0%,
        rgba(249,175,14,0.08) 40%,
        transparent 70%
    );
    pointer-events: none;
}

/* =========================
   Responsive – Mobile (اصلاح نهایی برای باز شدن فضا)
   ========================= */

@media (max-width: 768px) {
    /* حذف کامل فاصله‌های چپ و راست کانتینر اصلی */
    .saba-products-section {
        padding: 20px 0px 25px !important; /* پدینگ چپ و راست صفر شد */
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 0px; /* لبه‌های گرد در موبایل فضا رو هدر میده، صفر یا کمش کنید */
    }
}
/* =========================
   Saba Category Card - Optimized
   ========================= */

.saba-category-card-final {
    width: 100%;
    max-width: 310px;
    min-height: 440px;
    background: linear-gradient(165deg, #1e22aa 0%, #12156b 100%);
    border-radius: 15px;
    padding: 30px 20px;
    text-align: center;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 10px 30px rgba(18, 21, 107, 0.2);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* افکت هاور کل کارت */
.saba-category-card-final:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(18, 21, 107, 0.4);
}

/* المان‌های تزئینی پس‌زمینه */
.saba-category-card-final::before {
    content: "";
    position: absolute;
    top: -10%;
    right: -10%;
    width: 150px;
    height: 150px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    z-index: 1;
}

/* تصویر محصول */
.saba-category-card-final .category-image {
    width: 90%;
    height: auto;
    object-fit: contain;
    margin-bottom: 25px;
    z-index: 2;
    filter: drop-shadow(0 10px 15px rgba(0,0,0,0.3));
    transition: transform 0.5s ease;
}

.saba-category-card-final:hover .category-image {
    transform: scale(1.1) rotate(2deg);
}

/* عنوان دسته بندی */
.saba-category-card-final .category-title {
    font-size: 22px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 25px;
    z-index: 2;
    text-shadow: 0 2px 10px rgba(0,0,0,0.2);
    line-height: 1.4;
}

/* دکمه مشاهده همه */
.saba-category-card-final .category-link {
    display: inline-block;
    background: #ffffff;
    color: #1e22aa !important;
    font-weight: 700;
    font-size: 14px;
    border-radius: 30px;
    padding: 12px 30px;
    text-decoration: none;
    z-index: 2;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.saba-category-card-final .category-link:hover {
    background: #f9af0e;
    color: #fff !important;
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(249, 175, 14, 0.4);
}

/* ============================================
   ریسپانسیو برای تبلت (768px تا 992px)
   ============================================ */
@media (max-width: 992px) and (min-width: 769px) {
    .saba-category-card-final {
        max-width: 280px;
        min-height: 400px;
        padding: 25px 15px;
    }
    .saba-category-card-final .category-title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .saba-category-card-final .category-image {
        width: 85%;
        margin-bottom: 20px;
    }
    .saba-category-card-final .category-link {
        padding: 10px 25px;
        font-size: 13px;
    }
}

/* ============================================
   ریسپانسیو برای موبایل (تا 768px)
   ============================================ */
@media (max-width: 768px) {
    .saba-category-card-final {
        max-width: 100%;
        min-height: auto;
        padding: 12px 10px; /* کاهش یافت: قبلاً 20px 15px */
        border-radius: 12px;
    }
    
    /* تصویر کوچک‌تر در موبایل */
    .saba-category-card-final .category-image {
        width: 70%;
        margin-bottom: 12px; /* کاهش یافت: از 15px به 12px */
    }
    
    /* عنوان کوچک‌تر در موبایل */
    .saba-category-card-final .category-title {
        font-size: 15px; /* کمی خواناتر: از 16px به 15px */
        margin-bottom: 12px; /* کاهش یافت: از 15px به 12px */
        font-weight: 700;
    }
    
    /* دکمه جمع‌وجورتر در موبایل */
    .saba-category-card-final .category-link {
        padding: 6px 16px; /* کاهش یافت: از 8px 20px */
        font-size: 12px;
        border-radius: 25px;
    }
    
    /* حذف افکت هاور در موبایل */
    .saba-category-card-final:hover {
        transform: none;
    }
    
    .saba-category-card-final:hover .category-image {
        transform: none;
    }
}

/* ============================================
   ریسپانسیو برای موبایل‌های خیلی کوچک (تا 480px)
   ============================================ */
@media (max-width: 480px) {
    .saba-category-card-final {
        padding: 10px 8px; /* کاهش یافت: قبلاً 15px 12px */
        border-radius: 10px; /* گردی کمی کمتر برای صفحه کوچک */
    }
    
    .saba-category-card-final .category-image {
        width: 60%; /* کاهش یافت: از 65% به 60% */
        margin-bottom: 10px; /* کاهش یافت: از 12px به 10px */
    }
    
    .saba-category-card-final .category-title {
        font-size: 13px; /* کاهش یافت: از 14px به 13px */
        margin-bottom: 10px; /* کاهش یافت: از 12px به 10px */
    }
    
    .saba-category-card-final .category-link {
        padding: 5px 12px; /* کاهش یافت: از 6px 16px */
        font-size: 10px; /* کاهش یافت: از 11px به 10px */
        border-radius: 20px; /* کمی باریک‌تر */
    }
}
/* Container Principal */
.saba-section-header-pro {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: clamp(10px, 2vw, 25px); /* فاصله هوشمند */
    width: 100%;
    direction: rtl;
    padding: 20px 0;
    box-sizing: border-box;
}

/* Wrapper for Accent and Text */
.saba-title-wrap {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0; /* جلوگیری از فشرده شدن عنوان */
    position: relative;
    top: -1px; /* اصلاح دستی برای بالانس بصری فونت فارسی */
}

/* Vertical Orange Accent */
.saba-title-accent {
    display: block;
    width: 6px;
    height: 26px;
    background-color: #F9AF0E;
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(249, 175, 14, 0.2);
}

/* Main Title Text */
.saba-title-text {
    font-size: clamp(18px, 4vw, 18px); /* ریسپانسیو بودن سایز متن */
    font-weight: 900;
    color: #1a1a1a;
    line-height: 1.2;
    margin: 0;
    white-space: nowrap;
}

/* The Connecting Line - Engineered for alignment */
.saba-line {
    flex-grow: 1;
    height: 1.5px; /* کمی ضخیم تر برای وضوح بیشتر */
    background: linear-gradient(
        to left,
        rgba(0,0,0,0.01) 0%,
        rgba(0,0,0,0.07) 15%,
        rgba(0,0,0,0.07) 85%,
        rgba(0,0,0,0.01) 100%
    );
    position: relative;
    top: 2px; /* فوت کوزه‌گری: تراز کردن خط با مرکز ثقل بصری نوشته فارسی */
}

/* Professional Button */
.saba-btn-pro {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 10px 24px;
    background-color: #f3e4c2;
    color: #7a5a1e !important;
    text-decoration: none !important;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid rgba(122, 90, 30, 0.05);
    white-space: nowrap;
    box-shadow: 0 2px 0 rgba(0,0,0,0.02);
}

/* Icon / Arrow Inside Button */
.saba-btn-pro .arrow {
    font-size: 18px;
    line-height: 0;
    display: inline-block;
    transition: transform 0.3s ease;
}

/* Hover States - Detailed Interaction */
.saba-btn-pro:hover {
    background-color: #F9AF0E;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 15px rgba(249, 175, 14, 0.3);
    border-color: transparent;
}

.saba-btn-pro:hover .arrow {
    transform: translateX(-6px);
}

.saba-btn-pro:active {
    transform: translateY(0);
}

/* Mobile Adjustments - Optimized for Small Screens */
@media (max-width: 768px) {
    .saba-section-header-pro {
        /* حذف پدینگ اضافی برای استفاده حداکثری از عرض */
        padding: 15px 5px !important; 
        gap: 10px;
        /* جلوگیری از بیرون زدن محتوا */
        flex-wrap: nowrap; 
    }

    /* حذف خط رابط در موبایل برای باز شدن فضا */
    .saba-line {
        display: none !important;
    }

    .saba-title-wrap {
        gap: 8px;
        /* اجازه به عنوان برای شکستن خط اگر خیلی طولانی بود */
        flex-shrink: 1; 
    }

    .saba-title-text {
        font-size: 15px !important; /* کمی کوچک‌تر برای جا شدن در یک خط */
        white-space: normal; /* اگر عنوان طولانی بود، به سطر بعد برود و کادر را خراب نکند */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .saba-title-accent {
        height: 18px;
        width: 4px;
        flex-shrink: 0;
    }

    .saba-btn-pro {
        padding: 6px 12px; /* دکمه جمع و جورتر */
        font-size: 12px !important;
        flex-shrink: 0; /* دکمه به هیچ وجه نباید مچاله شود */
        border-radius: 8px;
    }
    
    .saba-btn-pro .arrow {
        display: none; /* حذف فلش در موبایل برای خلوت شدن دکمه (اختیاری) */
    }
}

/* حذف مارجین احتمالی بالای المان اول صفحه (اسلایدر) */
.main-page-wrapper article > .entry-content > .elementor:first-child {
    margin-top: 0 !important;
}

/* اگر هنوز فاصله کوچکی هست، این مورد را هم اضافه کن */
.main-page-wrapper {
    padding-top: 0 !important;
}
/* ۱. حذف فاصله‌های مزاحم فقط برای اولین سکشن/کانتینر بعد از هدر */
#main-content > .elementor-element:first-child,
#main-content > .e-con:first-child,
#main-content > .elementor-section:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ۲. صفر کردن فاصله بلاک محتوای وودمارت */
.main-page-wrapper .wd-content-layout {
    padding-block: 0 !important;
}

/* ۳. حذف فاصله‌های اضافی هدر */
.elementor-location-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ۴. حذف فاصله بین هدر و محتوا در ساختار وودمارت */
.website-wrapper .header-banner + .main-page-wrapper,
.single-product .main-page-wrapper {
    margin-top: 0 !important;
}

/* ۵. اصلاح پدینگ داخلی اولین کانتینر برای چسبیدن به هدر */
#main-content > .elementor-element:first-child .e-con-inner,
#main-content > .elementor-element:first-child .elementor-container {
    padding-top: 0 !important;
}
/*******************************************************************************
 * استایل اختصاصی بخش سامری محصول (Product Summary) - صبا باتری
 * شامل: توضیحات مختصر، کارت‌های ویژگی (باتری)، قیمت، دکمه خرید و باکس مشاوره
 * بهینه‌سازی شده برای نمایش متقارن و هم‌ارتفاع در موبایل (۴ ستونه)
 *******************************************************************************/
/* ۱. تنظیمات کلی والد */
.entry-summary {
    max-width: 100% !important;
    padding-right: 15px !important;
}

/* ۲. توضیحات مختصر محصول */
.woocommerce-product-details__short-description {
    text-align: justify !important;
    text-justify: inter-word !important;
    line-height: 2 !important;
    color: #444 !important;
    max-width: 92% !important;
    margin-bottom: 25px !important;
}

/* ۳. استایل قیمت دسکتاپ (اگر قیمت کپسولی استفاده نمی‌کنید این بخش فعال باشد) */
.summary .price {
    color: #F9AF0E !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    margin-bottom: 25px !important;
    display: block !important;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.02);
}

/* ۴. کارت‌های ویژگی - حالت دسکتاپ */
div.woocommerce-product-details__short-description ul, 
.wd-single-short-desc ul {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 25px 0 !important;
    list-style: none !important;
}

/* حذف ::before قدیمی */
div.woocommerce-product-details__short-description ul li::before, 
.wd-single-short-desc ul li::before {
    content: none !important;
}

/* استایل یکسان برای تمام آیتم‌ها */
div.woocommerce-product-details__short-description ul li, 
.wd-single-short-desc ul li {
    background: #ffffff !important;
    border: 1px solid #eef0f5 !important;
    padding: 15px 10px !important;
    border-radius: 18px !important;
    text-align: center !important;
    font-weight: 800 !important;
    color: #2628b5 !important;
    font-size: 13px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* اضافه کردن آیکون باتری به عنوان المان جداگانه در بالای محتوا (وسط چین) */
div.woocommerce-product-details__short-description ul li::before, 
.wd-single-short-desc ul li::before {
    content: "🔋" !important;
    font-size: 32px !important;
    display: block !important;
    margin-bottom: 12px !important;
    text-align: center !important;
}

div.woocommerce-product-details__short-description ul li:hover, 
.wd-single-short-desc ul li:hover {
    border-color: #2628b5 !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 20px rgba(38, 40, 181, 0.1) !important;
}

/* حالت موبایل: 2 آیتم در هر ردیف */
@media (max-width: 768px) {
    div.woocommerce-product-details__short-description ul, 
    .wd-single-short-desc ul {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    
    div.woocommerce-product-details__short-description ul li, 
    .wd-single-short-desc ul li {
        padding: 12px 8px !important;
        font-size: 12px !important;
    }
    
    div.woocommerce-product-details__short-description ul li::before, 
    .wd-single-short-desc ul li::before {
        font-size: 28px !important;
        margin-bottom: 10px !important;
    }
}
/* ۵. دکمه افزودن به سبد خرید */
.single_add_to_cart_button {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border-radius: 50px !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    padding: 14px 45px !important;
    box-shadow: 0 6px 15px rgba(16, 185, 129, 0.3) !important;
    border: none !important;
}

/* ۶. باکس تماس با مشتری */
.custom-contact-section {
    max-width: 95% !important;
    margin: 35px 0 !important;
    border: 1px solid #eee !important;
    background: #fdfdfd !important;
    padding: 20px !important;
    border-radius: 20px !important;
    position: relative !important;
}

.custom-contact-section::after {
    content: "";
    position: absolute;
    top: 15%;
    right: 0;
    width: 4px;
    height: 70%;
    background: #F9AF0E;
    border-radius: 5px 0 0 5px;
}

/* ۷. تنظیمات اختصاصی موبایل (اصلاح شده برای هم‌ارتفاعی قطعی) */
@media screen and (max-width: 767px) {
    .product-image-summary .summary-inner,
    .product-image-summary .entry-summary {
        padding-left: 4px !important;
        padding-right: 4px !important;
        width: 100% !important;
    }

    .woocommerce-product-details__short-description {
        max-width: 100% !important;
        padding: 0 4px !important;
    }

    /* تنظیم شبکه ۴ ستونه */
    div.woocommerce-product-details__short-description ul, 
    .wd-single-short-desc ul {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important; 
        grid-auto-rows: 1fr !important; /* تمام ردیف‌ها هم‌ارتفاع با بلندترین عضو شوند */
        align-items: stretch !important;
        gap: 5px !important;
        margin: 15px 0 !important;
    }

    /* تنظیم داخلی کارت برای پر کردن کل ارتفاع باکس */
    div.woocommerce-product-details__short-description ul li, 
    .wd-single-short-desc ul li {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important; /* محتوا در مرکز عمودی قرار بگیرد */
        height: 100% !important; 
        padding: 8px 2px !important;
        font-size: 9px !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
    }

    div.woocommerce-product-details__short-description ul li::before {
        font-size: 16px !important;
        margin-bottom: 4px !important;
    }

    .custom-contact-section {
        max-width: 100% !important;
        margin: 20px 0 !important;
        padding: 12px !important;
    }
}
/* ============================================================
   نسخه اصلاح شده و پایدار توضیحات محصول صبا باتری
   ============================================================ */

/* ۱. بدنه اصلی متن */
.woocommerce-Tabs-panel--description {
    line-height: 1.9 !important;
    color: #334155 !important;
    text-align: justify !important;
    font-size: 14px !important;
}

/* ۲. هدینگ‌ها */
.woocommerce-Tabs-panel--description h2, 
.woocommerce-Tabs-panel--description h3 {
    color: #1e293b !important; 
    border-right: 5px solid #F9AF0E !important; 
    padding: 14px 20px !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    font-weight: 500 !important;
    background: linear-gradient(90deg, #f8fafc 0%, #ffffff 100%) !important;
    border-radius: 0 12px 12px 0;
    font-size: 16px !important;
    box-shadow: 4px 4px 12px rgba(0,0,0,0.02);
}

/* ۳. اصلاح باگ لیست‌ها (برگشت به چیدمان عمودی تمیز) */
.woocommerce-Tabs-panel--description ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
}

.woocommerce-Tabs-panel--description ul li {
    position: relative !important;
    display: block !important; /* حل مشکل ستونی شدن متن */
    background: #fcfcfc;
    margin-bottom: 10px !important;
    padding: 15px 45px 15px 15px !important; /* ایجاد فضا در راست برای تیک */
    border-radius: 12px;
    border: 1px solid #f1f5f9;
    line-height: 1.8 !important;
}

/* استایل آیکون تیک به صورت شناور در سمت راست */
.woocommerce-Tabs-panel--description ul li::before {
    content: "✔" !important;
    position: absolute !important;
    right: 12px !important;
    top: 15px !important;
    width: 22px !important;
    height: 22px !important;
    background: #22c55e !important;
    color: white !important;
    font-size: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    box-shadow: 0 3px 8px rgba(34, 197, 94, 0.2);
}

/* ۴. استایل کلمات کلیدی Bold */
.woocommerce-Tabs-panel--description strong {
    color: #2628b5 !important;
    font-weight: 700;
    background: rgba(38, 40, 181, 0.04);
    padding: 0 4px;
    border-radius: 4px;
}

/* ۵. باکس‌های مشاوره (blockquote) */
.woocommerce-Tabs-panel--description blockquote {
    background: #fffdf5 !important;
    border: 1px solid #fef3c7 !important;
    border-right: 6px solid #F9AF0E !important;
    padding: 25px !important;
    border-radius: 18px !important;
    margin: 30px 0 !important;
    position: relative;
    overflow: hidden;
}

/* بهینه‌سازی اختصاصی برای موبایل */
@media screen and (max-width: 767px) {
    .woocommerce-Tabs-panel--description blockquote {
        padding: 15px 15px 15px 10px !important; /* کاهش پدینگ برای فضای بیشتر متن */
        margin: 20px 5px !important; /* فاصله کمتر از حاشیه گوشی */
        border-radius: 12px !important; /* انحنای ملایم‌تر برای موبایل */
        font-size: 13px !important;
        line-height: 1.7 !important;
    }
    
    /* اضافه کردن یک آیکون تلفن بسیار محو در پس‌زمینه برای زیبایی (اختیاری) */
    .woocommerce-Tabs-panel--description blockquote::after {
        content: "📞" !important;
        position: absolute !important;
        left: 10px !important;
        bottom: -5px !important;
        font-size: 16px !important;
        opacity: 0.05 !important;
        transform: rotate(-15px);
    }
}

/* ۶. بهینه‌سازی موبایل */
@media screen and (max-width: 767px) {
    .woocommerce-tabs .panel,
    .woocommerce-Tabs-panel--description {
        padding: 0 !important;
    }

    .woocommerce-Tabs-panel--description p {
        padding: 0 10px !important;
    }

    .woocommerce-Tabs-panel--description h2, 
    .woocommerce-Tabs-panel--description h3 {
        font-size: 18px !important;
        padding: 12px 10px !important;
        margin-top: 30px !important;
    }

    .woocommerce-Tabs-panel--description ul li {
        padding: 12px 40px 12px 10px !important;
        font-size: 14px !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
}
/* ایجاد فاصله جزئی ۴ پیکسلی به جای حذف کامل پدینگ */
.woocommerce-tabs .entry-content.woocommerce-Tabs-panel--description,
.woocommerce-tabs .wc-tab-content,
.woocommerce-tabs .wc-tab {
    padding: 4px !important; /* فاصله از بالا، پایین، چپ و راست */
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* اصلاح کانتینر برای اجازه دادن به فاصله ۴ پیکسلی */
.single-product .tabs-inner .container,
.single-product .tabs-inner {
    padding-left: 4px !important;
    padding-right: 4px !important;
    max-width: 100% !important;
}

/* اصلاح اختصاصی برای موبایل */
@media screen and (max-width: 767px) {
    .woodmart-tab-wrapper .entry-content {
        padding: 4px !important; /* فاصله ظریف در حالت موبایل */
        margin: 0 !important;
    }
}
/* حذف دکمه‌های مقایسه و لیست علاقه مندی در صفحه محصول */
.single-product .wd-compare-btn,
.single-product .wd-wishlist-btn {
    display: none !important;
}

/* حذف کانتینر دور این دکمه‌ها برای تمیز شدن چیدمان */
.single-product .wd-action-btn.wd-style-text {
    display: none !important;
}
/* ۱. محفظه کلی دسته‌بندی با چیدمان مرتب */
.product_meta {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 12px !important; /* فاصله افقی و عمودی بین کپسول‌ها */
    padding: 20px 0 !important;
    border-top: 1px solid #eee;
    margin-top: 25px !important;
    align-items: center !important;
}

/* ۲. حذف کلمه "دسته:" و افزودن استایل آیکون */
.product_meta .posted_in {
    font-size: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important; /* تراز عمودی کل خط */
}

.product_meta .posted_in::before {
    content: "⚡" !important;
    font-size: 14px !important; /* کمی کوچک‌تر برای هم‌خوانی بهتر */
    background: #f9af0e;
    color: white;
    width: 26px;
    height: 26px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin-left: 10px;
    box-shadow: 0 2px 5px rgba(249, 175, 14, 0.3);
    flex-shrink: 0; /* جلوگیری از تغییر سایز آیکون */
}
/* ۳. استایل پیشرفته تگ‌ها (طراحی صنعتی باتری) */
.product_meta a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    color: #2d3748 !important;
    padding: 6px 14px !important; /* بالانس کردن پدینگ */
    border-radius: 4px !important;
    border: 2px solid #edf2f7 !important;
    border-right: 4px solid #22c55e !important;
    font-size: 13px !important;
    line-height: 1 !important; /* حذف فاصله مجازی خطوط */
    font-weight: 600 !important;
    text-decoration: none !important;
}
/* ۴. افکت هاور حرفه‌ای (حس شارژ و انرژی) */
.product_meta a:hover {
    background: #f0fff4 !important;
    color: #15803d !important;
    border-color: #22c55e !important;
    box-shadow: 0 4px 15px rgba(34, 197, 94, 0.15) !important;
    transform: translateX(-3px); /* حرکت جزیی برای جذابیت */
}

/* ۵. اصلاح برای نمایش متقارن و فشرده در موبایل */
@media screen and (max-width: 767px) {
    .product_meta {
        padding: 12px 0 !important;
        margin-top: 15px !important;
        gap: 5px !important; /* کاهش فاصله کلی */
    }

    /* کاهش فاصله بین کپسول‌ها */
    .product_meta .posted_in {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        gap: 4px !important; /* فاصله بین دو کپسول به ۴ پیکسل کاهش یافت */
        display: flex !important;
        align-items: center !important;
        scrollbar-width: none;
    }

    .product_meta .posted_in::-webkit-scrollbar {
        display: none;
    }

    .product_meta a {
        padding: 5px 8px !important; /* پدینگ داخلی کمتر برای جمع‌وجور شدن */
        font-size: 11px !important;
        border-right-width: 3px !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }

    .product_meta .posted_in::before {
        width: 20px; /* آیکون صاعقه کمی کوچک‌تر شد */
        height: 20px;
        font-size: 11px !important;
        margin-left: 4px !important; /* فاصله آیکون با اولین کپسول کمتر شد */
        flex-shrink: 0 !important;
    }
}
/* ۱. غیرفعال کردن افکت زوم روی تصویر محصول */
.woocommerce-product-gallery__image {
    pointer-events: none !important;
}

.wd-enlarge-turn-off .zoomImg {
    display: none !important;
}

/* ۲. کوچک‌تر کردن بخش تصویر و بزرگ‌تر کردن بخش توضیحات (دسکتاپ) */
@media screen and (min-width: 1025px) {
    /* عرض بخش تصویر را از ۵۰٪ به ۳۵٪ کاهش می‌دهیم */
    .product-image-summary .col-lg-6:first-child {
        flex: 0 0 35% !important;
        max-width: 35% !important;
    }
    
    /* عرض بخش محتوا و قیمت را به ۶۵٪ افزایش می‌دهیم */
    .product-image-summary .col-lg-6:last-child {
        flex: 0 0 65% !important;
        max-width: 65% !important;
        padding-right: 40px !important; /* ایجاد فاصله مناسب بین عکس و متن */
    }
}

/* ۳. متمرکز کردن تصویر در موبایل برای جلوگیری از کشیدگی */
@media screen and (max-width: 767px) {
    .product-images {
        max-width: 85% !important;
        margin: 0 auto !important;
    }
}
/* ۱. استایل کلی نوار تب‌ها - ایجاد فاصله و پس‌زمینه ملایم */
.tabs-layout-tabs .wd-nav-wrapper {
    background-color: #f9f9f9 !important;
    padding: 10px !important;
    border-radius: 12px 12px 0 0 !important;
    border: 1px solid #eee !important;
    border-bottom: none !important;
}

/* ۲. حذف خط زیرین پیش‌فرض وودمارت */
.wd-nav-tabs.wd-style-underline-reverse {
    border-bottom: none !important;
}

/* ۳. تبدیل تب‌ها به دکمه‌های مجزا */
.wd-nav-tabs[class*="wd-style-underline"] .wd-nav-link {
    margin-left: 10px !important;
    margin-right: 10px !important;
    border-radius: 8px !important;
    transition: all 0.4s ease !important;
}

/* ۴. استایل متن داخل تب‌ها */
.wd-nav-tabs .nav-link-text {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #888 !important;
    padding: 12px 20px !important;
}

/* ۵. استایل تب فعال (Active) - تبدیل به دکمه آبی صبا */
.wd-nav-tabs li.active .wd-nav-link {
    background-color: #2628b5 !important; /* رنگ اصلی صبا */
    box-shadow: 0 4px 12px rgba(38, 40, 181, 0.2) !important;
}

.wd-nav-tabs li.active .nav-link-text {
    color: #fff !important; /* متن سفید در تب فعال */
}

/* ۶. حذف خط زیرین متحرک وودمارت که ظاهر را شلوغ می‌کند */
.wd-nav-tabs[class*="wd-style-underline"] .wd-nav-link:after {
    display: none !important;
}

/* ۷. استایل باکس محتوا (توضیحات) برای هماهنگی با تب‌ها */
.woocommerce-tabs .wc-tab {
    border: 1px solid #eee !important;
    border-radius: 0 0 15px 15px !important;
    padding: 40px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    margin-top: -1px !important; /* چسباندن محتوا به نوار تب */
}

/* ۸. هاور روی تب‌های غیرفعال */
.wd-nav-tabs li:not(.active):hover .wd-nav-link {
    background-color: #f0f2ff !important;
}
/* استایل مینیمال جدول مشخصات فنی محصول (ووکامرس) */

.woocommerce-product-attributes {
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid #f0f0f0 !important;
    margin-top: 15px !important;
    font-size: 13px !important; /* فونت کمی ریزتر برای ظرافت بیشتر */
    box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important;
}

/* حذف تمامی خطوط جداکننده پیش‌فرض برای ظاهر تمیزتر */
.woocommerce-product-attributes td, 
.woocommerce-product-attributes th {
    border: none !important;
    padding: 10px 15px !important; /* کاهش پدینگ برای جمع‌وجور شدن */
}

/* استایل ردیف‌ها به صورت یکی‌درمیان */
.woocommerce-product-attributes-item:nth-child(odd) {
    background-color: #fafbfc !important;
}

/* ستون عناوین (سمت راست) */
.woocommerce-product-attributes-item__label {
    color: #2628b5 !important;
    font-weight: 700 !important;
    width: 35% !important;
    border-left: 2px solid #F9AF0E !important; /* نازک‌تر شدن خط نارنجی */
    background: rgba(38, 40, 181, 0.02) !important;
}

/* ستون مقادیر (سمت چپ) */
.woocommerce-product-attributes-item__value p {
    margin: 0 !important;
    color: #555 !important;
}

/* افکت هاور ملایم روی ردیف‌ها */
.woocommerce-product-attributes-item:hover {
    background-color: #f4f6ff !important;
}
/* =========================
   قسمت کامنت های صفحه محصولات
   ========================= */
/* ۱. استایل کلی لیست نظرات */
.commentlist {
    list-style: none !important;
    padding: 0 !important;
}

.commentlist li {
    background: #fcfcfc !important;
    border: 1px solid #eee !important;
    border-radius: 15px !important;
    padding: 25px !important;
    margin-bottom: 25px !important;
    transition: all 0.3s ease;
}

.commentlist li:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important;
    background: #fff !important;
}

/* ۲. استایل آواتار (عکس کاربر) */
.commentlist li img.avatar {
    border-radius: 50% !important;
    border: 3px solid #fff !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
    width: 60px !important;
}

/* ۳. نام نویسنده و تاریخ */
.woocommerce-review__author {
    color: #2628b5 !important; /* آبی صبا */
    font-weight: 800 !important;
    font-size: 16px !important;
}

.woocommerce-review__dash {
    display: none !important; /* حذف خط فاصله زشت */
}

.woocommerce-review__published-date {
    color: #999 !important;
    font-size: 12px !important;
    display: block !important;
}

/* ۴. استایل ستاره‌ها (Rating) */
.star-rating {
    color: #F9AF0E !important; /* نارنجی صبا */
    margin-bottom: 10px !important;
}

/* ۵. باکس فرم ارسال نظر */
#review_form_wrapper {
    background: #f8f9ff !important;
    padding: 30px !important;
    border-radius: 20px !important;
    border: 1px dashed #2628b5 !important;
    margin-top: 50px !important;
}

#reply-title {
    color: #2628b5 !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    margin-bottom: 20px !important;
    display: block;
}

/* ۶. استایل فیلدهای ورودی (Input) */
#commentform input[type="text"], 
#commentform textarea {
    border-radius: 10px !important;
    border: 1px solid #e0e0e0 !important;
    padding: 12px !important;
    transition: all 0.3s;
}

#commentform input[type="text"]:focus, 
#commentform textarea:focus {
    border-color: #2628b5 !important;
    box-shadow: 0 0 8px rgba(38, 40, 181, 0.1) !important;
}

/* ۷. استایل دکمه ثبت نظر */
#commentform #submit {
    background-color: #2628b5 !important;
    color: #fff !important;
    padding: 12px 35px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    border: none !important;
    cursor: pointer;
    transition: all 0.3s;
}

#commentform #submit:hover {
    background-color: #F9AF0E !important; /* تغییر به نارنجی صبا هنگام هاور */
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(249, 175, 14, 0.3) !important;
}
/* حذف استایل‌های مزاحم وودمارت و ایجاد ظاهر جدید */
.site-content .wd-breadcrumbs, 
.yoast-breadcrumb,
.woocommerce-breadcrumb {
    background: #fdfdfd !important;
    padding: 10px 15px !important;
    border-radius: 5px !important;
    border-right: 4px solid #2628b5 !important; /* خط عمودی آبی صبا باتری */
    box-shadow: 0 2px 10px rgba(0,0,0,0.03) !important;
    margin-bottom: 25px !important;
    display: inline-flex !important; /* جمع و جور شدن باکس */
    align-items: center !important;
    font-size: 13px !important;
}

/* استایل لینک‌ها */
.wd-breadcrumbs a, 
.yoast-breadcrumb a {
    color: #666 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

/* رنگ محصول فعلی در انتهای مسیر */
.wd-breadcrumbs .breadcrumb-last,
.yoast-breadcrumb .last,
.yoast-breadcrumb span:last-child {
    color: #2628b5 !important;
    font-weight: bold !important;
    margin-right: 5px !important;
}

/* تغییر آیکون جداکننده */
.wd-breadcrumbs .breadcrumb-sep,
.yoast-breadcrumb span::after {
    content: "←" !important;
    margin: 0 8px !important;
    color: #ccc !important;
    font-size: 12px !important;
}

/* حذف قطعی فلش از آخرین المان (نام محصول) */
.wd-breadcrumbs .breadcrumb-last::after,
.yoast-breadcrumb span:last-child::after,
.yoast-breadcrumb .last::after {
    display: none !important;
    content: "" !important;
}

/* بهینه‌سازی برای موبایل */
@media screen and (max-width: 767px) {
    .wd-breadcrumbs, .yoast-breadcrumb {
        width: 100% !important;
        display: block !important;
        white-space: nowrap !important;
        overflow-x: auto !important;
        border-right-width: 3px !important;
    }
}
/* استایل فوق مینیمال و تمیز عنوان محصول */
.product-image-summary h1.product_title.entry-title.wd-entities-title {
    font-size: 19px !important; /* اندازه کاملاً بهینه برای خوانایی */
    font-weight: 700 !important;
    color: #1a202c !important;
    line-height: 1.5 !important;
    margin-bottom: 15px !important;
    padding-right: 15px !important;
    border-right: 3px solid #2628b5 !important; /* فقط یک خط ظریف آبی */
    background: none !important;
}

/* حذف تمامی المان‌های قبل و بعد */
.product-image-summary h1.product_title.entry-title.wd-entities-title::after,
.product-image-summary h1.product_title.entry-title.wd-entities-title::before {
    display: none !important;
}

/* بهینه‌سازی موبایل */
@media screen and (max-width: 767px) {
    .product-image-summary h1.product_title.entry-title.wd-entities-title {
        font-size: 17px !important;
        padding-right: 10px !important;
        border-right-width: 3px !important;
    }
}
/* ۱. باکس قیمت افقی (نمایش در یک ردیف) */
.product-image-summary .price,
.product-image-summary .single_variation .price {
    display: flex !important;
    flex-direction: row-reverse !important; /* نمایش قیمت ارزان‌تر در سمت راست */
    align-items: center !important;
    justify-content: flex-start !important;
    background: #f0fdf4 !important; /* تم سبز ملایم صبا */
    padding: 8px 15px !important;
    border-radius: 8px !important;
    border: 1px solid #dcfce7 !important;
    margin-bottom: 15px !important;
    width: fit-content !important;
    gap: 12px !important; /* فاصله بین دو قیمت */
}

/* ۲. استایل قیمت اصلی/جدید (با فرسوده) */
.product-image-summary .price ins,
.product-image-summary .single_variation .price ins,
.product-image-summary .price > .amount,
.product-image-summary .single_variation .price > .amount {
    text-decoration: none !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #059669 !important;
    display: inline-block !important;
}

/* ۳. استایل قیمت خط‌خورده (بدون فرسوده) */
.product-image-summary .price del,
.product-image-summary .single_variation .price del {
    font-size: 14px !important;
    color: #94a3b8 !important;
    display: inline-block !important;
    opacity: 0.7;
}

/* ۴. پاکسازی استایل‌های داخلی ووکامرس برای ثبات سایز */
.product-image-summary .price ins .woocommerce-Price-amount,
.product-image-summary .single_variation .price ins .woocommerce-Price-amount {
    font-size: inherit !important;
    color: inherit !important;
}

/* ۵. تنظیمات اختصاصی موبایل - فشرده‌سازی برای نمایش حتمی در یک ردیف */
@media screen and (max-width: 767px) {
    .product-image-summary .price,
    .product-image-summary .single_variation .price {
        display: inline-flex !important;
        flex-direction: row-reverse !important;
        max-width: 100% !important;
        padding: 4px 8px !important; /* پدینگ حداقلی */
        gap: 4px !important; /* فاصله حداقلی بین دو قیمت */
        flex-wrap: nowrap !important; /* اجبار به ماندن در یک ردیف */
        align-items: center !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* تنظیم قیمت اصلی */
    .product-image-summary .price ins,
    .product-image-summary .single_variation .price ins,
    .product-image-summary .price > .amount,
    .product-image-summary .single_variation .price > .amount {
        font-size: 15px !important; /* سایز بهینه برای اعداد طولانی */
        letter-spacing: -0.5px !important; /* چسباندن جزئی اعداد برای جا شدن */
        white-space: nowrap !important;
    }

    /* ایجاد فاصله بین عدد و تومان */
    .woocommerce-Price-currencySymbol {
        margin-right: 4px !important; /* فاصله ظریف بین عدد و واحد پولی */
    }

    /* تنظیم قیمت خط‌خورده (کمرنگ و فشرده) */
    .product-image-summary .price del,
    .product-image-summary .single_variation .price del {
        font-size: 11px !important;
        letter-spacing: -0.3px !important;
        white-space: nowrap !important;
        opacity: 0.6 !important;
    }
}
/* باکس پیام ثابت و بدون لرزش */
.saba-support-message {
    display: block !important;
    background-color: #f0fdf4 !important; /* سبز ملایم صبا */
    color: #059669 !important;
    padding: 10px 15px !important;
    border-radius: 8px !important;
    border-right: 4px solid #10b981 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin: 15px 0 !important;
    line-height: 1.6 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
    animation: sabaFadeIn 0.4s ease forwards;
}

@keyframes sabaFadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

@media screen and (max-width: 767px) {
    .saba-support-message {
        font-size: 12px !important;
        margin: 10px 0 !important;
    }
}
/* ۱. چیدمان خطی برای تمام اجزا در یک ردیف */
.product-image-summary table.variations tr {
    display: flex !important;
    flex-direction: row !important; /* تغییر به ردیف */
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important; /* جلوگیری از شکستن ردیف */
    gap: 10px !important;
    margin-bottom: 15px !important;
    width: 100% !important;
}

/* ۲. تنظیم عرض عنوان متغیر */
.product-image-summary table.variations td.label {
    width: auto !important;
    min-width: fit-content !important;
    padding: 0 !important;
    margin: 0 !important;
}

.product-image-summary table.variations td.label label {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    white-space: nowrap !important; /* جلوگیری از دو خطی شدن عنوان */
}

/* ۳. کپسول انتخاب در ردیف */
.product-image-summary table.variations td.value {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-grow: 1 !important; /* پر کردن فضای باقی‌مانده */
    max-width: 300px !important;
}

.product-image-summary table.variations td.value select {
    width: 100% !important;
    height: 44px !important; /* کمی کوتاه‌تر برای هماهنگی بهتر در ردیف */
    border-radius: 50px !important;
    border: 2px solid #cbd5e1 !important;
    background: linear-gradient(145deg, #ffffff, #f1f5f9) !important;
    padding: 0 15px 0 35px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* ۴. قرار دادن دکمه پاک کردن در انتهای همان ردیف */
.reset_variations {
    position: static !important; /* خارج کردن از حالت مطلق */
    display: inline-flex !important;
    align-items: center !important;
    color: #ef4444 !important;
    background: #fee2e2 !important;
    padding: 5px !important;
    border-radius: 50% !important; /* تبدیل به دایره کوچک */
    width: 24px !important;
    height: 24px !important;
    justify-content: center !important;
    font-size: 0 !important; /* مخفی کردن متن "پاک کردن" */
}

.reset_variations::before {
    content: "✕" !important; /* نمایش ضربدر به جای متن */
    font-size: 14px !important;
    font-weight: bold !important;
}

/* ۵. آیکون فلش اختصاصی */
.product-image-summary table.variations td.value::after {
    left: 45px !important; /* تنظیم فاصله با توجه به دکمه ریست */
    top: 50% !important;
    transform: translateY(-50%) rotate(-45deg) !important;
    width: 8px !important;
    height: 8px !important;
}

/* ۶. بهینه‌سازی موبایل برای حفظ ردیف */
@media screen and (max-width: 767px) {
    .product-image-summary table.variations tr {
        gap: 5px !important;
    }
    
    .product-image-summary table.variations td.label label {
        font-size: 12px !important;
    }
    
    .product-image-summary table.variations td.value select {
        height: 38px !important;
        font-size: 12px !important;
        padding: 0 10px 0 30px !important;
    }
    
    .product-image-summary table.variations td.value {
        max-width: 200px !important;
    }
}
/* ۱. تنظیم محفظه دکمه خرید و تعداد برای قرارگیری در یک ردیف مجزا */
.product-image-summary .woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 20px !important;
    width: 100% !important;
}

/* ۲. کپسولی کردن باکس انتخاب تعداد */
.product-image-summary .quantity {
    display: inline-flex !important;
    align-items: center !important;
    background: #f1f5f9 !important;
    border-radius: 50px !important;
    padding: 4px !important;
    border: 2px solid #e2e8f0 !important;
    height: 48px !important;
    min-width: 110px !important;
}

/* ۳. استایل دکمه‌های دایره‌ای + و - */
.product-image-summary .quantity input[type="button"] {
    width: 34px !important;
    height: 34px !important;
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 50% !important;
    color: #2628b5 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08) !important;
    transition: 0.2s !important;
}

/* ۴. استایل فیلد عدد وسط */
.product-image-summary .quantity input[type="number"].qty {
    width: 35px !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    padding: 0 !important;
}

/* ۵. کپسولی کردن دکمه افزودن به سبد خرید */
.product-image-summary .single_add_to_cart_button {
    height: 48px !important;
    border-radius: 50px !important;
    padding: 0 30px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    background-color: #00a693 !important;
    flex-grow: 1 !important; /* پر کردن فضا در ردیف خود */
    margin: 0 !important;
}

/* اصلاح موبایل برای حفظ چیدمان ردیفی */
@media screen and (max-width: 767px) {
    .product-image-summary .woocommerce-variation-add-to-cart {
        gap: 8px !important;
    }
    .product-image-summary .quantity {
        height: 44px !important;
        min-width: 100px !important;
    }
    .product-image-summary .single_add_to_cart_button {
        font-size: 14px !important;
    }
}
/* حذف کامل بخش اشتراک‌گذاری در کل سایت */
.wd-social-icons, 
.product-share, 
.social-icons, 
.wd-share-title {
    display: none !important;
}
/*******************************************************************************
 * استایل نهایی بایگانی محصولات - مانا باتری
 * ۵ ستونه، قیمت سبز وسط‌چین، دکمه گرادیان و فواصل اختصاصی
 *******************************************************************************/

/* ۱. مدیریت هدر: حذف ابزارهای اضافی و حفظ بردکرامب */
.shop-loop-head .wd-show-sidebar-btn,
.shop-loop-head .wd-products-per-page,
.shop-loop-head .wd-shop-tools,
.woocommerce-ordering {
    display: none !important;
}

.woocommerce-breadcrumb {
    display: block !important;
    margin-bottom: 25px !important;
    font-size: 13px !important;
}

/* ۲. اصلاح فاصله از اطراف در دسکتاپ - هدف‌گیری کانتینر اصلی محتوا */
@media screen and (min-width: 1025px) {
    /* هدف‌گیری لایه اصلی که محتوا را در بر گرفته است */
    .main-page-wrapper .container,
    .main-page-wrapper .site-content {
        max-width: 100% !important;
        padding-left: 10px !important; /* طبق درخواست نهایی شما روی ۳۰ تنظیم شد */
        padding-right: 10px !important;
    }
    
    .products.elements-grid {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 20px !important;
    }
}

/* ۳. کارت محصول با بورد نارنجی و هاور سورمه‌ای */
.product-grid-item {
    background: #ffffff !important;
    border: 1px solid #F9AF0E !important;
    border-radius: 12px !important;
    padding: 12px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.product-grid-item:hover {
    box-shadow: 0 15px 30px rgba(38, 40, 181, 0.12) !important;
    transform: translateY(-8px) !important;
    border-color: #2628b5 !important;
}

/* ۴. تصویر مربعی ۱:۱ */
.product-element-top {
    aspect-ratio: 1 / 1 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.product-element-top img {
    object-fit: contain !important;
    padding: 10px !important;
}

/* ۵. عنوان محصول */
.wd-entities-title {
    font-size: 14px !important;
    font-weight: 400 !important;
    min-height: 42px !important;
    text-align: center !important;
    margin-top: 15px !important;
    color: #1e293b !important;
}

/* ۶. قیمت سبز وسط‌چین (هدف‌گیری مستقیم تگ‌های داخلی) */
.price {
    background: #f0fdf4 !important;
    border-radius: 8px !important;
    padding: 10px 5px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important; /* مرکز محتوا */
    align-items: center !important;
    margin: 15px auto !important; /* وسط‌چین کردن خودِ باکس قیمت */
    width: 100% !important; /* اجبار به گرفتن تمام عرض کارت برای تراز شدن */
    min-height: 45px !important;
}

/* هدف‌گیری تمام اجزای داخلی برای اطمینان از رنگ و تراز */
.price *, 
.price .amount, 
.price bdi {
    color: #059669 !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

/* حذف استایل‌های مزاحم قیمت در وودمارت */
.price-wrapper, .wd-price-unit {
    text-align: center !important;
    width: 100% !important;
}

/* هماهنگ‌سازی فونت و جداکننده */
.price .amount {
    font-size: 14px !important;
    text-align: center !important;
}

/* حذف هرگونه خط خوردگی یا استایل رنگی پیش‌فرض تم روی قیمت اصلی */
.price ins {
    text-decoration: none !important;
}

.price .amount {
    font-size: 14px !important;
    font-weight: 900 !important;
    text-align: center !important;
}
/* ۷. دکمه خرید گرادیان بدون هاور */
.wd-add-btn > a {
    background: linear-gradient(135deg, #10b881 0%, #06976a 100%) !important; /* گرادیان درخواستی */
    color: white !important;
    border-radius: 15px !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    padding: 12px !important;
    border: none !important;
    text-align: center !important;
    transition: none !important; /* حذف انیمیشن برای غیرفعال کردن حس هاور */
}

.wd-add-btn > a:hover {
    background: linear-gradient(135deg, #10b881 0%, #06976a 100%) !important; /* حفظ گرادیان در هاور */
    box-shadow: none !important;
    transform: none !important;
}

/* ۸. تنظیمات موبایل (تراز کردن دقیق عناوین و دکمه‌ها) */
@media screen and (max-width: 1024px) {
    .main-page-wrapper .container {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .products.elements-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }

    .product-grid-item {
        padding: 8px 4px !important; /* پدینگ جانبی کمتر برای فضای بیشتر به متن */
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
    }

    /* هماهنگ‌سازی ارتفاع عنوان برای تراز شدن اجزای زیرین */
    .wd-entities-title {
        font-size: 12px !important;
        line-height: 1.4 !important;
        min-height: 34px !important; /* رزرو فضا برای ۲ خط متن */
        max-height: 34px !important; /* جلوگیری از بزرگتر شدن کادر */
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important; /* نمایش حداکثر ۲ خط */
        -webkit-box-orient: vertical !important;
        margin-bottom: 8px !important;
        text-align: center !important;
    }

    /* بخش توضیحات کوتاه (اگر فعال است) */
    .wd-product-short-description {
        font-size: 10px !important;
        min-height: 30px !important; /* تراز کردن توضیحات */
        margin-bottom: 5px !important;
    }

    /* تراز کردن قیمت و چسباندن دکمه به کف کارت */
    .price {
        margin-top: auto !important; /* هل دادن قیمت و دکمه به پایین کادر */
        margin-bottom: 5px !important;
        min-height: 35px !important;
        background: #f0fdf4 !important;
        padding: 5px 2px !important;
    }

    .price .amount {
        font-size: 10px !important;
    }

    .wd-add-btn > a {
        border-radius: 4px !important;
        padding: 10px 2px !important;
        font-size: 11px !important;
        margin-top: 0 !important;
        width: 100% !important;
    }
}
/* ۱. باکس اصلی توضیحات */
.term-description {
    background: #ffffff !important;
    border-right: 6px solid #F9AF0E !important;
    padding: 35px !important;
    border-radius: 20px !important;
    margin: 30px 0 50px 0 !important;
    line-height: 2 !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.05), 0 8px 20px rgba(249, 175, 14, 0.08) !important;
    border: 1px solid #edf2f7 !important;
    position: relative !important;
    overflow: hidden !important;
}

.term-description::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #F9AF0E, #2628b5, #F9AF0E) !important;
    opacity: 0.5;
}
/* ۲. استایل اختصاصی تصاویر داخل متن (نسخه نهایی و قطعی تراز وسط با فلكس‌باکس ایزوله) */

/* استایل عمومی در موبایل و دسکتاپ */
.term-description img {
    border-radius: 16px !important;
    box-shadow: 0 15px 30px rgba(38, 40, 181, 0.08), 0 5px 15px rgba(0,0,0,0.05) !important;
    height: auto !important;
    border: 1px solid #e9eef3 !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    display: block !important;
    margin: 0px auto !important; /* پیش‌فرض موبایل */
    max-width: 100% !important;
}

.term-description img:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 20px 40px rgba(249, 175, 14, 0.12), 0 8px 20px rgba(38, 40, 181, 0.1) !important;
}

/* تنظیمات دسکتاپ برای مهار شلاق تراز و وسط‌چین کردن مطلق */
@media (min-width: 769px) {
    
    /* مخفی کردن تگ‌های شکست خط مزاحم */
    .term-description p br,
    .term-description br {
        display: none !important;
    }

    /* تبدیل پاراگراف حاوی عکس به یک کانتینر فلكس هوشمند و ایزوله */
    .term-description p:has(img) {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important; /* وسط‌چین کردن قطعی محتویات (تصاویر) */
        align-items: top !important;
        gap: 20px !important; /* ایجاد فاصله دقیق ۲۰ پیکسلی بین دو عکس */
        width: 100% !important;
        text-align: center !important;
    }

    /* تنظیمات تصاویر در حالت دو ردیفه */
    .term-description img,
    .term-description img.aligncenter {
        display: block !important; /* در فلکس‌باکس با بلوک بودن هم وسط می‌ماند */
        float: none !important;
        clear: none !important;
        max-width: calc(50% - 15px) !important; /* تخصیص نیمی از فضا */
        margin: 25px 0 !important; /* حذف مارجین auto چپ و راست برای جلوگیری از تداخل با flex */
    }

    /* اگر فقط یک عکس در پاراگراف باشد، تا ۱۰۰٪ باز شود */
    .term-description img:only-child,
    .term-description p:only-child img {
        max-width: 100% !important;
        margin: 25px auto !important;
    }
}
/* ۳. تیترها با تم رنگی مانا باتری */
.term-description h2, 
.term-description h3 {
    color: #2628b5 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin: 35px 0 18px 0 !important;
    display: flex !important;
    align-items: center !important;
    letter-spacing: -0.02em !important;
    border-bottom: 2px solid rgba(249, 175, 14, 0.2) !important;
    padding-bottom: 12px !important;
}

.term-description h3 {
    font-size: 18px !important;
    border-bottom: 2px solid rgba(249, 175, 14, 0.1) !important;
}

/* نماد گرافیکی کنار تیتر */
.term-description h2::before,
.term-description h3::before {
    content: "" !important;
    width: 16px !important;
    height: 16px !important;
    background: linear-gradient(135deg, #F9AF0E, #ffc107) !important;
    margin-left: 14px !important;
    border-radius: 6px !important;
    box-shadow: 3px 3px 0 rgba(38, 40, 181, 0.15) !important;
    transform: rotate(45deg) !important;
}

/* ۴. پاراگراف‌ها */
.term-description p {
    color: #2c3e50 !important;
    font-size: 14px !important;
    text-align: justify !important;
    margin-bottom: 22px !important;
    line-height: 2 !important;
}

.term-description p:first-of-type {
    font-size: 14px !important;
    color: #1e293b !important;
}

/* ۵. لیست‌های فنی و ویژگی‌ها - ویرایش شده */
.term-description ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 25px 0 30px 0 !important;
}

.term-description ul li {
    position: relative !important;
    margin-bottom: 14px !important;
    padding-right: 32px !important;
    color: #2c3e50 !important;
    font-weight: 500 !important;
    line-height: 1.9 !important;
    font-size: 13.5px !important;
    text-align: justify !important;
}

.term-description ul li::before {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 8px !important;
    width: 18px !important;
    height: 18px !important;
    background: #F9AF0E !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(249, 175, 14, 0.3) !important;
}

/* استایل برای لیست‌های شماره‌دار (اگر نیاز شد) */
.term-description ol {
    padding-right: 20px !important;
    margin: 20px 0 !important;
}

.term-description ol li {
    margin-bottom: 10px !important;
    color: #2c3e50 !important;
    line-height: 1.9 !important;
    padding-right: 5px !important;
}

/* لیست‌های تو در تو */
.term-description ul ul {
    margin: 10px 0 5px 20px !important;
}

.term-description ul ul li {
    font-size: 14.5px !important;
    color: #4a5568 !important;
}

.term-description ul ul li::before {
    width: 10px !important;
    height: 10px !important;
    background: #2628b5 !important;
    top: 10px !important;
    border-radius: 3px !important;
}
/* استایل جدید برای جداول - مخصوص باتری یو پی اس */
.term-description table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 30px 0 !important;
    background: white !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 15px 35px rgba(38, 40, 181, 0.08), 0 5px 15px rgba(0,0,0,0.02) !important;
    border: 1px solid #eef2f6 !important;
}

.term-description table thead {
    background: linear-gradient(135deg, #2628b5, #1a1c8c) !important;
}

.term-description table th {
    color: white !important;
    font-weight: 500 !important;
    padding: 18px 20px !important;
    font-size: 16px !important;
    text-align: center !important;
    border: none !important;
    position: relative !important;
}

.term-description table th:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 25% !important;
    height: 50% !important;
    width: 1px !important;
    background: rgba(249, 175, 14, 0.3) !important;
}

.term-description table td {
    padding: 16px 20px !important;
    border: none !important;
    text-align: center !important;
    color: #334155 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    background: white !important;
    border-bottom: 1px solid #edf2f7 !important;
}

.term-description table tbody tr:last-child td {
    border-bottom: none !important;
}

.term-description table tbody tr:hover td {
    background: #fcf9f0 !important;
    transition: background 0.2s ease !important;
}

.term-description table tbody tr td:first-child {
    font-weight: 700 !important;
    color: #2628b5 !important;
    background: #f8fafc !important;
    text-align: right !important;
    border-left: 3px solid #F9AF0E !important;
}

.term-description table tbody tr:hover td:first-child {
    background: #f1f5f9 !important;
}

/* کلاس‌های کمکی برای جداول خاص */
.term-description .ups-battery-table td {
    background: white !important;
}

.term-description .battery-specs td {
    padding: 14px 18px !important;
}

/* استایل برای بخش‌های ویژه باتری */
.term-description .battery-highlight {
    background: linear-gradient(145deg, #fcf9f0, #fff) !important;
    border: 1px solid #F9AF0E !important;
    border-radius: 16px !important;
    padding: 25px !important;
    margin: 30px 0 !important;
    box-shadow: 0 10px 25px rgba(249, 175, 14, 0.1) !important;
}

.term-description .battery-highlight p {
    margin-bottom: 10px !important;
}

.term-description .battery-highlight strong {
    color: #2628b5 !important;
    font-size: 14px !important;
}

/* ریسپانسیو برای موبایل */
@media (max-width: 768px) {
    .term-description {
        padding: 22px !important;
    }
    
    .term-description table {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }
    
    .term-description table td,
    .term-description table th {
        padding: 14px 12px !important;
        font-size: 14px !important;
    }
    
    .term-description ul {
        grid-template-columns: 1fr !important;
    }
    
    .term-description h2 {
        font-size: 16px !important;
    }
}
    .term-description h3 {
        font-size: 14px !important;
    }
}
/* ۶. استایل اختصاصی لیست‌های شماره‌دار (ol) - اصلاح شده برای حذف شماره دوبل */
.term-description ol {
    list-style-type: none !important;
    counter-reset: saba-counter !important;
    padding: 0 !important;
    margin: 30px 0 !important;
}

.term-description ol li {
    display: block !important; /* حذف حالت پیش‌فرض لیست برای از بین بردن شماره اضافه */
    counter-increment: saba-counter !important;
    position: relative !important;
    margin-bottom: 20px !important;
    padding: 20px 65px 20px 25px !important;
    background: #ffffff !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 15px !important;
    line-height: 1.8 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
}

/* حذف قطعی هرگونه مارکر باقی‌مانده از سمت مرورگر */
.term-description ol li::marker {
    content: none !important;
    display: none !important;
}

.term-description ol li:hover {
    transform: translateX(-5px) !important;
    box-shadow: 0 8px 20px rgba(38, 40, 181, 0.06) !important;
    border-color: rgba(249, 175, 14, 0.3) !important;
}

.term-description ol li::before {
    content: counter(saba-counter) !important;
    position: absolute !important;
    right: 15px !important;
    top: 22px !important; /* تنظیم دقیق برای تراز شدن با خط اول متن */
    width: 35px !important;
    height: 35px !important;
    background: linear-gradient(135deg, #2628b5, #1a1c8c) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 10px rgba(38, 40, 181, 0.2) !important;
}

.term-description ol li strong {
    color: #2628b5 !important;
    display: block !important;
    margin-bottom: 5px !important;
    font-size: 17px !important;
}

/* اصلاح نهایی برای ریسپانسیو موبایل و جلوگیری از تداخل شماره‌ها */
@media (max-width: 768px) {
    .term-description ol {
        padding-right: 0 !important;
        margin-right: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .term-description ol li {
        padding: 15px 50px 15px 15px !important; /* فضا برای عدد در سمت راست */
        font-size: 13.5px !important;
        text-align: justify !important; /* تراز از دو طرف */
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .term-description ol li::before {
        width: 28px !important;
        height: 28px !important;
        right: 10px !important;
        top: 15px !important; /* تراز کردن با خط اول متن در موبایل */
        transform: none !important;
        font-size: 12px !important;
        border-radius: 8px !important;
    }

    /* جلوگیری از به هم ریختگی در صورت وجود لیست‌های تو در تو احتمالی */
    .term-description ol li > * {
        display: inline-block !important;
        vertical-align: top !important;
        max-width: 100% !important;
    }
}
/* حذف دکمه‌های ناوبری محصول (قبلی/بعدی) در وودمارت */
.wd-products-nav {
    display: none !important;
}
/* کانتینر اصلی */
.saba-compact-call {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-right: 6px solid #F9AF0E !important;
    border-radius: 15px !important;
    padding: 12px 25px !important;
    margin: 25px 0 !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.03) !important;
    direction: rtl !important;
    overflow: hidden !important;
}

/* حذف فواصل خودکار وردپرس */
.saba-compact-call p, 
.saba-call-wrapper p { 
    margin: 0 !important; 
    padding: 0 !important; 
    display: none !important; 
}

/* مدیریت چیدمان دکمه و متن */
.saba-call-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important; /* دکمه چپ، متن راست */
    gap: 15px !important;
    line-height: normal !important;
    width: 100% !important;
}

.saba-call-info {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

.saba-call-titles {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
}

.m-title {
    font-size: 17px !important;
    color: #2628b5 !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

.s-title {
    font-size: 13px !important;
    color: #64748b !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* دکمه تماس */
.saba-btn-container {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.saba-call-btn-new {
    background: #2628b5 !important;
    color: #ffffff !important;
    padding: 10px 25px !important;
    border-radius: 12px !important;
    /* تغییرات اصلی برای وسط‌چین شدن */
    display: inline-flex !important; 
    align-items: center !important;
    justify-content: center !important; /* مرکز کردن محتوا به صورت افقی */
    gap: 8px !important;
    min-height: 48px !important; /* ایجاد فضای کافی برای تراز عمودی */
    /* پایان تغییرات تراز */
    text-decoration: none !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    direction: ltr !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(38, 40, 181, 0.2) !important;
    white-space: nowrap !important;
}

/* جلوگیری از به هم ریختگی توسط تگ‌های مخفی وردپرس */
.saba-call-btn-new br {
    display: none !important;
}

.saba-call-btn-new i {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}
.saba-call-btn-new:hover {
    background: #F9AF0E !important;
    color: #2628b5 !important;
    transform: translateY(-2px) !important;
}

/* نقطه تپنده */
.saba-pulse-dot {
    width: 10px !important;
    height: 10px !important;
    background: #F9AF0E !important;
    border-radius: 50% !important;
    animation: saba-mini-pulse 1.5s infinite !important;
    flex-shrink: 0 !important;
}

@keyframes saba-mini-pulse {
    0% { box-shadow: 0 0 0 0 rgba(249, 175, 14, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(249, 175, 14, 0); }
    100% { box-shadow: 0 0 0 0 rgba(249, 175, 14, 0); }
}

/* ریسپانسیو موبایل */
@media (max-width: 768px) {
    .saba-call-wrapper {
        flex-direction: column !important;
        text-align: center !important;
        gap: 20px !important;
    }
    .saba-call-info {
        flex-direction: row !important;
        justify-content: center !important;
    }
    .m-title { font-size: 15px !important; }
    .saba-call-btn-new { 
        width: 100% !important; 
        justify-content: center !important; 
    }
}
/* ============================================================
   استایل فوق-ایمن صبا باتری - نسخه نهایی با حذف نقطه اضافه لیست
   ============================================================ */

.saba-custom-content {
    line-height: 1.8 !important;
    color: #334155 !important;
}

/* ۱. استایل ویژه و متمایز کلمات بولد (تم باتری UPS) */
.saba-custom-content strong, 
.saba-custom-content b {
    color: #1a1c8c !important; /* سورمه‌ای فنی */
    background-color: #eef2ff !important; /* آبی کم‌رنگ تخصصی */
    padding: 1px 6px !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    display: inline-block !important; /* برای پدینگ بهتر */
    line-height: 1.4 !important;
    border-bottom: 2px solid #F9AF0E !important; /* خط زیرین زرد صنعتی */
}

/* ۲. حذف کامل نقطه/دایره پیش‌فرض لیست‌ها و جایگزینی با تیک */
.saba-custom-content ul:not(.products) {
    padding: 0 !important;
    margin: 20px 0 !important;
    list-style-type: none !important; /* حذف نقطه پیش‌فرض */
    list-style: none !important;      /* اطمینان نهایی */
}

.saba-custom-content ul:not(.products) li {
    position: relative !important;
    background: #ffffff;
    margin-bottom: 8px !important;
    padding: 10px 45px 10px 12px !important;
    border-radius: 10px;
    border: 1px solid #edf2f7;
    font-size: 15px !important;
    list-style: none !important; /* حذف مجدد برای اطمینان در موبایل */
}

/* تیک سبز اختصاصی */
.saba-custom-content ul:not(.products) li::before {
    content: "✔" !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 22px;
    height: 22px;
    background: #22c55e !important;
    color: white !important;
    font-size: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
}

/* ۳. بهینه‌سازی هدینگ‌ها با فواصل مهندسی */
.saba-custom-content h2, 
.saba-custom-content h3 {
    color: #1a1c8c !important;
    border-right: 5px solid #F9AF0E !important;
    padding: 8px 15px !important;
    margin: 25px 0 15px 0 !important;
    font-weight: 600 !important;
    background: linear-gradient(90deg, #f8fafc 0%, #ffffff 100%) !important;
    border-radius: 0 12px 12px 0;
    width: fit-content;
}

/* ۴. تنظیمات فشرده موبایل (حداقل پدینگ و مارجین) */
@media screen and (max-width: 767px) {
    .saba-custom-content {
        padding: 0 2px !important; /* حداقل فاصله از کناره‌ها */
    }
    
    .saba-custom-content strong, 
    .saba-custom-content b {
        font-size: 0.95em !important;
        padding: 0 4px !important;
    }

    .saba-custom-content ul:not(.products) li {
        padding: 8px 40px 8px 10px !important; /* فشرده‌تر در موبایل */
        margin-bottom: 6px !important;
        font-size: 14px !important;
    }

    .saba-custom-content h2, 
    .saba-custom-content h3 {
        margin: 20px 0 10px 0 !important;
        font-size: 16px !important;
    }
}
.saba-custom-content table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 20px 0 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.saba-custom-content table th {
    background-color: #1a1c8c !important; /* سرمه‌ای برند */
    color: #ffffff !important;
    padding: 12px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

.saba-custom-content table td {
    padding: 10px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    font-size: 13px !important;
    color: #475569 !important;
    text-align: center !important;
}

.saba-custom-content table tr:nth-child(even) {
    background-color: #f8fafc !important; /* یک در میان رنگی برای خوانایی بهتر */
}
.saba-custom-content table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 20px 0 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.saba-custom-content table th {
    background-color: #1a1c8c !important; /* سرمه‌ای برند */
    color: #ffffff !important;
    padding: 12px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

.saba-custom-content table td {
    padding: 10px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    font-size: 13px !important;
    color: #475569 !important;
    text-align: center !important;
}

.saba-custom-content table tr:nth-child(even) {
    background-color: #f8fafc !important; /* یک در میان رنگی برای خوانایی بهتر */
}
.saba-custom-content a:not(.arrow-btn) {
    color: #CC3366 !important; /* همان رنگ زرشکی دکمه‌ها */
    text-decoration: none !important;
    font-weight: 700 !important;
    border-bottom: 1px dashed #CC3366 !important;
    transition: 0.3s !important;
}

.saba-custom-content a:hover {
    background-color: rgba(204, 51, 102, 0.05) !important;
    border-bottom-style: solid !important;
}
.saba-custom-content blockquote {
    background: #fff9e6 !important; /* زرد بسیار ملایم */
    border-right: 6px solid #F9AF0E !important;
    margin: 25px 0 !important;
    padding: 20px !important;
    border-radius: 10px !important;
    position: relative !important;
}

.saba-custom-content blockquote::after {
    content: "💡" !important;
    position: absolute !important;
    left: 15px !important;
    top: 15px !important;
    font-size: 20px !important;
}
/* ۵. گریدبندی هوشمند با محدودیت ۴ ستون و هم‌سطح‌سازی */
.saba-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(calc(25% - 20px), 1fr)) !important;
    gap: 12px !important;
    margin: 10px 0 !important;
    align-items: stretch !important;
}

/* ۶. باکس‌های ویژه (Card) با ساختار منعطف و فشرده */
.saba-info-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 12px !important;
    transition: all 0.3s ease !important;
    position: relative;
}

.saba-info-card:hover {
    box-shadow: 0 5px 15px rgba(26, 28, 140, 0.1) !important;
    border-color: #1a1c8c !important;
    transform: translateY(-2px);
}

/* بهینه‌سازی اجزای داخلی کارت برای کاهش فضای خالی */
.saba-info-card h3 {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    font-size: 15px !important;
    color: #1a1c8c !important;
}

.saba-info-card ul {
    margin: 5px 0 !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

.saba-info-card ul li {
    padding: 6px 35px 6px 10px !important;
    font-size: 13px !important;
    margin-bottom: 4px !important;
    line-height: 1.4 !important;
}

/* تنظیمات مخصوص دسکتاپ (حداکثر ۴ ستون) */
@media screen and (min-width: 1025px) {
    .saba-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

/* تنظیمات تبلت (۲ ستونه) */
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .saba-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* تنظیمات موبایل (تک ستونه) */
@media screen and (max-width: 767px) {
    .saba-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}
/* ۷. استایل دکمه‌های تماس و لینک‌های سریع */
.saba-cta-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #1a1c8c !important;
    color: white !important;
    padding: 10px 25px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    border: none !important;
    transition: 0.3s !important;
}

.saba-cta-link:hover {
    background: #F9AF0E !important;
    color: #1a1c8c !important;
    transform: translateY(-2px) !important;
}

/* ۸. استایل پاراگراف‌های تاکیدی */
.saba-lead-text {
    font-size: 17px !important;
    color: #1e2b3f !important;
    line-height: 1.9 !important;
    border-right: 3px solid #cbd5e1 !important;
    padding-right: 15px !important;
}
/* ============================================================
   باکس مهندسی صبا (نسخه اصلاح شده - فشرده و خوانا)
   ============================================================ */

.saba-tech-box {
    background: linear-gradient(160deg, #ffffff 0%, #f0f7ff 100%) !important;
    border-radius: 40px 10px 40px 10px !important;
    padding: 35px 25px !important; /* کاهش پدینگ کلی باکس */
    margin: 40px 0 !important;
    border: 1px solid #d1e2f3 !important;
    box-shadow: 0 20px 40px rgba(26, 28, 140, 0.06) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* واترمارک هوشمند */
.saba-tech-box::before {
    content: "saba-battery.ir" !important;
    position: absolute !important;
    bottom: -10px !important;
    left: -10px !important;
    font-size: 80px !important;
    font-weight: 900 !important;
    color: rgba(26, 28, 140, 0.03) !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* اصلاح سایز و استایل کلمات بولد (برجسته اما متناسب) */
.saba-tech-box strong, 
.saba-tech-box b {
    background: #1a1c8c !important;
    color: #ffffff !important;
    padding: 1px 6px !important; /* فشرده‌تر شدن */
    border-radius: 4px !important;
    font-weight: 600 !important; /* کاهش ضخامت برای شلوغ نشدن متن */
    font-size: 0.95em !important; /* هماهنگ سازی سایز با متن اطراف */
    box-shadow: 0 2px 5px rgba(26, 28, 140, 0.1) !important;
    display: inline-block !important;
    line-height: 1.5 !important;
}

/* اصلاح لیست‌ها: حذف پدینگ اضافی و افزودن علامت */
.saba-tech-box ul {
    padding-right: 0 !important; /* حذف فاصله پیش‌فرض راست */
    margin: 20px 0 !important;
    list-style: none !important; /* حذف نقطه پیش‌فرض */
}

.saba-tech-box ul li {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid #e2e8f0 !important;
    margin-bottom: 8px !important;
    padding: 10px 40px 10px 15px !important; /* پدینگ بهینه شده */
    position: relative !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    border-radius: 10px !important;
    z-index: 1 !important;
}

/* ایجاد علامت تیک (Marker) برای لیست‌ها */
.saba-tech-box ul li::before {
    content: "✓" !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #1a1c8c !important;
    font-weight: 900 !important;
    font-size: 18px !important;
}

/* ============================================================
   بهینه‌سازی مخصوص موبایل
   ============================================================ */
@media screen and (max-width: 767px) {
    .saba-tech-box {
        padding: 25px 15px !important;
    }

    /* جلوگیری از بزرگ شدن بیش از حد واترمارک در موبایل */
    .saba-tech-box::before {
        font-size: 40px !important;
        bottom: 0 !important;
    }

    /* لیست‌های فشرده در موبایل برای جلوگیری از شکستن متن */
    .saba-tech-box ul li {
        padding: 8px 35px 8px 10px !important;
        font-size: 13px !important;
    }

    .saba-tech-box ul li::before {
        font-size: 15px !important;
        right: 8px !important;
    }

    .saba-tech-box strong, 
    .saba-tech-box b {
        font-size: 12px !important;
        padding: 1px 4px !important;
    }
}

/* ============================================================
   مکمل ۴: کارت انرژی و قدرت (نسخه اصلاح شده و منظم)
   ============================================================ */

.saba-power-card {
    background: #ffffff !important;
    border-top: 6px solid #df253f !important;
    border-radius: 20px !important;
    padding: 40px 30px !important; /* پدینگ استاندارد دسکتاپ */
    margin: 40px 0 !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.05) !important;
    position: relative !important;
    border: 1px solid #edf2f7 !important;
    direction: rtl !important;
}

/* نماد رعد و برق ثابت و منظم */
.saba-power-card::after {
    content: "⚡" !important;
    position: absolute !important;
    top: -20px !important;
    left: 30px !important; /* انتقال به چپ برای تداخل نکردن با تیتر راست‌چین */
    background: #F9AF0E !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    font-size: 20px !important;
    box-shadow: 0 8px 15px rgba(249, 175, 14, 0.3) !important;
}

/* اصلاح فواصل لیست‌ها */
.saba-power-card ul:not(.products) {
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.saba-power-card ul:not(.products) li {
    background: #fffcfc !important;
    margin-bottom: 12px !important; /* فاصله منظم بین کارت‌ها */
    padding: 15px 50px 15px 15px !important; /* ایجاد فضا برای تیک در سمت راست */
    border: 1px solid #f8eeee !important;
    border-right: 4px solid #df253f !important;
    border-radius: 12px !important;
    position: relative !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    list-style: none !important;
}

/* تنظیم دقیق تیک قرمز */
.saba-power-card ul:not(.products) li::before {
    content: "✓" !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: #df253f !important;
    color: #fff !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    font-size: 14px !important;
}
/* ۱. استایل هدینگ‌های اختصاصی در کارت انرژی */
.saba-power-card h2, 
.saba-power-card h3 {
    color: #df253f !important; /* قرمز زرشکی صبا */
    font-size: 22px !important;
    font-weight: 800 !important;
    margin: 0 0 25px 0 !important;
    padding: 5px 20px 5px 0 !important;
    border-right: 5px solid #df253f !important; /* خط عمودی شاخص */
    border-bottom: none !important; /* حذف خط زیرین احتمالی */
    background: transparent !important; /* حذف پس‌زمینه آبی استایل عمومی */
    line-height: 1.5 !important;
    display: block !important;
    width: 100% !important;
    text-align: right !important;
}

/* افکت خط زیرین ظریف برای جدا کردن تیتر از لیست */
.saba-power-card h2::after, 
.saba-power-card h3::after {
    content: "" !important;
    display: block !important;
    width: 60px !important;
    height: 3px !important;
    background: #F9AF0E !important; /* خط کوچک زرد زیر تیتر */
    margin-top: 10px !important;
    border-radius: 2px !important;
}
/* ۲. استایل کلمات بولد در این کارت (تم هشدار و انرژی) */
.saba-power-card strong, 
.saba-power-card b {
    color: #800080 !important; /* قرمز تیره‌تر برای خوانایی بهتر متن */
    background: #fef3c7 !important; /* پس‌زمینه زرد ملایم (طلایی صبا) */
    padding: 2px 8px !important;
    border-radius: 6px !important;
    font-weight: 800 !important;
    display: inline-block !important;
    line-height: 1.4 !important;
    border-bottom: 2px solid #df253f !important; /* خط زیرین قرمز */
    box-shadow: 2px 2px 5px rgba(223, 37, 63, 0.05) !important;
}

/* افکت هاور روی کلمات بولد برای تعامل بیشتر */
.saba-power-card strong:hover, 
.saba-power-card b:hover {
    background: #fde68a !important; /* کمی پررنگ‌تر هنگام نگه داشتن موس */
    color: #df253f !important;
    cursor: default;
}
/* =============================================
   تنظیمات ویژه موبایل (رفع مشکل فشردگی در تصاویر ارسالی)
   ============================================= */
@media screen and (max-width: 767px) {
    .saba-power-card {
        padding: 35px 15px 20px 15px !important; /* پدینگ کمتر برای باز شدن فضا */
        margin: 30px 5px !important;
    }

    .saba-power-card ul:not(.products) li {
        padding: 12px 45px 12px 10px !important; /* حفظ تعادل فضای متن */
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }

    .saba-power-card h2, .saba-power-card h3 {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }
}
/* ============================================================
   مکمل ۵: کارت مهندسی مدرن (Saba Ultra-Tech Card)
   ============================================================ */

.saba-ultra-tech {
    background: #ffffff !important;
    border-radius: 24px !important;
    padding: 50px 40px !important;
    margin: 60px 0 !important;
    border: 1px solid #e2e8f0 !important;
    position: relative !important;
    /* سایه چند لایه برای عمق بخشیدن فنی */
    box-shadow: 
        0 4px 6px -1px rgba(0, 0, 0, 0.05), 
        0 20px 25px -5px rgba(26, 28, 140, 0.05) !important;
    overflow: hidden !important;
}

/* المان دکوراتیو: عدد یا متن پس‌زمینه بزرگ برای حس کاتالوگ */
.saba-ultra-tech::before {
    content: "SABA-CORE" !important;
    position: absolute !important;
    bottom: -15px !important;
    right: -10px !important;
    font-size: 100px !important;
    font-weight: 900 !important;
    color: rgba(26, 28, 140, 0.02) !important;
    letter-spacing: -5px !important;
    z-index: 0 !important;
}

/* هدینگ با استایل "تکنولوژی محور" */
.saba-ultra-tech h2, 
.saba-ultra-tech h3 {
    color: #1a1c8c !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 35px !important;
    background: none !important;
    padding: 0 !important;
    border: none !important;
}

.saba-ultra-tech h2::before {
    content: "" !important;
    width: 35px !important;
    height: 6px !important;
    background: linear-gradient(90deg, #df253f, #F9AF0E) !important;
    border-radius: 10px !important;
}

/* استایل لیست‌های تیک‌دار با دیزاین مینیمال و حرفه‌ای */
.saba-ultra-tech ul:not(.products) li {
    background: #f8fafc !important;
    margin-bottom: 15px !important;
    padding: 18px 55px 18px 20px !important;
    border-radius: 16px !important;
    border: 1px solid #f1f5f9 !important;
    position: relative !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    color: #334155 !important;
    list-style: none !important;
}

.saba-ultra-tech ul:not(.products) li:hover {
    transform: scale(1.02) !important;
    background: #ffffff !important;
    border-color: #1a1c8c !important;
    box-shadow: 0 10px 25px rgba(26, 28, 140, 0.08) !important;
}

/* تیک با استایل هندسی */
.saba-ultra-tech ul:not(.products) li::before {
    content: "L" !important; /* یک تیک دست‌ساز با فونت */
    transform: scaleX(-1) rotate(-45deg) !important;
    position: absolute !important;
    right: 20px !important;
    top: 22px !important;
    width: 26px !important;
    height: 26px !important;
    background: #1a1c8c !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

/* استایل کلمات کلیدی (Bold) با دیزاین "برچسب فنی" */
.saba-ultra-tech strong, 
.saba-ultra-tech b {
    background: #f1f5f9 !important;
    color: #1a1c8c !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    border: 1px solid #cbd5e1 !important;
    font-size: 0.95em !important;
    margin: 0 3px !important;
    display: inline-block !important;
}

/* بهینه‌سازی حرفه‌ای برای موبایل */
@media screen and (max-width: 767px) {
    .saba-ultra-tech {
        padding: 35px 20px !important;
        margin: 40px 10px !important;
    }
    .saba-ultra-tech h2 { font-size: 20px !important; }
    .saba-ultra-tech ul:not(.products) li {
        padding: 15px 50px 15px 15px !important;
        font-size: 14px !important;
    }
}
/* حذف المان‌های پیش‌فرض افزونه */
#mob-menu-header-holder, 
.mob-menu-header-holder, 
.mobmenu-container, 
.mobmenu-trigger-action {
    display: none !important;
}

/* دکمه همبرگری دست‌ساز */
.custom-mobmenu-trigger {
    cursor: pointer;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -22px !important;
    z-index: 999999;
    position: relative;
}

.custom-mobmenu-trigger svg { 
    width: 35px; 
    height: 35px; 
    fill: #ffffff !important; 
}
/* ۱. تنظیمات مشترک: حذف اجزای اضافی */
.page-title .woodmart-price-filter, 
.page-title .woodmart-show-categories,
.page-title .woodmart-breadcrumbs,
.page-title .nav-tabs-wrapper {
    display: none !important;
}

/* ۲. استایل مخصوص دسکتاپ: تمام‌عرض (Full Width) */
@media (min-width: 769px) {
    .page-title-default {
        background-color: #fff !important; /* رنگ خنثی دسکتاپ */
        padding: 30px 0 !important;
        border-bottom: 2px solid #262b85 !important;
        min-height: auto !important;
        
        /* تکنیک تمام‌عرض کردن مطلق برای دسکتاپ */
        width: 100vw !important;
        position: relative !important;
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .page-title h1.entry-title {
        font-size: 24px !important;
        color: #262b85 !important;
        font-weight: 800 !important;
        text-align: center !important;
        margin: 0 !important;
    }
}

/* ۳. استایل مخصوص موبایل: تمام‌عرض آبی */
@media (max-width: 768px) {
    .page-title-default {
        background-color: #005BAA !important;
        padding: 20px 0 !important;
        border-bottom: 2px solid #f8f8f8 !important;
        min-height: auto !important;
        
        /* تمام‌عرض در موبایل */
        width: 100vw !important;
        position: relative !important;
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .page-title h1.entry-title {
        font-size: 19px !important;
        color: #f8f8f8 !important;
        font-weight: 850 !important;
        text-align: center !important;
        margin: 0 auto !important;
        padding: 0 15px !important;
        width: 100% !important;
        line-height: 1.3 !important;
    }
}
/* استایل پایه برای همه ابعاد */
#saba-custom-banner {
    display: block; /* برای اعمال margin: auto در دسکتاپ */
    margin-left: auto;
    margin-right: auto;
    width: 100%; /* پیش‌فرض: 100% (مناسب موبایل) */
    max-width: 1800px; /* یک حداکثر عرض کلی برای جلوگیری از کشیدگی بیش از حد در دسکتاپ‌های خیلی بزرگ */
    padding-left: 30px; /* پدینگ پیش‌فرض برای جلوگیری از چسبیدن به لبه‌ها در موبایل، اگر تنظیمات والدها کامل نبود */
    padding-right: 30px;
}

/* استایل‌های دسکتاپ (مثلاً از عرض 769 پیکسل به بالا) */
@media (min-width: 769px) {
    #saba-custom-banner {
        /* عرض محدودتر برای ایجاد فضای خالی در طرفین و حفظ تناسب */
        width: 90%; /* مثلاً 80% عرض والد */
        /* margin-left و margin-right auto قبلی مرکزچین را اعمال می کند */
        /* در صورت نیاز می توانید عرض را برحسب پیکسل تنظیم کنید، مثلا: width: 900px; */
    }
}

/* استایل‌های موبایل (تا 768 پیکسل) */
@media (max-width: 768px) {
    #saba-custom-banner {
        width: 100%; /* 100% عرض والد */
        /* حاشیه‌های چپ و راست را حذف می کنیم (اگر پدینگ در استایل پایه بود، اینجا آن را صفر می کنیم) */
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* بازنویسی پدینگ های والدها برای اطمینان از عدم وجود پدینگ در موبایل */
    .wd-entry-content, 
    .entry-content,
    .elementor-page,
    .e-con.e-parent,
    .e-con-inner { 
        padding-left: 0 !important;
        padding-right: 0 !important;
        /* اگر پدینگ عمودی هم مشکل ایجاد می کند، این خط را اضافه کنید: */
        /* padding-top: 0 !important;
        padding-bottom: 0 !important; */
    }
}
/* جدول مشخصات در توضیحات محصول */
.single-product .wc-tab-inner .elementor-widget-text-editor table{
    width:100%;
    border-collapse:collapse;
    margin:30px 0;
    font-size:15px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:12px;
    overflow:hidden;
}

/* سلول ها */
.single-product .wc-tab-inner .elementor-widget-text-editor table th,
.single-product .wc-tab-inner .elementor-widget-text-editor table td{
    padding:14px 16px;
    text-align:center;
    border:1px solid #e5e7eb; /* خطوط عمودی و افقی */
    line-height:1.9;
}

/* هدر جدول */
.single-product .wc-tab-inner .elementor-widget-text-editor table th{
    background:#f6f8ff;
    font-weight:700;
    color:#2628b5;
    text-align:center;
}

/* ردیف های زوج */
.single-product .wc-tab-inner .elementor-widget-text-editor table tr:nth-child(even){
    background:#fafafa;
}

/* هاور برای خوانایی بهتر */
.single-product .wc-tab-inner .elementor-widget-text-editor table tr:hover{
    background:#f1f5ff;
}

/* ستون اول مشخصات */
.single-product .wc-tab-inner .elementor-widget-text-editor table td:first-child{
    font-weight:600;
    color:#333;
    width:35%;
}

/* موبایل */
@media (max-width:768px){

.single-product .wc-tab-inner .elementor-widget-text-editor table{
    font-size:14px;
}

/* هر ردیف مثل کارت */
.single-product .wc-tab-inner .elementor-widget-text-editor table tr{
    display:block;
    margin-bottom:14px;
    border:1px solid #e5e7eb;
    border-radius:10px;
    overflow:hidden;
    background:#fff;
}

/* سلول ها */
.single-product .wc-tab-inner .elementor-widget-text-editor table th,
.single-product .wc-tab-inner .elementor-widget-text-editor table td{
    display:block;
    width:100%;
    text-align:center;
    paddingor-widgetpx 10px;
}

/* عنوان ویژگی */
.single-product .wc-tab-inner .elementor-widget-text-editor table th{
    background:#f1f4ff;
    color:#2628b5;
    font-weight:700;
    border-bottom:1px solid #e5e7eb;
}

/* مقدار ویژگی */
.single-product .wc-tab-inner .elementor-widget-text-editor table td{
    border:none;
}

}
/* Container */
.saba-agency-production {
    direction: rtl;
    font-family: inherit;
    max-width: 1590px;
    margin: 20px auto;
    padding: 10px;
    color: #1e2b3f;
    line-height: 1.8;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .saba-agency-production {
        padding: 0px !important;
    }
    .mobile-padding {
        padding: 20px 15px !important;
        border-radius: 15px !important;
    }
    .mobile-title {
        font-size: 16px !important;
    }
}

/* Card box */
.mobile-padding {
    background: linear-gradient(145deg, #ffffff, #f0f4ff);
    border-radius: 24px;
    padding: 30px;
    margin-bottom: 25px;
    border: 1px solid #e0e7ff;
    box-shadow: 0 15px 35px rgba(38, 40, 181, 0.06);
    position: relative;
    overflow: hidden;
}

/* Second box override */
.mobile-padding.dark-box {
    background: linear-gradient(135deg, #2628b5 0%, #1a1c8c 100%);
    border: 1px solid #1a1c8c;
    box-shadow: 0 15px 35px rgba(26, 28, 140, 0.15);
}

.dark-box .bg-icon {
    position: absolute;
    left: 20px;
    top: 15px;
    opacity: 0.1;
    font-size: 50px;
}

.mobile-title {
    font-size: 16px;
    font-weight: bold;
    color: #2628b5;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-title .icon-box {
    background: #2628b5;
    color: white;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 18px;
}

/* Orange label */
.orange-badge {
    background: #f9af0e;
    color: #2628b5;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 12px;
    border-radius: 50px;
}

/* Text styles */
.saba-agency-production p {
    font-size: 15px;
    text-align: justify;
    margin: 0;
    color: #334155;
}

.dark-box p {
    color: #ffffff;
    line-height: 2;
}

/* Highlight inline spans */
.highlight-light {
    background: rgba(255,255,255,0.15);
    padding: 2px 8px;
    border-radius: 6px;
    font-weight: bold;
}
.sap-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 10px;
}

.strong-title {
    color: #2628b5;
    border-bottom: 2px solid #f9af0e;
}

.dark-title {
    color: #f9af0e;
}
/* Container اصلی */
.saba-about-company {
    direction: rtl;
    font-family: inherit;
    max-width: 1590px;
    margin: 20px auto;
    padding: 5px; /* کاهش یافت: از 10px به 5px */
    color: #1e2b3f;
    line-height: 1.8;
}

/* باکس داخلی سفید */
.saba-about-company .saba-inner-box {
    background: #ffffff;
    border-radius: 24px;
    padding: 30px; /* این مقدار در موبایل بازنویسی می‌شود */
    border: 1px solid #edf2f7;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    overflow: hidden;
}

.saba-about-company .saba-header {
    margin-bottom: 20px;
    border-bottom: 1px solid #edf2f7;
    padding-bottom: 15px;
}

.saba-about-company .saba-title {
    font-size: 18px;
    font-weight: bold;
    color: #2628b5;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: inherit;
}

.saba-about-company .saba-icon {
    color: #f9af0e;
    font-size: 22px;
}

.saba-about-company .saba-description {
    font-size: 15px;
    text-align: justify;
    margin: 0;
    color: #475569;
    font-family: inherit;
}
/* ========== پاسخگو برای موبایل (مشابه کد نمونه) ========== */
@media (max-width: 768px) {
    /* کاهش پدینگ کل کانتینر */
    .saba-about-company {
        padding: 0px !important;
    }
    
    /* کاهش پدینگ داخلی باکس سفید */
    .saba-about-company .saba-inner-box {
        padding: 15px !important; /* از 30px به 15px کاهش یافت */
        border-radius: 16px !important; /* کمی گردی کمتر برای موبایل (اختیاری) */
    }
    
    /* (اختیاری) کاهش فاصله عنوان در موبایل */
    .saba-about-company .saba-title {
        font-size: 16px !important;
    }
    
    /* (اختیاری) کاهش فاصله پایین هدر */
    .saba-about-company .saba-header {
        margin-bottom: 12px !important;
        padding-bottom: 10px !important;
    }
}
/* ========================================
   باتری صنعتی صبا باتری - استایل کامل
   ======================================== */

/* کانتینر اصلی */
.saba-industrial-container {
    direction: rtl;
    font-family: 'IRANSans', 'Tahoma', sans-serif;
    max-width: 1200px;
    margin: 0 auto;
    padding: 12px;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(38, 40, 181, 0.1);
    color: #1e2b3f;
    line-height: 1.8;
    overflow: hidden;
}

/* هدر اصلی */
.saba-industrial-header {
    margin-bottom: 35px;
    border-right: 4px solid #F9AF0E;
    padding: 5px 20px 5px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.saba-industrial-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #2628b5;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

.saba-industrial-subtitle {
    font-size: clamp(14px, 3.5vw, 16px);
    color: #5a6a82;
    line-height: 1.6;
    font-weight: 500;
}

.separator-gold {
    color: #F9AF0E;
    margin: 0 8px;
}

/* باکس‌های عمومی */
.saba-industrial-intro {
    background: #f9fafc;
    border-radius: 18px;
    padding: 18px;
    margin-bottom: 20px;
    border: 1px solid rgba(249, 175, 14, 0.15);
}

.saba-industrial-intro p,
.saba-features-box p,
.saba-applications-box p,
.saba-lifespan-box p,
.saba-warranty-box p,
.saba-shipping-box p,
.saba-why-box p {
    margin: 0;
    font-size: 15px;
    text-align: justify;
}

.saba-features-box,
.saba-types-box,
.saba-applications-box,
.saba-lifespan-box,
.saba-warranty-box,
.saba-shipping-box,
.saba-why-box {
    background: white;
    border-radius: 18px;
    padding: 18px;
    margin-bottom: 20px;
    border: 1px solid #edf2f9;
}

/* عنوان باکس‌ها */
.saba-box-title {
    font-size: 16px;
    font-weight: bold;
    color: #2628b5;
    margin-bottom: 15px;
    border-bottom: 2px solid #F9AF0E;
    padding-bottom: 5px;
    display: inline-block;
    margin-top: 0;
}

.saba-box-title-icon {
    font-size: 16px;
    color: #2628b5;
    margin: 0 0 15px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: bold;
}

.icon-circle {
    background: #2628b5;
    color: white;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

/* باکس داخلی */
.saba-inner-box {
    background: #f1f5fe;
    border-radius: 18px;
    padding: 15px;
    border-right: 5px solid #F9AF0E;
    margin-top: 15px;
}

.saba-inner-title {
    font-weight: 600;
    margin-bottom: 12px;
    font-size: 15px;
}

.saba-small-text {
    font-size: 14px;
    margin: 12px 0 0 0;
    text-align: justify;
}

/* گریدها */
.saba-grid-4 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.saba-grid-auto {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 8px;
}

.saba-grid-2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 10px;
}

.saba-features-grid {
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

/* بج‌ها و تگ‌ها */
.saba-badge-white {
    background: white;
    padding: 6px 12px;
    border-radius: 10px;
    font-size: 13px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    text-align: center;
}

.saba-badge-blue {
    background: #2628B5;
    color: white;
    padding: 8px 4px;
    border-radius: 10px;
    font-size: 13px;
    text-align: center;
    font-weight: 500;
}

.saba-app-item {
    background: white;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid #cbd5e1;
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    display: flex;
    align-items: center;
    gap: 6px;
}

.saba-lifespan-items {
    margin-top: 12px;
}

.saba-lifespan-item {
    background: #f0f3fa;
    padding: 8px;
    border-radius: 8px;
    font-size: 12px;
    color: #2628b5;
    text-align: center;
}

.saba-shipping-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 8px;
    margin-top: 10px;
}

.saba-shipping-tag {
    background: #F9AF0E;
    color: #2628b5;
    font-weight: bold;
    padding: 10px 4px;
    border-radius: 10px;
    font-size: 13px;
    text-align: center;
}

/* باکس قیمت */
.saba-price-box {
    background: linear-gradient(to left, #fffaf0, #ffffff);
    border-radius: 18px;
    padding: 20px;
    margin-bottom: 20px;
    border-right: 8px solid #F9AF0E;
    box-shadow: 0 4px 15px rgba(249, 175, 14, 0.1);
}

.saba-price-title {
    font-size: 16px;
    font-weight: bold;
    color: #92400e;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 0;
}

.saba-price-box p {
    font-size: 15px;
    margin: 0;
    text-align: justify;
    color: #451a03;
}

.saba-price-note {
    color: #2628b5 !important;
    display: block;
    margin-top: 10px;
    border-top: 1px dashed #f9af0e;
    padding-top: 10px;
    font-weight: bold;
}

/* باکس گارانتی خرید */
.saba-guarantee-box {
    background: #ffffff;
    border-radius: 20px;
    padding: 25px 18px;
    margin-top: 40px;
    margin-bottom: 20px;
    border: 2px solid #2628b5;
    position: relative;
}

.saba-guarantee-badge {
    position: absolute;
    top: -14px;
    right: 20px;
    background: #2628b5;
    color: white;
    padding: 2px 15px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: bold;
}

.saba-guarantee-title {
    font-size: 16px;
    font-weight: bold;
    color: #2628b5;
    margin-bottom: 15px;
    margin-top: 0;
}

.saba-guarantee-box p {
    font-size: 15px;
    margin: 0;
    text-align: justify;
    color: #1e2b3f;
}

.saba-feature-item {
    flex: 1;
    min-width: 250px;
    background: #f0f4ff;
    border: 1px solid #d1dbf0;
    padding: 12px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
}

.saba-feature-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(38, 40, 181, 0.1);
}

.saba-check-icon {
    background: #2628b5;
    color: white;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
}

.saba-contact-note {
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #d97706;
}

/* لیست گارانتی */
.saba-warranty-list {
    background: #f1f5fe;
    border-radius: 15px;
    padding: 5px 12px;
}

.saba-warranty-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #9aaec9;
    padding: 10px 0;
    font-size: 14px;
}

.saba-warranty-item:last-child {
    border-bottom: none;
}

.saba-warranty-item strong {
    color: #2628b5;
}

/* باکس تماس */
.saba-contact-box {
    background: linear-gradient(145deg, #2628B5, #1a1c8c);
    color: white;
    border-radius: 20px;
    padding: 20px 15px;
    margin: 25px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}

.saba-phone-link {
    text-decoration: none;
    color: white;
    font-size: 22px;
    font-weight: bold;
    direction: ltr;
    background: rgba(255, 255, 255, 0.15);
    padding: 10px 15px;
    border-radius: 15px;
    width: auto;
    min-width: 250px;
    max-width: 320px;
    display: inline-block;
    transition: all 0.3s ease;
}

.saba-phone-link:hover {
    background: rgba(255, 255, 255, 0.25);
    color: white;
}

.saba-mobile-link {
    text-decoration: none;
    color: #2628b5;
    font-size: 20px;
    font-weight: bold;
    direction: ltr;
    background: #F9AF0E;
    padding: 10px 15px;
    border-radius: 15px;
    width: auto;
    min-width: 250px;
    max-width: 320px;
    display: inline-block;
    transition: all 0.3s ease;
}

.saba-mobile-link:hover {
    background: #e09e00;
    color: #1a1c8c;
}

.saba-contact-note-small {
    font-size: 12px;
    opacity: 0.9;
    margin-top: 4px;
}

/* لیست دلایل متمایز */
.saba-why-list {
    list-style: none;
    padding: 0;
    margin-top: 15px;
}

.saba-why-list li {
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: #1e2b3f;
}

.saba-why-list li::before {
    content: "▹";
    color: #f9af0e;
    font-weight: bold;
    margin-left: 5px;
}

/* ریسپانسیو برای موبایل - نسخه استاندارد */
@media (max-width: 768px) {
    .saba-industrial-container {
        padding: 0px; /* کاهش: از 8px به 5px (مثل کد نمونه) */
    }
    
    .saba-industrial-header {
        margin-bottom: 15px; /* کاهش: از 20px به 15px */
        padding: 5px 12px 5px 0; /* کاهش راست: از 15px به 12px */
    }
    
    .saba-industrial-title {
        font-size: 16px;
        margin-bottom: 8px; /* اضافه شد برای فاصله استاندارد */
    }
    
    /* یکسان‌سازی پدینگ تمام باکس‌ها */
    .saba-features-box,
    .saba-types-box,
    .saba-applications-box,
    .saba-lifespan-box,
    .saba-warranty-box,
    .saba-shipping-box,
    .saba-why-box {
        padding: 12px; /* ثابت ماند، ولی می‌تونیم کمتر کنیم */
        margin-bottom: 12px; /* اضافه شد برای فاصله بین باکس‌ها */
        border-radius: 16px; /* اضافه شد برای یکدستی گردی گوشه‌ها */
    }
    
    /* نسخه فشرده‌تر برای صفحه‌های خیلی کوچک (اختیاری) */
    @media (max-width: 480px) {
        .saba-features-box,
        .saba-types-box,
        .saba-applications-box,
        .saba-lifespan-box,
        .saba-warranty-box,
        .saba-shipping-box,
        .saba-why-box {
            padding: 10px; /* کاهش بیشتر در صفحه‌های خیلی کوچک */
            margin-bottom: 10px;
        }
    }
    
    .saba-grid-4 {
        grid-template-columns: 1fr;
        gap: 12px; /* اضافه شد برای فاصله استاندارد بین آیتم‌ها */
    }
    
    .saba-phone-link,
    .saba-mobile-link {
        font-size: 16px; /* کاهش: از 18px به 16px برای موبایل */
        max-width: 260px; /* کاهش: از 280px به 260px */
        padding: 8px 12px; /* اضافه شد برای خوش‌فرم‌تر شدن لینک‌ها */
    }
    
    .saba-guarantee-box {
        padding: 15px 12px; /* کاهش: از 20px 12px به 15px 12px */
        margin-top: 8px; /* اضافه شد برای فاصله از المان قبلی */
        border-radius: 16px; /* اضافه شد برای یکدستی */
    }
    
    .saba-feature-item {
        min-width: 100%;
        margin-bottom: 10px; /* اضافه شد برای فاصله عمودی بین آیتم‌ها */
        padding: 8px; /* اضافه شد برای فضای داخلی آیتم‌ها */
    }
}
/* ============================================
/* ۱. فونت و تنظیمات پایه */
@font-face {
    font-family: 'IRANSansX';
    src: url('https://cdn.jsdelivr.net/gh/rastikerdar/iran-sans-x@v1.0.0/dist/IRANSansX-Regular.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IRANSansX';
    src: url('https://cdn.jsdelivr.net/gh/rastikerdar/iran-sans-x@v1.0.0/dist/IRANSansX-Bold.woff2') format('woff2');
    font-weight: bold;
    font-display: swap;
}

.saba-invoice-page {
    font-family: 'IRANSansX', Tahoma, sans-serif;
    background: #f8fafc;
    direction: rtl;
    padding: 20px 15px; /* کاهش پدینگ بیرونی */
    color: #1e293b;
}

/* ۲. کانتینر اصلی */
.saba-invoice-container {
    max-width: 800px; /* منطقی‌تر برای فرم */
    margin: 0 auto;
    background: #ffffff;
    border-radius: 20px; /* کمی ملایم‌تر */
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border: 1px solid #e2e8f0;
}

/* ۳. هدر */
.saba-invoice-header {
    background: linear-gradient(135deg, #2628B5 0%, #1a1c8c 100%);
    padding: 25px 20px; /* کاهش فاصله */
    text-align: center;
}

.saba-invoice-header h1 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 800;
    margin: 0 0 8px 0;
}

.saba-invoice-header p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    margin: 0;
}

/* ۴. محتوای فرم */
.saba-invoice-form {
    padding: 25px 20px; /* پدینگ بهینه شده */
}

.saba-form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px; /* فاصله کمتر بین فیلدها */
    margin-bottom: 15px;
}

.saba-form-group {
    margin-bottom: 15px;
}

.saba-form-group label {
    display: block;
    font-weight: 700;
    color: #2628B5;
    margin-bottom: 8px;
    font-size: 13px;
}

.saba-form-group input,
.saba-form-group select,
.saba-form-group textarea {
    width: 100%;
    padding: 12px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 14px;
    font-family: inherit;
    transition: all 0.2s ease;
}

.saba-form-group input:focus,
.saba-form-group select:focus,
.saba-form-group textarea:focus {
    outline: none;
    border-color: #F9AF0E;
    box-shadow: 0 0 0 3px rgba(249, 175, 14, 0.1);
}

/* ۵. بخش محصولات */
.saba-products-section {
    background: #f1f5f9;
    border-radius: 12px;
    padding: 15px;
    margin: 20px 0;
}

.saba-products-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    font-weight: 800;
    font-size: 14px;
    color: #2628B5;
}

.saba-add-product-btn {
    background: #F9AF0E;
    border: none;
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 12px;
    color: #2628B5;
    cursor: pointer;
}

/* ۶. جدول محصولات (بهینه شده برای جلوگیری از اسکرول) */
.saba-products-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px; /* ایجاد فاصله بین ردیف‌ها */
}

.saba-products-table th {
    padding: 8px;
    font-size: 12px;
    color: #64748b;
    text-align: center;
}

.saba-products-table td {
    padding: 5px;
    vertical-align: middle;
}

.saba-products-table input {
    padding: 8px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 13px;
    text-align: center;
}

.saba-remove-product {
    background: #fee2e2;
    border: none;
    color: #dc2626;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    cursor: pointer;
}

/* ۷. دکمه ارسال */
.saba-submit-btn {
    width: 100%;
    background: #10b981;
    border: none;
    padding: 14px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 800;
    color: white;
    cursor: pointer;
    transition: background 0.3s;
}

.saba-submit-btn:hover {
    background: #059669;
}

/* ۸. ریسپانسیو اختصاصی برای حذف اسکرول عرضی */
@media (max-width: 600px) {
    .saba-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    /* تبدیل جدول به کارت در موبایل */
    .saba-products-table thead {
        display: none; /* حذف سرتیتر جدول در موبایل */
    }

    .saba-products-table tr {
        display: block;
        background: #fff;
        padding: 10px;
        border-radius: 10px;
        margin-bottom: 10px;
        position: relative;
    }

    .saba-products-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 0;
        border: none;
        text-align: right;
    }

    /* اضافه کردن عنوان قبل از هر فیلد در حالت موبایل */
    .saba-products-table td::before {
        content: attr(data-label);
        font-weight: 700;
        font-size: 12px;
        color: #64748b;
    }

    .saba-products-table td input {
        width: 60% !important; /* کنترل عرض اینپوت در موبایل */
    }

    .saba-products-table td:last-child {
        justify-content: center;
        border-top: 1px solid #f1f5f9;
        margin-top: 5px;
        padding-top: 10px;
    }
}

.saba-invoice-footer {
    padding: 15px;
    font-size: 11px;
    color: #94a3b8;
    text-align: center;
    background: #f8fafc;
}
/* تنظیم رنگ و استایل لینک‌ها */
p a {
    color: #1e7e34; /* یک سبز استاندارد و خوانا */
    font-weight: bold; /* برای متمایز شدن بیشتر */
    text-decoration: underline; /* اضافه کردن خط زیر متن برای مشخص بودن لینک */
    transition: all 0.3s ease; /* برای نرم شدن تغییرات */
}

/* افکت هنگام بردن موس روی لینک */
p a:hover {
    color: #28a745; /* کمی تیره‌تر شدن رنگ سبز هنگام هاور */
    text-decoration: none; /* حذف خط زیر هنگام هاور (اختیاری) */
}
/* حذف تصویر برند در صفحه محصول */
.wd-product-brands a img {
    display: none !important;
}