/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme for Stakala
 Author:       XTemos & Developer
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

@font-face {
    font-family: 'iranyekan';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/yekan/woff/iranyekanweblight.woff') format('woff'),
         url('fonts/yekan/ttf/iranyekanweblight.ttf') format('truetype');
}

@font-face {
    font-family: 'iranyekan';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/yekan/woff/iranyekanwebregular.woff') format('woff'),
         url('fonts/yekan/ttf/iranyekanwebregular.ttf') format('truetype');
}

@font-face {
    font-family: 'iranyekan';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/yekan/woff/iranyekanwebmedium.woff') format('woff'),
         url('fonts/yekan/ttf/iranyekanwebmedium.ttf') format('truetype');
}

@font-face {
    font-family: 'iranyekan';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/yekan/woff/iranyekanwebbold.woff') format('woff'),
         url('fonts/yekan/ttf/iranyekanwebbold.ttf') format('truetype');
}

@font-face {
    font-family: 'iranyekan';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/yekan/woff/iranyekanwebextrabold.woff') format('woff'),
         url('fonts/yekan/ttf/iranyekanwebextrabold.ttf') format('truetype');
}

/* Global Font Override for Persian RTL */
body, h1, h2, h3, h4, h5, h6,
.title, .font-title, .woodmart-navigation,
.wd-nav, .elementor-heading-title,
.price, .amount, .woocommerce-Price-amount,
input, button, select, textarea,
.whb-header, .wd-entities-title {
    font-family: 'iranyekan', Tahoma, sans-serif !important;
}

/* Polished Industrial Header Styling */
.whb-main-header {
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

.price, .woocommerce-Price-amount {
    font-weight: 700 !important;
    letter-spacing: -0.5px;
}


/* =========================================================
   STAKALA REDESIGN - UNIFORM PRODUCT GRID & TYPOGRAPHY
   ========================================================= */

/* Uniform Card Image Container */
.product-grid-item .product-element-top {
    height: 230px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    padding: 12px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Contain Product Thumbnails to prevent ragged heights */
.product-grid-item .product-image-link img,
.product-grid-item .hover-img {
    max-height: 200px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    transition: transform 0.35s ease;
}

.product-grid-item:hover .product-image-link img {
    transform: scale(1.04);
}

/* 2-Line Uniform Title Truncation */
.wd-entities-title,
.product-grid-item .wd-entities-title {
    min-height: 42px !important;
    max-height: 42px !important;
    line-height: 1.5 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Price Typography */
.product-grid-item .price {
    font-size: 15.5px !important;
    font-weight: 800 !important;
    color: #0b37b6 !important;
    margin-top: 6px !important;
}

.product-grid-item .price del {
    color: #999999 !important;
    font-size: 12.5px !important;
    margin-left: 6px !important;
}

.product-grid-item .price ins {
    text-decoration: none !important;
    color: #e04300 !important;
}

/* Prominent Downloadable Catalog Button */
.stakala-catalog-wrapper {
    margin: 18px 0 12px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.stakala-catalog-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 13px 20px !important;
    background: linear-gradient(135deg, #e04300 0%, #c63900 100%) !important;
    color: #ffffff !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(224, 67, 0, 0.35) !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

.stakala-catalog-btn:hover {
    background: linear-gradient(135deg, #c63900 0%, #a32e00 100%) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(198, 57, 0, 0.45) !important;
}

.stakala-catalog-btn svg {
    flex-shrink: 0 !important;
}


/* --- Stakala Hero H1 Banner (Identical to 1111.png) --- */
.stakala-h1-hero-container {
    width: 100% !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
}
.stakala-h1-hero-bar {
    background-color: #004b93 !important;
    background-image: radial-gradient(rgba(255, 255, 255, 0.16) 1.2px, transparent 0) !important;
    background-size: 8px 8px !important;
    padding: 24px 20px !important;
    border-radius: 8px !important;
    text-align: center !important;
    box-shadow: 0 4px 14px rgba(0, 75, 147, 0.25) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.stakala-h1-hero-text {
    color: #ffffff !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
    font-family: inherit !important;
}
@media (max-width: 768px) {
    /* ========================================================
       ۱. اصلاح اسلایدرها و کاروسل‌های صفحه اصلی و تب‌ها در موبایل
       ======================================================== */
    .wd-carousel-container,
    .elementor-widget-wd_products_tabs .wd-carousel-container,
    .wd-products-element.wd-carousel-container,
    .products.wd-carousel-container {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .wd-carousel-inner {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .wd-carousel {
        width: 100% !important;
    }

    .wd-carousel-wrap {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* هر اسلاید در کاروسل موبایل دقیقاً ۵۰٪ عرض صفحه (۲ محصول کنار هم تمام‌عرض) */
    .products .wd-carousel-wrap > .wd-carousel-item,
    .elementor-widget-wd_products_tabs .wd-carousel-wrap > .wd-carousel-item,
    .wd-products-element .products .wd-carousel-wrap > .wd-carousel-item,
    .wd-products .wd-carousel-wrap > .wd-carousel-item,
    .wd-products-element .wd-carousel-wrap > .wd-carousel-item {
        flex: 0 0 calc(50% - 6px) !important;
        max-width: calc(50% - 6px) !important;
        min-width: calc(50% - 6px) !important;
        width: calc(50% - 6px) !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 3px !important;
    }

    /* گالری در بخش انتهایی فایل مدیریت می‌شود */
/* بخش پایین کارت و قیمت در موبایل */
    .product-grid-item .product-element-bottom {
        margin-top: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }

    .product-grid-item .price,
    .product-grid-item .price del,
    .product-grid-item .price ins,
    .product-grid-item .stakala-price-row {
        font-size: 13.5px !important;
        line-height: 1.35 !important;
        gap: 3px !important;
    }

    .product-grid-item .price del .stakala-num-val,
    .product-grid-item .price del bdi,
    .product-grid-item .price del .amount,
    .product-grid-item .price del .price-num-right {
        font-size: 13px !important;
    }

    .product-grid-item .price ins .stakala-num-val,
    .product-grid-item .price ins bdi,
    .product-grid-item .price ins .amount,
    .product-grid-item .price ins .price-num-right,
    .product-grid-item .stakala-price-amount {
        font-size: 14.5px !important;
        font-weight: 800 !important;
    }

    .product-grid-item .price .woocommerce-Price-currencySymbol,
    .product-grid-item .stakala-curr-val,
    .product-grid-item .price .price-curr-left {
        font-size: 11.5px !important;
        font-weight: 700 !important;
    }

    /* رفع تداخل صفحات برند */
    .tax-pwb-brand .term-description,
    .tax-brand .term-description {
        display: block !important;
        width: 100% !important;
    }

    .tax-pwb-brand .term-description .brand-image,
    .tax-brand .term-description .brand-image,
    .term-description .attachment-thumbnail,
    .product-grid-item .content-product-imagin {
        display: none !important;
        opacity: 0 !important;
    }
}

/* =========================================================
   STAKALA 4-POINT ENFORCEMENT CSS
   ========================================================= */

/* 1. Remove Sidebar Everywhere EXCEPT Contact Us (page-id-57) */
body:not(.page-id-57) .sidebar-container,
body:not(.page-id-57) .wd-sidebar {
    display: none !important;
}
body:not(.page-id-57) .site-content {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* 2. Uniform Product Cards in Shop & Archives */
/* Woodmart masonry handles product-grid-item layout */

.product-grid-item .product-element-top {
    height: 230px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    padding: 10px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.product-grid-item .product-image-link img,
.product-grid-item .hover-img {
    max-height: 200px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    transition: transform 0.35s ease !important;
}

.product-grid-item:hover .product-image-link img {
    transform: scale(1.05) !important;
}

.product-grid-item .wd-entities-title,
.product-grid-item .product-title {
    min-height: 44px !important;
    max-height: 44px !important;
    line-height: 1.5 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
    margin-top: 10px !important;
}

.product-grid-item .price {
    min-height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15.5px !important;
    font-weight: 800 !important;
    color: #0b37b6 !important;
    margin: 8px 0 !important;
}

.product-grid-item .wd-buttons,
.product-grid-item .woodmart-add-btn {
    margin-top: auto !important;
}


/* =========================================================
   REQUIREMENT 5: FULL-WIDTH RESPONSIVE MOBILE SEARCH BAR
   ========================================================= */

/* A. Completely remove / hide Category Dropdown from search forms */
.wd-search-cat,
.search-by-category,
.search-cat-dropdown,
.searchform .wd-search-cat {
    display: none !important;
}

/* B. Ensure search bar is always visible, full-width, and clean on mobile */
@media (max-width: 1024px) {
    /* Header bottom row containing search is always visible across all pages */
    .whb-header-bottom,
    .whb-row.whb-header-bottom {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        min-height: 48px !important;
        padding: 6px 10px !important;
        background: #ffffff !important;
        border-bottom: 1px solid #edf2f7 !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    }

    .whb-column.column_mobile5,
    .whb-column_mobile5 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .whb-column_mobile5 .wd-search-form,
    .whb-column_mobile5 .searchform {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        position: relative !important;
    }

    .whb-column_mobile5 .searchform input.s {
        width: 100% !important;
        height: 42px !important;
        border-radius: 8px !important;
        padding: 0 16px 0 45px !important;
        font-size: 13.5px !important;
        background: #f7fafc !important;
        border: 1px solid #e2e8f0 !important;
        outline: none !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    .whb-column_mobile5 .searchform input.s:focus {
        background: #ffffff !important;
        border-color: #1b84ff !important;
        box-shadow: 0 0 0 3px rgba(27, 132, 255, 0.15) !important;
    }

    .whb-column_mobile5 .searchform .searchsubmit {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        height: 42px !important;
        width: 44px !important;
        background: transparent !important;
        color: #1b84ff !important;
        border: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
    }
}


/* =========================================================
   ITEM 2: ENHANCED PRODUCT CARD PRICING & SPECIFICATIONS
   ========================================================= */
.product-grid-item .price,
.wd-product .price,
.related-products .price {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #004b93 !important;
    margin: 8px 0 !important;
    font-family: inherit, Tahoma, sans-serif !important;
}

.product-grid-item .price del,
.wd-product .price del,
.related-products .price del {
    color: #8c98a4 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
    opacity: 0.8 !important;
    margin: 0 !important;
}

.product-grid-item .price ins,
.wd-product .price ins,
.related-products .price ins {
    color: #e04300 !important;
    text-decoration: none !important;
    font-weight: 800 !important;
    font-size: 16.5px !important;
}

.woocommerce-Price-currencySymbol {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #4a5568 !important;
    margin-right: 4px !important;
}

/* Prevent messy or long descriptions inside card loops */
.product-grid-item .hover-content,
.product-grid-item .wd-more-desc,
.related-products .hover-content,
.related-products .wd-more-desc {
    display: none !important;
}

/* Equal card heights and aligned buttons */
/* Fixed masonry card height */
.product-grid-item { height: auto !important; }
.product-grid-item .wd-product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
    background: #ffffff !important;
    border-radius: 8px !important;
}
.product-grid-item .product-element-bottom {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    justify-content: space-between !important;
}

/* =========================================================
   ITEM 6: FIX RELATED PRODUCTS OVERLAP (DESKTOP & MOBILE)
   ========================================================= */
.related-products .products,
.related.products .products,
.related-products .wd-carousel-wrap,
.related.products .wd-carousel-wrap {
    overflow: visible !important;
}

.related-products .product-grid-item,
.related.products .product-grid-item,
.related-products .wd-product-wrapper,
.related.products .wd-product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    height: 100% !important;
    min-height: 360px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border-radius: 8px !important;
}

.related-products .product-element-top,
.related.products .product-element-top {
    position: relative !important;
    height: 200px !important;
    width: 100% !important;
    margin-bottom: 12px !important;
    clear: both !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.related-products .product-element-bottom,
.related.products .product-element-bottom {
    position: relative !important;
    top: 0 !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    margin-top: 6px !important;
    clear: both !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    z-index: 2 !important;
    padding: 0 10px 14px 10px !important;
}

.related-products .wd-product-card-hover,
.related.products .wd-product-card-hover {
    position: relative !important;
    top: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@media (max-width: 768px) {
    .related-products .product-element-top,
    .related.products .product-element-top {
        height: 170px !important;
        margin-bottom: 8px !important;
    }
    .related-products .product-grid-item,
    .related.products .product-grid-item {
        min-height: 310px !important;
    }
}

/* =========================================================
   ITEM 7: HIDE UNCATEGORIZED CATEGORY
   ========================================================= */
.cat-item-15,
.category-uncategorized,
a[href*="uncategorized"],
li.cat-item-15,
.wd-nav-product-cat .cat-item-15 {
    display: none !important;
}

/* =========================================================
   ITEM 9: BRAND / MANUFACTURER LINK STYLING
   ========================================================= */
.stakala-brand-link {
    color: #004b93 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    transition: color 0.2s ease, text-decoration 0.2s ease !important;
}
.stakala-brand-link:hover {
    color: #e04300 !important;
    text-decoration: none !important;
}


/* =========================================================
   ENHANCED VARIABLE PRICING & LOGIN PAGE STYLING
   ========================================================= */

/* =========================================================
   BEAUTIFUL STYLING FOR LOGIN & REGISTRATION (POPUP & PAGE)
   ========================================================= */
.container_plus.plus_login_register,
.container_login_register_layout2 {
    font-family: inherit, 'iranyekan', Tahoma, sans-serif !important;
}

.container_plus.plus_login_register .form-box,
.mfp-content .container_plus .form-box {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12), 0 4px 15px rgba(0, 75, 147, 0.06) !important;
    border: 1px solid rgba(0, 75, 147, 0.08) !important;
    padding: 35px 30px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* Center Logo in Top Header */
.container_plus .top-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin-bottom: 25px !important;
}

.container_plus .top-header .logo-area {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 15px !important;
    width: 100% !important;
}

.stakala-login-logo {
    max-width: 160px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.05)) !important;
}

.container_plus .top-header h5 {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #1a202c !important;
    margin: 0 0 8px 0 !important;
    letter-spacing: -0.3px !important;
}

/* Form Input Fields */
.container_plus .floating-input-field input {
    border-radius: 12px !important;
    border: 1.5px solid #e2e8f0 !important;
    background: #f8fafc !important;
    font-size: 14.5px !important;
    padding: 14px 18px !important;
    transition: all 0.25s ease !important;
    color: #2d3748 !important;
}

.container_plus .floating-input-field input:focus {
    border-color: #004b93 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(0, 75, 147, 0.15) !important;
}

/* Primary Action Button (Brand Blue / Cyan Accent) */
.container_plus .submit-btn,
.container_plus button[type="submit"] {
    background: linear-gradient(135deg, #004b93 0%, #00838f 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 14px 20px !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    box-shadow: 0 6px 20px rgba(0, 75, 147, 0.28) !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    margin-top: 15px !important;
}

.container_plus .submit-btn:hover,
.container_plus button[type="submit"]:hover {
    background: linear-gradient(135deg, #00366b 0%, #006064 100%) !important;
    box-shadow: 0 8px 25px rgba(0, 75, 147, 0.4) !important;
    transform: translateY(-1px) !important;
}

/* Alert Styling */
.container_plus .alert {
    border-radius: 10px !important;
    font-size: 13.5px !important;
    padding: 10px 14px !important;
}


/* =========================================================
   CUSTOM STYLING: PRODUCTS TABS FONTS & 'TA' WORD HIGHLIGHT
   ========================================================= */

/* 1. Products Tabs Font & Size (Homepage & Category Tabs) */
.wd-products-tabs .tabs-name,
.wd-products-tabs .tabs-name .title,
.wd-products-tabs .products-tabs-title li a,
.wd-products-tabs .products-tabs-title li a .tab-label {
    font-family: 'iranyekan', Tahoma, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    direction: rtl !important;
    text-align: right !important;
    line-height: 1.6 !important;
}

.wd-products-tabs .tabs-name .title {
    font-size: 17px !important;
    font-weight: 700 !important;
}

.wd-products-tabs .products-tabs-title li a {
    padding: 8px 14px !important;
    transition: color 0.25s ease, background-color 0.25s ease !important;
}

.wd-products-tabs .products-tabs-title li.active-tab-title a,
.wd-products-tabs .products-tabs-title li a:hover {
    font-weight: 700 !important;
}

/* ==========================================================================
   VARIABLE PRODUCT PRICE STYLING: DISTINCT 'از' AND 'تا' WITH CLEAN RTL ORDER
   ========================================================================== */

/* Ensure price container allows vertical 2-line layout */
.price:has(.stakala-variable-price-wrap),
.product-grid-item .price:has(.stakala-variable-price-wrap),
.wd-product .price:has(.stakala-variable-price-wrap),
.product-grid-item .price .stakala-variable-price-wrap,
.wd-product .price .stakala-variable-price-wrap {
    display: block !important;
    flex-direction: normal !important;
    min-height: auto !important;
}

/* Two-Line Variable Price Container */
.stakala-variable-price-wrap {
    display: flex !important;
    flex-direction: column !important;
    direction: rtl !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    width: 100% !important;
    margin: 4px 0 !important;
    text-align: center !important;
    line-height: 1.4 !important;
}

/* Each row: [از/تا] [مبلغ] [ریال] in pure RTL flow */
.stakala-variable-price-wrap .stakala-price-row {
    display: inline-flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 100% !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
}

/* 1. Distinct style for word 'از' (From) -> Subtle Sleek Grey (#64748b, font-weight: 500, 13.5px) */
.stakala-variable-price-wrap .stakala-price-from-label,
.stakala-variable-price-wrap .stakala-price-from .stakala-price-prefix,
.stakala-variable-price-wrap .stakala-price-prefix:not(.wd-price-to):not(.stakala-price-to-label) {
    display: inline-block !important;
    color: #64748b !important;
    font-weight: 500 !important;
    font-size: 13.5px !important;
    margin-left: 4px !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* 2. Distinct style for word 'تا' (To) -> Distinct Warm Amber/Orange (#d97706, font-weight: 700, 13.5px) */
.stakala-variable-price-wrap .wd-price-to,
.stakala-variable-price-wrap .stakala-price-to-label,
.stakala-variable-price-wrap .stakala-price-to .stakala-price-prefix {
    display: inline-block !important;
    color: #d97706 !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    margin-left: 4px !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* 3. Numeric Amount -> Bold Brand Price Color (#004b93, font-weight: 700, 15.5px) */
.stakala-variable-price-wrap .stakala-price-amount,
.stakala-variable-price-wrap .woocommerce-Price-amount,
.stakala-variable-price-wrap .woocommerce-Price-amount bdi,
.product-grid-item .price .stakala-variable-price-wrap .stakala-price-amount,
.wd-product .price .stakala-variable-price-wrap .stakala-price-amount {
    display: inline-block !important;
    color: #004b93 !important;
    font-weight: 700 !important;
    font-size: 15.5px !important;
    letter-spacing: -0.3px !important;
    direction: ltr !important;
    unicode-bidi: embed !important;
}

/* 4. Currency 'ریال' -> Soft Grey (#64748b, font-weight: 500, 12px) */
.stakala-variable-price-wrap .stakala-price-currency,
.stakala-variable-price-wrap .woocommerce-Price-currencySymbol {
    display: inline-block !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    margin-right: 3px !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    line-height: 1 !important;
}


/* ==========================================================================
   STAKALA CLIENT FEEDBACK ENHANCEMENTS (ITEMS 1, 2, 4, 7)
   ========================================================================== */

/* --- Item 1: Shop Archive Grid Equal Height & Images --- */
.products.elements-grid .product-grid-item,
.product-grid-item {
    display: block !important;
    float: none !important;
    height: auto !important;
}
.products.elements-grid {
    display: grid !important;
    grid-template-columns: repeat(var(--wd-col-lg, 3), 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
}
@media (max-width: 1024px) {
    .products.elements-grid {
        grid-template-columns: repeat(var(--wd-col-md, 3), 1fr) !important;
    }
}
@media (max-width: 768px) {
    .products.elements-grid {
        grid-template-columns: repeat(var(--wd-col-sm, 2), 1fr) !important;
        gap: 12px !important;
    }
}
.product-grid-item .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
}
.product-grid-item .product-element-top {
    flex: 0 0 220px !important;
    height: 220px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 10px !important;
    background: #ffffff !important;
}
.product-grid-item .product-element-top img,
.product-grid-item .product-image-link img {
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}
.product-grid-item .product-information {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    justify-content: space-between !important;
    padding-top: 10px !important;
}
.product-grid-item .wd-entities-title {
    min-height: 42px !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
}
/* Hide categories from shop archive cards */
.product-grid-item .wd-product-cats,
.product-grid-item .woodmart-product-cats,
.product-grid-item .wd-entities-title + .wd-product-cats {
    display: none !important;
}
/* RTL Discount badge alignment */
[dir="rtl"] .product-grid-item .product-labels,
html[dir="rtl"] .product-labels {
    right: 10px !important;
    left: auto !important;
}
[dir="rtl"] .product-labels .product-label.onsale {
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

/* --- Item 2: Single Product CTA Buttons Styling & Differentiation --- */
/* Add to Cart Button (Primary CTA - Bold Blue #0066cc) */
.single_add_to_cart_button.button.alt,
.single-product .single_add_to_cart_button {
    background: linear-gradient(135deg, #0066cc 0%, #004b93 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    border: none !important;
    padding: 13px 26px !important;
    min-height: 48px !important;
    box-shadow: 0 4px 14px rgba(0, 102, 204, 0.28) !important;
    transition: all 0.25s ease !important;
}
.single_add_to_cart_button.button.alt:hover,
.single-product .single_add_to_cart_button:hover {
    background: linear-gradient(135deg, #0052a3 0%, #003870 100%) !important;
    box-shadow: 0 6px 18px rgba(0, 102, 204, 0.42) !important;
    transform: translateY(-1px) !important;
}

/* Catalog Download Button (Secondary Distinct CTA - Crisp Orange Border & White BG) */
.stakala-catalog-wrapper {
    margin-top: 14px !important;
    width: 100% !important;
}
.stakala-catalog-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 12px 20px !important;
    background: #ffffff !important;
    color: #ea580c !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border: 2px solid #ea580c !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(234, 88, 12, 0.10) !important;
    transition: all 0.25s ease !important;
    box-sizing: border-box !important;
}
.stakala-catalog-btn:hover {
    background: #fff7ed !important;
    border-color: #c2410c !important;
    color: #c2410c !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.20) !important;
}
.stakala-catalog-btn svg {
    stroke: #ea580c !important;
    transition: stroke 0.25s ease !important;
}
.stakala-catalog-btn:hover svg {
    stroke: #c2410c !important;
}

/* --- Item 3: Hide duplicate bottom variation price --- */
/* نمایش شفاف و شکیل قیمت متغیر انتخاب شده */
.single_variation_wrap .woocommerce-variation-price {
    display: block !important;
    margin: 12px 0 !important;
}

.single_variation_wrap .woocommerce-variation-price .price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin: 6px 0 !important;
    gap: 3px !important;
}

.single_variation_wrap .woocommerce-variation-price .price ins,
.single_variation_wrap .woocommerce-variation-price .price .amount,
.single_variation_wrap .woocommerce-variation-price .price .stakala-num-val {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0284c7 !important;
}

.single_variation_wrap .woocommerce-variation-price .price del {
    font-size: 15px !important;
    color: #64748b !important;
}

/* بازه قیمتی با JS پس از انتخاب متغیر کنترل می‌شود */

/* گالری صفحه تکی محصول در موبایل: فقط ۱ عکس تمام‌عرض */
@media (max-width: 768px) {
    .woocommerce-product-gallery .wd-carousel-wrap > .wd-carousel-item,
    .wd-gallery-images .wd-carousel-wrap > .wd-carousel-item,
    .woocommerce-product-gallery .wd-carousel-item {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .woocommerce-product-gallery .wd-carousel-wrap,
    .wd-gallery-images .wd-carousel-wrap {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }
}

/* --- Item 4: Pricing & VAT Styling in Sliders and Archive --- */
ins,
ins .woocommerce-Price-amount,
ins .woocommerce-Price-amount bdi,
.price ins,
.price ins .amount {
    color: #0066cc !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

del,
del .woocommerce-Price-amount,
del .woocommerce-Price-amount bdi,
.price del,
.price del .amount {
    color: #94a3b8 !important;
    font-weight: 400 !important;
    font-size: 0.9em !important;
    text-decoration: line-through #ef4444 !important;
    -webkit-text-decoration-color: #ef4444 !important;
    text-decoration-color: #ef4444 !important;
    margin-left: 6px !important;
}

.price,
.product-grid-item .price,
.wd-product .price,
.elementor-widget-wd_products_tabs .price {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
}

.woocommerce-price-suffix,
small.woocommerce-price-suffix {
    flex: 1 1 100% !important;
    width: 100% !important;
    white-space: nowrap !important;
    display: block !important;
    color: #64748b !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    margin-top: 4px !important;
    line-height: 1.4 !important;
    text-align: inherit !important;
    clear: both !important;
}

/* --- Hero Discount Banner Standard Size & Proportions --- */
.elementor-element-c4728a3 .e-con-inner {
    display: flex !important;
    align-items: stretch !important;
    gap: 20px !important;
    width: 100% !important;
}
.elementor-element-732b662 {
    flex: 1 1 68% !important;
    width: 68% !important;
    max-width: 68% !important;
    transform: none !important;
}
.elementor-element-265751a {
    flex: 1 1 32% !important;
    width: 32% !important;
    max-width: 32% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 15px !important;
    transform: none !important;
}
.elx-discount-box {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 22px 18px !important;
    border-radius: 12px !important;
}
.elementor-element-a65e8b8 img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 12px !important;
}

/* --- Item 7: Floating Label Fix in Login Form --- */
.floating-input-field {
    position: relative !important;
}
.floating-input-field input:focus ~ label,
.floating-input-field input:not(:placeholder-shown) ~ label,
.floating-input-field.has-val label,
.woodmart-login-form .input-text:focus + label,
.woodmart-login-form .input-text:not(:placeholder-shown) + label,
.woodmart-login-form .has-val label {
    top: -8px !important;
    transform: none !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: #0066cc !important;
    background: #ffffff !important;
    padding: 0 4px !important;
    z-index: 5 !important;
}


/* ==========================================================================
   FINAL CLIENT VIDEO AUDIT FIXES (ITEMS 1, 2, 3, 4)
   ========================================================================== */

/* --- 1. SHOP GRID & IMAGE ASPECT RATIO NORMALIZATION (EQUAL HEIGHT) --- */
/* تثبیت گرید ۳ ستونه فروشگاه در دسکتاپ بدون دستکاری flex کانتینر اصلی */
@media (min-width: 1025px) {
    .archive.woocommerce .products.elements-grid:not(.grid-columns-custom),
    .archive.woocommerce .products.wd-grid-g:not(.grid-columns-custom) {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* ساختار فلکس داخلی برای هم‌ارتفاع‌سازی کارت‌ها و تراز شدن دکمه‌های پایانی */
.product-grid-item .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    background-color: #ffffff;
    box-sizing: border-box;
}

/* کادر ثابت تصاویر محصول در دسکتاپ (جلوگیری از پله‌پله شدن سطرها) */
.product-grid-item .product-element-top,
.product-grid-item .product-element-top .product-image-link {
    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff !important;
    overflow: hidden !important;
    padding: 8px;
}

/* تنظیم عکس‌ها بدون کوچک‌ترین دفرمه‌شدن و در مرکز قاب */
.product-grid-item .product-element-top img,
.product-grid-item .product-element-top .product-image-link img {
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
}

/* بخش محتوای کارت محصول و هل دادن قیمت و دکمه به پایین کارت */
.product-grid-item .product-element-bottom {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    justify-content: space-between !important;
    padding: 12px 14px 14px 14px !important;
}

/* ریسپانسیو کادر تصاویر در نمای موبایل */
@media (max-width: 768px) {
    .product-grid-item .product-element-top,
    .product-grid-item .product-element-top .product-image-link {
        height: 170px !important;
        min-height: 170px !important;
        max-height: 170px !important;
    }
}

/* --- 2. TWO-LINE PRICE DISPLAY & RIAL CURRENCY POSITION --- */
/* تبدیل ساختار قیمت به چیدمان ستونی و منظم در دو سطر */
.product-grid-item .price,
.single-product .summary-inner > .price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    line-height: 1.4 !important;
}

/* سطر اول: قیمت قبلی خط‌خورده */
.product-grid-item .price del,
.single-product .summary-inner > .price del {
    order: 1 !important;
    font-size: 0.88em !important;
    color: #94a3b8 !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
}

/* سطر دوم: قیمت تخفیف‌خورده جدید */
.product-grid-item .price ins,
.single-product .summary-inner > .price ins {
    order: 2 !important;
    font-size: 1.15em !important;
    font-weight: 700 !important;
    color: #0066cc !important;
    text-decoration: none !important;
}

/* جهت‌گیری استاندارد واحد ریال در سمت چپ عدد */
.price .woocommerce-Price-amount {
    display: inline-flex !important;
    direction: ltr !important;
    align-items: baseline !important;
    gap: 5px !important;
}

.price .woocommerce-Price-currencySymbol {
    font-size: 0.82em !important;
    font-weight: 500 !important;
    color: inherit !important;
}

/* --- 3. UNTRUNCATED FULL PRODUCT TITLES (MOBILE & DESKTOP) --- */
/* لغو کامل بریدگی عنوان و نمایش اسامی صنعتی و کدهای قطعات به طور ۱۰۰٪ */
.product-grid-item .wd-entities-title,
.product-grid-item .wd-entities-title a,
.product-grid-item .product-title,
.product-grid-item .product-title a {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    display: block !important;
    line-height: 1.55 !important;
    font-size: 13.5px !important;
    min-height: 42px !important;
    word-break: break-word !important;
}

@media (max-width: 768px) {
    .product-grid-item .wd-entities-title,
    .product-grid-item .wd-entities-title a,
    .product-grid-item .product-title,
    .product-grid-item .product-title a {
        font-size: 12.5px !important;
        line-height: 1.5 !important;
        margin-bottom: 6px !important;
    }
}

/* --- 4. BRAND ARCHIVE LAYOUT CLEANUP (MOBILE RESPONSIVE) --- */
/* مرتب‌سازی هدر صفحه معرفی برند و حذف تداخل المان‌ها */
.tax-pwb-brand .term-description,
.tax-brand .term-description,
.woodmart-archive-shop-header {
    margin-bottom: 25px !important;
    padding: 16px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    clear: both !important;
}

/* مخفی‌سازی تصویر دایره‌ای خاکستری مزاحم و بی‌استفاده در موبایل */
@media (max-width: 768px) {
    .tax-pwb-brand .term-description img,
    .tax-brand .term-description img,
    .tax-pwb-brand .brand-logo-holder,
    .term-description .brand-image,
    .term-description .attachment-thumbnail {
        display: none !important;
    }

    .tax-pwb-brand .term-description,
    .tax-brand .term-description {
        display: block !important;
        text-align: right !important;
    }
    
    .term-description p {
        font-size: 13px !important;
        line-height: 1.7 !important;
        color: #334155 !important;
    }
}


/* ========================================================
   FIX SHOP GRID & FORCE 3-COLUMNS EQUAL HEIGHT (NO MASONRY)
   ======================================================== */

/* ۱. خنثیسازی کامل ساختار بنایی و اجبار به گرید ۳ ستونه پایدار */
.products.elements-grid,
.products.elements-grid.grid-masonry,
.archive.woocommerce .products.elements-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 25px 20px !important;
    height: auto !important;
}

.products.elements-grid .product-grid-item,
.products.elements-grid.grid-masonry .product-grid-item {
    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    float: none !important;
}

/* ۲. کارت با ارتفاع یکدست و تراز بودن دکمهها و قیمتها */
.product-grid-item .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    justify-content: space-between !important;
    background: #ffffff !important;
    border: 1px solid #f1f5f9 !important;
    border-radius: 8px !important;
    padding: 14px !important;
}

/* ۳. کادر عکس یکدست بدون دفرمه شدن و بدون فضای خالی نامنظم */
.product-grid-item .product-element-top,
.product-grid-item .product-image-link {
    height: 240px !important;
    max-height: 240px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    margin-bottom: 12px !important;
}

.product-grid-item .product-element-top img,
.product-grid-item .product-image-link img {
    max-height: 220px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

.product-grid-item .product-element-bottom {
    margin-top: auto !important;
    display: flex !important;
    flex-direction: column !important;
}

/* ۴. چیدمان دوخطی قیمتها (قیمت خطخورده بالا، قیمت تخفیف پایین) */
.product-grid-item .price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    margin-top: 8px !important;
}

.product-grid-item .price del {
    order: 1 !important;
    font-size: 13px !important;
    color: #94a3b8 !important;
    text-decoration: line-through !important;
}

.product-grid-item .price ins,
.product-grid-item .price > .amount:last-child {
    order: 2 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0284c7 !important;
    text-decoration: none !important;
}

.product-grid-item .price .woocommerce-Price-currencySymbol {
    margin-right: 4px !important;
}

/* ۵. نمایش ۱۰۰٪ کامل عنوان کالا در موبایل (حذف برش متن) */
.product-grid-item .wd-entities-title,
.product-grid-item .wd-entities-title a,
.product-grid-item .product-title,
.product-grid-item .product-title a {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    -webkit-line-clamp: unset !important;
    height: auto !important;
    min-height: 42px !important;
    line-height: 1.5 !important;
    font-size: 13px !important;
    word-break: break-word !important;
}

/* ۶. رسپانسیو موبایل */
@media (max-width: 768px) {
    .products.elements-grid,
    .products.elements-grid.grid-masonry,
    .archive.woocommerce .products.elements-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    
    .product-grid-item .product-element-top,
    .product-grid-item .product-image-link {
        height: 165px !important;
    }
    
    .product-grid-item .product-element-top img,
    .product-grid-item .product-image-link img {
        max-height: 150px !important;
    }
    
    /* رفع تداخل تصویر دایرهای صفحه برند در موبایل */
    .tax-pwb-brand .term-description img,
    .tax-brand .term-description img,
    .tax-pwb-brand .brand-logo-holder {
        display: none !important;
    }
}


/* ========================================================
   STRICT 3-COLUMNS GRID & UNIFORM IMAGE HEIGHT (LOCK SIZES)
   ======================================================== */

/* ۱. اجبار به قرارگیری دقیقاً ۳ محصول در هر ردیف دسکتاپ */
.products.elements-grid,
.products.elements-grid.grid-masonry,
.archive.woocommerce .products.elements-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 30px 20px !important;
    width: 100% !important;
    height: auto !important;
}

/* خنثیسازی هرگونه پوزیشن مطلق ناشی از اسکریپتهای آجری */
.products.elements-grid .product-grid-item,
.products.elements-grid.grid-masonry .product-grid-item {
    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    float: none !important;
}

/* ۲. قفل کردن کادر تصویر روی اندازه استاندارد ۳ محصول بالایی (۲۲۰ پیکسل) */
.products.elements-grid .product-grid-item .product-element-top,
.products.elements-grid .product-grid-item .product-image-link,
.product-grid-item .product-element-top,
.product-grid-item .product-image-link {
    height: 220px !important;
    max-height: 220px !important;
    min-height: 220px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    position: relative !important;
    background: #ffffff !important;
    margin-bottom: 12px !important;
}

/* ۳. مهار ۱۰۰٪ تمام عکسها (حتی مخزن قرمز عمودی) برای فیت شدن در کادر */
.products.elements-grid .product-grid-item .product-element-top img,
.products.elements-grid .product-grid-item .product-image-link img,
.product-grid-item .product-element-top img,
.product-grid-item .product-image-link img {
    max-height: 200px !important;
    max-width: 95% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: auto !important;
    display: block !important;
}

/* ۴. یکدستسازی ارتفاع کل کارت محصول و تراز دکمهها و قیمت */
.products.elements-grid .product-grid-item .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 450px !important;
    justify-content: space-between !important;
    background: #ffffff !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    box-sizing: border-box !important;
}

.products.elements-grid .product-grid-item .product-element-bottom {
    margin-top: auto !important;
    display: flex !important;
    flex-direction: column !important;
}

/* ۵. حالت ریسپانسیو موبایل (۲ محصول در هر ردیف با کادر ۱۶۰px) */
@media (max-width: 768px) {
    .products.elements-grid,
    .products.elements-grid.grid-masonry,
    .archive.woocommerce .products.elements-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .products.elements-grid .product-grid-item .product-element-top,
    .products.elements-grid .product-grid-item .product-image-link {
        height: 160px !important;
        max-height: 160px !important;
        min-height: 160px !important;
    }

    .products.elements-grid .product-grid-item .product-element-top img,
    .products.elements-grid .product-grid-item .product-image-link img {
        max-height: 145px !important;
    }
    
    .products.elements-grid .product-grid-item .product-wrapper {
        min-height: 380px !important;
        padding: 10px !important;
    }
}


/* ========================================================
   DEFINITIVE 3-COLUMNS & UNIFORM GRID (NO WD-WIDER)
   ======================================================== */
.products.elements-grid,
.products.elements-grid.grid-masonry,
.archive.woocommerce .products.elements-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 25px 20px !important;
    width: 100% !important;
    height: auto !important;
}
.products.elements-grid .product-grid-item,
.products.elements-grid .product-grid-item.wd-wider,
.product-grid-item.wd-wider,
.wd-product.wd-wider {
    grid-column: span 1 !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    float: none !important;
}
.products.elements-grid .product-grid-item .product-element-top,
.products.elements-grid .product-grid-item .product-image-link,
.product-grid-item .product-element-top,
.product-grid-item.wd-wider .product-element-top {
    height: 220px !important;
    max-height: 220px !important;
    min-height: 220px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    position: relative !important;
    background: #ffffff !important;
    margin-bottom: 12px !important;
}
.products.elements-grid .product-grid-item .product-element-top img,
.products.elements-grid .product-grid-item .product-image-link img,
.product-grid-item .product-element-top img,
.product-grid-item.wd-wider .product-element-top img {
    max-height: 200px !important;
    max-width: 95% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: auto !important;
    display: block !important;
}
.products.elements-grid .product-grid-item .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 440px !important;
    justify-content: space-between !important;
    background: #ffffff !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    box-sizing: border-box !important;
}
.products.elements-grid .product-grid-item .product-element-bottom {
    margin-top: auto !important;
    display: flex !important;
    flex-direction: column !important;
}
.product-grid-item .price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    margin-top: 8px !important;
}
.product-grid-item .price del {
    order: 1 !important;
    font-size: 13px !important;
    color: #94a3b8 !important;
    text-decoration: line-through !important;
}
.product-grid-item .price ins,
.product-grid-item .price > .amount:last-child {
    order: 2 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0284c7 !important;
    text-decoration: none !important;
}
.product-grid-item .price .woocommerce-Price-currencySymbol {
    margin-right: 4px !important;
}
.product-grid-item .wd-entities-title,
.product-grid-item .wd-entities-title a,
.product-grid-item .product-title,
.product-grid-item .product-title a {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    -webkit-line-clamp: unset !important;
    height: auto !important;
    min-height: 42px !important;
    line-height: 1.5 !important;
    font-size: 13px !important;
    word-break: break-word !important;
}
@media (max-width: 768px) {
    .products.elements-grid,
    .products.elements-grid.grid-masonry {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    .products.elements-grid .product-grid-item .product-element-top,
    .product-grid-item.wd-wider .product-element-top {
        height: 160px !important;
        max-height: 160px !important;
        min-height: 160px !important;
    }
    .products.elements-grid .product-grid-item .product-element-top img,
    .product-grid-item.wd-wider .product-element-top img {
        max-height: 145px !important;
    }
    .products.elements-grid .product-grid-item .product-wrapper {
        min-height: 380px !important;
        padding: 10px !important;
    }
    .tax-pwb-brand .term-description img,
    .tax-brand .term-description img,
    .tax-pwb-brand .brand-logo-holder,
    .term-description .brand-image,
    .term-description .attachment-thumbnail {
        display: none !important;
    }
}


/* ==========================================================================
   PERFECT 3-TIER PRICE DISPLAY (STRIKETHROUGH TOP, NEW BELOW, TAX UNDERNEATH)
   ========================================================================== */

/* ۱. ساختار ستونی و زیر هم قرار گرفتن اجزای قیمت */
.price,
.product-grid-item .price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 3px !important;
    width: 100% !important;
}

/* ۲. سطر اول: قیمت خطخورده (کاملاً در بالا، واضح، پررنگ و خوانا با خط ممتد) */
.price del,
.product-grid-item .price del {
    order: 1 !important;
    display: inline-block !important;
    color: #475569 !important; /* رنگ مشخص و تیره به جای خاکستری محو */
    font-size: 13.5px !important;
    font-weight: 600 !important;
    text-decoration: line-through 1.5px #dc2626 !important; /* خط قرمز ممتد و کاملاً مشخص روی قیمت قبلی */
    opacity: 0.9 !important;
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
}

.price del .woocommerce-Price-currencySymbol {
    color: #64748b !important;
    margin-right: 3px !important;
}

/* ۳. سطر دوم: قیمت جدید تخفیفخورده (در زیر قیمت قبلی، درشت و بولد با رنگ آبی شاخص) */
.price ins,
.product-grid-item .price ins {
    order: 2 !important;
    display: inline-block !important;
    color: #0284c7 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.price ins .woocommerce-Price-currencySymbol {
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-right: 4px !important;
}

/* ۴. سطر سوم: عبارت مالیات بر ارزش افزوده (کاملاً مستقل در یک خط زیر قیمت جدید بدون شکست متن) */
.price small.woocommerce-price-suffix,
.price .woocommerce-price-suffix,
.product-grid-item .price small.woocommerce-price-suffix {
    order: 3 !important;
    display: block !important;
    width: 100% !important;
    color: #64748b !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    white-space: nowrap !important; /* جلوگیری کامل از خرد شدن و شکست متن مالیات */
    margin-top: 4px !important;
    clear: both !important;
}


/* ========================================================
   IDENTICAL SIZE & STRICT CENTER-COLUMN ALIGNED PRICES
   ======================================================== */

.wd-product .price,
.products .price,
.product-grid-item .price,
.price {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    gap: 4px !important;
    margin: 8px auto !important;
}

/* سطر اول: قیمت خطخورده (دقیقاً هماندازه قیمت جدید با فونت 15px و تراز وسط) */
.wd-product .price del,
.products .price del,
.product-grid-item .price del,
.price del {
    order: 1 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 15px !important; /* همسایز با قیمت پایین */
    font-weight: 700 !important;
    color: #475569 !important;
    text-decoration: line-through 1.5px #dc2626 !important; /* خط قرمز ممتد و کاملاً واضح */
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0.95 !important;
}

.price del .woocommerce-Price-currencySymbol {
    color: #64748b !important;
    font-size: 13px !important;
    margin-right: 3px !important;
}

/* سطر دوم: قیمت جدید (دقیقاً هماندازه قیمت بالا با فونت 15px، رنگ آبی و تراز دقیق در یک ستون) */
.wd-product .price ins,
.products .price ins,
.product-grid-item .price ins,
.price ins {
    order: 2 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 15px !important; /* همسایز با قیمت بالا */
    font-weight: 800 !important;
    color: #0284c7 !important;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.price ins .woocommerce-Price-currencySymbol {
    font-size: 13px !important;
    margin-right: 3px !important;
}

/* سطر سوم: متن مالیات (دقیقاً زیر دو قیمت در یک خط کامل) */
.wd-product .price small.woocommerce-price-suffix,
.product-grid-item .price small.woocommerce-price-suffix,
.price small.woocommerce-price-suffix {
    order: 3 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    margin-top: 3px !important;
}


/* ========================================================
   IDENTICAL FONT/SIZE & STRIKETHROUGH ONLY ON NUMBERS
   ======================================================== */

/* کانتینر اصلی قیمت: ستونی و تراز وسط */
.wd-product .price,
.products .price,
.product-grid-item .price,
.price {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    gap: 4px !important;
    margin: 8px auto !important;
}

/* ۱. یکسانسازی ۱۰۰٪ سایز و ضخامت هر دو قیمت با قیمت نهایی */
.price del,
.price del .amount,
.price del bdi,
.price ins,
.price ins .amount,
.price ins bdi,
.product-grid-item .price del,
.product-grid-item .price ins {
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    font-family: inherit !important;
}

/* ۲. سطر اول: قیمت قبلی خطخورده */
.price del,
.product-grid-item .price del {
    order: 1 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    color: #475569 !important;
    text-decoration: none !important; /* حذف خط از کل تگ */
    margin: 0 !important;
    opacity: 0.95 !important;
}

/* اعمال خط قرمز ممتد فقط روی محتوای اعداد */
.price del bdi,
.product-grid-item .price del bdi {
    text-decoration: line-through 1.5px #dc2626 !important;
}

/* حذف قطعی خطخوردگی از روی کلمه «ریال» با تبدیل به اینلاین-بلاک */
.price del .woocommerce-Price-currencySymbol,
.product-grid-item .price del .woocommerce-Price-currencySymbol {
    display: inline-block !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    -webkit-text-decoration-line: none !important;
    color: #64748b !important;
    margin-right: 4px !important;
    font-weight: 700 !important;
}

/* ۳. سطر دوم: قیمت جدید (آبی و دقیقاً همفونت قیمت بالا) */
.price ins,
.product-grid-item .price ins {
    order: 2 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    color: #0284c7 !important;
    text-decoration: none !important;
    margin: 0 !important;
}

.price ins .woocommerce-Price-currencySymbol {
    display: inline-block !important;
    margin-right: 4px !important;
    font-weight: 700 !important;
}

/* ۴. سطر سوم: عبارت مالیات بر ارزش افزوده */
.price small.woocommerce-price-suffix,
.product-grid-item .price small.woocommerce-price-suffix {
    order: 3 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    margin-top: 3px !important;
}


/* ==========================================================================
   FORCE "RIAL" TO THE LEFT & 100% UNTRUNCATED MOBILE TITLES
   ========================================================================== */

/* ۱. انتقال کلمه «ریال» به سمت چپ تمام قیمتها (خطخورده و جدید) */
.price del bdi,
.price ins bdi,
.price .amount bdi,
.product-grid-item .price bdi,
.price bdi {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: center !important;
}

.price .woocommerce-Price-currencySymbol,
.product-grid-item .price .woocommerce-Price-currencySymbol {
    display: inline-block !important;
    margin-right: 6px !important;
    margin-left: 0 !important;
    order: -1 !important; /* اجبار به قرارگیری در سمت چپ عدد */
    text-decoration: none !important;
}

/* ۲. نمایش ۱۰۰٪ کامل عناوین کالا در موبایل (حذف برش متن و سهنقطه) */
@media (max-width: 768px) {
    .product-grid-item .wd-entities-title,
    .product-grid-item .wd-entities-title a,
    .product-grid-item .product-title,
    .product-grid-item .product-title a {
        display: block !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: unset !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.55 !important;
        margin-bottom: 8px !important;
        word-break: break-word !important;
        color: #1e293b !important;
    }

    /* حذف هرگونه هاله دایرهای یا ماسک تیره مزاحم روی متن در موبایل */
    .product-grid-item .content-product-imagin,
    .product-grid-item .hover-mask,
    .product-grid-item .wd-hover-mask {
        display: none !important;
        opacity: 0 !important;
    }

    /* کارت محصول فضای کافی برای متن کامل داشته باشد */
    .product-grid-item .product-wrapper {
        min-height: 410px !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        padding: 12px 10px !important;
    }

    /* بهینهسازی فونت قیمت و مالیات در موبایل */
    .price del, .price ins,
    .product-grid-item .price del,
    .product-grid-item .price ins {
        font-size: 14.5px !important;
    }

    .price small.woocommerce-price-suffix,
    .product-grid-item .price small.woocommerce-price-suffix {
        font-size: 11px !important;
        white-space: nowrap !important;
    }
}


/* ========================================================
   FORCE CURRENCY "RIAL" TO THE LEFT SIDE OF ALL PRICES
   ======================================================== */

/* ۱. برای محصولات معمولی و تخفیفدار: ریال در چپ و عدد در راست */
.price del,
.price ins,
.price .amount,
.product-grid-item .price del,
.product-grid-item .price ins {
    display: inline-flex !important;
    direction: ltr !important; /* در حالت LTR، آیتم منفی به سمت چپترین نقطه میرود */
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

.price bdi,
.product-grid-item .price bdi {
    display: inline-flex !important;
    direction: ltr !important;
    align-items: center !important;
    justify-content: center !important;
}

/* انتقال نماد ریال به سمت چپ عدد */
.price .woocommerce-Price-currencySymbol,
.product-grid-item .price .woocommerce-Price-currencySymbol {
    order: -1 !important; /* هل دادن قطعی ریال به سمت چپِ عدد */
    margin-right: 6px !important;
    margin-left: 0 !important;
    display: inline-block !important;
    text-decoration: none !important;
}

/* ۲. برای محصولات متغیر (از ... تا ...): انتقال ریال به سمت چپ */
.product-grid-item .stakala-variable-price-wrap,
.price .stakala-variable-price-wrap,
.stakala-price-row {
    display: flex !important;
    direction: ltr !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

/* عدد در سمت راست */
.stakala-variable-price-wrap .stakala-price-amount {
    order: 2 !important;
}

/* ریال و برچسبهای از/تا در سمت چپ عدد */
.stakala-variable-price-wrap .stakala-price-currency,
.stakala-variable-price-wrap .stakala-price-from-label,
.stakala-variable-price-wrap .stakala-price-to-label,
.stakala-variable-price-wrap .woocommerce-Price-currencySymbol {
    order: 1 !important;
    margin-right: 4px !important;
    margin-left: 0 !important;
}


/* ==========================================================================
   PERFECT MOBILE SHOP GRID (2 COLUMNS, EQUAL HEIGHT, UNIFORM IMAGES)
   ========================================================================== */

@media (max-width: 768px) {
    /* ۱. گرید دقیق و منظم ۲ ستونه در تمام صفحات فروشگاه، دستهها و برندها */
    .products.elements-grid,
    .products.elements-grid.grid-masonry,
    .archive.woocommerce .products.elements-grid,
    .tax-product_cat .products.elements-grid,
    .tax-pwb-brand .products.elements-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px 10px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* خنثیسازی هرگونه عرض دوبرابری در موبایل (همه کارتها دقیقاً ۱ ستون) */
    .products.elements-grid .product-grid-item,
    .products.elements-grid .product-grid-item.wd-wider,
    .product-grid-item.wd-wider,
    .wd-product.wd-wider {
        grid-column: span 1 !important;
        position: static !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        float: none !important;
    }

    /* ۲. یکدستسازی ارتفاع کارتهای محصول در موبایل */
    .products.elements-grid .product-grid-item .product-wrapper,
    .product-grid-item .product-wrapper {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        min-height: 390px !important;
        justify-content: space-between !important;
        background: #ffffff !important;
        border: 1px solid #edf2f7 !important;
        border-radius: 8px !important;
        padding: 10px 8px !important;
        box-sizing: border-box !important;
    }

    /* ۳. کادر عکس یکدست و استاندارد در موبایل (ارتفاع ثابت ۱۶۰ پیکسل) */
    .products.elements-grid .product-grid-item .product-element-top,
    .products.elements-grid .product-grid-item .product-image-link,
    .product-grid-item .product-element-top,
    .product-grid-item.wd-wider .product-element-top {
        height: 160px !important;
        max-height: 160px !important;
        min-height: 160px !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        background: #ffffff !important;
        margin-bottom: 8px !important;
    }

    /* مهار تمام عکسها در کادر ۱۶۰ پیکسلی بدون دفرمه شدن */
    .products.elements-grid .product-grid-item .product-element-top img,
    .product-grid-item .product-element-top img,
    .product-grid-item.wd-wider .product-element-top img {
        max-height: 145px !important;
        max-width: 95% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        margin: auto !important;
        display: block !important;
    }

    /* ۴. نمایش کامل عناوین محصولات بدون سهنقطه و با فونت خوانا */
    .product-grid-item .wd-entities-title,
    .product-grid-item .wd-entities-title a,
    .product-grid-item .product-title,
    .product-grid-item .product-title a {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: unset !important;
        height: auto !important;
        min-height: 38px !important;
        max-height: none !important;
        line-height: 1.45 !important;
        font-size: 12.5px !important;
        font-weight: 600 !important;
        color: #1e293b !important;
        word-break: break-word !important;
        text-align: center !important;
        margin-bottom: 6px !important;
    }

    /* ۵. تراز دکمهها و قیمتها در کف کارت */
    .products.elements-grid .product-grid-item .product-element-bottom,
    .product-grid-item .product-element-bottom {
        margin-top: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* تنظیم سایز قیمت در موبایل */
    .price del, .price ins,
    .product-grid-item .price del,
    .product-grid-item .price ins {
        font-size: 14px !important;
    }
}


/* ========================================================
   PERSIAN NUMERALS & "RIAL" ON THE LEFT OF THE NUMBERS
   ======================================================== */

.price del,
.price ins,
.price .amount,
.product-grid-item .price del,
.product-grid-item .price ins {
    display: inline-flex !important;
    direction: ltr !important; /* تضمین قرارگیری ریال در سمت چپ */
    align-items: center !important;
    justify-content: center !important;
    font-feature-settings: "ss01" on, "numr" on !important;
}

.price bdi,
.product-grid-item .price bdi {
    display: inline-flex !important;
    direction: ltr !important;
    align-items: center !important;
    justify-content: center !important;
}

/* قرار گرفتن ریال در سمت چپ عدد */
.price .woocommerce-Price-currencySymbol,
.product-grid-item .price .woocommerce-Price-currencySymbol {
    order: -1 !important;
    margin-right: 5px !important;
    margin-left: 0 !important;
    display: inline-block !important;
    text-decoration: none !important;
}


/* ==========================================================================
   GLOBAL MOBILE HARMONY - ALL PAGES (SHOP, CATS, BRANDS, HOME TABS & ARCHIVES)
   ========================================================================== */

@media (max-width: 768px) {
    /* ========================================================
       ۱. اصلاح اسلایدرها و کاروسل‌های صفحه اصلی و تب‌ها در موبایل
       ======================================================== */
    .wd-carousel-container,
    .elementor-widget-wd_products_tabs .wd-carousel-container,
    .wd-products-element.wd-carousel-container,
    .products.wd-carousel-container {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .wd-carousel-inner {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .wd-carousel {
        width: 100% !important;
    }

    .wd-carousel-wrap {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* هر اسلاید در کاروسل موبایل دقیقاً ۵۰٪ عرض صفحه (۲ محصول کنار هم تمام‌عرض) */
    .products .wd-carousel-wrap > .wd-carousel-item,
    .elementor-widget-wd_products_tabs .wd-carousel-wrap > .wd-carousel-item,
    .wd-products-element .products .wd-carousel-wrap > .wd-carousel-item,
    .wd-products .wd-carousel-wrap > .wd-carousel-item,
    .wd-products-element .wd-carousel-wrap > .wd-carousel-item {
        flex: 0 0 calc(50% - 6px) !important;
        max-width: calc(50% - 6px) !important;
        min-width: calc(50% - 6px) !important;
        width: calc(50% - 6px) !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 3px !important;
    }

    /* گالری در بخش انتهایی فایل مدیریت می‌شود */


    .wd-carousel-wrap > .wd-carousel-item > .product-grid-item {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    /* ========================================================
       ۲. گرید ۲ ستونه منظم فقط در صفحات فروشگاه و آرشیوها (نه کاروسل)
       ======================================================== */
    .products.elements-grid:not(.wd-carousel-wrap):not(.wd-carousel-container),
    .archive.woocommerce .products.elements-grid:not(.wd-carousel-container),
    .tax-product_cat .products.elements-grid:not(.wd-carousel-container),
    .tax-product_tag .products.elements-grid:not(.wd-carousel-container),
    .tax-pwb-brand .products.elements-grid:not(.wd-carousel-container),
    .tax-brand .products.elements-grid:not(.wd-carousel-container) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px 8px !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 0 4px !important;
        box-sizing: border-box !important;
    }

    .products.elements-grid:not(.wd-carousel-wrap):not(.wd-carousel-container) > .product-grid-item {
        grid-column: span 1 !important;
        position: static !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    /* ========================================================
       ۳. یکدست‌سازی کارت‌ها در موبایل (اسلایدر و فروشگاه)
       ======================================================== */
    .product-grid-item .product-wrapper,
    .products .product-grid-item .product-wrapper {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        min-height: 410px !important;
        justify-content: space-between !important;
        background: #ffffff !important;
        border: 1px solid #edf2f7 !important;
        border-radius: 10px !important;
        padding: 10px 8px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* کادر عکس یکدست (۱۵۵px) */
    .product-grid-item .product-element-top,
    .product-grid-item .product-image-link,
    .product-grid-item.wd-wider .product-element-top {
        height: 155px !important;
        max-height: 155px !important;
        min-height: 155px !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        background: #ffffff !important;
        margin-bottom: 8px !important;
    }

    .product-grid-item .product-element-top img,
    .product-grid-item .product-image-link img,
    .product-grid-item.wd-wider .product-element-top img {
        max-height: 140px !important;
        max-width: 95% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        margin: auto !important;
        display: block !important;
    }

    /* عنوان کامل و خوانا در موبایل */
    .product-grid-item .wd-entities-title,
    .product-grid-item .wd-entities-title a,
    .product-grid-item .product-title,
    .product-grid-item .product-title a {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: unset !important;
        height: auto !important;
        min-height: 38px !important;
        max-height: none !important;
        line-height: 1.45 !important;
        font-size: 12.5px !important;
        font-weight: 600 !important;
        color: #1e293b !important;
        word-break: break-word !important;
        text-align: center !important;
        margin-bottom: 6px !important;
    }

    /* بخش پایین کارت و قیمت */
    .product-grid-item .product-element-bottom {
        margin-top: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* رفع تداخل صفحات برند */
    .tax-pwb-brand .term-description,
    .tax-brand .term-description {
        display: block !important;
        width: 100% !important;
    }

    .tax-pwb-brand .term-description .brand-image,
    .tax-brand .term-description .brand-image,
    .term-description .attachment-thumbnail,
    .product-grid-item .content-product-imagin {
        display: none !important;
        opacity: 0 !important;
    }
}/* ========================================================
   EXACT LAYOUT: [ RIAL ]  [ 272,000,000 ]
   ======================================================== */

.price,
.product-grid-item .price {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    gap: 4px !important;
}

/* ساختار LTR برای قرارگیری ریال در چپ و عدد در راست */
.price del,
.price ins,
.product-grid-item .price del,
.product-grid-item .price ins {
    display: inline-flex !important;
    direction: ltr !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

/* ۱. کلمه ریال در سمت چپ (بدون هیچ خطخوردگی) */
.price .price-curr-left,
.price del .price-curr-left {
    order: 1 !important;
    margin-right: 8px !important;
    margin-left: 0 !important;
    color: #64748b !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* ۲. رقم قیمت در سمت راست ریال */
.price .price-num-right,
.price ins .price-num-right {
    order: 2 !important;
}

/* سطر اول: قیمت خطخورده (خط قرمز فقط روی رقم) */
.price del,
.product-grid-item .price del {
    order: 1 !important;
    color: #475569 !important;
}

.price del .price-num-right {
    text-decoration: line-through 1.5px #dc2626 !important;
}

/* سطر دوم: قیمت جدید (رنگ آبی) */
.price ins,
.product-grid-item .price ins {
    order: 2 !important;
    color: #0284c7 !important;
}

/* سطر سوم: مالیات */
.price small.woocommerce-price-suffix {
    order: 3 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    color: #64748b !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    margin-top: 3px !important;
}


/* ==========================================================================
   UNIFIED PERFECT PRICES (EXACT MATCH WITH LEFT CARD & RIAL ON THE RIGHT)
   ========================================================================== */

.price,
.product-grid-item .price {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    gap: 4px !important;
    margin: 8px auto !important;
}

/* ساختار استاندارد RTL: عدد در سمت راست و ریال در سمت چپ/انتهای عدد */
.price del,
.price ins,
.product-grid-item .price del,
.product-grid-item .price ins {
    display: inline-flex !important;
    direction: rtl !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

/* سطر اول: قیمت خطخورده (خط قرمز فقط روی عدد) */
.price del,
.product-grid-item .price del {
    order: 1 !important;
    color: #475569 !important;
}
.price del bdi,
.price del .amount {
    text-decoration: line-through 1.5px #dc2626 !important;
}

/* کلمه ریال در تمام قیمتها (سمت راست عدد، بدون خطخوردگی) */
.price .woocommerce-Price-currencySymbol,
.product-grid-item .price .woocommerce-Price-currencySymbol {
    display: inline-block !important;
    margin-right: 4px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    text-decoration: none !important;
}

/* سطر دوم: قیمت جدید (آبی شاخص، بولد ۸۰۰ مشابه کارت چپ) */
.price ins,
.product-grid-item .price ins {
    order: 2 !important;
    color: #0284c7 !important;
}

/* هماهنگسازی کامل محصولات چندقیمتی (از / تا) با فونت و سایز کارت چپ */
.stakala-variable-price-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    width: 100% !important;
    direction: rtl !important;
}

.stakala-price-row {
    display: inline-flex !important;
    direction: rtl !important;
    align-items: center !important;
    justify-content: center !important;
}

.stakala-price-row .stakala-price-prefix {
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-left: 5px !important;
    color: #64748b !important;
}

.stakala-price-row.stakala-price-to .stakala-price-prefix {
    color: #d97706 !important;
    font-weight: 700 !important;
}

.stakala-price-row .stakala-price-amount {
    color: #0284c7 !important; /* آبی شاخص مشابه کارت چپ */
    font-size: 16px !important; /* سایز 16px مشابه کارت چپ */
    font-weight: 800 !important; /* بولد 800 مشابه کارت چپ */
    letter-spacing: 0 !important;
}

.stakala-price-row .stakala-price-currency {
    color: #64748b !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    margin-right: 4px !important;
}

/* سطر سوم: مالیات */
.price small.woocommerce-price-suffix {
    order: 3 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    color: #64748b !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    margin-top: 3px !important;
}


/* ========================================================
   NATURAL PERSIAN ORDER: [از] [عدد] [ریال در آخر خط]
   ======================================================== */

.price,
.product-grid-item .price {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    direction: rtl !important;
    gap: 4px !important;
}

/* لغو دستورات معکوسکننده قبلی */
.price del,
.price ins,
.stakala-price-row {
    display: inline-flex !important;
    direction: rtl !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    text-decoration: none !important;
}

.price del { order: 1 !important; color: #475569 !important; }
.price ins { order: 2 !important; color: #0284c7 !important; }
.price small.woocommerce-price-suffix { order: 3 !important; }

/* برچسبهای از و تا در اول خط سمت راست */
.stakala-prefix-label {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #64748b !important;
}
.stakala-prefix-label.to-label {
    color: #d97706 !important;
}

/* ارقام قیمت در وسط */
.stakala-num-val,
.price ins .stakala-num-val,
.stakala-price-row .stakala-num-val {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0284c7 !important;
}

/* خط قرمز فقط روی رقم قیمت قبلی */
.price del .stakala-num-val {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #475569 !important;
    text-decoration: line-through 1.5px #dc2626 !important;
}

/* کلمه ریال در انتهای خط */
.stakala-curr-val,
.price .woocommerce-Price-currencySymbol {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    text-decoration: none !important;
    margin: 0 !important;
}


/* ========================================================
   اصلاح کامل و منظمسازی نمای موبایل (اسلایدرها و فروشگاه)
   ======================================================== */
@media (max-width: 768px) {
    /* ۱. اسلایدرها و کاروسلهای صفحه اصلی و تبها */
    .wd-carousel-container,
    .elementor-widget-wd_products_tabs .wd-carousel-container,
    .wd-products-element.wd-carousel-container,
    .products.wd-carousel-container {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .wd-carousel-inner {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .wd-carousel {
        width: 100% !important;
    }

    .wd-carousel-wrap {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* هر محصول در اسلایدر موبایل دقیقاً ۵۰٪ صفحه (۲ محصول کنار هم تمامعرض) */
    .products .wd-carousel-wrap > .wd-carousel-item,
    .elementor-widget-wd_products_tabs .wd-carousel-wrap > .wd-carousel-item,
    .wd-products-element .products .wd-carousel-wrap > .wd-carousel-item,
    .wd-products .wd-carousel-wrap > .wd-carousel-item,
    .wd-products-element .wd-carousel-wrap > .wd-carousel-item {
        flex: 0 0 calc(50% - 6px) !important;
        max-width: calc(50% - 6px) !important;
        min-width: calc(50% - 6px) !important;
        width: calc(50% - 6px) !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 3px !important;
    }

    /* گالری صفحه تکی محصول در موبایل: دقیقاً ۱ عکس تمام‌عرض در هر لحظه با قابلیت اسلاید */
    .woocommerce-product-gallery .wd-gallery-images,
    .single-product .wd-gallery-images .wd-carousel-inner,
    .single-product .wd-gallery-images .wd-carousel-wrap,
    .woocommerce-product-gallery .wd-carousel-wrap {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .woocommerce-product-gallery .wd-gallery-images .wd-carousel-wrap > .wd-carousel-item,
    .single-product .wd-gallery-images .wd-carousel-wrap > .wd-carousel-item,
    .single-product .woocommerce-product-gallery .wd-carousel-item,
    .single-product .woocommerce-product-gallery__wrapper .wd-carousel-item {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .single-product .woocommerce-product-gallery .wd-carousel-item img {
        width: 100% !important;
        max-height: 380px !important;
        object-fit: contain !important;
        margin: 0 auto !important;
        display: block !important;
    }

    /* گالری صفحه محصول در موبایل: دقیقاً ۱ عکس تمام‌عرض (حرکت با دکمه یا کشیدن به بعدی) */
    .single-product .woocommerce-product-gallery .wd-gallery-images .wd-carousel-wrap > .wd-carousel-item,
    .single-product .wd-gallery-images .wd-carousel-wrap > .wd-carousel-item,
    .woocommerce-product-gallery .wd-gallery-images .wd-carousel-wrap > .wd-carousel-item {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .single-product .woocommerce-product-gallery .wd-gallery-images .wd-carousel-wrap,
    .single-product .wd-gallery-images .wd-carousel-wrap,
    .woocommerce-product-gallery .wd-gallery-images .wd-carousel-wrap {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

    .wd-carousel-wrap > .wd-carousel-item > .product-grid-item {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    /* ۲. گرید ۲ ستونه منظم فقط در صفحات فروشگاه، دستهها و برندها (نه در کاروسل) */
    .products.elements-grid:not(.wd-carousel-wrap):not(.wd-carousel-container),
    .archive.woocommerce .products.elements-grid:not(.wd-carousel-container),
    .tax-product_cat .products.elements-grid:not(.wd-carousel-container),
    .tax-product_tag .products.elements-grid:not(.wd-carousel-container),
    .tax-pwb-brand .products.elements-grid:not(.wd-carousel-container),
    .tax-brand .products.elements-grid:not(.wd-carousel-container) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px 8px !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 0 4px !important;
        box-sizing: border-box !important;
    }

    .products.elements-grid:not(.wd-carousel-wrap):not(.wd-carousel-container) > .product-grid-item {
        grid-column: span 1 !important;
        position: static !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    /* ۳. یکدستسازی کارتها، عکسها و متون در موبایل */
    .product-grid-item .product-wrapper,
    .products .product-grid-item .product-wrapper {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        min-height: 410px !important;
        justify-content: space-between !important;
        background: #ffffff !important;
        border: 1px solid #edf2f7 !important;
        border-radius: 10px !important;
        padding: 10px 6px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .product-grid-item .product-element-top,
    .product-grid-item .product-image-link,
    .product-grid-item.wd-wider .product-element-top {
        height: 150px !important;
        max-height: 150px !important;
        min-height: 150px !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        background: #ffffff !important;
        margin-bottom: 8px !important;
    }

    .product-grid-item .product-element-top img,
    .product-grid-item .product-image-link img,
    .product-grid-item.wd-wider .product-element-top img {
        max-height: 135px !important;
        max-width: 95% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        margin: auto !important;
        display: block !important;
    }

    .product-grid-item .wd-entities-title,
    .product-grid-item .wd-entities-title a,
    .product-grid-item .product-title,
    .product-grid-item .product-title a {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: unset !important;
        height: auto !important;
        min-height: 38px !important;
        max-height: none !important;
        line-height: 1.45 !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: #1e293b !important;
        word-break: break-word !important;
        text-align: center !important;
        margin-bottom: 6px !important;
    }

    .product-grid-item .product-element-bottom {
        margin-top: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* تناسب فونت قیمتها و ریال با کادر در موبایل */
    .product-grid-item .price,
    .product-grid-item .price del,
    .product-grid-item .price ins,
    .product-grid-item .stakala-price-row {
        font-size: 13.5px !important;
        line-height: 1.35 !important;
        gap: 3px !important;
    }

    .product-grid-item .price del .stakala-num-val,
    .product-grid-item .price del bdi,
    .product-grid-item .price del .amount,
    .product-grid-item .price del .price-num-right {
        font-size: 13px !important;
    }

    .product-grid-item .price ins .stakala-num-val,
    .product-grid-item .price ins bdi,
    .product-grid-item .price ins .amount,
    .product-grid-item .price ins .price-num-right,
    .product-grid-item .stakala-price-amount {
        font-size: 14.5px !important;
        font-weight: 800 !important;
    }

    .product-grid-item .price .woocommerce-Price-currencySymbol,
    .product-grid-item .stakala-curr-val,
    .product-grid-item .price .price-curr-left {
        font-size: 11.5px !important;
        font-weight: 700 !important;
    }

    .tax-pwb-brand .term-description,
    .tax-brand .term-description {
        display: block !important;
        width: 100% !important;
    }

    .tax-pwb-brand .term-description .brand-image,
    .tax-brand .term-description .brand-image,
    .term-description .attachment-thumbnail,
    .product-grid-item .content-product-imagin {
        display: none !important;
        opacity: 0 !important;
    }
}


/* ========================================================
   ENHANCED LARGER PRODUCT IMAGES & CARD SIZE IN MOBILE (175PX)
   ======================================================== */
@media (max-width: 768px) {
    /* افزایش سایز کارت و تناسب کامل */
    .product-grid-item .product-wrapper,
    .products .product-grid-item .product-wrapper {
        min-height: 410px !important;
        padding: 10px 8px !important;
    }

    /* کادر عکس بزرگتر و واضحتر در نمای گوشی (۱۷۵px) */
    .product-grid-item .product-element-top,
    .product-grid-item .product-image-link,
    .product-grid-item.wd-wider .product-element-top {
        height: 175px !important;
        max-height: 175px !important;
        min-height: 175px !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        background: #ffffff !important;
        margin-bottom: 10px !important;
    }

    .product-grid-item .product-element-top img,
    .product-grid-item .product-image-link img,
    .product-grid-item.wd-wider .product-element-top img {
        max-height: 165px !important;
        max-width: 100% !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        margin: auto !important;
        display: block !important;
        transition: transform 0.3s ease !important;
    }
}

/* ========================================================
   STAGE 2B: ۱. گالری تک‌عکس محصول موبایل با اسلاید کامل و فلش‌های فعال
   ======================================================== */
@media (max-width: 768px) {
    /* کانتینر اصلی اسلایدر تصویر محصول */
    .single-product .woocommerce-product-gallery .wd-gallery-images,
    .single-product .woocommerce-product-gallery .wd-carousel-container {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        position: relative !important;
        display: block !important;
    }

    .single-product .woocommerce-product-gallery .wd-gallery-images .wd-carousel-inner {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .single-product .woocommerce-product-gallery .wd-gallery-images .wd-carousel-wrap {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        box-sizing: content-box !important;
    }

    /* هر اسلاید دقیقاً ۱۰۰٪ عرض کادر تصویر */
    .single-product .woocommerce-product-gallery .wd-gallery-images .wd-carousel-wrap > .wd-carousel-item {
        flex: 0 0 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .single-product .woocommerce-product-gallery .wd-gallery-images .wd-carousel-item figure,
    .single-product .woocommerce-product-gallery .wd-gallery-images .wd-carousel-item img {
        width: 100% !important;
        height: auto !important;
        max-height: 380px !important;
        object-fit: contain !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* پنهان کردن تامبنیل‌های تکراری زیر تصویر در موبایل برای جلوگیری از انباشتگی عکس‌ها */
    .single-product .woocommerce-product-gallery .wd-gallery-thumb,
    .single-product .woocommerce-product-gallery .thumbnails {
        display: none !important;
    }

    /* نمایش و استایل فلش‌های ناوبری (< و >) روی تصویر در موبایل */
    .single-product .wd-gallery-images .wd-nav-arrows {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .single-product .wd-gallery-images .wd-nav-arrows .wd-btn-arrow {
        display: flex !important;
        opacity: 0.92 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 20 !important;
        width: 36px !important;
        height: 36px !important;
        background: rgba(255, 255, 255, 0.92) !important;
        border-radius: 50% !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .single-product .wd-gallery-images .wd-nav-arrows .wd-btn-arrow.wd-prev {
        left: 10px !important;
        right: auto !important;
    }

    .single-product .wd-gallery-images .wd-nav-arrows .wd-btn-arrow.wd-next {
        right: 10px !important;
        left: auto !important;
    }

    .single-product .wd-gallery-images .wd-nav-arrows .wd-btn-arrow.wd-disabled {
        opacity: 0.25 !important;
        pointer-events: none !important;
    }
}

/* ========================================================
   ENFORCE 3-COLUMN LAYOUT FOR HOME CATEGORIES ON MOBILE (<= 768px)
   ======================================================== */
@media (max-width: 768px) {
    /* Reset negative gap and container padding on home categories container */
    .home .elementor-element-6669a36,
    .home .elementor-element-6669a36.wd-negative-gap,
    .home .elementor-hidden-desktop.e-con-boxed {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .home .elementor-element-6669a36 > .e-con-inner {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .home .elementor-element-6669a36 .wd-cats-element,
    .home .elementor-element-0137349,
    .home .elementor-element-0137349 .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .home .elementor-element-6669a36 .wd-cats,
    .home .elementor-element-0137349 .wd-cats,
    .home .elementor-hidden-desktop .wd-cats,
    .home .elementor-widget-wd_product_categories .wd-cats,
    .home .elementor-widget-wd_product_categories .wd-cats.elements-grid,
    .elementor-element-0137349 .wd-cats,
    .elementor-element-0137349 .wd-cats.elements-grid,
    .home .wd-cats-element .wd-cats {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .home .elementor-element-6669a36 .category-grid-item,
    .home .elementor-element-0137349 .category-grid-item,
    .home .elementor-hidden-desktop .category-grid-item,
    .home .elementor-widget-wd_product_categories .category-grid-item,
    .elementor-element-0137349 .category-grid-item,
    .home .wd-cats-element .category-grid-item {
        grid-column: span 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .home .elementor-element-6669a36 .category-grid-item .wd-cat-inner,
    .home .elementor-element-0137349 .category-grid-item .wd-cat-inner,
    .home .elementor-hidden-desktop .category-grid-item .wd-cat-inner,
    .home .elementor-widget-wd_product_categories .category-grid-item .wd-cat-inner,
    .elementor-element-0137349 .category-grid-item .wd-cat-inner,
    .home .wd-cats-element .category-grid-item .wd-cat-inner {
        padding: 6px 2px !important;
        text-align: center !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    .home .elementor-element-6669a36 .category-grid-item .category-image img,
    .home .elementor-element-0137349 .category-grid-item .category-image img,
    .home .elementor-hidden-desktop .category-grid-item .category-image img,
    .home .elementor-widget-wd_product_categories .category-grid-item .category-image img,
    .elementor-element-0137349 .category-grid-item .category-image img,
    .home .wd-cats-element .category-grid-item .category-image img {
        max-width: 38px !important;
        max-height: 38px !important;
        height: auto !important;
        margin: 0 auto !important;
        object-fit: contain !important;
    }

    .home .elementor-element-6669a36 .category-grid-item .wd-entities-title,
    .home .elementor-element-0137349 .category-grid-item .wd-entities-title,
    .home .elementor-hidden-desktop .category-grid-item .wd-entities-title,
    .home .elementor-widget-wd_product_categories .category-grid-item .wd-entities-title,
    .elementor-element-0137349 .category-grid-item .wd-entities-title,
    .home .wd-cats-element .category-grid-item .wd-entities-title {
        font-size: 10.5px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        margin: 4px 0 2px 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        letter-spacing: normal !important;
    }

    .home .elementor-element-6669a36 .category-grid-item .wd-cat-count,
    .home .elementor-element-0137349 .category-grid-item .wd-cat-count,
    .home .elementor-hidden-desktop .category-grid-item .wd-cat-count,
    .home .elementor-widget-wd_product_categories .category-grid-item .wd-cat-count,
    .elementor-element-0137349 .category-grid-item .wd-cat-count,
    .home .wd-cats-element .category-grid-item .wd-cat-count {
        font-size: 9px !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        color: #64748b !important;
        opacity: 0.85 !important;
    }
}



/* ==========================================================================
   Stage 3: Header Navigation & Submenu Typography, Category Links, Archive Desc
   ========================================================================== */

/* 1. Universal Persian Font & Anti-aliasing for Header Navigation */
.whb-header,
.whb-header .wd-nav,
.whb-header .wd-nav-header,
.whb-header .wd-header-nav,
.whb-header .wd-header-cats,
.whb-header .menu-opener,
.whb-header .menu-open-label,
.whb-header .wd-dropdown-cats,
.whb-header .wd-dropdown-menu,
.whb-header .wd-sub-menu,
.whb-header .sub-sub-menu,
.whb-header .mega-menu-list,
.whb-header .menu-item a {
    font-family: 'iranyekan', Tahoma, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 2. Top-level Header Category Items ("هیدرولیک", "پنوماتیک", "خدمات تخصصی") */
.whb-header .wd-header-cats .menu-opener {
    font-family: 'iranyekan', Tahoma, sans-serif !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out !important;
}

.whb-header .wd-header-cats .menu-open-label {
    font-family: 'iranyekan', Tahoma, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.5 !important;
    transition: color 0.2s ease-in-out !important;
}

.whb-header .wd-header-cats:hover .menu-open-label,
.whb-header .wd-header-cats .menu-opener:hover .menu-open-label {
    color: #0284c7 !important;
}

/* 3. Top-level Header Menu Items ("فروشگاه", "وبلاگ", "تماس با ما", "درباره ما") */
.whb-header .wd-nav-main > li > a,
.whb-header .wd-nav-header > li > a {
    font-family: 'iranyekan', Tahoma, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.5 !important;
    transition: color 0.2s ease-in-out !important;
}

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

/* 4. Dropdown Submenu Links & Mega Menus */
.whb-header .wd-dropdown-menu a,
.whb-header .wd-dropdown-cats a,
.whb-header .wd-sub-menu a,
.whb-header .sub-sub-menu a,
.whb-header .mega-menu-list a,
.whb-header .wd-dropdown-cats .menu a,
.whb-header .sub-menu a {
    font-family: 'iranyekan', Tahoma, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;
    letter-spacing: 0 !important;
    transition: color 0.2s ease-in-out !important;
}

.whb-header .wd-dropdown-menu a:hover,
.whb-header .wd-dropdown-cats a:hover,
.whb-header .wd-sub-menu a:hover,
.whb-header .sub-sub-menu a:hover,
.whb-header .mega-menu-list a:hover,
.whb-header .wd-dropdown-cats .menu a:hover,
.whb-header .sub-menu a:hover {
    color: #0284c7 !important;
}

/* Mega menu column headings */
.whb-header .mega-menu-list > li > a,
.whb-header .wd-sub-menu > li.menu-item-has-children > a,
.whb-header .sub-menu > li.menu-item-has-children > a {
    font-family: 'iranyekan', Tahoma, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
}

/* 5. Category & Attribute Archive Top Description Box */
.stakala-archive-desc-card,
.term-description,
.woocommerce-archive-description .term-description {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 18px 24px !important;
    margin-bottom: 24px !important;
    font-family: 'iranyekan', Tahoma, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
    color: #334155 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    text-align: justify !important;
    clear: both !important;
}

.stakala-archive-desc-card p,
.term-description p {
    font-family: 'iranyekan', Tahoma, sans-serif !important;
    margin-bottom: 8px !important;
}
.stakala-archive-desc-card p:last-child,
.term-description p:last-child {
    margin-bottom: 0 !important;
}

.stakala-archive-desc-card a,
.term-description a {
    color: #0284c7 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    transition: color 0.15s ease !important;
}

.stakala-archive-desc-card a:hover,
.term-description a:hover {
    color: #0369a1 !important;
    text-decoration: none !important;
}


/* Smart Hide Login Icon on Typing */
.floating-input-field .input-icon,
.container_plus .input-icon {
    transition: opacity 0.2s ease, visibility 0.2s ease !important;
}
.floating-input-field .input-icon.icon-hidden,
.container_plus .input-icon.icon-hidden,
.input-icon.icon-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}


/* =========================================================
   STAKALA CART PRE-INVOICE BUTTON
   ========================================================= */
.wc-proceed-to-checkout .stakala-prefactor-btn-wrapper {
    margin-top: 10px !important;
    width: 100% !important;
}

.wc-proceed-to-checkout .stakala-prefactor-btn-wrapper .btn-prefactor {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 12px 20px !important;
    background: #0284c7 !important; /* Stakala Brand Blue */
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 9px !important;
    border: none !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.28) !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
    letter-spacing: 0 !important;
}

.wc-proceed-to-checkout .stakala-prefactor-btn-wrapper .btn-prefactor:hover {
    background: #0369a1 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.4) !important;
    transform: translateY(-1px) !important;
}

.wc-proceed-to-checkout .stakala-prefactor-btn-wrapper .btn-prefactor svg {
    stroke: #ffffff !important;
    width: 20px !important;
    height: 20px !important;
    margin-left: 8px !important;
}



/* =========================================================
   STAKALA: PRODUCT GRID ACTION BUTTONS HORIZONTAL ROW
   ========================================================= */

/* Hide duplicate / empty swatches bar on product cards */
.product-grid-item .wrapp-swatches,
.wd-product .wrapp-swatches {
    display: none !important;
}

/* Force action buttons container to display horizontally in a clean rounded pill */
.product-grid-item .wd-buttons,
.wd-product .wd-buttons,
.product-grid-item .wd-bottom-actions,
.wd-product .wd-bottom-actions {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    max-width: 95% !important;
    margin: 8px auto !important;
    padding: 3px 8px !important;
    background: #ffffff !important;
    border-radius: 30px !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12) !important;
    border: 1px solid #e2e8f0 !important;
    z-index: 10 !important;
    position: static !important;
    transform: none !important;
}

/* Sub-wrappers inside wd-buttons */
.product-grid-item .wd-buttons > div,
.wd-product .wd-buttons > div,
.product-grid-item .wd-buttons .wrap-wishlist-button,
.product-grid-item .wd-buttons .wrap-quickview-button,
.product-grid-item .wd-buttons .wd-add-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
}

/* Force all buttons (Wishlist, Compare, Add to cart, Quick view) to display as 34x34 circular icons */
.product-grid-item .wd-buttons :is(.wd-quick-view-icon, .wd-compare-btn, .wd-wishlist-btn, .wd-add-btn),
.wd-product .wd-buttons :is(.wd-quick-view-icon, .wd-compare-btn, .wd-wishlist-btn, .wd-add-btn),
.product-grid-item .wd-buttons .wd-action-btn,
.wd-product .wd-buttons .wd-action-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    --wd-action-w: 34px !important;
    --wd-action-h: 34px !important;
    border-radius: 50% !important;
    background: transparent !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
}

.product-grid-item .wd-buttons .wd-action-btn:hover,
.wd-product .wd-buttons .wd-action-btn:hover {
    background: #f1f5f9 !important;
}

.product-grid-item .wd-buttons .wd-action-btn a,
.wd-product .wd-buttons .wd-action-btn a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    color: #475569 !important;
    text-decoration: none !important;
}

.product-grid-item .wd-buttons .wd-action-btn:hover a,
.wd-product .wd-buttons .wd-action-btn:hover a {
    color: #0284c7 !important;
}

.product-grid-item .wd-buttons .wd-action-btn .wd-action-icon,
.wd-product .wd-buttons .wd-action-btn .wd-action-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

/* Hide button text so icons remain neat and compact */
.product-grid-item .wd-buttons .wd-action-btn .wd-action-text,
.wd-product .wd-buttons .wd-action-btn .wd-action-text {
    display: none !important;
}

/* Container inside card hover element */
.product-grid-item .wd-product-card-hover,
.related-products .wd-product-card-hover,
.related.products .wd-product-card-hover {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    position: relative !important;
    top: 0 !important;
    padding: 0 !important;
    margin-top: 4px !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Prevent overflow */
.product-grid-item,
.related-products .product-grid-item,
.related.products .product-grid-item {
    overflow: hidden !important;
}

/* Desktop hover effect: fade in cleanly on card hover */
@media (min-width: 1025px) {
    .product-grid-item .wd-buttons,
    .wd-product .wd-buttons {
        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateY(6px) !important;
        transition: opacity 0.25s ease, transform 0.25s ease !important;
    }
    .product-grid-item:hover .wd-buttons,
    .wd-product:hover .wd-buttons,
    .product-grid-item.state-hover .wd-buttons,
    .wd-product.state-hover .wd-buttons {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }
}

@media (max-width: 1024px) {
    .product-grid-item .wd-buttons,
    .wd-product .wd-buttons {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }
}