/*
Theme Name: JadoogarWP 2025 Child
Theme URI: https://jadoogarwp.com/
Description: قالب اختصاصی و پرفورمنسمحور فروشگاه (FSE Architecture)
Author: Shayan
Author URI: https://jadoogarwp.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: jadoogarwp-child
*/

/* =============================================
   JadoogarWP: Global Styles & CSS Variables
============================================= */

:root {
    --primary-brand: #7F0000;
    --secondary-brand: #111111;
    --accent-gold: #ffffff;
    --bg-main: #F4F5F9;
    --white: #ffffff;
    --brand-gradient: linear-gradient(to top, #7F0000 0%, #a30000 100%);
    --gold-gradient: linear-gradient(to top, #cd9644 0%, #efc571 100%);
}


.wc-block-components-product-metadata__description {
    display: none !important;
}



@media (max-width: 768px) {
    body .jadoogar-footer-wrap {
        padding-bottom: calc(150px + env(safe-area-inset-bottom)) !important;
    }
}


.entry-title {
    max-width: 100% !important;
}

.site-main {
    margin-top: 80px;
}

.comments-area a, .page-content a {
    text-decoration: none !important;
}

h3.wc-block-components-product-name {
    font-size: 0.7rem !important;
}

a {
    background-color: transparent;
    color: var(--secondary-brand) !important;
}

div#wpadminbar a {
    color: var(--white) !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: var(--primary-brand) !important;
}

ins {
    text-decoration: none;
}

table td, table th {
    border: none !important;
}

html { font-size: 100% !important; -webkit-text-size-adjust: 100%; }
*, *:focus, *:active { outline: 0 !important; }

/* تایپوگرافی عمومی */
body, p, input, textarea, select, li, dd { 
    font-size: 0.75rem !important; 
    font-weight: 400 !important; 
    line-height: 1.6 !important; 
    text-shadow: 0 0 0.1px rgba(0,0,0,0.01); 
}

small, .jscm-app-bottom-sheet dl.variation dd, .jscm-app-bottom-sheet dl.variation dd p { 
    font-size: 0.625rem !important; 
    font-weight: 500 !important; 
}

h1 { font-size: 1rem !important; font-weight: 600 !important; line-height: 1.4 !important; }
h2 { font-size: 0.9375rem !important; font-weight: 600 !important; line-height: 1.4 !important; }
h3, .jscm-sheet-title { font-size: 0.875rem !important; font-weight: 600 !important; line-height: 1.5 !important; }
h4, .jscm-app-bottom-sheet .woocommerce-mini-cart-item > a:not(.remove) { font-size: 0.8125rem !important; font-weight: 600 !important; line-height: 1.5 !important; }
h5 { font-size: 0.75rem !important; font-weight: 600 !important; }
h6 { font-size: 0.6875rem !important; font-weight: 500 !important; }

/* ========================================================
   تایپوگرافی پیشرفته و مقیاسپذیر دسکتاپ
======================================================== */
@media (min-width: 769px) {
    body, p, input, textarea, select, li, dd { 
        font-size: 0.875rem !important; 
        line-height: 1.7 !important; 
    }
    
    small, .jscm-app-bottom-sheet dl.variation dd, .jscm-app-bottom-sheet dl.variation dd p { 
        font-size: 0.75rem !important; 
    }

    h1 { font-size: 1.6rem !important; line-height: 1.4 !important; }
    h2 { font-size: 1.35rem !important; font-weight: 600 !important; line-height: 1.4 !important; margin-top:10px !important; }
    h3, .jscm-sheet-title { font-size: 1.15rem !important; font-weight: 600 !important; line-height: 1.5 !important; }
    h4, .jscm-app-bottom-sheet .woocommerce-mini-cart-item > a:not(.remove) { font-size: 1rem !important; font-weight: 600 !important; line-height: 1.5 !important; }
    h5 { font-size: 0.875rem !important; font-weight: 600 !important; }
    h6 { font-size: 0.8rem !important; font-weight: 600 !important; }
}

@font-face{  font-family: 'yekan'; src: url('/wp-content/themes/jadoogarwp-child/fonts/YekanBakhFaNum-VF.WOFF') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap;  }
html, body, p, a, h1, h2, h3, h4, h5, h6, span, button, input, select, textarea, b, strong, dl, dt, dd, table, td, th { font-family: 'yekan', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; }
.woocommerce, .woocommerce-page, .widget_shopping_cart_content, .jscm-app-bottom-sheet, form.cart, button[type="submit"] { font-family: 'yekan', sans-serif !important; }

/* تنظیمات پایه */
body { background: var(--bg-main) !important; color: var(--secondary-brand) !important; }
h1, h2, h3, h4, h5, h6 { color: var(--primary-brand) !important; }
.site-main, .site-content, main, .alignwide { max-width: 1340px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; }


p { margin: 0px; }
:root :where(.is-layout-flow) > * { margin-block-start: 0 !important; margin-block-end: 0!important; }
button, .wp-element-button, .wp-block-button__link { background: var(--brand-gradient); color: var(--white); border-radius: 14px !important; border: 0 !important; transition: box-shadow .3s !important; }

/* ========================================================
   سبد خرید، چکاوت و مینیکارت
======================================================== */
.jscm-mc-price-wrap, .price, .amount { font-size: 0.9rem !important; font-weight: 600 !important; }
.jscm-mc-qty-val { font-size: 0.8rem !important; font-weight: 600 !important; }
.woocommerce-mini-cart__total strong { font-size: 0.6875rem !important; font-weight: 500 !important; }
.woocommerce-mini-cart__total .amount { font-size: 0.875rem !important; font-weight: 600 !important; }
.woocommerce-mini-cart__buttons a { font-size: 0.75rem !important; font-weight: 600 !important; }
.jscm-btn-close-sheet { font-size: 0.75rem !important; font-weight: 500 !important; }

.wc-block-components-quantity-selector__button--plus, .wc-block-components-quantity-selector__button--minus, button.wc-block-cart-item__remove-link { background: transparent !important; }
.is-product-collection-layout-carousel { padding: 0px; }
ul.is-product-collection-layout-carousel { gap: 10px; }
.wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper .wc-block-components-order-summary { padding: 0px; }
.wc-block-components-button:not(.is-link):focus { box-shadow: none !important; }
.wp-container-core-group-is-layout-df3cb9b8.wp-block-group-is-layout-flex { gap: 10px; }

.wc-block-components-quantity-selector { border: 1px solid #e5e7eb; border-radius: 12px; box-sizing: border-box; display: flex; position: relative; width: 107px; height: 35px; }
.wc-block-components-quantity-selector>.wc-block-components-quantity-selector__button--plus { font-size: .8em; }
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button{ font-weight: 500; opacity: 1; }
.wc-block-components-totals-coupon.wc-block-components-panel { padding: 0px !important; }
.wc-block-components-totals-wrapper { border: solid rgba(127, 0, 0, 0.1); padding: 16px 0; border-width: 0px 0px 1px; }
.wc-block-cart .wp-block-woocommerce-cart-order-summary-block { border-bottom: none; }
body .wc-block-cart__main .wc-block-cart-items td { border-top: 1px solid rgba(127, 0, 0, 0.1) !important; border-bottom:none; }
.woocommerce-cart main#wp--skip-link--target, .woocommerce-checkout main#wp--skip-link--target { padding: 0px 15px; }
.wc-block-cart__main .wc-block-cart-items { border-bottom: 0px; }
.is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row { display: grid; grid-template-columns: 67px 113px 27px; padding: 0px 0px 30px; }
.wp-block-woocommerce-checkout-order-summary-totals-block { border-top: none; padding-bottom: 0px; }
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block { background: var(--white); padding: 10px; border-radius: 14px; }
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value { font-size: 12px; }

.wc-block-cart-items__row .wc-block-cart-item__image img { border-radius: 12px; }
.wc-block-components-totals-item__value { font-size: 1rem !important; }
.wc-block-components-button:not(.is-link) { padding: 15px; }
span.wc-block-components-totals-item__label { font-size: 1rem !important; }
.wc-block-components-order-summary .wc-block-components-order-summary-item__image>img { border-radius: 12px; }
.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label { font-size: 14px !important; }

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.wc-block-components-checkout-place-order-button--full-width.contained {
    color: var(--white) !important;
    background: var(--primary-brand) !important;
}

/* جلوگیری از زوم خودکار در فیلد کد تخفیف در موبایل */
.wc-block-components-totals-coupon__input input[type="text"],
#wc-block-components-totals-coupon__input-coupon {
    font-size: 16px !important;
}

a.wc-block-components-product-name { font-size: 0.7rem !important; }
.wc-block-components-product-badge { background: var(--primary-brand); display: inline-block; font-size: 9px; line-height: 1.4; padding: 2px 4px; white-space: nowrap; color: var(--accent-gold); border-radius: 5px; }
.woocommerce-checkout .has-global-padding, .woocommerce-shop .has-global-padding { padding: 30px 15px !important; }
.wc-block-components-product-sale-badge { min-width: 20px; text-align: center; direction: ltr; box-shadow: 0 5px 10px rgba(127,0,0,0.2) !important; transition: box-shadow .3s ease; }
.wp-block-group.has-border-color:has(.wc-block-components-product-image) { cursor: pointer; }
bdi { font-weight: 600; }
del span.woocommerce-Price-currencySymbol { display: none; }
span.woocommerce-Price-currencySymbol { font-size: 9px; }
del { color: #a1a1a1; text-align: end; }
.wc-block-components-product-price { display: flex; flex-direction: column; }
.wp-block-woocommerce-checkout { padding-top: 0px; }
.wp-container-core-buttons-is-layout-2a425623 { flex-wrap: nowrap; align-items: flex-end; width: 100%; }
.wc-block-product-template__responsive { grid-gap: 0.5em; }
body .wc-block-components-totals-coupon__button.contained { padding: 6px; font-weight: 400; color: var(--white) !important; background: var(--primary-brand); height: auto; }
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions, .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions>.block-editor-inner-blocks>.block-editor-block-list__layout { flex-direction: row !important; }
.wc-block-components-button:not(.is-link):disabled .wc-block-components-button__text { opacity: 1 !important; }
.wc-block-components-button__text { font-weight: 500!important;color:white; }
.wp-block-woocommerce-checkout-order-summary-block .checkout-order-summary-block-fill { border: none !important; }
.wc-block-components-checkout-place-order-button--full-width { margin-top: 20px!important; }
input { border-radius: 12px !important; border-color: rgba(127, 0, 0, 0.2) !important; }

@media (max-width: 576px) {
    .wc-block-components-checkout-order-summary__title { border: none !important; padding: 0px 0px 10px!important; }
    div#\:r2\:{ border: none !important; }
    .wc-block-components-button__text { font-size: 14px; }
    body .wc-block-cart__main .wc-block-cart-items td { border-top: 0px solid rgba(127, 0, 0, 0.1) !important; border-bottom:none; }
    .is-product-collection-layout-carousel .wc-block-product { flex-basis: 0; max-width: 400px; min-width: 60.5%; scroll-snap-align: center; }
}

.wc-blocks-components-select .wc-blocks-components-select__container, .wc-blocks-components-select .wc-blocks-components-select__select { border-radius: 12px !important; border-color: rgba(127, 0, 0, 0.2) !important; }
.wp-block-woocommerce-checkout-order-summary-block { border: 1px solid rgba(127, 0, 0, 0.15) !important; border-radius: 12px !important; background: var(--white) !important; padding: 12px!important; }
.wc-blocks-components-select__container:has(select#billing-country) { display: none !important; }
.wc-block-components-notice-banner.is-error { border-radius: 14px !important; font-size: 12px !important; padding: 12px !important; }
.wc-block-components-notice-banner>svg { width: 20px!important; }
a:-webkit-any-link { text-decoration: none; }
img.wp-image-162 { width: 100px !important; }

.wc-block-components-button:not(.is-link).is-style-outline, .wc-block-components-button:not(.is-link).outlined { background-color: var(--primary-brand) !important; color: var(--white) !important; border: none !important; outline: 0 !important; box-shadow: none !important; transform: none !important; transition: box-shadow 0.3s ease !important; padding: 5px !important; }
.wc-block-components-button:not(.is-link).is-style-outline:hover, .wc-block-components-button:not(.is-link).outlined:hover { background-color: var(--secondary-brand) !important; color: var(--white) !important; opacity: 1 !important; box-shadow: 0 5px 15px rgba(17, 17, 17, 0.3) !important; }
.wc-block-mini-cart__quantity-badge { font-size: 22px; }
.wp-block-woocommerce-filled-mini-cart-contents-block { background: var(--white); }
h2.wc-block-mini-cart__title.wp-block-woocommerce-mini-cart-title-block { font-size: 15px; color: var(--primary-brand); font-weight: 600; }
.wc-block-components-button.wc-block-components-drawer__close { left: 90%; background: var(--accent-gold) !important; color: var(--secondary-brand)!important; border-radius: 13px!important; padding: 10px !important; top: 25px!important; }
.woocommerce-cart .wp-container-core-group-is-layout-3a88641f.wp-block-group-is-layout-flex { display: none !important; }
h2.wc-block-mini-cart__title { justify-content: center; }
.wc-block-mini-cart__badge { background: var(--white) !important; font-size: 0.6em; color: var(--primary-brand) !important; margin-right: -33%; border-radius: 5px; }

/* ========================================================
   پاپآپ سبد خرید (نسخه فلکسباکس)
======================================================== */
.jscm-custom-drawer-overlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(17, 17, 17, 0.7) !important; z-index: 99999 !important; opacity: 0; visibility: hidden; transition: all 0.4s ease !important; }
.jscm-custom-drawer-overlay.show { opacity: 1 !important; visibility: visible !important; }
.jscm-app-bottom-sheet { position: fixed !important; bottom: -100% !important; left: 50% !important; transform: translateX(-50%) !important; width: 100% !important; max-width: 440px !important; height: 70vh !important; background: var(--white) !important; border-radius: 24px 24px 0 0 !important; transition: bottom 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important; display: flex !important; flex-direction: column !important; direction: rtl !important; overflow: hidden !important; padding: 0 0 12px 0 !important; }
.jscm-custom-drawer-overlay.show .jscm-app-bottom-sheet { bottom: 0 !important; }
.jscm-app-bottom-sheet .blockUI.blockOverlay { display: none !important; }
.jscm-cart-spinner-overlay { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(2px) !important; z-index: 999 !important; display: flex !important; justify-content: center !important; align-items: center !important; opacity: 0; visibility: hidden; transition: 0.3s !important; }
.jscm-cart-spinner-overlay.active { opacity: 1 !important; visibility: visible !important; }
.jscm-spinner { width: 40px !important; height: 40px !important; border: 3px solid rgba(127, 0, 0, 0.1) !important; border-top-color: var(--primary-brand) !important; border-radius: 50% !important; animation: jscm-spin-drawer 0.8s linear infinite !important; }
@keyframes jscm-spin-drawer { to { transform: rotate(360deg); } }
.jscm-sheet-header { flex-shrink: 0 !important; padding: 20px !important; border-bottom: 1px solid #f0f2f5 !important; text-align: center !important; background: var(--primary-brand) !important }
.jscm-sheet-title { font-size: 15px !important; font-weight: 600 !important; color: var(--white) !important; }
.jscm-app-bottom-sheet .widget_shopping_cart_content { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; }
.jscm-sheet-content, .jscm-app-bottom-sheet .woocommerce-mini-cart { flex: 1 1 auto !important; overflow-y: auto !important; min-height: 0 !important; padding:12px !important; margin: 0 !important; list-style: none !important; }
.jscm-sheet-content > *, .jscm-app-bottom-sheet .woocommerce-mini-cart-item { direction: rtl !important; }
.jscm-sheet-content::-webkit-scrollbar, .jscm-app-bottom-sheet .woocommerce-mini-cart::-webkit-scrollbar { width: 5px !important; }
.jscm-sheet-content::-webkit-scrollbar-track, .jscm-app-bottom-sheet .woocommerce-mini-cart::-webkit-scrollbar-track { background: #f5f7f9 !important; border-radius: 10px !important; }
.jscm-sheet-content::-webkit-scrollbar-thumb, .jscm-app-bottom-sheet .woocommerce-mini-cart::-webkit-scrollbar-thumb { background: var(--accent-gold) !important; border-radius: 10px !important; }
.jscm-app-bottom-sheet .woocommerce-mini-cart-item { display: flex !important; flex-wrap: wrap !important; position: relative !important; padding: 12px 0px !important; margin-bottom: 0px !important; border-top: 1px solid #f5f7f9 !important; align-items: flex-start !important; }
.jscm-app-bottom-sheet .woocommerce-mini-cart-item:first-child { border-top: none !important; }
.jscm-app-bottom-sheet .woocommerce-mini-cart-item img { position: absolute !important; right: 0px !important; top: 12px !important; width: 55px !important; height: 55px !important; border-radius: 10px !important; object-fit: cover !important; margin: 0 !important; border: 1px solid #f0f2f5 !important; }
.jscm-app-bottom-sheet .woocommerce-mini-cart-item > a:not(.remove) { width: 90% !important; padding-right: 70px !important; font-size: 12px !important; font-weight: 600 !important; color: var(--secondary-brand) !important; line-height: 1.5 !important; text-decoration: none !important; display: block !important; }
.jscm-app-bottom-sheet dl.variation { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; padding-right: 70px !important; margin: 6px 0 8px 0 !important; list-style: none !important; }
.jscm-app-bottom-sheet dl.variation dt { display: none !important; }
.jscm-app-bottom-sheet dl.variation dd { margin: 0 !important; padding: 3px 8px !important; background: #f0f2f5 !important; color: #555 !important; border-radius: 6px !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; }
.jscm-app-bottom-sheet dl.variation dd p { margin: 0 !important; }
.jscm-app-bottom-sheet .woocommerce-mini-cart-item .remove { position: absolute !important; left: 0px !important; top: 10px !important; background:#ef71712b !important; color: #ef7171 !important; width: 24px !important; height: 24px !important; border-radius: 8px !important; display: flex !important; justify-content: center !important; align-items: center !important; padding: 0 !important; margin: 0 !important; z-index: 5 !important; transition: 0.2s !important; border: none !important; }
.jscm-app-bottom-sheet .woocommerce-mini-cart-item .remove:active { transform: scale(0.9) !important; background: #e0e4e8 !important; }
.jscm-app-bottom-sheet .woocommerce-mini-cart-item .remove svg { width: 16px !important; height: 16px !important; fill: currentColor !important; }
.jscm-item-details { width: 100% !important; padding-right: 70px !important; margin-top: 10px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
.jscm-mc-qty-controls { display: inline-flex !important; align-items: center !important; direction: ltr !important; background: #f0f2f5 !important; border-radius: 50px !important; padding: 3px !important; gap:15px;}
.jscm-mc-qty-controls button { background: var(--white) !important; color: var(--secondary-brand) !important; border: 1px solid #e0e4e8 !important; border-radius: 50% !important; width: 24px !important; height: 24px !important; cursor: pointer !important; font-size: 14px !important; font-weight: bold !important; display: flex !important; justify-content: center !important; align-items: center !important; padding: 0 !important; line-height: 1 !important; box-shadow: 0 2px 4px rgba(0,0,0,0.03) !important; }
.jscm-app-bottom-sheet .woocommerce-mini-cart__total { flex-shrink: 0 !important; border-top: 1px solid #f0f2f5 !important; padding: 5px 12px !important; margin: 0 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; background: var(--white) !important; box-sizing: border-box !important; }
.jscm-app-bottom-sheet .woocommerce-mini-cart__buttons { flex-shrink: 0 !important; display: flex !important; flex-direction: row-reverse !important; gap: 12px !important; padding: 5px 12px !important; margin: 0 !important; background: var(--white) !important; box-sizing: border-box !important; width: 100% !important; }
.jscm-app-bottom-sheet .woocommerce-mini-cart__buttons a { flex: 1 !important; height: 40px !important; border-radius: 12px !important; font-size: 14px !important; font-weight: 600 !important; display: flex !important; justify-content: center !important; align-items: center !important; text-decoration: none !important; margin: 0 !important; border: none !important; background: var(--secondary-brand) !important; color: var(--white) !important; }
.jscm-app-bottom-sheet .woocommerce-mini-cart__buttons a.checkout { background: var(--brand-gradient) !important; color: var(--white) !important; box-shadow: 0 4px 15px rgba(127, 0, 0, 0.25) !important; }
.jscm-app-bottom-sheet .woocommerce-mini-cart__buttons a.cart { background: #f0f2f5 !important; color: var(--secondary-brand) !important; }
.jscm-sheet-footer { flex-shrink: 0 !important; padding: 5px 12px !important; background: var(--white) !important; border: none !important; box-sizing: border-box !important; margin: 0 !important; }
.jscm-btn-close-sheet { width: 100% !important; height: 40px !important; display: flex !important; justify-content: center !important; align-items: center !important; background: #f8f9fa !important; color: #555 !important; border: 1px solid #eee !important; border-radius: 12px !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer !important; }
.jscm-btn-close-sheet:active { background: #f0f2f5 !important; }
.jscm-app-bottom-sheet .woocommerce-mini-cart__empty-message { text-align: center !important; padding: 40px 20px !important; font-size: 14px !important; color: var(--secondary-brand) !important; font-weight: 600 !important; background: #f8f9fa !important; border-radius: 12px !important; margin: 20px !important; }

/* =============================================
   فوتر اختصاصی JadoogarWP (مهروموم نشان شاپ)
============================================= */
.jadoogar-footer-wrap { 
    background-color: var(--white) !important; 
    width: 100%; 
    padding: 30px 0 30px; 
    direction: rtl; 
    margin-top: 30px; 
    border-top: 1px solid #e5e7eb;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.02);
}
.jadoogar-footer-wrap .wp-block-group.alignwide { max-width: 1340px !important; margin: 0 auto !important; width: 100%; padding: 40px 0px; }

.jadoogar-footer-wrap, .jadoogar-footer-wrap p, .jadoogar-footer-wrap ul li a, .j-copyright, .j-designer, .j-contact-list li { color: var(--secondary-brand) !important; }
.jadoogar-footer-wrap .j-footer-title { color: var(--primary-brand) !important; font-size: 16px; margin-bottom: 20px; font-weight: 600; }
.jadoogar-footer-wrap a { color: var(--secondary-brand); text-decoration: none; transition: color 0.3s ease; }
.jadoogar-footer-wrap a:hover { color: var(--primary-brand) !important; }

/* گرید ۳ ستونه اصلی فوتر */
.j-footer-main { 
    display: grid; 
    grid-template-columns: 1.5fr 1.2fr 1fr; 
    gap: 30px; 
    position: relative; 
    z-index: 2; 
    margin-bottom: 30px;
}

.j-col-about p { 
    font-size: 0.85rem !important; 
    line-height: 1.8 !important; 
    color: #555555 !important; 
    text-align: justify; 
}

/* کارتهای آمار و اعتماد بالای فوتر (Top Stats) */
.j-footer-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e7eb;
}

.j-stat-card {
    background: var(--bg-main, #F4F5F9);
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.j-stat-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(127, 0, 0, 0.06);
    border-color: rgba(127, 0, 0, 0.2);
}

.j-stat-icon {
    width: 55px;
    height: 55px;
    background: var(--white);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-brand, #7F0000);
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.j-stat-content {
    display: flex;
    flex-direction: column;
}

.j-stat-number {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--primary-brand, #7F0000);
    line-height: 1.2;
}

.j-stat-label {
    font-size: 0.85rem;
    color: #666666;
    margin-top: 4px;
    font-weight: 500;
}

/* لیست ارتباط با ما */
.j-contact-list { list-style: none; padding: 0; margin: 0; }
.j-contact-list li { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; font-size: 14px; }
.j-contact-list svg { width: 20px; height: 20px; flex-shrink: 0; fill: var(--primary-brand); }

/* آیکونهای شبکههای اجتماعی */
.j-social-wrapper {
    display: flex;
    gap: 12px;
    margin-top: 15px;
}

.j-social-wrapper a {
    width: 38px;
    height: 38px;
    background: var(--bg-main, #F4F5F9);
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-brand, #7F0000);
    transition: all 0.3s ease;
}

.j-social-wrapper a:hover {
    background: var(--primary-brand, #7F0000);
    color: var(--white) !important;
    transform: translateY(-3px);
}

.j-social-wrapper a svg {
    fill: currentColor;
}

/* اینماد */
.j-enamad-box { background: var(--bg-main); padding: 8px; border-radius: 12px; display: inline-flex; border: 1px solid #e5e7eb; }
.j-enamad-box img { max-width: 100px; display: block; height: auto; }

/* جداکننده و شعر هنری */
.j-separator-container { display: flex; align-items: center; text-align: center; color: var(--primary-brand); margin: 30px 0 20px 0; }
.j-separator-container::before, .j-separator-container::after { content: ''; flex: 1; border-bottom: 1px solid #e5e7eb; }
.j-separator-container::before { margin-left: 15px; }
.j-separator-container::after { margin-right: 15px; }
.j-separator-text { font-weight: 500; font-size: 15px; color: var(--primary-brand); }

/* کپی رایت فوتر */
.j-footer-bottom { display: flex;align-content: center; justify-content: center; gap: 10px; font-size: 13px; flex-wrap: wrap; margin-top: 20px; color: #666666 !important; }
.j-designer a { color: var(--primary-brand) !important; font-weight: 600 !important; }

/* ریسپانسو فوتر */
@media (max-width: 992px) { 
    .j-footer-main { grid-template-columns: 1fr; gap: 25px; }
    .j-footer-stats-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }
    .j-stat-card { padding: 12px; gap: 10px; }
    .j-stat-icon { width: 45px; height: 45px; }
    .j-stat-icon svg { width: 24px; height: 24px; }
    .j-stat-number { font-size: 1.1rem; }
    .j-stat-label { font-size: 0.75rem; }
}

@media (max-width: 640px) {
    .j-footer-stats-grid { grid-template-columns: 1fr; gap: 10px; }
    .j-footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
    .jadoogar-footer-wrap .wp-block-group.alignwide { padding: 20px; }
    .j-separator-text { font-size: 13px; }
    
    .jadoogar-footer-wrap {
        padding: 30px 0 150px;
    }
}

/* ================================== */
/* پاپآپ موفقیت و اسپینر */
/* ================================== */
.jscm-modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(17, 17, 17, 0.7); backdrop-filter: blur(4px); z-index: 9999999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.jscm-modal-overlay.show { opacity: 1; visibility: visible; }
.jscm-modal-box { background: var(--white); padding: 25px 20px; border-radius: 20px; width: 100%; max-width: 260px; text-align: center; transform: translateY(30px) scale(0.95); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 15px 35px rgba(0,0,0,0.2); }
.jscm-modal-overlay.show .jscm-modal-box { transform: translateY(0) scale(1); }
.jscm-modal-icon { color: var(--accent-gold); }
.jscm-modal-icon svg { width: 50px; height: 50px; }
.jscm-modal-title { font-size: 16px; font-weight: 600; color: var(--secondary-brand); margin-bottom: 25px; }
.jscm-modal-actions { display: flex; gap: 10px; }
.jscm-modal-btn { flex: 1; padding: 12px 20px!important; border-radius: 12px!important; font-size: 12px!important; font-weight: 500!important; cursor: pointer!important; border: none!important; transition: opacity 0.2s, transform 0.1s!important; }
.jscm-modal-btn:active { opacity: 0.8; transform: scale(0.96); }
.jscm-btn-cart { background: var(--brand-gradient); color: var(--white) !important; box-shadow: 0 4px 12px rgba(127, 0, 0, 0.3)!important; }
.jscm-btn-continue { background: var(--secondary-brand)!important; color: var(--white)!important; }
.jscm-modal-title, .jscm-modal-btn { font-family: 'YekanBakh', tahoma, sans-serif !important; }
body.jscm-suppress-drawer .wc-block-components-drawer__screen-overlay { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; z-index: -10 !important; }

/* ================================================= */
/* هدر اختصاصی، بنر بالای هدر و منوی دسکتاپ */
/* ================================================= */
.jscm-hide-native-cart, .wp-block-woocommerce-mini-cart .wc-block-mini-cart__button { display: none !important; opacity: 0 !important; visibility: hidden !important; position: absolute !important; z-index: -999 !important; }

/* نوار اطلاعرسانی چسبان بالای هدر (Top Bar) */
.jscm-top-bar-banner {
    position: sticky !important;
    top: 0 !important;
    z-index: 10000 !important;
    background: #7F0000 !important;
    color: #ffffff !important;
    padding: 8px 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    direction: rtl !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.jscm-top-bar-inner {
    max-width: 1340px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

.jscm-top-bar-text {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #ffffff !important;
    font-size: 0.825rem !important;
    line-height: 1.4 !important;
}

.jscm-top-bar-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.jscm-top-bar-timer {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    direction: rtl !important;
    background: rgba(0, 0, 0, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-size: 0.8rem !important;
    white-space: nowrap !important;
}

.jscm-top-bar-timer .tb-timer-label {
    direction: rtl !important;
    color: #f1f5f9 !important;
    font-size: 0.5rem !important;
}

.jscm-top-bar-timer .tb-timer-digits {
    direction: ltr !important;
    display: inline-block !important;
    font-family: inherit !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

/* ساختار هدر اصلی */
.jscm-custom-header { 
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out !important; 
    width: 100%; 
    direction: rtl; 

}
.jscm-custom-header.jscm-header-hidden { 
    transform: translateY(-100%) !important; 
    opacity: 0 !important; 
    pointer-events: none; 
}

.jscm-header-inner { display: flex; justify-content: space-between; align-items: center; width: 100%; flex-wrap: nowrap !important; }
.jscm-header-right, .jscm-header-left { flex: 1; min-width: 0; display: flex; align-items: center; margin-top: 0px; }
.jscm-header-right { justify-content: flex-start; }
.jscm-header-left { justify-content: flex-end; gap: 16px; }
.jscm-header-center { flex: 0 0 auto; display: flex; justify-content: center; align-items: center; height: 100%; max-width: 50%; }
.jscm-header-center a { display: flex; align-items: center; justify-content: center; }
.jscm-header-center img { height: 50px !important; max-height: 50px !important; width: auto !important; max-width: 100% !important; object-fit: contain !important; display: block !important; margin-top: 0 !important; }
.jscm-menu-btn { display: inline-flex; align-items: center; gap: 3px; text-decoration: none; }
.jscm-menu-text { font-size: 15px; font-weight: 600; color: var(--primary-brand); }
.jscm-header-item { position: relative; text-decoration: none; display: inline-flex !important; align-items: center; justify-content: center; }
.jscm-header-item .hospa-cart-badge { position: absolute; top: -6px; right: 15px; background-color: var(--primary-brand); color: var(--white); font-size: 11px; font-weight: 800; min-width: 20px; height: 14px; border-radius: 5px; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); z-index: 10; line-height: 1; }
.jscm-header-item .hospa-cart-badge.empty { display: none !important; }

/* تنظیمات هدر موبایل (قراردادن هدر دقیقاً زیر بنر چسبان) */
@media (max-width: 768px) {
    .jscm-top-bar-inner {
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 6px !important;
    }
    .jscm-top-bar-text {
        font-size: 0.725rem !important;
    }
    .jscm-top-bar-timer {
        font-size: 0.7rem !important;
        padding: 2px 6px !important;
    }

    .jscm-custom-header { 
        position: fixed; 
        top: 40px; /* موقعیت دقیق زیر بنر قرمز */
        left: 0; 
        right: 0; 
        width: 100%; 
        height: 65px; 
        background: var(--white) !important; 
        background-image: none !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important; 
        border-bottom: 1px solid #e5e7eb !important;
        border-radius: 0 !important; 
        z-index: 9999; 
        padding: 0 15px; 
        box-sizing: border-box; 
        display: flex; 
        align-items: center; 
    }
    .jscm-desktop-only { display: none !important; }
}

/* تنظیمات هدر دسکتاپ (سفید با زیرمنوها) */
@media (min-width: 769px) {
    .jscm-custom-header { 
        background-color: var(--white) !important; 
        padding: 0 !important; 
        border-radius: 0; 
        width: 100%; 
        display: flex; 
        justify-content: center; 
        border-bottom: 1px solid #e5e7eb;
        box-shadow: 0 2px 10px rgba(0,0,0,0.03);
        
    }
    .site-main {
    margin-top: 40px;
}
    .jscm-header-inner { max-width: 1340px; height: 80px; margin: 0 auto; padding: 0px; }
    .jscm-header-right, .jscm-header-left { flex: 1; min-width: 0; display: flex; align-items: center; height: 100%; margin-top: 0px; }
    .jscm-header-center { order: 1; flex: 0 0 auto; justify-content: flex-start; max-width: none; }
    .jscm-header-right { order: 2; flex: 1; justify-content: flex-start; padding-right: 40px; }
    .jscm-header-left { order: 3; flex: 0 0 auto; gap: 20px; }
    .jscm-header-center img { height: 60px !important; max-height: 60px !important; }
    .jscm-mobile-only { display: none !important; }

    /* منوی پویا و آبشاری دسکتاپ */
    .jscm-desktop-nav .jscm-main-menu,
    .jscm-desktop-nav ul.navbar-nav { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; gap: 20px; }
    
    .jscm-desktop-nav li { position: relative; list-style: none; }
    
    .jscm-desktop-nav a,
    .jscm-desktop-nav .menu-link { color: var(--secondary-brand) !important; text-decoration: none; font-size: 15px; font-weight: 500; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 6px; padding: 12px 0; }
    
    .jscm-desktop-nav a:hover,
    .jscm-desktop-nav .menu-link:hover { color: var(--primary-brand) !important; }

    /* زیرمنوهای سطح اول (Dropdown) */
    .jscm-desktop-nav .sub-menu,
    .jscm-desktop-nav .dropdown-menu { 
        position: absolute; 
        top: 100%; 
        right: 0; 
        background: var(--white); 
        box-shadow: 0 8px 25px rgba(0,0,0,0.12); 
        border-radius: 12px; 
        min-width: 220px; 
        padding: 10px 0; 
        list-style: none; 
        opacity: 0; 
        visibility: hidden; 
        transform: translateY(10px); 
        transition: all 0.25s ease; 
        z-index: 999; 
        border: 1px solid #e5e7eb;
        border-top: 3px solid var(--primary-brand); 
    }

    .jscm-desktop-nav li:hover > .sub-menu,
    .jscm-desktop-nav li:hover > .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }
    
    .jscm-desktop-nav .sub-menu li a,
    .jscm-desktop-nav .dropdown-menu li a { 
        padding: 10px 20px; 
        display: flex; 
        align-items: center; 
        gap: 8px; 
        width: 100%; 
        color: var(--secondary-brand) !important; 
        font-size: 14px; 
        box-sizing: border-box; 
        transition: background 0.2s ease, color 0.2s ease; 
    }

    .jscm-desktop-nav .sub-menu li a:hover,
    .jscm-desktop-nav .dropdown-menu li a:hover { background: #f8f9fa; color: var(--primary-brand) !important; }

    /* زیرمنوهای سطح دوم */
    .jscm-desktop-nav .sub-menu .sub-menu,
    .jscm-desktop-nav .dropdown-menu .elementy-ul { 
        top: 0; 
        right: 100% !important; 
        border-top: 1px solid #e5e7eb;
        border-right: 3px solid var(--primary-brand); 
    }
}

.jscm-support-btn { background: var(--primary-brand); color: var(--white) !important; font-size: 13px; font-weight: 600; padding: 6px 14px; border-radius: 8px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(127, 0, 0, 0.2); white-space: nowrap; }
.jscm-support-btn:hover { background: #610000; }
.jscm-back-btn { display: inline-flex; align-items: center; gap: 4px; text-decoration: none; color: var(--primary-brand); transition: opacity 0.3s ease; }
.jscm-back-btn:hover { opacity: 0.8; }
.jscm-back-text { font-size: 15px; font-weight: 600; color: var(--primary-brand); display: inline-block !important; }

@media (max-width: 400px) { .jscm-support-btn { font-size: 11px; padding: 5px 10px; } .jscm-back-text { font-size: 13px; } .jscm-back-btn svg { width: 24px; height: 24px; } }
@media (min-width: 769px) {
    .woocommerce-checkout .jscm-header-center { order: 2 !important; flex: 0 0 auto !important; justify-content: center !important; }
    .woocommerce-checkout .jscm-header-right { order: 1 !important; flex: 1 !important; justify-content: flex-start !important; padding-right: 0 !important; }
    .woocommerce-checkout .jscm-header-left { order: 3 !important; flex: 1 !important; justify-content: flex-end !important; }
}

/* ================================================= */
/* پاپآپ پشتیبانی */
/* ================================================= */
.jscm-support-overlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: rgba(17, 17, 17, 0.6) !important; z-index: 999999 !important; opacity: 0; visibility: hidden; transition: all 0.4s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; backdrop-filter: blur(5px) !important; direction: rtl !important; }
.jscm-support-overlay.show { opacity: 1 !important; visibility: visible !important; }
.jscm-support-box { background: #f8f9fa !important; width: 85% !important; max-width: 440px !important; border-radius: 24px !important; overflow: hidden !important; transform: translateY(30px) scale(0.95) !important; opacity: 0 !important; transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important; box-shadow: 0 20px 40px rgba(127, 0, 0, 0.2) !important; border: 1px solid var(--primary-brand) !important; }
.jscm-support-overlay.show .jscm-support-box { transform: translateY(0) scale(1) !important; opacity: 1 !important; }
.jscm-support-head { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 15px 15px !important; background: var(--primary-brand) !important; border-bottom: none !important; }
.jscm-support-head .jscm-support-title { margin: 0 !important; font-size: 16px !important; font-weight: 600 !important; color: var(--white) !important; }
.jscm-support-close { background: rgba(255, 255, 255, 0.2) !important; border: none !important; color: var(--white) !important; cursor: pointer !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; padding: 0 !important; }
.jscm-support-close:hover { background: var(--white) !important; color: var(--primary-brand) !important; }
.jscm-support-body { padding: 20px !important; }
.jscm-sup-item { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; padding: 12px 15px !important; margin-bottom: 10px !important; background: var(--white) !important; border-radius: 16px !important; text-decoration: none !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important; border: 1px solid transparent !important; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important; }
.jscm-sup-item:last-child { margin-bottom: 0 !important; }
.jscm-sup-item:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 15px rgba(127, 0, 0, 0.15) !important; border-color: rgba(127, 0, 0, 0.3) !important; }
.jscm-sup-icon { width: 36px !important; height: 36px !important; flex: 0 0 36px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-left: 12px !important; }
.jscm-sup-icon img { width: 100% !important; height: 100% !important; object-fit: contain !important; display: block !important; }
.jscm-sup-icon svg { width: 100% !important; height: 100% !important; display: block !important; }
.jscm-sup-text { flex: 1 1 auto !important; text-align: right !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin: 0 !important; }
.jscm-sup-text .sup-title { margin: 0 !important; font-size: 14px !important; font-weight: 600 !important; color: var(--secondary-brand) !important; line-height: 1.2 !important; }
.jscm-sup-text .sup-desc { display: block !important; font-size: 11px !important; color: #777 !important; margin-top: 4px !important; }
.jscm-sup-phone-num { direction: ltr !important; font-weight: 700 !important; color: var(--primary-brand) !important; font-size: 13px !important; margin-left: 8px !important; white-space: nowrap !important; }
.jscm-sup-arrow { width: 18px !important; height: 18px !important; fill: rgba(17, 17, 17, 0.3) !important; flex: 0 0 18px !important; }

@media (max-width: 500px) {
    .jscm-support-overlay { align-items: flex-end !important; }
    .jscm-support-box { width: 100% !important; max-width: 100% !important; border-radius: 24px 24px 0 0 !important; transform: translateY(100%) scale(1) !important; padding-bottom: calc(10px + env(safe-area-inset-bottom)) !important; border-bottom: none !important; }
}

/* =============================================
   دکمه شناور پشتیبانی
============================================= */
@keyframes jscmBtnPulse { 0% { box-shadow: 0 0 0 0 rgba(127, 0, 0, 0.6); } 70% { box-shadow: 0 0 0 15px rgba(127, 0, 0, 0); } 100% { box-shadow: 0 0 0 0 rgba(127, 0, 0, 0); } }
@keyframes jscmOnlinePulse { 0% { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.7); } 70% { box-shadow: 0 0 0 6px rgba(76, 175, 80, 0); } 100% { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0); } }
@keyframes jscmTypingWave { 0%, 30%, 100% { transform: translateY(0); } 15% { transform: translateY(-2px); } }

.jscm-floating-btn { position: fixed; bottom: 120px!important; right: 20px!important; width: 55px; height: 55px; background: var(--brand-gradient); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 999; box-shadow: 0 4px 12px rgba(127, 0, 0, 0.3)!important; animation: jscmBtnPulse 2s infinite; transition: transform 0.3s ease; }
.jscm-floating-btn svg { width: 30px; height: 30px; fill: var(--white); }
.jscm-floating-btn svg .jscm-typing-dot { fill: var(--white); animation: jscmTypingWave 2s infinite ease-in-out; }
.jscm-floating-btn svg .jscm-dot1 { animation-delay: 0s; }
.jscm-floating-btn svg .jscm-dot2 { animation-delay: 0.1s; }
.jscm-floating-btn svg .jscm-dot3 { animation-delay: 0.2s; }
.jscm-online-dot { width: 10px; height: 10px; background-color: #4caf50; border-radius: 50%; display: inline-block; margin-right: auto; margin-left: 10px; animation: jscmOnlinePulse 2s infinite; }
@media (max-width: 768px) { .jscm-floating-btn { bottom: 110px; right: 15px; } }

/* ========================================================
   ۱. تنظیمات شبکه محصولات ووکامرس (۵ ستونه در دسکتاپ)
======================================================== */
.woocommerce ul.products, .woocommerce-page ul.products, ul.products {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 15px !important;
    direction: rtl !important;
    margin: 0 0 30px 0 !important;
}

.woocommerce ul.products::before, .woocommerce ul.products::after, ul.products::before, ul.products::after { display: none !important; }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, ul.products li.product, li.jscm-custom-grid-item {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

/* ========================================================
   ۲. دیزاین اختصاصی کارت محصول
======================================================== */
.jscm-card-wrapper {
    background: var(--white) !important;
    border-radius: 16px !important;
    padding: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

.jscm-card-thumb-link { display: block !important; text-align: center !important; margin-bottom: 12px !important; }
.jscm-card-thumb-link img { border-radius: 12px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; margin: 0px !important; }
.jscm-card-content { display: flex !important; flex-direction: column !important; flex-grow: 1 !important; }
.jscm-card-title-link { text-decoration: none !important; }

.jscm-card-title {
    font-size: 0.8rem !important;
    color: var(--secondary-brand) !important;
    text-align: center !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    margin: 0 0 15px 0 !important;
    height: 45px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

/* قیمت و بج تخفیف */
.jscm-card-price-badge {
    display: flex !important;
    flex-direction: row-reverse !important; 
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: auto !important;
    margin-bottom: 10px !important;
    padding: 0 4px !important;
    width: 100% !important;
}

.jscm-card-price { display: flex !important; flex-direction: column !important; align-items: flex-end !important; direction: rtl !important; }
@media (min-width: 769px) { .jscm-card-price bdi { font-size:1rem; } .jscm-card-price del { line-height: 1; } }

.jscm-card-price del .woocommerce-Price-currencySymbol, .jscm-card-price .jscm-old-price-row .woocommerce-Price-currencySymbol { display: none !important; }

.jscm-card-badge {
    background-color: var(--primary-brand) !important;
    color: var(--white) !important;
    font-size: 0.625rem !important;
    font-weight: 600 !important;
    padding: 2px 6px !important;
    border-radius: 8px 8px 8px 0px !important;
    margin-left: 8px !important;
    box-shadow: 0 4px 8px rgba(127, 0, 0, 0.2) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    user-select: none !important;
}

/* دکمه اختصاصی دوتکه کارت محصول */
.jscm-card-btn {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important; 
    justify-content: center !important;
    width: 100% !important;
    text-decoration: none !important;
    border-radius: 10px !important; 
    overflow: hidden !important; 
    border: none !important;
    padding: 0 !important;
}

.jscm-cb-text {
    background: var(--primary-brand) !important; 
    color: var(--white) !important;
    flex-grow: 1 !important;
    text-align: center !important;
    padding: 7px !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.25s ease !important;
}

.jscm-cb-icon {
    background: var(--secondary-brand) !important;
    color: var(--white) !important;
    width: 30px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    transition: background 0.25s ease !important;
}


/* ========================================================
   ۳. تنظیمات ریسپانسیو شبکهها
======================================================== */
@media (max-width: 1199px) { .woocommerce ul.products, ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@media (max-width: 991px) { .woocommerce ul.products, ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 767px) { .woocommerce ul.products, ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } }

/* ========================================================
   دیزاین بلاکهای گرید ووکامرس (Gutenberg Blocks)
======================================================== */
.wc-block-grid, .wp-block-woocommerce-product-new, .wp-block-woocommerce-handpicked-products { width: 100% !important; max-width: 100% !important; }

ul.wc-block-grid__products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    width: 100% !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 1199px) { ul.wc-block-grid__products { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 991px) { ul.wc-block-grid__products { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 767px) { ul.wc-block-grid__products { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; } }

li.wc-block-grid__product {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    background: var(--white) !important; 
    border-radius: 16px !important;
    padding: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
    height: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
}

li.wc-block-grid__product:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 25px rgba(17, 17, 17, 0.08) !important; }

.wc-block-grid__product-image { margin-bottom: 12px !important; text-align: center !important; }
.wc-block-grid__product-image img { border-radius: 12px !important; margin: 0 auto !important; }

.wc-block-grid__product-title {
    font-size: 0.85rem !important;
    color: var(--secondary-brand) !important;
    text-align: center !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    margin: 0 0 15px 0 !important;
    height: 45px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.wc-block-grid__product-rating { display: none !important; }

.wc-block-grid__product-price { display: block !important; text-align: center !important; direction: rtl !important; margin-top: auto !important; margin-bottom: 15px !important; font-weight: 700 !important; }
.wc-block-grid__product-price del .woocommerce-Price-currencySymbol { display: none !important; }

.wp-block-button__link::before { display: none !important; content: none !important; }

.wc-block-grid__product-add-to-cart { margin-top: auto !important; width: 100% !important; display: block !important; }

.wc-block-grid__product-add-to-cart a, .wc-block-grid__product-add-to-cart button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--primary-brand) !important; 
    color: var(--white) !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    height: 40px !important;
    padding: 0 0 0 30px !important; 
    position: relative !important; 
    overflow: hidden !important;
    border: none !important;
    transition: background 0.25s ease !important;
    white-space: nowrap !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    margin: 0 !important;
}

.wc-block-grid__product-add-to-cart a:hover, .wc-block-grid__product-add-to-cart button:hover { background: #610000 !important; }

.wc-block-grid__product-add-to-cart a::before, .wc-block-grid__product-add-to-cart button::before {
    content: "" !important; 
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 32px !important;
    background-color: var(--secondary-brand) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-size: 16px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: block !important;
    transition: background-color 0.25s ease !important;
}

/* ========================================================
   مخفیسازی فیلد ایمیل در تسویه حساب
======================================================== */
.wc-block-components-checkout-step--contact-information, .wc-block-checkout__contact-fields {
    display: none !important; visibility: hidden !important; height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important;
}

/* ========================================================
   دیزاین بخش آدرس و گزینههای پرداخت تسویه حساب
======================================================== */
.wc-block-components-address-card {
    background: var(--white) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: 0 4px 20px rgba(17, 17, 17, 0.03) !important;
    transition: all 0.3s ease !important;
}

.wc-block-components-address-card__edit, .wc-block-components-address-card button {
    background: var(--primary-brand) !important;
    color: var(--white) !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 8px 24px !important;
    font-size: 0.9rem !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 10px rgba(127, 0, 0, 0.15) !important;
}

.wc-block-components-address-card__edit:hover, .wc-block-components-address-card button:hover {
    background: var(--secondary-brand) !important;
    transform: translateY(-2px) !important;
}

.wc-block-components-radio-control--highlight-checked:after { border: none !important; }
.wc-block-components-radio-control__description-group, .wc-block-components-radio-control__label-group { display: flex; justify-content: space-between; padding-right: 25px; }
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before { background: var(--primary-brand); }

.wc-block-components-radio-control, .wc-block-components-checkout-step__content, .wc-block-components-payment-method-accordion {
    border: none !important; background: transparent !important; box-shadow: none !important; padding: 0 !important;
}

.wc-block-components-radio-control-accordion-option, .wc-block-components-radio-control__option {
    background: var(--white) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    margin-bottom: 12px !important;
    padding: 12px 15px !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.wc-block-components-radio-control-accordion-option:has(input[type="radio"]:checked),
.wc-block-components-radio-control__option:has(input[type="radio"]:checked) {
    border-color: var(--primary-brand) !important;
    background: #fff8f8 !important;
    box-shadow: 0 4px 15px rgba(127, 0, 0, 0.08) !important;
}

.wc-block-components-radio-control__input[type="radio"]:checked { accent-color: var(--primary-brand) !important; }
.wc-block-components-payment-method-accordion-content { padding-top: 12px !important; color: #475569 !important; font-size: 0.85rem !important; line-height: 1.8 !important; }
.wc-block-components-radio-control-accordion-content { font-size: 12px !IMPORTANT; line-height: 1.4; padding: 0 12px 0px !important; }

.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:last-child::after, 
.wc-block-checkout__payment-method .wc-block-components-radio-control__option:last-child::after { border: none !important; display: none !important; content: none !important; }

/* ========================================================
   دیزاین فیلد یادداشت سفارش (Textarea)
======================================================== */
.wc-block-components-textarea, .wc-block-components-textarea textarea {
    background-color: var(--white) !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 16px !important;
    color: #475569 !important;
    font-size: 0.95rem !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 10px rgba(17, 17, 17, 0.02) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    min-height: 120px !important;
    resize: vertical !important;
    line-height: 1.8 !important;
}

.wc-block-components-textarea:hover, .wc-block-components-textarea textarea:hover { border-color: #cbd5e1 !important; }

.wc-block-components-textarea:focus-within, .wc-block-components-textarea textarea:focus {
    border-color: var(--primary-brand) !important;
    box-shadow: 0 0 0 4px rgba(127, 0, 0, 0.15) !important;
    outline: none !important;
    background-color: #fff8f8 !important;
}

.wc-block-components-textarea textarea::placeholder { color: #94a3b8 !important; font-size: 0.9rem !important; font-weight: 400 !important; }

.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
    background-color: currentColor; content: ""; display: block; height: 3em; margin: 0 auto 0.6em; mask-size: 3em; width: 5em;
}

/* حل مشکل زوم خودکار فیلدها در موبایل */
@media screen and (max-width: 767px) {
    .wc-block-components-text-input input, .wc-block-components-select__select, .wc-block-components-text-input label {
        font-size: 16px !important;
    }
}

/* ========================================================
   ایده ۱: افکت درخشش فیلتری هوشمند روی خودِ تصویر لوگو
======================================================== */
.jscm-header-center a img {
    transition: transform 0.4s ease !important;
    will-change: transform, filter !important;
    animation: jscmLogoPulseGlow 3s infinite ease-in-out !important;
}

@keyframes jscmLogoPulseGlow {
    0%, 100% {
        filter: drop-shadow(0 0 0px rgba(127, 0, 0, 0)) brightness(1);
        transform: scale(1);
    }
    50% {
        filter: drop-shadow(0 0 8px rgba(127, 0, 0, 0.6)) brightness(1.15);
        transform: scale(1.04);
    }
}





/* ==========================================================================
   Neshan Shop - Ultimate Minimalist Checkout Style
   ========================================================================== */

/* --- ۱. مخفیسازی موارد درخواستی --- */
/* مخفی کردن فیلد انتخاب کشور */
#billing_country_field {
    display: none !important;
}

p#billing_email_field {
    display: none;
}

/* مخفی کردن متن قوانین و حریم خصوصی بالای دکمه ثبت سفارش */
.woocommerce-privacy-policy-text,
.woocommerce-terms-and-conditions-wrapper {
    display: none !important;
}

/* --- ۲. لایهبندی اصلی ۲ ستونه دسکتاپ --- */
form.woocommerce-checkout {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 28px !important;
    margin: 0px auto !important;
    direction: rtl !important;
    align-items: flex-start !important;
}

form.woocommerce-checkout #customer_details {
    flex: 1 1 58% !important;
    max-width: 58% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

form.woocommerce-checkout #customer_details .col-1,
form.woocommerce-checkout #customer_details .col-2 {
    width: 100% !important;
    float: none !important;
}

form.woocommerce-checkout #order_review_heading {
    display: none !important;
}

form.woocommerce-checkout #order_review {
    flex: 1 1 38% !important;
    max-width: 38% !important;
    position: sticky !important;
    top: 20px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 24px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;
}

/* --- ۳. استایل کارتها و اینپوتهای فرم --- */
.woocommerce-billing-fields,
.woocommerce-additional-fields {
    background: var(--white) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 24px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;
}

.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3 {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: var(--primary-brand) !important;
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid var(--bg-main) !important;
}

.woocommerce-checkout label {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: var(--secondary-brand) !important;
    margin-bottom: 6px !important;
}

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.select2-container--default .select2-selection--single {
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background-color: var(--bg-main) !important;
    color: var(--secondary-brand) !important;
    font-size: 0.9rem !important;
    padding: 10px 14px !important;
    height: 48px !important;
    transition: all 0.2s ease !important;
}

.woocommerce-checkout textarea {
    height: auto !important;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus {
    border-color: var(--primary-brand) !important;
    background-color: var(--white) !important;
    box-shadow: 0 0 0 4px rgba(127, 0, 0, 0.08) !important;
    outline: none !important;
}

/* --- ۴. استایل تصویر محصول، نام و تعداد --- */
.checkout-product-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.checkout-product-wrapper img {
    width: 52px !important;
    height: 52px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    border: 1px solid #e2e8f0 !important;
}

.checkout-product-details {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

/* بج تعداد محصول (با استایل مینیمال) */
.shop_table .product-quantity {
    display: inline-block !important;
    background: var(--bg-main) !important;
    color: var(--secondary-brand) !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
    margin-right: 6px !important;
}

/* جدول قیمتها */
.shop_table.woocommerce-checkout-review-order-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin-bottom: 20px !important;
}

.shop_table thead {
    display: none !important;
}

.shop_table td, .shop_table th {
    border-bottom: 1px dashed #f1f5f9 !important;
    padding: 10px !important;
    font-size: 0.88rem !important;
}

.shop_table .order-total th,
.shop_table .order-total td {
    border-bottom: none !important;
    padding-top: 14px !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    color: var(--primary-brand) !important;
}

/* --- ۵. فرم کد تخفیف بالای پرداخت --- */
.woocommerce-form-coupon-toggle,
form.checkout_coupon {
    margin-bottom: 16px !important;
}

form.checkout_coupon {
    display: flex !important;
    gap: 8px !important;
    background: var(--bg-main) !important;
    padding: 12px !important;
    border-radius: 14px !important;
    border: 1px solid #e2e8f0 !important;
}

form.checkout_coupon input[type="text"] {
    flex: 1 !important;
    height: 42px !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    font-size: 0.85rem !important;
}

form.checkout_coupon button[type="submit"] {
    height: 42px !important;
    background: var(--secondary-brand) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 0 16px !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    cursor: pointer !important;
    transition: opacity 0.2s ease !important;
}

form.checkout_coupon button[type="submit"]:hover {
    opacity: 0.9 !important;
}

/* --- ۶. رادیوباتنها و کارتهای درگاه پرداخت (Apple Style) --- */
.woocommerce-checkout-payment {
    background: transparent !important;
}

ul.wc_payment_methods {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

ul.wc_payment_methods li.wc_payment_method {
    background: var(--white) !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 14px !important;
    margin: 0 !important;
    transition: all 0.25s ease !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

ul.wc_payment_methods li.wc_payment_method input[type="radio"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #cbd5e1 !important;
    border-radius: 50% !important;
    margin: 0 0 0 12px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    flex-shrink: 0 !important;
}

ul.wc_payment_methods li.wc_payment_method input[type="radio"]:checked {
    border-color: var(--primary-brand) !important;
    background-color: var(--primary-brand) !important;
    box-shadow: inset 0 0 0 3px #ffffff !important;
}

ul.wc_payment_methods li.wc_payment_method:has(input[type="radio"]:checked) {
    border-color: var(--primary-brand) !important;
    background: #fffdfd !important;
    box-shadow: 0 4px 15px rgba(127, 0, 0, 0.06) !important;
}

ul.wc_payment_methods li.wc_payment_method label {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: calc(100% - 35px) !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    color: var(--secondary-brand) !important;
    cursor: pointer !important;
    margin: 0 !important;
}

ul.wc_payment_methods li.wc_payment_method label img {
    max-height: 26px !important;
    width: auto !important;
}

.payment_box {
    width: 100% !important;
    margin-top: 10px !important;
    padding: 10px 12px !important;
    background: var(--bg-main) !important;
    border-radius: 10px !important;
    font-size: 0.82rem !important;
    color: #475569 !important;
    line-height: 1.5 !important;
    border: none !important;
}

/* --- ۷. دکمه اصلی ثبت سفارش --- */
#place_order {
    width: 100% !important;
    background: var(--brand-gradient) !important;
    color: var(--white) !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    padding: 16px !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 20px rgba(127, 0, 0, 0.22) !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
}

#place_order:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 25px rgba(127, 0, 0, 0.32) !important;
}


.woocommerce-checkout #payment div.payment_box::before{
    display:none;
}

 .woocommerce-checkout #payment ul.payment_methods{
    border-bottom:none;
     
 }
 
 .woocommerce table.shop_table{
         border: none;
 }
 
 
.form-row.place-order {
    padding: 0px ! important;
}

/* --- ۸. ریسپانسو موبایل --- */
@media (max-width: 991px) {
    form.woocommerce-checkout #customer_details,
    form.woocommerce-checkout #order_review {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
    form.woocommerce-checkout #order_review {
        position: static !important;
    }
}/* ========================================================
   قفل کردن اسکرول افقی کل بدنه سایت (حل مشکل سفیدک و بیرون زدگی)
======================================================== */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    position: relative !important;
}

:root {
    --primary-brand: #7F0000 !important;
    --secondary-brand: #111111 !important;
    --black-brand: #111111 !important;
    --accent-red: #a30000 !important;
    --bg-main: #F4F5F9 !important;
    --white: #ffffff !important;
    --brand-gradient: linear-gradient(to top, #7F0000 0%, #a30000 100%) !important;
}

/* ========================================================
   دیزاین اختصاصی صفحه اصلی (Ver 9.6 - Fixed Mobile RTL Scroll)
======================================================== */

.jscm-custom-home-main {
    margin: 0 auto !important;
    direction: rtl !important;
    font-family: inherit !important;
    overflow-x: hidden !important; /* جلوگیری از اسکرول افقی کل صفحه */
}

/* =====================================
   جداکنندهها و هدرها
====================================== */
.jscm-section-divider {
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    gap: 15px !important; 
    margin: 0 !important;
}
.jscm-section-title, .jscm-section-title-simple {
    color: var(--black-brand) !important; 
    margin: 0 !important;
}
.jscm-line-decor {
    height: 1px !important; 
    background: var(--primary-brand) !important; 
    flex-grow: 1 !important; 
    max-width: 60px !important; 
    position: relative !important;
}

.jscm-header-row {
    display: flex !important; 
    align-items: center !important; 
    justify-content: space-between !important; 
    margin-top: 25px !important;
    margin-bottom: 20px !important; 
    padding: 0 12px !important;
}

/* دکمه مشاهده همه */
.jscm-view-all-link {
    display: inline-flex !important; 
    align-items: center !important; 
    gap: 6px !important; 
    color: var(--black-brand) !important; 
    font-size: 0.825rem !important;
    text-decoration: none !important; 
    padding: 6px 14px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important; 
    white-space: nowrap !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.02) !important;
}
.jscm-view-all-link:hover { 
    color: #ffffff !important; 
    background: var(--primary-brand) !important;
    border-color: var(--primary-brand) !important;
    transform: translateY(-2px) !important; 
    box-shadow: 0 4px 12px rgba(127, 0, 0, 0.2) !important;
}

/* اسکرول کشویی افقی عمومی */
.jscm-scroll-container {
    display: flex !important; 
    gap: 10px !important; 
    overflow-x: auto !important; 
    padding: 5px 12px 15px 12px !important;
    scrollbar-width: none !important; 
    -ms-overflow-style: none !important; 
    -webkit-overflow-scrolling: touch !important; 
    direction: rtl !important;
}
.jscm-scroll-container::-webkit-scrollbar { display: none !important; }

/* =====================================
   ۱. اسلایدر اصلی هدر
====================================== */
.jscm-main-hero-slider {
    position: relative !important;
    width: 100% !important;
    margin-top: 30px !important;
    overflow: hidden !important;
}

.jscm-main-hero-slider .jscm-scroll-container,
.jscm-main-hero-slider .owl-stage-outer {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 12px 10px 12px !important;
    scrollbar-width: none !important;
    direction: rtl !important;
}

.jscm-main-hero-slider .jscm-scroll-container::-webkit-scrollbar,
.jscm-main-hero-slider .owl-stage-outer::-webkit-scrollbar {
    display: none !important;
}

.jscm-main-hero-slider .owl-stage {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    width: auto !important;
}

.jscm-main-hero-slider .owl-item,
.jscm-main-hero-slider .jscm-hero-slide {
    flex: 0 0 88% !important;
    width: 88% !important;
    max-width: 88% !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

.jscm-main-hero-slider .slider-img,
.jscm-main-hero-slider .owl-item img {
    width: 100% !important;
    height: auto !important;
    max-height: 450px !important;
    object-fit: cover !important;
    border-radius: 20px !important;
    display: block !important;
}

.jscm-main-hero-slider .owl-nav,
.jscm-main-hero-slider .owl-dots {
    display: none !important;
}

/* =====================================
   ۲. دستهبندی محصولات
====================================== */
.jscm-home-cats-section { margin: 0 auto 10px auto !important; }
.jscm-cat-card {
    flex: 0 0 calc(26% - 8px) !important;
    background: #ffffff !important; 
    border: 1px solid #e2e8f0 !important; 
    border-radius: 14px !important;
    padding: 12px 6px !important; 
    display: flex !important; 
    flex-direction: column !important; 
    align-items: center !important; 
    text-decoration: none !important; 
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.02) !important;
}
.jscm-cat-card:hover { 
    border-color: var(--primary-brand) !important; 
    transform: translateY(-2px) !important; 
    box-shadow: 0 6px 16px rgba(127, 0, 0, 0.08) !important; 
}
.jscm-cat-icon-box { 
    margin-bottom: 8px !important; 
    height: 36px !important; 
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    color: var(--primary-brand) !important;
}
.jscm-cat-icon-box svg {
    width: 26px !important;
    height: 26px !important;
}
.jscm-cat-name { 
    color: var(--black-brand) !important; 
    font-size: 0.69rem !important; 
    text-align: center !important; 
    line-height: 1.3 !important; 
}

/* =====================================
   ۳. اسلایدر شگفتانگیز
====================================== */
.jscm-deals-section {
    background: var(--black-brand) !important;
    border-radius: 24px !important;
    padding: 10px 0px !important;
    margin-bottom: 35px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25) !important;
}
.jscm-deals-section .jscm-section-title {
    color: #ffffff !important;
}
.jscm-deals-section .jscm-line-decor {
    background: var(--primary-brand) !important;
}
.jscm-countdown-box {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    direction: rtl !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding: 6px 14px !important;
    border-radius: 12px !important;
    font-size: 0.85rem !important;
    color: #ffffff !important;
    white-space: nowrap !important;
}
.jscm-countdown-box .timer-title {
    color: #cbd5e1 !important;
}
.jscm-countdown-box .tb-timer-digits {
    direction: ltr !important;
    display: inline-block !important;
    font-family: inherit !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

/* =====================================
   ۴. بنرهای ۳ تایی
====================================== */
.jscm-banners-triple-section { margin: 20px auto !important; }
.jscm-banners-grid {
    display: flex !important;
    gap: 12px !important;
}
.jscm-banners-grid .bnr-image {
    flex: 0 0 calc(85% - 10px) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    transition: transform 0.3s ease !important;
}
.jscm-banners-grid .bnr-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 18px !important;
}
.jscm-banners-grid .bnr-image:hover { transform: translateY(-3px) !important; }

/* =====================================
   ۵. مقالات و بلاگ
====================================== */
.jscm-home-blog-section { margin: 20px auto !important; }
.jscm-blog-card {
    flex: 0 0 calc(75% - 15px) !important; 
    background: #ffffff !important; 
    border: 1px solid #e2e8f0 !important; 
    border-radius: 18px !important;
    overflow: hidden !important; 
    text-decoration: none !important; 
    transition: 0.3s !important; 
    display: flex !important; 
    flex-direction: column !important;
}
.jscm-blog-card:hover { 
    border-color: var(--primary-brand) !important; 
    box-shadow: 0 10px 25px rgba(17, 17, 17, 0.08) !important; 
    transform: translateY(-3px) !important; 
}
.jscm-blog-thumb { position: relative !important; height: 160px !important; width: 100% !important; overflow: hidden !important; }
.jscm-blog-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: 0.5s !important; }
.jscm-blog-card:hover .jscm-blog-thumb img { transform: scale(1.05) !important; }
.jscm-blog-cat-badge {
    position: absolute !important; 
    bottom: 12px !important; 
    right: 12px !important; 
    background: var(--black-brand) !important; 
    color: #ffffff !important;
    font-size: 0.65rem !important; 
    padding: 3px 10px !important; 
    border-radius: 6px !important; 
}
.jscm-blog-title { 
    color: var(--black-brand) !important; 
    font-size: 0.9rem !important; 
    line-height: 1.6 !important; 
    margin: 12px !important; 
    padding: 0 !important; 
}

/* =====================================
   ۶. آکاردئون سوالات متداول (FAQ)
====================================== */
.jscm-home-faq-section {
    margin: 40px auto 20px auto !important;
    padding: 0 12px !important;
    direction: rtl !important;
}
.jscm-section-title-simple {
    text-align: center !important;
    font-size: 1.15rem !important;
    color: var(--black-brand) !important;
    margin-bottom: 20px !important;
}
.jscm-faq-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: 20px !important;
    counter-reset: faq-counter !important;
}
.jscm-faq-item {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important;
}

.jscm-faq-btn {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 14px 16px !important;
    background: transparent !important;
    border: none !important;
    font-size: 0.875rem !important;
    color: var(--black-brand) !important;
    cursor: pointer !important;
    text-align: right !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
    white-space: normal !important;
}

.jscm-faq-btn::before {
    counter-increment: faq-counter !important;
    content: "0" counter(faq-counter) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 32px !important;
    width: 32px !important;
    height: 32px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    color: var(--primary-brand) !important;
    font-size: 0.8rem !important;
    flex-shrink: 0 !important;
    order: 1 !important;
}

.jscm-faq-btn span,
.jscm-faq-btn span[itemprop="name"] {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    order: 2 !important;
    color: var(--black-brand) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

.jscm-faq-btn::after {
    content: "＋" !important;
    font-size: 1.1rem !important;
    color: var(--primary-brand) !important;
    transition: transform 0.3s ease !important;
    flex-shrink: 0 !important;
    order: 3 !important;
}

.jscm-faq-item.active {
    border-color: var(--primary-brand) !important;
}
.jscm-faq-item.active .jscm-faq-btn::after {
    content: "－" !important;
}
.jscm-faq-body {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.35s cubic-bezier(0, 1, 0, 1) !important;
    background: #f8fafc !important;
}
.jscm-faq-content {
    padding: 16px 20px !important;
    font-size: 0.85rem !important;
    color: #475569 !important;
    line-height: 1.8 !important;
    border-top: 1px solid #f1f5f9 !important;
}
.jscm-faq-item.active .jscm-faq-body {
    max-height: 500px !important;
    transition: max-height 0.35s ease-in-out !important;
}

/* =====================================
   ۷. محتوای سئو
====================================== */
.jscm-home-seo-content-section {
    margin: 30px auto 30px auto !important;
    padding: 0 12px !important;
}
.jscm-seo-content-container {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 24px 20px !important;
    position: relative !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
}
.jscm-seo-main-title {
    font-size: 1.05rem !important;
    color: var(--black-brand) !important;
    margin-bottom: 15px !important;
    line-height: 1.6 !important;
}
.jscm-seo-text-wrap {
    position: relative !important;
    max-height: 110px !important;
    overflow: hidden !important;
    transition: max-height 0.4s ease !important;
}
.jscm-seo-text-wrap.expanded {
    max-height: 3000px !important;
}
.jscm-seo-text-inner {
    font-size: 0.85rem !important;
    color: #475569 !important;
    line-height: 2 !important;
    text-align: justify !important;
}
.jscm-seo-text-inner h2 {
    font-size: 0.95rem !important;
    color: var(--black-brand) !important;
    margin: 20px 0 10px 0 !important;
}
.jscm-seo-overlay-gradient {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 60px !important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%) !important;
    pointer-events: none !important;
}
.jscm-seo-btn-wrapper {
    text-align: center !important;
    margin-top: 15px !important;
}
.jscm-seo-toggle-btn {
    background: #ffffff !important;
    border: 1.5px solid var(--primary-brand) !important;
    color: var(--primary-brand) !important;
    padding: 9px 26px !important;
    border-radius: 12px !important;
    font-size: 0.825rem !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    font-family: inherit !important;
}
.jscm-seo-toggle-btn:hover {
    background: var(--black-brand) !important;
    color: #ffffff !important;
    border-color: var(--black-brand) !important;
    box-shadow: 0 4px 12px rgba(17, 17, 17, 0.2) !important;
}

/* =====================================
   ۸. استایل محصولات ووکامرس (ریسپانسیو کامل)
====================================== */

/* دسکتاپ (نمایش اسکرول افقی ۵ ستونی) */
@media (min-width: 992px) {
    .jscm-home-products-section ul.products {
        display: flex !important; 
        flex-wrap: nowrap !important; 
        overflow-x: auto !important; 
        gap: 15px !important;
        scrollbar-width: none !important; 
        -webkit-overflow-scrolling: touch !important;
        padding: 0px 12px !important;
        margin: 0 !important;
    }
    .jscm-home-products-section ul.products::-webkit-scrollbar { display: none !important; }
    .jscm-home-products-section ul.products li.product {
        flex: 0 0 calc(20% - 12px) !important; 
        min-width: calc(20% - 12px) !important;
        max-width: calc(20% - 12px) !important; 
        margin: 0 !important;
    }
    
    .jscm-cats-grid {
        display: flex !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }
    .jscm-cat-card {
        flex: 1 1 0% !important;
        min-width: 0 !important;
    }
    
    .jscm-banners-grid .bnr-image {
        flex: 0 0 calc(33.333% - 8px) !important;
    }
    .jscm-home-blog-section .jscm-scroll-container {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 15px !important;
    }
    .jscm-blog-card { flex: auto !important; }

    .jscm-main-hero-slider .owl-item,
    .jscm-main-hero-slider .jscm-hero-slide {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* تبلت */
@media (max-width: 991px) and (min-width: 768px) {
    .jscm-banners-grid .bnr-image { flex: 0 0 calc(50% - 10px) !important; }
    
}

/* موبایل و تبلت کوچک (تنظیم دقیق ۱.۷ ستون = 58% عرض) */
@media (max-width: 991px) {
    .jscm-home-products-section ul.products {
        display: flex !important; 
        flex-direction: row !important;
        flex-wrap: nowrap !important; 
        overflow-x: auto !important; 
        gap: 12px !important;
        scrollbar-width: none !important; 
        -webkit-overflow-scrolling: touch !important;
        padding: 0 12px 15px 12px !important;
        margin: 0 !important;
        direction: rtl !important;
        box-sizing: border-box !important;
    }
    .jscm-home-products-section ul.products::-webkit-scrollbar { display: none !important; }
    
    /* عرض ۵۸٪ دقیقاً ۱ کارت کامل + ۷۰٪ کارت بعدی را نمایش میدهد */
    .jscm-home-products-section ul.products li.product {
        flex: 0 0 58% !important; 
        min-width: 58% !important;
        max-width: 58% !important; 
        margin: 0 !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 767px) {
    .jscm-deals-section {
        border-radius: 0 !important;
    }

    .jscm-header-row {
        flex-direction: row !important;
        justify-content: space-between !important;
        gap: 10px !important;
        padding-left: 12px !important;
    }
    .jscm-section-divider { width: auto !important; justify-content: flex-start !important; }
    .jscm-line-decor { max-width: 40px !important; }
    .jscm-countdown-box { font-size: 0.8rem !important; padding: 4px 10px !important; }
    
        .jscm-main-hero-slider {
    margin-top: 120px !important;
}

}

@media (max-width: 480px) {
    /* حفظ دقیق ۵۸٪ در تمام ابعاد موبایل */
    .jscm-home-products-section ul.products li.product { 
        flex: 0 0 58% !important; 
        min-width: 58% !important;
        max-width: 58% !important; 
    }
    .jscm-faq-btn {
        padding: 12px 10px !important;
        font-size: 0.8125rem !important;
        gap: 8px !important;
    }
    .jscm-faq-btn::before {
        min-width: 26px !important;
        width: 26px !important;
        height: 26px !important;
        font-size: 0.7rem !important;
    }
    
    .jscm-top-bar-banner {
    position: fixed !important;}
}html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;color:#c36;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus:not(:focus-visible),[type=submit]:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}
.comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-inline:auto}.alignwide{margin-inline:-80px}.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw}.alignfull,.alignfull img{width:100vw}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-inline:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{display:block;position:relative}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form{margin:50px auto;max-width:500px}.post-password-form p{align-items:flex-end;display:flex;width:100%}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:991px){.post .wp-post-image{max-height:400px}}@media(max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{font-size:.9em;list-style:none;margin:0;padding:0}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{border-block-end:1px solid #ccc;display:flex;flex-direction:column;padding-block-end:30px;padding-block-start:30px;padding-inline-end:0;padding-inline-start:60px}#comments .comment .avatar,#comments .pingback .avatar{border-radius:50%;left:0;margin-inline-end:10px;position:absolute}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{list-style:none;margin:0;padding-inline-start:30px;position:relative}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{content:"↪";display:inline-block;font-size:1em;font-weight:400;left:0;line-height:100%;position:absolute;top:45px;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media(min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media(max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{float:left;position:inherit}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%}@media(max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}}@media(min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media(min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)}
.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-header .site-title{font-size:2.5rem;font-weight:500;line-height:1.2}.site-header .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-header .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-header .header-inner .custom-logo-link{display:block}.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}.site-header .header-inner .site-branding .site-logo img{display:block}.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}.site-header.header-inverted .header-inner{flex-direction:row-reverse}.site-header.header-inverted .header-inner .site-branding{text-align:end}.site-header.header-stacked .header-inner{align-items:center;flex-direction:column;text-align:center}.site-footer{padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-footer .site-title{font-size:1.5rem;font-weight:500;line-height:1.2}.site-footer .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-footer .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-footer .footer-inner .custom-logo-link{display:block}.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}.site-footer .footer-inner .site-branding .site-logo img{display:block}.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}.site-footer .footer-inner .copyright{align-items:center;display:flex;justify-content:flex-end}.site-footer .footer-inner .copyright p{margin:0}.site-footer.footer-inverted .footer-inner{flex-direction:row-reverse}.site-footer.footer-inverted .footer-inner .site-branding{text-align:end}.site-footer.footer-stacked .footer-inner{align-items:center;flex-direction:column;text-align:center}.site-footer.footer-stacked .footer-inner .site-branding .site-title{text-align:center}.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}@media(max-width:576px){.site-footer:not(.footer-stacked) .footer-inner .copyright,.site-footer:not(.footer-stacked) .footer-inner .site-branding,.site-footer:not(.footer-stacked) .footer-inner .site-navigation{display:block;max-width:none;text-align:center;width:100%}.site-footer .footer-inner .site-navigation ul.menu{justify-content:center}.site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}}.site-header.header-stacked .site-navigation-toggle-holder{justify-content:center;max-width:100%}.site-header.menu-layout-dropdown .site-navigation{display:none}.site-navigation-toggle-holder{align-items:center;display:flex;padding:8px 15px}.site-navigation-toggle-holder .site-navigation-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#494c4f;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.site-navigation-toggle-holder .site-navigation-toggle-icon{display:block;width:1.25rem}.site-navigation-toggle-holder .site-navigation-toggle-icon:after,.site-navigation-toggle-holder .site-navigation-toggle-icon:before{background-color:currentColor;border-radius:3px;content:"";display:block;height:3px;transition:all .2s ease-in-out}.site-navigation-toggle-holder .site-navigation-toggle-icon:before{box-shadow:0 .35rem 0 currentColor;margin-block-end:.5rem}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before{box-shadow:none;transform:translateY(.35rem) rotate(45deg)}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after{transform:translateY(-.35rem) rotate(-45deg)}.site-navigation{align-items:center;display:flex}.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}.site-navigation ul.menu{display:flex;flex-wrap:wrap}.site-navigation ul.menu li{display:flex;position:relative}.site-navigation ul.menu li a{display:block;padding:8px 15px}.site-navigation ul.menu li.menu-item-has-children{padding-inline-end:15px}.site-navigation ul.menu li.menu-item-has-children:after{align-items:center;color:#666;content:"▾";display:flex;font-size:1.5em;justify-content:center;text-decoration:none}.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}.site-navigation ul.menu li ul{background:#fff;display:none;left:0;min-width:150px;position:absolute;top:100%;z-index:2}.site-navigation ul.menu li ul li{border-block-end:1px solid #eee}.site-navigation ul.menu li ul li:last-child{border-block-end:none}.site-navigation ul.menu li ul li.menu-item-has-children a{flex-grow:1}.site-navigation ul.menu li ul li.menu-item-has-children:after{transform:translateY(-50%) rotate(-90deg)}.site-navigation ul.menu li ul ul{left:100%;top:0}.site-navigation ul.menu li:hover>ul{display:block}footer .site-navigation ul.menu li ul{bottom:100%;top:auto}footer .site-navigation ul.menu li ul ul{bottom:0}footer .site-navigation ul.menu a{padding:5px 15px}.site-navigation-dropdown{bottom:0;left:0;margin-block-start:10px;position:absolute;transform-origin:top;transition:max-height .3s,transform .3s;width:100%;z-index:10000}.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{max-height:0;transform:scaleY(0)}.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{max-height:100vh;transform:scaleY(1)}.site-navigation-dropdown ul{padding:0}.site-navigation-dropdown ul.menu{background:#fff;margin:0;padding:0;position:absolute;width:100%}.site-navigation-dropdown ul.menu li{display:block;position:relative;width:100%}.site-navigation-dropdown ul.menu li a{background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.102);color:#55595c;display:block;padding:20px}.site-navigation-dropdown ul.menu li.current-menu-item a{background:#55595c;color:#fff}.site-navigation-dropdown ul.menu>li li{max-height:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s,transform .3s}.site-navigation-dropdown ul.menu li.elementor-active>ul>li{max-height:100vh;transform:scaleY(1)}@media(max-width:576px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(min-width:576px)and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}
.rtl #perfmatters-script-manager-tabs button span {
    margin-left: 20px;
	margin-right:0px;
}
.rtl #perfmatters-script-manager-wrapper * {
    font-family: inherit;
}
.rtl #perfmatters-script-manager .pmsm-group-tag {
    margin: 0px 0px 0px 8px;
}
.rtl #perfmatters-script-manager table thead th {
    text-align: center;
}
.rtl #perfmatters-script-manager table {
    text-align: right;
}
.rtl .pmsm-notice {
    border-left: 0px solid #4A89DD;
    border-right: 4px solid #4A89DD;
}
.rtl #perfmatters-script-manager #pmsm-disclaimer-close {
    float: left;
}