/*
Theme Name:   Woodmart Child
Description:  Woodmart Child Theme
Author:       XTemos
Author URI:   http://xtemos.com
Template:     woodmart
Version:      1.0.0
Text Domain:  woodmart
*/

/* ==========================================================================
PET ROYALE - MASTER CONSOLIDATED & OPTIMIZED STYLESHEET
معماری: Mobile-First یکپارچه
حذف کامل کدهای تکراری، بهینه‌سازی سرعت و پایداری چیدمان (CLS Fix)
پوشش کامل: موبایل (<= 768px)، تبلت (۷۶۹px تا ۱۰۲۴px) و دسکتاپ (>= ۱۰۲۵px)
========================================================================== */

/* ==========================================================================
۱. متغیرهای سراسری (:root) - یکپارچه و بهینه‌شده
⚙️ بخش تنظیمات اختصاصی کاربر (کنترل کامل عرض‌ها، فونت‌ها و فواصل)
========================================================================== */
:root {

/* ۱. عرض منوی کشویی که باز می‌شود در موبایل (تا سایز ۷۶۸px) */
    --pr-menu-drawer-width-mobile: 280px;

/* ۲. عرض منوی کشویی در تبلت و سایر سایزها (بالای ۷۶۸px) */
    --pr-menu-drawer-width-tablet: 380px;

/* ۳. عرض فرم سبد خرید کشویی که از سمت چپ باز می‌شود (در تمام سایزها) */
    --pr-cart-drawer-width: 380px;

/* ۴. سایز فونت عنوان محصول در کارت‌های فروشگاه و اسلایدرها در موبایل */
    --pr-product-card-title-font-mobile: 12px;

/* ۵. سایز فونت قیمت محصول در کارت‌های فروشگاه در موبایل */
    --pr-product-card-price-font-mobile: 13px;

/* ۶. سایز فونت عنوان در صفحه محصول تکی در موبایل */
    --pr-single-product-title-font-mobile: 18px;

/* ۷. فاصله بین کارت‌های محصول در موبایل (کمتر = کارت عریض‌تر و بزرگتر) */
    --pr-product-grid-gap: 10px;

/* ۸. فاصله کارت‌ها از لبه‌های چپ و راست صفحه در موبایل (کمتر = کارت عریض‌تر) */
    --pr-product-page-padding: 2px;

/* ۹. پدینگ داخل کارت محصول (کمتر = تصویر و عنوان بزرگتر) */
    --pr-product-card-padding: 0px;

/* ۱۰. حداکثر تعداد خطوط عنوان محصول در کارت‌ها (دقیقاً ۲ خط) */
    --pr-product-title-lines: 2;

/* ۱۱. موقعیت دقیق ستاره امتیاز در کارت محصول در موبایل */
    --pr-product-star-bottom: 75px;
    --pr-product-star-left: 12px;

/* ۱۲. موقعیت نشان برند محصول روی تصویر (موبایل و تبلت) */
    --pr-brand-badge-top: 56px;
    --pr-brand-badge-left: 16px;
    --pr-brand-badge-top-tablet: 56px;
    --pr-brand-badge-left-tablet: 16px;

/* ۱۳. تنظیم موقعیت و فواصل مسیر راهنما (Breadcrumbs) در موبایل */
    --breadcrumb-margin-top: 10px;
    --breadcrumb-padding-top: 2px;
    --breadcrumb-distance-from-bottom-line: 12px;
    --breadcrumb-margin-bottom: 6px;

/* ۱۴. تنظیم فاصله و جابه‌جایی سبد خرید و اکشن‌ها به سمت چپ در دسکتاپ */
    --cart-section-shift-left: 17px;

/* ۱۵. تنظیمات نمادهای اعتماد (اندازه آیکون‌ها، متن و فواصل) */
    --infobox-icon-size: 100px;
    --infobox-icon-size-mobile: 80px;
    --infobox-title-size: 14px;
    --infobox-title-size-mobile: 11px;
    --infobox-gap-from-description: 0px;
    --infobox-gap-bottom: 22px;

/* ۱۶. موقعیت دکمه‌های علاقه‌مندی و مقایسه در دسکتاپ (بالا/پایین و چپ/راست) */
    --action-buttons-bottom: 30px;
    --action-buttons-bottom-simple: 10px;
    --action-buttons-right: 298px;
}

/* ==========================================================================
۲. تنظیمات عمومی، پایه و فوتر تمام‌عرض (BASE & GLOBAL STYLES)
========================================================================== */

/* مهار کامل اسکرول افقی ناخواسته در کل سایت */
html,
body {
    overflow-x: hidden !important;
}

/* ۴. تنظیمات کامل فوتر تمامعرض */
footer.footer-container,
.footer-container,
.main-footer,
.website-wrapper .footer-container,
.footer-container .container,
.footer-container>.container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    background-color: #261C14 !important;
}

.site-content,
.main-page-wrapper {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.footer-container .elementor,
.footer-container .elementor-section,
.footer-container .elementor-container,
.footer-container .e-con,
.footer-container .e-con-inner {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ۷. تنظیم رنگ نشانگر سبد خرید و علاقهمندیها در هدر */
.whb-header .wd-tools-count,
.whb-column .wd-tools-count,
.whb-header .woodmart-cart-number,
.wd-header-cart .wd-tools-count,
.wd-header-wishlist .wd-tools-count,
.woodmart-wishlist-info-widget .wishlist-count {
    background-color: #6A7F5F !important;
    color: #FFFFFF !important;
    border-radius: 50% !important;
    font-family: 'Dana', 'dana', sans-serif !important;
    font-weight: 700 !important;
}

/* --- SIDE CART DRAWER --- */

/* ==========================================================================
۶. سبد خرید کشویی و شناور سراسری (SIDE CART DRAWER)
========================================================================== */

/* ۱. بدنه و پوسته اصلی سبد خرید (کرمی با گوشههای گرد ۲۸px) */
body .cart-widget-side,
body div.cart-widget-side,
body .wd-side-hidden.cart-widget-side,
body .wd-cart-side {
    background-color: #F3E9D7 !important;

/* کرمی بیس برند */
    border-radius: 0 28px 28px 0 !important;

/* گوشههای گرد سمت راست */
    border-right: 1.5px solid rgba(217, 164, 65, 0.45) !important;
    border-top: 1.5px solid rgba(217, 164, 65, 0.3) !important;
    border-bottom: 1.5px solid rgba(217, 164, 65, 0.45) !important;
    border-left: none !important;
    box-shadow: 10px 0 35px rgba(0, 0, 0, 0.18) !important;
}

/* ۲. وسطچین کردن عمودی سبد خرید در دسکتاپ */
@media (min-width: 769px) {
body .cart-widget-side,
body div.cart-widget-side,
body .wd-side-hidden.cart-widget-side {
    top: 0 !important;
    bottom: 0 !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    height: auto !important;
    max-height: calc(100vh - 90px) !important;
    display: flex !important;
    flex-direction: column !important;
}

}

/* پسزمینه یکدست تمام لایههای داخلی */
.cart-widget-side,
.cart-widget-side .widget_shopping_cart,
.cart-widget-side .widget_shopping_cart_content,
.cart-widget-side .shopping-cart-widget-footer,
.cart-widget-side .woocommerce-mini-cart {
    background: #F3E9D7 !important;
}

/* ۳. هدر سبد خرید */
.cart-widget-side .wd-heading {
    padding: 16px 20px !important;
    border-bottom: 1px solid rgba(56, 43, 32, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.cart-widget-side .wd-heading .title {
    font-family: 'dana', 'Dana', sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 800 !important;
    color: #382B20 !important;
}

.cart-widget-side .close-side-widget a {
    font-family: 'dana', 'Dana', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #382B20 !important;
    transition: color 0.2s ease !important;
}

.cart-widget-side .close-side-widget a:hover {
    color: rgb(106, 127, 95) !important;
}

/* ۴. کارت محصولات سبد خرید */
.cart-widget-side .woocommerce-mini-cart-item {
    padding: 14px 20px !important;
    border-bottom: 1px solid rgba(56, 43, 32, 0.06) !important;
    position: relative !important;
}

/* حذف ۱۰۰٪ قطعی متن لینک پنهان و کلمه «نمایش» */
.cart-widget-side .cart-item-link,
.cart-widget-side a.cart-item-link,
.cart-widget-side .open-quick-view,
.cart-widget-side .wd-quick-view-btn,
.cart-widget-side [class*="quick-view"] {
    display: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* تصویر محصول با پسزمینه سفید و گوشه گرد */
.cart-widget-side .woocommerce-mini-cart-item img {
    width: 65px !important;
    height: 65px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    background-color: #ffffff !important;
    padding: 3px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    border: none !important;
}

/* فقط عنوان اصلی کالا در بخش اطلاعات */
.cart-widget-side .cart-info a,
.cart-widget-side .cart-info .wd-entities-title,
.cart-widget-side .cart-info .wd-entities-title a {
    font-family: 'dana', 'Dana', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #382B20 !important;
    line-height: 1.55 !important;
}

/* بزرگ‌تر شدن عکس و عنوان محصول در سبد خرید کشویی دسکتاپ (مناسب و نه خیلی بزرگ) */
@media (min-width: 769px) {
.cart-widget-side .woocommerce-mini-cart-item img {
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    border-radius: 16px !important;
}

.cart-widget-side .cart-info a,
.cart-widget-side .cart-info .wd-entities-title,
.cart-widget-side .cart-info .wd-entities-title a,
.cart-widget-side .woocommerce-mini-cart-item a:not(.remove) {
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
}

.cart-widget-side .woocommerce-mini-cart-item .quantity {
    font-size: 12.5px !important;
}

.cart-widget-side .woocommerce-mini-cart-item .amount {
    font-size: 13.5px !important;
}

}

.cart-widget-side .cart-info a:hover {
    color: rgb(106, 127, 95) !important;
}

.cart-widget-side .woocommerce-mini-cart-item .quantity {
    font-family: 'dana', 'Dana', 'Dana-FaNum', sans-serif !important;
    font-size: 12px !important;
    color: #6a5e54 !important;
    margin-top: 4px !important;
    display: block !important;
}

.cart-widget-side .woocommerce-mini-cart-item .amount {
    font-family: 'dana', 'Dana', 'Dana-FaNum', sans-serif !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    color: rgb(106, 127, 95) !important;

/* سبز رویال */
}

/* دکمه حذف آیتم */
.cart-widget-side .woocommerce-mini-cart-item a.remove {
    color: #8c7f73 !important;
    font-size: 16px !important;
    transition: color 0.2s ease !important;
}

.cart-widget-side .woocommerce-mini-cart-item a.remove:hover {
    color: #e03131 !important;
}

/* ۵. بخش مجموع کل فاکتور */
.cart-widget-side .woocommerce-mini-cart__total,
.cart-widget-side p.total {
    background: transparent !important;
    border-top: 1px solid rgba(56, 43, 32, 0.08) !important;
    border-bottom: none !important;
    padding: 14px 20px 8px 20px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.cart-widget-side .woocommerce-mini-cart__total strong,
.cart-widget-side p.total strong {
    font-family: 'dana', 'Dana', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #382B20 !important;
}

.cart-widget-side .woocommerce-mini-cart__total .amount,
.cart-widget-side p.total .amount {
    font-family: 'dana', 'Dana', 'Dana-FaNum', sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: rgb(106, 127, 95) !important;
}

/* ۶. دکمههای پایین سبد خرید */
.cart-widget-side .woocommerce-mini-cart__buttons {
    padding: 10px 20px 20px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    background: transparent !important;
}

/* دکمه بالایی: «مشاهده سبد خرید» (سفید کپسولی) */
.cart-widget-side .woocommerce-mini-cart__buttons a.button:not(.checkout) {
    order: 1 !important;
    background-color: #ffffff !important;
    color: #382B20 !important;
    border: 1px solid rgba(56, 43, 32, 0.08) !important;
    border-radius: 25px !important;
    height: 46px !important;
    font-family: 'dana', 'Dana', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.25s ease !important;
}

.cart-widget-side .woocommerce-mini-cart__buttons a.button:not(.checkout):hover {
    background-color: rgb(217, 164, 65) !important;

/* هاور طلایی */
    color: #ffffff !important;
    border-color: rgb(217, 164, 65) !important;
}

/* حذف دکمه «تسویه حساب» در کادر سبد خرید کشویی */
.cart-widget-side .woocommerce-mini-cart__buttons a.checkout,
body .cart-widget-side .woocommerce-mini-cart__buttons a.checkout,
.widget_shopping_cart .woocommerce-mini-cart__buttons a.checkout,
.wd-cart-side .woocommerce-mini-cart__buttons a.checkout,
.woocommerce-mini-cart__buttons a.checkout {
    display: none !important;
}

/* ۱. استایل بخش مجموع قیمت در سبد خرید */
body .cart-widget-side .woocommerce-mini-cart__total {
    border-top: 1px dashed rgba(217, 164, 65, 0.45) !important;
    padding-top: 14px !important;
    margin-top: 14px !important;
    font-family: 'dana', 'Dana', sans-serif !important;
}

body .cart-widget-side .woocommerce-mini-cart__total strong {
    color: #382B20 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

body .cart-widget-side .woocommerce-mini-cart__total .woocommerce-Price-amount {
    color: rgb(106, 127, 95) !important;

/* سبز رویال */
    font-size: 18px !important;
    font-weight: 800 !important;
    font-family: 'dana', 'Dana', 'Dana-FaNum', sans-serif !important;
}

/* ۲. کانتینر دکمه سبد خرید */
body .cart-widget-side .woocommerce-mini-cart__buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 12px !important;
}

/* ۳. دکمه «مشاهده سبد خرید» (تک‌دکمه کادر سبد خرید) */
body .cart-widget-side .woocommerce-mini-cart__buttons a:not(.checkout),
.cart-widget-side .woocommerce-mini-cart__buttons a.button:not(.checkout) {
    width: 100% !important;
    background-color: #ffffff !important;
    color: #382B20 !important;
    border: 1.5px solid rgba(217, 164, 65, 0.5) !important;

/* حاشیه طلایی */
    border-radius: 16px !important;
    font-family: 'dana', 'Dana', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.25s ease !important;
}

body .cart-widget-side .woocommerce-mini-cart__buttons a:not(.checkout):hover,
.cart-widget-side .woocommerce-mini-cart__buttons a.button:not(.checkout):hover {
    background-color: rgb(217, 164, 65) !important;

/* هاور طلایی */
    color: #ffffff !important;
    border-color: rgb(217, 164, 65) !important;
}

/* پیشوند رسمی «قیمت: » برای صفحه تک محصول (دسکتاپ و موبایل) - دقیقاً یک‌بار */
.single-product .elementor-element-55494685 .price::before {
    content: 'قیمت: ' !important;
    font-family: 'Dana', 'dana', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #1A202C !important;
    margin-left: 6px !important;
    display: inline-block !important;
}

body.single-product .price bdi::before,
.single-product .price bdi::before {
    content: none !important;
    display: none !important;
}

/* نمایش نام برند در یک سطر واحد بدون شکستگی */
.single-product .elementor-element-26b96254,
.single-product .elementor-element-26b96254 .elementor-widget-container,
.single-product .elementor-element-26b96254 .wd-product-brands,
.single-product .elementor-element-26b96254 .wd-product-brands a,
.single-product .wd-single-brands a {
    width: auto !important;
    min-width: 68px !important;
    max-width: none !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow: visible !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.4 !important;
}

/* --- GLOBAL & NAVIGATION MOBILE (max-width: 768px) --- */
@media (max-width: 768px) {

/* کنترل عرض منوی کشویی در موبایل */
body .wd-side-mobile-nav,
body .mobile-nav,
div.mobile-nav {
    width: var(--pr-menu-drawer-width-mobile, 280px) !important;
    max-width: 90vw !important;
}

/* عریض‌تر شدن کارت‌های محصول و تنظیم فاصله از کناره‌های صفحه منحصراً در صفحات آرشیو و فروشگاه */
body.post-type-archive-product .main-page-wrapper > .container,
body.tax-product_cat .main-page-wrapper > .container,
body.woocommerce-shop .main-page-wrapper > .container,
body.archive.woocommerce .main-page-wrapper > .container {
    padding-left: var(--pr-product-page-padding, 2px) !important;
    padding-right: var(--pr-product-page-padding, 2px) !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* اعمال فاصله و گپ استاندارد ۱۰px بین ستون‌های شبکه محصولات فروشگاه و آرشیو */
body.post-type-archive-product .products.elements-grid,
body.tax-product_cat .products.elements-grid,
body.woocommerce-shop .products.elements-grid,
body.archive.woocommerce .products.elements-grid,
.products.elements-grid:not(.wd-carousel-wrap) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    --wd-gap: var(--pr-product-grid-gap, 10px) !important;
    --wd-gap-sm: var(--pr-product-grid-gap, 10px) !important;
    gap: var(--pr-product-grid-gap, 10px) !important;
}

/* پدینگ شبکه محصولات در فروشگاه و آرشیو */
.products.elements-grid .product-grid-item,
.products.elements-grid .wd-product {
    padding: var(--pr-product-card-padding, 0px) !important;
}

/* بازگردانی کامل و استانداردسازی ابعاد و فواصل اسلایدرها و کروسل‌های وودمارت در صفحه اصلی و کل سایت */
.wd-carousel-wrap,
.wd-carousel .wd-carousel-wrap {
    gap: 0 !important;
    margin-left: unset !important;
    margin-right: unset !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: content-box !important;
}

.wd-carousel-inner .wd-carousel {
    margin-inline: calc(var(--wd-gap, 10px) / -2) !important;
    touch-action: pan-y pinch-zoom !important;
}

.wd-carousel-container .wd-carousel-item,
.wd-products-element .wd-carousel-item,
.products .wd-carousel-item {
    padding-left: calc(var(--wd-gap, 10px) / 2) !important;
    padding-right: calc(var(--wd-gap, 10px) / 2) !important;
    box-sizing: border-box !important;
    height: auto !important;
    align-self: stretch !important;
}

.wd-carousel-container .wd-carousel-item .wd-product,
.wd-carousel-container .wd-carousel-item .product-grid-item,
.wd-products-element .wd-carousel-item .wd-product,
.wd-products-element .wd-carousel-item .product-grid-item {
    height: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* عنوان کارت محصول در موبایل */
.product-grid-item .wd-entities-title,
.wd-product .wd-entities-title,
.product-grid-item h3.wd-entities-title,
.wd-product h3.wd-entities-title,
.product-grid-item .product-title {
    font-size: var(--pr-product-card-title-font-mobile, 12px) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: var(--pr-product-title-lines, 2) !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* ستاره امتیاز در موبایل: گوشه پایین سمت چپ عکس - کاملاً فلت، بدون پس‌زمینه و بدون کادر */
.product-grid-item .star-rating,
.wd-product .star-rating,
.product-grid-item .product-element-top .star-rating,
.wd-product .product-element-top .star-rating,
.product-grid-item .wd-product-thumb .star-rating,
.wd-product .wd-product-thumb .star-rating,
.product-grid-item .product-element-bottom .star-rating,
.wd-product .product-element-bottom .star-rating,
.product-grid-item .wd-product-header .star-rating,
.wd-product .wd-product-header .star-rating,
.star-rating.wd-style-simple {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    bottom: 8px !important;
    left: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

/* قیمت کارت محصول در موبایل */
.product-grid-item .price,
.wd-product .price,
.product-grid-item .price .amount,
.wd-product .price .amount,
.product-grid-item .price ins,
.wd-product .price ins,
.product-grid-item .price ins .amount,
.wd-product .price ins .amount {
    font-size: var(--pr-product-card-price-font-mobile, 13px) !important;
}

/* هدر موبایل: پدینگ و موقعیت پیش‌فرض هدر قالب بدون خروج منو و سبد خرید از کادر */
.whb-header .whb-main-header,
.whb-header .whb-general-header,
.whb-row.whb-general-header {
    background: #F3E9D7 !important;
}

.whb-header .whb-general-header a,
.whb-header .whb-general-header span,
.whb-header .whb-general-header .wd-tools-icon,
.whb-header .whb-general-header .mobile-nav-icon {
    color: #382B20 !important;
    fill: #382B20 !important;
}

.whb-general-header .mobile-nav-icon,
.whb-general-header .wd-header-mobile-nav,
.whb-general-header .wd-header-cart,
.whb-general-header .shopping-cart {
    transform: none !important;
}

/* بدنه اصلی کارت در موبایل: ابعاد و پدینگ کاملاً ثابت در لمس، هاور و کشیدن دست */
.product-grid-item,
.wd-product,
.product-grid-item:hover,
.wd-product:hover,
.product-grid-item:active,
.wd-product:active,
.product-grid-item:focus,
.wd-product:focus,
.product-grid-item.wd-hovered,
.wd-product.wd-hovered {
    padding: 0 !important;
    border-radius: 14px !important;
    transform: none !important;
    -webkit-transform: none !important;
    box-shadow: 0 4px 16px rgba(56, 43, 32, 0.03) !important;
    transition: none !important;
    box-sizing: border-box !important;
}

/* قاب تصویر در موبایل: ثابت بدون زوم یا پرش */
.wd-product .product-element-top,
.product-grid-item .product-element-top,
.wd-product:hover .product-element-top,
.product-grid-item:hover .product-element-top,
.wd-product:active .product-element-top,
.product-grid-item:active .product-element-top,
.wd-product.wd-hovered .product-element-top,
.product-grid-item.wd-hovered .product-element-top {
    margin: 6px 6px 0 6px !important;
    border-radius: 11px !important;
    transform: none !important;
    transition: none !important;
}

.wd-product .product-element-top img,
.product-grid-item .product-element-top img,
.wd-product:hover .product-element-top img,
.product-grid-item:hover .product-element-top img,
.wd-product:active .product-element-top img,
.product-grid-item:active .product-element-top img,
.wd-product.wd-hovered .product-element-top img,
.product-grid-item.wd-hovered .product-element-top img {
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
    -webkit-user-drag: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

/* کادر پایینی کارت در موبایل: پدینگ و مارجین ۱۰۰٪ قفل شده و بدون تغییر ارتفاع */
.product-grid-item .product-element-bottom,
.wd-product .product-element-bottom,
.product-grid-item:hover .product-element-bottom,
.wd-product:hover .product-element-bottom,
.product-grid-item:active .product-element-bottom,
.wd-product:active .product-element-bottom,
.product-grid-item.wd-hovered .product-element-bottom,
.wd-product.wd-hovered .product-element-bottom,
.product-grid-item .product-information,
.wd-product .product-information,
.product-grid-item:hover .product-information,
.wd-product:hover .product-information,
.product-grid-item:active .product-information,
.wd-product:active .product-information,
.product-grid-item.wd-hovered .product-information,
.wd-product.wd-hovered .product-information {
    padding: 8px 10px 10px 10px !important;
    border-radius: 0 !important;
    margin: 6px 0 0 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transform: none !important;
    transition: none !important;
}

.product-grid-item .wd-wishlist-btn,
.wd-product .wd-wishlist-btn,
.product-grid-item .woodmart-wishlist-btn,
.wd-product .wd-buttons .wd-wishlist-btn {
    display: none !important;
}

.product-grid-item .price,
.wd-product .price,
.product-grid-item .price .amount {
    font-size: 13.5px !important;
}

}

/* --- FLOATING BAR & TABLET DRAWER --- */

/* ==========================================================================
۹. نوار کپسولی شیشه‌ای شناور و پکیج منو/سبد خرید کشویی در موبایل و تبلت (@media (max-width: 1024px))
========================================================================== */
@media (max-width: 1024px) {
.woodmart-toolbar,
.whb-sticky-toolbar,
.wd-toolbar {
    display: flex !important;
    visibility: visible !important;
    position: fixed !important;
    bottom: 16px !important;
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    height: 64px !important;
    background: #F8F3EA !important;
    border-radius: 35px !important;
    border: 1px solid rgba(217, 164, 65, 0.25) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12) !important;
    z-index: 99999 !important;
    padding: 0 10px !important;
    align-items: center !important;
    justify-content: space-around !important;
}

.wd-toolbar .wd-toolbar-item a,
.woodmart-toolbar .woodmart-toolbar-item a {
    color: #382B20 !important;
    opacity: 1 !important;
    transition: all 0.2s ease !important;
}

.wd-toolbar .wd-toolbar-item .wd-tools-icon,
.woodmart-toolbar .woodmart-toolbar-item .woodmart-toolbar-icon,
.wd-toolbar-item svg {
    color: #382B20 !important;
    opacity: 1 !important;
    fill: currentColor !important;
}

.wd-toolbar .wd-toolbar-item:hover a,
.wd-toolbar .wd-toolbar-item.current-item a,
.woodmart-toolbar .woodmart-toolbar-item.current-item a,
.wd-toolbar-item.current-item .wd-tools-icon {
    color: #D9A441 !important;
    fill: #D9A441 !important;
}

.wd-toolbar-label,
.woodmart-toolbar-label {
    font-size: 10.5px !important;
    font-weight: 700 !important;
    color: inherit !important;
    opacity: 1 !important;
    margin-top: 3px !important;
}

/* خنثی‌سازی کامل شکاف سفید زیر فوتر در موبایل و تبلت */
body.sticky-toolbar-on {
    padding-bottom: 0 !important;
}

footer.footer-container,
.footer-container,
.main-footer,
.website-wrapper .footer-container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    background-color: #261C14 !important;
}

.pr-luxury-footer {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* انتقال فاصله ایمن نوار شناور به درون پس‌زمینه شیک تیره فوتر */
.pr-luxury-footer .pr-footer-bottom {
    padding-bottom: 95px !important;
}

/* ==========================================================
پکیج استایل منوی کشویی لوکس و سبد خرید شناور در تبلت (تا سایز ۱۰۲۴px)
========================================================== */

/* منوی کشویی سمت راست */
body .wd-side-mobile-nav,
body .mobile-nav,
div.mobile-nav {
    top: 12px !important;
    bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    height: auto !important;
    max-height: none !important;
    background-color: #F3E9D7 !important;
    color: #382B20 !important;
    padding-top: 0 !important;
    border-radius: 26px 0 0 26px !important;
    border-left: 1.5px solid rgba(217, 164, 65, 0.45) !important;
    border-bottom: 1.5px solid rgba(217, 164, 65, 0.45) !important;
    border-top: 1.5px solid rgba(217, 164, 65, 0.25) !important;
    border-right: none !important;
    box-shadow: -8px 12px 35px rgba(0, 0, 0, 0.22) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.mobile-nav .searchform,
.mobile-nav .wd-search-form,
.mobile-nav>div:first-child {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(56, 43, 32, 0.08) !important;
    padding: 10px 14px !important;
    margin: 0 !important;
    position: relative !important;
    box-shadow: none !important;
}

/* فیلد جستجو */
.mobile-nav input[type="text"],
.mobile-nav input.s {
    width: 100% !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(217, 164, 65, 0.45) !important;
    border-radius: 20px !important;
    padding: 0 16px 0 56px !important;
    padding-right: 56px !important;
    padding-left: 16px !important;
    color: #382B20 !important;
    font-family: 'Dana', sans-serif !important;
    font-size: 12.5px !important;
    outline: none !important;
    box-sizing: border-box !important;
    text-align: right !important;
    transition: all 0.2s ease !important;
}

.mobile-nav input[type="text"]:focus,
.mobile-nav input.s:focus {
    background: #FFFFFF !important;
    border-color: #D9A441 !important;
    box-shadow: 0 0 0 3px rgba(217, 164, 65, 0.15) !important;
}

.mobile-nav input[type="text"]::placeholder,
.mobile-nav input.s::placeholder {
    color: #8C7E72 !important;
    font-family: 'Dana', sans-serif !important;
}

/* دکمه و آیکون جستجو */
.mobile-nav .searchsubmit span,
.mobile-nav button[type="submit"] span {
    display: none !important;
    font-size: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

.mobile-nav .searchsubmit,
.mobile-nav button[type="submit"] {
    position: absolute !important;
    right: 20px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    color: #382B20 !important;
    cursor: pointer !important;
    padding: 0 !important;
    z-index: 2 !important;
    width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
}

.mobile-nav .wd-clear-search {
    left: 18px !important;
    right: auto !important;
}

/* منو و آیتم‌ها */
.mobile-nav ul,
.mobile-nav .wd-nav-mobile {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.mobile-nav ul.wd-nav-mobile>li {
    border-bottom: 1px solid rgba(56, 43, 32, 0.07) !important;
    position: relative !important;
}

.mobile-nav ul.wd-nav-mobile>li>a {
    display: flex !important;
    align-items: center !important;
    min-height: 48px !important;
    padding: 0 18px 0 50px !important;
    color: #382B20 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    background: transparent !important;
    transition: all 0.2s ease !important;
}

.mobile-nav .wd-nav-opener,
.mobile-nav .up-icon {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    color: #382B20 !important;
    cursor: pointer !important;
    z-index: 5 !important;
}

/* استایل‌های سفارشی زیرمنو حذف شدند و به حالت استاندارد و فابریک قالب بازگردانده شدند */
/* سبد خرید کشویی سمت چپ */
body .cart-widget-side,
body div.cart-widget-side,
body .wd-side-hidden.cart-widget-side,
body .wd-cart-side,
body .widgetarea-shopping-cart {
    top: 12px !important;
    bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    height: auto !important;
    max-height: none !important;
    background-color: #F3E9D7 !important;
    color: #382B20 !important;
    border-radius: 0 26px 26px 0 !important;
    border-left: none !important;
    border-right: 1.5px solid rgba(217, 164, 65, 0.45) !important;
    border-bottom: 1.5px solid rgba(217, 164, 65, 0.45) !important;
    border-top: 1.5px solid rgba(217, 164, 65, 0.25) !important;
    box-shadow: 8px 12px 35px rgba(0, 0, 0, 0.22) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.cart-widget-side .widget-heading,
.cart-widget-side .shopping-cart-widget-header {
    background: transparent !important;
    border-bottom: 1px solid rgba(56, 43, 32, 0.08) !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    border-top-right-radius: 26px !important;
    border-top-left-radius: 0 !important;
}

.cart-widget-side .widget-heading .title,
.cart-widget-side .widgettitle,
.cart-widget-side .shopping-cart-widget-header span {
    color: #382B20 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}

.cart-widget-side .close-side-widget {
    color: #382B20 !important;
}

}

/* --- DESKTOP HEADER & GLOBAL (min-width: 769px) --- */
@media (min-width: 769px) {

/* عرض منوی کشویی در تبلت */
body .wd-side-mobile-nav,
body .mobile-nav,
div.mobile-nav {
    width: var(--pr-menu-drawer-width-tablet, 380px) !important;
    max-width: 90vw !important;
}

/* افزایش پایداری ارتفاع توضیحات کوتاه در تبلت و دسکتاپ برای CLS */
.single-product .elementor-element-443c0bc3,
.single-product .wd_single_product_short_description,
.single-product .woocommerce-product-details__short-description {
    min-height: 200px;
    contain-intrinsic-size: auto 200px;
}

.whb-header .wd-header-my-account .wd-dropdown,
.wd-dropdown-my-account {
    background: rgba(241, 232, 215, 0.72) !important;
    backdrop-filter: blur(16px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
    border: 1px solid rgba(255, 255, 255, 0.75) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 35px rgba(90, 65, 45, 0.12) !important;
    padding: 10px 12px !important;
    overflow: visible !important;
    min-width: 210px !important;
}

/* پل نامرئی هاور برای باز ماندن پیوسته منو */
.whb-header .wd-header-my-account .wd-dropdown::before,
.wd-dropdown-my-account::before {
    content: "" !important;
    position: absolute !important;
    bottom: 100% !important;
    right: 0 !important;
    left: 0 !important;
    height: 25px !important;
    background: transparent !important;
    display: block !important;
}

.wd-dropdown-my-account ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
}

.wd-dropdown-my-account li {
    position: relative !important;
    margin-bottom: 2px !important;
    border-radius: 8px !important;
    border-bottom: 1px solid rgba(122, 95, 67, 0.14) !important;
    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
    list-style: none !important;
    cursor: pointer !important;
    background: transparent !important;
}

.wd-dropdown-my-account li:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.wd-dropdown-my-account li a {
    font-family: 'dana', 'Dana', sans-serif !important;
    color: #4A3324 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    padding: 10px 16px !important;
    transition: all 0.25s ease !important;
    background: transparent !important;
}

.wd-dropdown-my-account li:hover {
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    transform: translateX(-6px) !important;
    border-bottom-color: transparent !important;
}

.wd-dropdown-my-account li:hover a {
    color: #0E3A2F !important;
    font-weight: 700 !important;
}

.wd-dropdown-my-account li::after {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) scaleY(0) !important;
    width: 4px !important;
    height: 60% !important;
    background: linear-gradient(180deg, #D9A441 0%, #C48E2E 100%) !important;
    border-radius: 4px 0 0 4px !important;
    transition: transform 0.25s ease !important;
    pointer-events: none !important;
}

.wd-dropdown-my-account li:hover::after {
    transform: translateY(-50%) scaleY(1) !important;
}

.whb-header .wd-header-cats .wd-dropdown-cats,
.whb-header .wd-header-cats .categories-menu-dropdown,
.vertical-navigation .wd-dropdown-cats,
.vertical-navigation .categories-menu-dropdown,
.wd-dropdown-cats {
    background: rgba(245, 238, 226, 0.72) !important;
    backdrop-filter: blur(18px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
    border: 1px solid rgba(255, 255, 255, 0.75) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 35px rgba(90, 65, 45, 0.10) !important;
    padding: 10px 12px !important;
    overflow: visible !important;
}

.wd-dropdown-cats .secondary-menu-wrapper,
.wd-dropdown-cats ul.menu,
.vertical-navigation .wd-nav-vertical,
.categories-menu-dropdown ul,
.wd-dropdown-cats .wd-nav-vertical {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.wd-dropdown-cats ul>li,
.vertical-navigation .wd-nav-vertical>li {
    position: relative !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(122, 95, 67, 0.12) !important;
    border-radius: 8px !important;
    margin-bottom: 2px !important;
    padding: 0 !important;
    box-shadow: none !important;
    list-style: none !important;
    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.wd-dropdown-cats ul>li:last-child,
.vertical-navigation .wd-nav-vertical>li:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.wd-dropdown-cats ul>li>a,
.vertical-navigation .wd-nav-vertical>li>a {
    font-family: 'dana', 'Dana', sans-serif !important;
    color: #4A3324 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 16px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transition: all 0.25s ease !important;
}

.wd-dropdown-cats ul>li>a .wd-arrow,
.vertical-navigation .wd-nav-vertical>li>a .wd-arrow,
.wd-dropdown-cats ul>li>a:after {
    color: #4A3324 !important;
    transition: color 0.25s ease !important;
}

.wd-dropdown-cats ul>li:hover,
.vertical-navigation .wd-nav-vertical>li:hover,
.vertical-navigation .wd-nav-vertical>li.item-event-hover {
    background: rgba(255, 255, 255, 0.90) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    transform: translateX(-6px) !important;
    border-bottom-color: transparent !important;
}

.wd-dropdown-cats ul>li:hover>a,
.vertical-navigation .wd-nav-vertical>li:hover>a,
.vertical-navigation .wd-nav-vertical>li.item-event-hover>a {
    color: #0E3A2F !important;
    font-weight: 700 !important;
}

.wd-dropdown-cats ul>li:hover>a .wd-arrow,
.vertical-navigation .wd-nav-vertical>li:hover>a .wd-arrow,
.vertical-navigation .wd-nav-vertical>li.item-event-hover>a .wd-arrow {
    color: #0E3A2F !important;
}

.wd-dropdown-cats ul>li::after,
.vertical-navigation .wd-nav-vertical>li::after {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) scaleY(0) !important;
    width: 4px !important;
    height: 60% !important;
    background: linear-gradient(180deg, #D9A441 0%, #C48E2E 100%) !important;
    border-radius: 4px 0 0 4px !important;
    transition: transform 0.25s ease !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

.wd-dropdown-cats ul>li:hover::after,
.vertical-navigation .wd-nav-vertical>li:hover::after,
.vertical-navigation .wd-nav-vertical>li.item-event-hover::after {
    transform: translateY(-50%) scaleY(1) !important;
}

/* --------------------------------------------------------------------------
۴. تفکیک هدر دسکتاپ (نمایش هدر اصلی در کامپیوتر)
-------------------------------------------------------------------------- */

/* تفکیک هدر دسکتاپ */
header.whb-header .whb-main-header,
header.whb-header .whb-general-header,
.whb-row.whb-general-header.whb-color-dark:not(.whb-with-bg) {
    background: #FFFDF8 !important;
}

.whb-header .whb-general-header {
    display: block !important;
}

/* --------------------------------------------------------------------------
۵. عرض منوی کشویی سبد خرید در دسکتاپ
-------------------------------------------------------------------------- */
.cart-widget-side,
.wd-side-hidden.wd-cart-side {
    width: 440px !important;
    max-width: 440px !important;
}

/* ==========================================================================
۱۱. ریسپانسیو مگامنو در لپ‌تاپ و مانیتورهای بزرگ
تنظیم دقیق عرض ۹۶۰px لپتاپ + ۱۱۲۰px مانیتور و مخفی‌سازی نوار شناور در دسکتاپ
========================================================================== */
.wd-header-cats .sub-menu-dropdown,
.wd-dropdown-cats .sub-menu-dropdown,
.wd-header-cats .wd-dropdown-menu,
.wd-dropdown-cats .wd-dropdown-menu,
.categories-menu-dropdown .sub-menu-dropdown,
.vertical-navigation .sub-menu-dropdown,
.wd-nav-vertical .sub-menu-dropdown,
.whb-main-header .wd-nav-vertical .sub-menu-dropdown {
    box-sizing: border-box !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.wd-dropdown-cats .sub-menu-dropdown .elementor,
.wd-header-cats .sub-menu-dropdown .elementor,
.vertical-navigation .sub-menu-dropdown .elementor,
.wd-dropdown-cats .sub-menu-dropdown .elementor-container,
.wd-dropdown-cats .sub-menu-dropdown .e-con,
.wd-dropdown-cats .sub-menu-dropdown .elementor-section,
.wd-header-cats .sub-menu-dropdown .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.wd-dropdown-cats .sub-menu-dropdown .elementor-widget-image,
.wd-dropdown-cats .sub-menu-dropdown .elementor-widget-image img,
.wd-header-cats .sub-menu-dropdown .elementor-widget-image img,
.vertical-navigation .sub-menu-dropdown .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

}

/* --- MEGAMENU RESPONSIVE --- */
@media (min-width: 769px) and (max-width: 1440px) {
.wd-header-cats .sub-menu-dropdown,
.wd-dropdown-cats .sub-menu-dropdown,
.wd-header-cats .wd-dropdown-menu,
.wd-dropdown-cats .wd-dropdown-menu,
.categories-menu-dropdown .sub-menu-dropdown,
.vertical-navigation .sub-menu-dropdown,
.wd-nav-vertical .sub-menu-dropdown,
.whb-main-header .wd-nav-vertical .sub-menu-dropdown {
    width: 960px !important;
    max-width: calc(100vw - 280px) !important;
    min-width: unset !important;
}

.wd-dropdown-cats .sub-menu-dropdown .elementor-widget-image img,
.wd-header-cats .sub-menu-dropdown .elementor-widget-image img,
.vertical-navigation .sub-menu-dropdown .elementor-widget-image img {
    max-height: 480px !important;
}

}

@media (min-width: 1441px) {
.wd-header-cats .sub-menu-dropdown,
.wd-dropdown-cats .sub-menu-dropdown,
.wd-header-cats .wd-dropdown-menu,
.wd-dropdown-cats .wd-dropdown-menu,
.categories-menu-dropdown .sub-menu-dropdown,
.vertical-navigation .sub-menu-dropdown,
.wd-nav-vertical .sub-menu-dropdown,
.whb-main-header .wd-nav-vertical .sub-menu-dropdown {
    width: 1120px !important;
    max-width: calc(100vw - 320px) !important;
}

}

/* مخفی‌سازی کامل نوار کپسولی موبایل در دسکتاپ (از ۱۰۲۵px به بالا) */
@media (min-width: 1025px) {
html body .woodmart-toolbar,
html body .whb-sticky-toolbar,
html body .wd-toolbar {
    display: none !important;
}

}

/* --- HEADER CONTACT LOGO & BADGES --- */

/* ==========================================================================
بخش ۲۲: تنظیم ابعاد استاندارد و شکیل لوگوی تماس در هدر (موبایل، تبلت و دسکتاپ)
========================================================================== */

/* هدر موبایل (تا سایز ۷۶۸px) - سایز استاندارد، متناسب و هم‌تراز سبد خرید */
@media (max-width: 768px) {
.whb-general-header .whb-column_mobile4,
.whb-column_mobile4 {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.whb-general-header .whb-column_mobile4 .info-box-wrapper,
.whb-general-header .whb-ti9vbsoi1b9p05hqcpyn,
.whb-column_mobile4 .info-box-wrapper,
.whb-general-header .info-box-wrapper:has(img[src*="ChatGPT-Image"]),
.whb-general-header .info-box-wrapper:has(img[data-src*="ChatGPT-Image"]) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
}

.whb-general-header .whb-column_mobile4 .info-box-icon,
.whb-ti9vbsoi1b9p05hqcpyn .info-box-icon,
.whb-column_mobile4 .info-box-icon,
.whb-general-header .info-box-icon:has(img[src*="ChatGPT-Image"]),
.whb-general-header .info-box-icon:has(img[data-src*="ChatGPT-Image"]) {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.whb-general-header .whb-column_mobile4 .info-box-icon img,
.whb-ti9vbsoi1b9p05hqcpyn img,
.whb-column_mobile4 .info-box-wrapper img,
.whb-general-header img[src*="ChatGPT-Image"],
.whb-general-header img[data-src*="ChatGPT-Image"],
.whb-general-header img[srcset*="ChatGPT-Image"] {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
}

}

/* هدر تبلت (از ۷۶۹px تا ۱۰۲۴px) - کاهش سایز و رفع ناهماهنگی و بزرگی بیش از حد */
@media (min-width: 769px) and (max-width: 1024px) {
.whb-general-header .whb-column_mobile4 .info-box-wrapper,
.whb-general-header .whb-ti9vbsoi1b9p05hqcpyn,
.whb-column_mobile4 .info-box-wrapper,
.whb-general-header .whb-column10 .info-box-wrapper,
.whb-general-header .whb-6o0l9lncbmyx0e95jpv5,
.whb-general-header .info-box-wrapper:has(img[src*="ChatGPT-Image"]),
.whb-general-header .info-box-wrapper:has(img[data-src*="ChatGPT-Image"]) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
}

.whb-general-header .whb-column_mobile4 .info-box-icon,
.whb-ti9vbsoi1b9p05hqcpyn .info-box-icon,
.whb-column_mobile4 .info-box-icon,
.whb-6o0l9lncbmyx0e95jpv5 .info-box-icon,
.whb-general-header .info-box-icon:has(img[src*="ChatGPT-Image"]),
.whb-general-header .info-box-icon:has(img[data-src*="ChatGPT-Image"]) {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.whb-general-header .whb-column_mobile4 .info-box-icon img,
.whb-ti9vbsoi1b9p05hqcpyn img,
.whb-column_mobile4 .info-box-wrapper img,
.whb-6o0l9lncbmyx0e95jpv5 img,
.whb-general-header img[src*="ChatGPT-Image"],
.whb-general-header img[data-src*="ChatGPT-Image"],
.whb-general-header img[srcset*="ChatGPT-Image"] {
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
}

}

/* هدر لپ‌تاپ و دسکتاپ بزرگ (۱۰۲۵px به بالا) */
@media (min-width: 1025px) {
.whb-general-header .whb-column10 .info-box-icon,
.whb-6o0l9lncbmyx0e95jpv5 .info-box-icon,
.whb-general-header .info-box-icon:has(img[src*="ChatGPT-Image"]),
.whb-general-header .info-box-icon:has(img[data-src*="ChatGPT-Image"]) {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.whb-general-header .whb-column10 .info-box-icon img,
.whb-6o0l9lncbmyx0e95jpv5 img,
.whb-general-header .whb-column10 img[src*="ChatGPT-Image"],
.whb-general-header .whb-column10 img[data-src*="ChatGPT-Image"],
.whb-general-header .whb-column10 img[srcset*="ChatGPT-Image"] {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
}

}

/* ==========================================================================
بخش ۲۴: نمایش قطعی کشوهای منو/سبد خرید و استایل لوکس بج تخفیف در تمام صفحات
========================================================================== */

/* ۱. کلیک‌پذیری قطعی آیکون‌های هدر جهت باز شدن منو و سبد خرید */
.whb-general-header .mobile-nav-icon,
.whb-general-header .wd-header-mobile-nav,
.whb-general-header .wd-header-cart,
.mobile-nav-icon,
.wd-header-mobile-nav a,
.wd-header-cart a {
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* ۱. نمایش کشوی منوی موبایل */

/* ۱. نمایش کشوی منوی موبایل (فقط زمانی که کلاس wd-opened فعال است) */
.mobile-nav.wd-opened,
.wd-side-hidden-nav.wd-opened,
.wd-side-hidden.wd-opened.mobile-nav {
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    z-index: 100000 !important;
}

/* پنهان ماندن قطعی منوی موبایل در صورت بسته بودن یا باز بودن سبد خرید */
.mobile-nav:not(.wd-opened),
.wd-side-hidden-nav:not(.wd-opened) {
    transform: translate3d(100%, 0, 0) !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* مرتب‌سازی کامل و تک‌ردیفه شدن آیتم‌های منوی موبایل (جلوگیری از دو ستونه شدن) */
.mobile-nav ul.wd-nav-mobile > li,
.mobile-nav ul.wd-nav-mobile li,
.mobile-nav ul.sub-menu > li,
.mobile-nav ul.sub-menu li {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    display: block !important;
    clear: both !important;
    float: none !important;
    box-sizing: border-box !important;
}

/* بسته بودن کامل تمام زیرمنوها به صورت پیشفرض */
.mobile-nav ul.sub-menu,
.mobile-nav ul.children,
.mobile-nav .wd-sub-menu {
    display: none !important;
}

/* باز شدن زیرمنو با کلیک کاربر */
.mobile-nav ul.wd-nav-mobile > li.opener-page > ul.sub-menu,
.mobile-nav ul.wd-nav-mobile > li.opener-page > ul.wd-sub-menu,
.mobile-nav ul.wd-nav-mobile > li.wd-active > ul.sub-menu,
.mobile-nav ul.wd-nav-mobile > li.wd-active > ul.wd-sub-menu,
.mobile-nav ul.sub-menu[style*="display: block"],
.mobile-nav ul.children[style*="display: block"] {
    display: block !important;
}

/* ۲. نمایش استاندارد کشوی سبد خرید (فقط زمانی که کلاس wd-opened فعال است) */
.cart-widget-side.wd-opened,
.wd-side-hidden.wd-opened.cart-widget-side,
.wd-side-hidden.cart-widget-side.wd-opened {
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    z-index: 100000 !important;
}

/* پنهان ماندن قطعی سبد خرید در هنگام باز شدن منوی موبایل یا بسته بودن */
.cart-widget-side:not(.wd-opened),
.wd-cart-side:not(.wd-opened) {
    transform: translate3d(-100%, 0, 0) !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ۳. تثبیت قطعی ارتفاع و پایداری محتوای داخل کشوی سبد خرید */
.cart-widget-side .widget_shopping_cart,
body .cart-widget-side .widget_shopping_cart {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: calc(100% - 58px) !important;
}

.cart-widget-side .widget_shopping_cart_content,
body .cart-widget-side .widget_shopping_cart_content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
}

.cart-widget-side .shopping-cart-widget-body,
body .cart-widget-side .shopping-cart-widget-body {
    position: relative !important;
    flex: 1 1 auto !important;
    min-height: 220px !important;
}

/* لایه تاریک پسزمینه پشت کشوها هنگام باز بودن */
.wd-close-side.wd-close-side-opened,
.woodmart-close-side.woodmart-close-side-opened {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 99999 !important;
}

/* جلوگیری از مسدود شدن کلیک‌ها هنگام بسته بودن لایه تیره */
.wd-close-side:not(.wd-close-side-opened),
.woodmart-close-side:not(.woodmart-close-side-opened) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* جلوگیری از اسکرول بدنه موقع باز بودن کشو */
body.wd-side-hidden-opened {
    overflow: hidden !important;
}

/* ==========================================================
۲. استایل ثابت و بدون تغییر بج قرمز درصد تخفیف در تمام صفحات
========================================================== */
.pr-discount-badge,
.price .pr-discount-badge,
.product-grid-item .pr-discount-badge,
.wd-product .pr-discount-badge,
.product-grid-item .price .pr-discount-badge,
.wd-product .price .pr-discount-badge,
.price del .pr-discount-badge,
del .pr-discount-badge,
.pr-price-old-wrap .pr-discount-badge,
.price .onsale,
.product-grid-item .price .onsale,
.wd-product .price .onsale,
.price del .onsale,
.price .wd-price-discount,
.product-grid-item .price [class*="discount"],
.wd-product .price [class*="discount"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #EF4444 !important;
    background-color: #EF4444 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-family: 'dana', 'Dana', sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    padding: 1.5px 7px !important;
    border-radius: 12px !important;
    line-height: 1.3 !important;
    direction: ltr !important;
    box-shadow: 0 2px 6px rgba(239, 68, 68, 0.28) !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

/* عدم خط‌خوردگی متن درصد تخفیف */
.price del .pr-discount-badge,
del .pr-discount-badge,
.price del .onsale {
    text-decoration: none !important;
    display: inline-flex !important;
}

.pr-price-old-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}