/* ═══════════════════════════════════════════════════════════════
   NAT-BUTTONS — سیستم طراحی یکدست دکمه‌ها
   نسخهٔ ۱.۰ — مدرن، خوانا، شیک
   ═══════════════════════════════════════════════════════════════ */

:root {
    /* رنگ‌های پایه */
    --nbtn-primary-bg: linear-gradient(135deg, #0F3641 0%, #2A6E80 100%);
    --nbtn-primary-bg-hover: linear-gradient(135deg, #0A242B 0%, #1F5A6B 100%);
    --nbtn-primary-fg: #fbf9f3;
    --nbtn-primary-shadow: 0 4px 14px rgba(15, 54, 65, 0.25);

    --nbtn-gold-bg: linear-gradient(135deg, #E4A93C 0%, #B8791E 100%);
    --nbtn-gold-bg-hover: linear-gradient(135deg, #F0B94D 0%, #C98828 100%);
    --nbtn-gold-fg: #1a1e22;
    --nbtn-gold-shadow: 0 4px 14px rgba(217, 154, 43, 0.35);

    --nbtn-success-bg: linear-gradient(135deg, #1a7f37 0%, #0d5f27 100%);
    --nbtn-success-bg-hover: linear-gradient(135deg, #1e9241 0%, #116b2e 100%);
    --nbtn-success-fg: #ffffff;
    --nbtn-success-shadow: 0 4px 14px rgba(26, 127, 55, 0.30);

    --nbtn-danger-bg: linear-gradient(135deg, #c53030 0%, #7f1c1c 100%);
    --nbtn-danger-bg-hover: linear-gradient(135deg, #dc3545 0%, #962a2a 100%);
    --nbtn-danger-fg: #ffffff;
    --nbtn-danger-shadow: 0 4px 14px rgba(197, 48, 48, 0.30);

    --nbtn-ghost-bg: #ffffff;
    --nbtn-ghost-bg-hover: #faf7ee;
    --nbtn-ghost-fg: #0F3641;
    --nbtn-ghost-border: #d8d2be;
    --nbtn-ghost-border-hover: #B8791E;

    --nbtn-soft-bg: rgba(42, 110, 128, 0.08);
    --nbtn-soft-bg-hover: rgba(42, 110, 128, 0.16);
    --nbtn-soft-fg: #0F3641;

    --nbtn-radius: 10px;
    --nbtn-radius-sm: 8px;
    --nbtn-radius-lg: 12px;

    --nbtn-trans: 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ═══════════════════════════════════════════════════════════════
   دکمهٔ پایه — همهٔ دکمه‌ها از این پیروی می‌کنند
   ═══════════════════════════════════════════════════════════════ */
.nbtn,
.nat-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 10px 18px !important;
    border-radius: var(--nbtn-radius) !important;
    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
    font-size: 0.87rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    cursor: pointer !important;
    border: 1.5px solid transparent !important;
    transition: all var(--nbtn-trans) !important;
    position: relative !important;
    overflow: hidden !important;
    text-shadow: none !important;
    outline: none !important;
    user-select: none !important;
    letter-spacing: 0.01em !important;
    min-height: 40px !important;
    box-sizing: border-box !important;
}

.nbtn:focus-visible,
.nat-btn:focus-visible {
    box-shadow: 0 0 0 3px rgba(42, 110, 128, 0.30) !important;
}

.nbtn:active:not(:disabled),
.nat-btn:active:not(:disabled) {
    transform: translateY(0) scale(0.98) !important;
}

.nbtn:disabled,
.nat-btn:disabled,
.nbtn.is-disabled,
.nat-btn.is-disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   Variant: Primary (پایه — سرمه‌ای/teal)
   ═══════════════════════════════════════════════════════════════ */
.nbtn--primary,
.nat-btn--primary {
    background: var(--nbtn-primary-bg) !important;
    color: var(--nbtn-primary-fg) !important;
    border-color: transparent !important;
    box-shadow: var(--nbtn-primary-shadow) !important;
}
.nbtn--primary:hover,
.nat-btn--primary:hover {
    background: var(--nbtn-primary-bg-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(15, 54, 65, 0.35) !important;
}

/* ═══════════════════════════════════════════════════════════════
   Variant: Gold (تأکید)
   ═══════════════════════════════════════════════════════════════ */
.nbtn--gold,
.nat-btn--gold {
    background: var(--nbtn-gold-bg) !important;
    color: var(--nbtn-gold-fg) !important;
    border-color: transparent !important;
    box-shadow: var(--nbtn-gold-shadow) !important;
}
.nbtn--gold:hover,
.nat-btn--gold:hover {
    background: var(--nbtn-gold-bg-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(217, 154, 43, 0.50) !important;
}

/* ═══════════════════════════════════════════════════════════════
   Variant: Success (موفقیت / تأیید)
   ═══════════════════════════════════════════════════════════════ */
.nbtn--success,
.nat-btn--success,
.nbtn--green,
.nat-btn--green {
    background: var(--nbtn-success-bg) !important;
    color: var(--nbtn-success-fg) !important;
    border-color: transparent !important;
    box-shadow: var(--nbtn-success-shadow) !important;
}
.nbtn--success:hover,
.nat-btn--success:hover,
.nbtn--green:hover,
.nat-btn--green:hover {
    background: var(--nbtn-success-bg-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(26, 127, 55, 0.40) !important;
}

/* ═══════════════════════════════════════════════════════════════
   Variant: Danger (خطر / رد / حذف)
   ═══════════════════════════════════════════════════════════════ */
.nbtn--danger,
.nat-btn--danger,
.nbtn--red,
.nat-btn--red {
    background: var(--nbtn-danger-bg) !important;
    color: var(--nbtn-danger-fg) !important;
    border-color: transparent !important;
    box-shadow: var(--nbtn-danger-shadow) !important;
}
.nbtn--danger:hover,
.nat-btn--danger:hover,
.nbtn--red:hover,
.nat-btn--red:hover {
    background: var(--nbtn-danger-bg-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(197, 48, 48, 0.45) !important;
}

/* ═══════════════════════════════════════════════════════════════
   Variant: Ghost (شفاف / خطی)
   ═══════════════════════════════════════════════════════════════ */
.nbtn--ghost,
.nat-btn--ghost {
    background: var(--nbtn-ghost-bg) !important;
    color: var(--nbtn-ghost-fg) !important;
    border-color: var(--nbtn-ghost-border) !important;
    box-shadow: 0 1px 3px rgba(15, 54, 65, 0.06) !important;
}
.nbtn--ghost:hover,
.nat-btn--ghost:hover {
    background: var(--nbtn-ghost-bg-hover) !important;
    border-color: var(--nbtn-ghost-border-hover) !important;
    color: #B8791E !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(15, 54, 65, 0.10) !important;
}

/* ═══════════════════════════════════════════════════════════════
   Variant: Soft (نرم — بدون سایه)
   ═══════════════════════════════════════════════════════════════ */
.nbtn--soft,
.nat-btn--soft {
    background: var(--nbtn-soft-bg) !important;
    color: var(--nbtn-soft-fg) !important;
    border-color: transparent !important;
}
.nbtn--soft:hover,
.nat-btn--soft:hover {
    background: var(--nbtn-soft-bg-hover) !important;
    transform: translateY(-2px) !important;
}

/* ═══════════════════════════════════════════════════════════════
   Variant: White (برای روی پس‌زمینهٔ رنگی)
   ═══════════════════════════════════════════════════════════════ */
.nbtn--white,
.nat-btn--white {
    background: #ffffff !important;
    color: #0F3641 !important;
    border-color: transparent !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
}
.nbtn--white:hover,
.nat-btn--white:hover {
    background: #faf7ee !important;
    color: #B8791E !important;
    transform: translateY(-2px) !important;
}

/* ═══════════════════════════════════════════════════════════════
   Variant: On-Dark (برای روی هدر تیره)
   ═══════════════════════════════════════════════════════════════ */
.nbtn--on-dark,
.nat-btn--on-dark {
    background: rgba(255, 255, 255, 0.10) !important;
    color: #fbf9f3 !important;
    border-color: rgba(255, 255, 255, 0.20) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}
.nbtn--on-dark:hover,
.nat-btn--on-dark:hover {
    background: rgba(217, 154, 43, 0.25) !important;
    border-color: rgba(217, 154, 43, 0.60) !important;
    color: #FFD98A !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(217, 154, 43, 0.25) !important;
}

/* ═══════════════════════════════════════════════════════════════
   Sizes
   ═══════════════════════════════════════════════════════════════ */
.nbtn--sm,
.nat-btn--sm {
    padding: 7px 13px !important;
    font-size: 0.79rem !important;
    min-height: 34px !important;
    border-radius: var(--nbtn-radius-sm) !important;
}
.nbtn--lg,
.nat-btn--lg {
    padding: 13px 26px !important;
    font-size: 0.95rem !important;
    min-height: 48px !important;
    border-radius: var(--nbtn-radius-lg) !important;
}
.nbtn--block,
.nat-btn--block {
    width: 100% !important;
    display: flex !important;
}
.nbtn--icon,
.nat-btn--icon {
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
}
.nbtn--icon.nbtn--sm,
.nat-btn--icon.nat-btn--sm {
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
}

/* ═══════════════════════════════════════════════════════════════
   آیکون‌های داخل دکمه
   ═══════════════════════════════════════════════════════════════ */
.nbtn svg,
.nat-btn svg {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    stroke-width: 2.2 !important;
}

/* ═══════════════════════════════════════════════════════════════
   اعمال روی دکمه‌های موجود در سایت
   ═══════════════════════════════════════════════════════════════ */

/* دکمه‌های عمومی سایت */
.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 10px 18px !important;
    border-radius: var(--nbtn-radius) !important;
    font-family: inherit !important;
    font-size: 0.87rem !important;
    font-weight: 700 !important;
    border: 1.5px solid transparent !important;
    cursor: pointer !important;
    transition: all var(--nbtn-trans) !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    min-height: 40px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.btn--primary {
    background: var(--nbtn-primary-bg) !important;
    color: var(--nbtn-primary-fg) !important;
    box-shadow: var(--nbtn-primary-shadow) !important;
}
.btn--primary:hover {
    background: var(--nbtn-primary-bg-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(15, 54, 65, 0.35) !important;
}

.btn--navy {
    background: var(--nbtn-primary-bg) !important;
    color: var(--nbtn-primary-fg) !important;
    box-shadow: var(--nbtn-primary-shadow) !important;
}
.btn--navy:hover {
    background: var(--nbtn-primary-bg-hover) !important;
    transform: translateY(-2px) !important;
}

.btn--ghost {
    background: var(--nbtn-ghost-bg) !important;
    color: var(--nbtn-ghost-fg) !important;
    border-color: var(--nbtn-ghost-border) !important;
}
.btn--ghost:hover {
    background: var(--nbtn-ghost-bg-hover) !important;
    border-color: var(--nbtn-ghost-border-hover) !important;
    color: #B8791E !important;
    transform: translateY(-2px) !important;
}

.btn--sm {
    padding: 7px 13px !important;
    font-size: 0.79rem !important;
    min-height: 34px !important;
}
.btn--lg {
    padding: 13px 26px !important;
    font-size: 0.95rem !important;
    min-height: 48px !important;
}
.btn--block {
    width: 100% !important;
    display: flex !important;
}

/* ═══════════════════════════════════════════════════════════════
   دکمه‌های صفحهٔ پرداخت و مودال
   ═══════════════════════════════════════════════════════════════ */
.reader-fullpage-btn {
    background: var(--nbtn-soft-bg) !important;
    color: var(--nbtn-soft-fg) !important;
    border: 1.5px solid rgba(42, 110, 128, 0.30) !important;
    border-radius: var(--nbtn-radius) !important;
    padding: 10px 22px !important;
    font-weight: 800 !important;
    transition: all var(--nbtn-trans) !important;
}
.reader-fullpage-btn:hover {
    background: var(--nbtn-soft-bg-hover) !important;
    border-color: var(--nbtn-ghost-border-hover) !important;
    color: #B8791E !important;
    transform: translateY(-2px) !important;
}

.big-like-btn,
.big-dislike-btn {
    border-radius: 100px !important;
    border: 1.5px solid rgba(15, 54, 65, 0.14) !important;
    transition: all var(--nbtn-trans) !important;
    font-weight: 700 !important;
}
.big-like-btn:hover:not(.is-active),
.big-dislike-btn:hover:not(.is-active) {
    border-color: var(--nbtn-gold-bg) !important;
    color: #B8791E !important;
    transform: translateY(-2px) !important;
}

/* ═══════════════════════════════════════════════════════════════
   دکمه‌های پنل مدیریت
   ═══════════════════════════════════════════════════════════════ */

/* دکمه‌های هدر پنل */
.hdr-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    height: 40px !important;
    padding: 0 16px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: var(--nbtn-radius) !important;
    color: #fbf9f3 !important;
    font-family: inherit !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all var(--nbtn-trans) !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}
.hdr-btn:hover {
    background: rgba(217, 154, 43, 0.25) !important;
    border-color: rgba(217, 154, 43, 0.60) !important;
    color: #FFD98A !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(217, 154, 43, 0.25) !important;
}
.hdr-btn--gold {
    background: var(--nbtn-gold-bg) !important;
    color: var(--nbtn-gold-fg) !important;
    border-color: transparent !important;
    font-weight: 800 !important;
    box-shadow: var(--nbtn-gold-shadow) !important;
}
.hdr-btn--gold:hover {
    background: var(--nbtn-gold-bg-hover) !important;
    color: var(--nbtn-gold-fg) !important;
    box-shadow: 0 10px 24px rgba(217, 154, 43, 0.50) !important;
}
.hdr-btn--danger {
    background: rgba(168, 39, 28, 0.20) !important;
    border-color: rgba(168, 39, 28, 0.45) !important;
    color: #f5c6c2 !important;
}
.hdr-btn--danger:hover {
    background: rgba(168, 39, 28, 0.50) !important;
    border-color: #c53030 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(168, 39, 28, 0.40) !important;
}

/* دکمه‌های منوی ساید */
.sub button {
    transition: all var(--nbtn-trans) !important;
    border-radius: var(--nbtn-radius-sm) !important;
}

/* ═══════════════════════════════════════════════════════════════
   دکمه‌های کارت‌های سبد خرید / مودال / سایر
   ═══════════════════════════════════════════════════════════════ */
.ps-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 13px 28px !important;
    border-radius: var(--nbtn-radius-lg) !important;
    font-weight: 800 !important;
    transition: all var(--nbtn-trans) !important;
    border: 1.5px solid transparent !important;
    cursor: pointer !important;
    font-family: inherit !important;
    text-decoration: none !important;
}
.ps-btn--gold {
    background: var(--nbtn-gold-bg) !important;
    color: var(--nbtn-gold-fg) !important;
    box-shadow: var(--nbtn-gold-shadow) !important;
}
.ps-btn--gold:hover {
    background: var(--nbtn-gold-bg-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(217, 154, 43, 0.45) !important;
}
.ps-btn--dark {
    background: var(--nbtn-primary-bg) !important;
    color: var(--nbtn-primary-fg) !important;
    box-shadow: var(--nbtn-primary-shadow) !important;
}
.ps-btn--dark:hover {
    background: var(--nbtn-primary-bg-hover) !important;
    transform: translateY(-2px) !important;
}
.ps-btn--ghost {
    background: var(--nbtn-ghost-bg) !important;
    color: var(--nbtn-ghost-fg) !important;
    border-color: var(--nbtn-ghost-border) !important;
}
.ps-btn--ghost:hover {
    background: var(--nbtn-ghost-bg-hover) !important;
    border-color: var(--nbtn-ghost-border-hover) !important;
    color: #B8791E !important;
    transform: translateY(-2px) !important;
}

/* ═══════════════════════════════════════════════════════════════
   دکمه‌های صفحهٔ ورود و ثبت‌نام
   ═══════════════════════════════════════════════════════════════ */
.auth-submit,
.nat-auth-modal__submit {
    background: var(--nbtn-primary-bg) !important;
    color: var(--nbtn-primary-fg) !important;
    padding: 14px 26px !important;
    border-radius: var(--nbtn-radius-lg) !important;
    font-weight: 800 !important;
    font-size: 0.95rem !important;
    border: none !important;
    cursor: pointer !important;
    transition: all var(--nbtn-trans) !important;
    box-shadow: var(--nbtn-primary-shadow) !important;
    font-family: inherit !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}
.auth-submit:hover,
.nat-auth-modal__submit:hover {
    background: var(--nbtn-primary-bg-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 26px rgba(15, 54, 65, 0.35) !important;
}
.nat-auth-modal__submit--gold {
    background: var(--nbtn-gold-bg) !important;
    color: var(--nbtn-gold-fg) !important;
    box-shadow: var(--nbtn-gold-shadow) !important;
}
.nat-auth-modal__submit--gold:hover {
    background: var(--nbtn-gold-bg-hover) !important;
    box-shadow: 0 10px 26px rgba(217, 154, 43, 0.50) !important;
}

/* ═══════════════════════════════════════════════════════════════
   دکمه‌های کامنت و تعاملات
   ═══════════════════════════════════════════════════════════════ */
.ig-comment-form__submit,
.comment-form__submit {
    background: var(--nbtn-primary-bg) !important;
    color: var(--nbtn-primary-fg) !important;
    border-radius: 100px !important;
    padding: 10px 22px !important;
    font-weight: 800 !important;
    border: none !important;
    cursor: pointer !important;
    transition: all var(--nbtn-trans) !important;
    box-shadow: var(--nbtn-primary-shadow) !important;
}
.ig-comment-form__submit:hover,
.comment-form__submit:hover {
    background: var(--nbtn-primary-bg-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(15, 54, 65, 0.30) !important;
}

/* دکمه‌های ارسال در فرم پرداخت */
.po-submit {
    width: 100% !important;
    padding: 15px !important;
    background: var(--nbtn-gold-bg) !important;
    color: var(--nbtn-gold-fg) !important;
    border-radius: var(--nbtn-radius-lg) !important;
    font-weight: 900 !important;
    font-size: 0.98rem !important;
    border: none !important;
    cursor: pointer !important;
    transition: all var(--nbtn-trans) !important;
    box-shadow: var(--nbtn-gold-shadow) !important;
    font-family: inherit !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}
.po-submit:hover:not(:disabled) {
    background: var(--nbtn-gold-bg-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 26px rgba(217, 154, 43, 0.45) !important;
}

/* ═══════════════════════════════════════════════════════════════
   دکمه‌های پنل — قواعد عمومی برای هر دکمهٔ داخلی
   ═══════════════════════════════════════════════════════════════ */
.sfd-btn, .sfp-btn, .orl-btn, .or-btn, .ofl-btn, .of-btn,
.gw4-btn, .mdr-btn, .lkm-btn, .bz-btn, .ordt-btn, .st-btn,
.adm-btn, .kit-btn, .tb-btn, .panel-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 9px 16px !important;
    border-radius: var(--nbtn-radius) !important;
    font-family: inherit !important;
    font-size: 0.83rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    border: 1.5px solid transparent !important;
    transition: all var(--nbtn-trans) !important;
    white-space: nowrap !important;
    min-height: 38px !important;
    box-sizing: border-box !important;
    text-shadow: none !important;
}
.sfd-btn:hover, .sfp-btn:hover, .orl-btn:hover, .or-btn:hover, .ofl-btn:hover, .of-btn:hover,
.gw4-btn:hover, .mdr-btn:hover, .lkm-btn:hover, .bz-btn:hover, .ordt-btn:hover, .st-btn:hover {
    transform: translateY(-2px) !important;
}

/* دکمه‌های پیش‌فرض طلایی */
.sfd-btn, .sfp-btn, .gw4-btn, .bz-btn, .ordt-btn--gold, .of-btn--gold, .mdr-btn--gold {
    background: var(--nbtn-gold-bg) !important;
    color: var(--nbtn-gold-fg) !important;
    box-shadow: var(--nbtn-gold-shadow) !important;
}
.sfd-btn:hover, .sfp-btn:hover, .gw4-btn:hover, .bz-btn:hover, .ordt-btn--gold:hover {
    background: var(--nbtn-gold-bg-hover) !important;
    box-shadow: 0 8px 22px rgba(217, 154, 43, 0.45) !important;
}

/* دکمه‌های موفقیت */
.sfp-btn--green, .ordt-btn--green, .orl-btn--green, .ofl-btn--green,
.of-btn--green, .mdr-btn--green, .lkm-btn--green, .ordt-btn--green,
.bz-btn--green, .st-btn--green {
    background: var(--nbtn-success-bg) !important;
    color: var(--nbtn-success-fg) !important;
    box-shadow: var(--nbtn-success-shadow) !important;
}
.sfp-btn--green:hover, .ordt-btn--green:hover, .orl-btn--green:hover,
.ofl-btn--green:hover, .of-btn--green:hover, .mdr-btn--green:hover,
.lkm-btn--green:hover, .bz-btn--green:hover {
    background: var(--nbtn-success-bg-hover) !important;
    box-shadow: 0 8px 22px rgba(26, 127, 55, 0.40) !important;
}

/* دکمه‌های خطر */
.sfp-btn--red, .ordt-btn--red, .orl-btn--red, .ofl-btn--red,
.of-btn--red, .mdr-btn--red, .lkm-btn--red, .bz-btn--red,
.sfd-btn--red, .st-btn--red {
    background: var(--nbtn-danger-bg) !important;
    color: var(--nbtn-danger-fg) !important;
    box-shadow: var(--nbtn-danger-shadow) !important;
}
.sfp-btn--red:hover, .ordt-btn--red:hover, .orl-btn--red:hover,
.ofl-btn--red:hover, .of-btn--red:hover, .mdr-btn--red:hover,
.lkm-btn--red:hover, .bz-btn--red:hover {
    background: var(--nbtn-danger-bg-hover) !important;
    box-shadow: 0 8px 22px rgba(197, 48, 48, 0.45) !important;
}

/* دکمه‌های سفید/خطی در پنل */
.sfp-btn--ghost, .ordt-btn--ghost, .orl-btn--ghost, .ofl-btn--ghost,
.of-btn--ghost, .mdr-btn--ghost, .lkm-btn--ghost, .bz-btn--ghost,
.sfd-btn--ghost, .sfd-btn--ghost-dark, .st-btn--ghost {
    background: var(--nbtn-ghost-bg) !important;
    color: var(--nbtn-ghost-fg) !important;
    border-color: var(--nbtn-ghost-border) !important;
}
.sfp-btn--ghost:hover, .ordt-btn--ghost:hover, .orl-btn--ghost:hover,
.ofl-btn--ghost:hover, .of-btn--ghost:hover, .mdr-btn--ghost:hover,
.lkm-btn--ghost:hover, .bz-btn--ghost:hover, .sfd-btn--ghost:hover {
    background: var(--nbtn-ghost-bg-hover) !important;
    border-color: var(--nbtn-ghost-border-hover) !important;
    color: #B8791E !important;
}

/* دکمه‌های بنفش (ناظم) */
.mdr-btn--purple, .st-btn--purple {
    background: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(139, 92, 246, 0.30) !important;
}
.mdr-btn--purple:hover, .st-btn--purple:hover {
    background: linear-gradient(135deg, #9B6FF8 0%, #7C3AED 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(139, 92, 246, 0.45) !important;
}

/* دکمه‌های small در پنل */
.sfd-btn--sm, .sfp-btn--sm, .orl-btn--sm, .ordt-btn--sm,
.ofl-btn--sm, .of-btn--sm, .mdr-btn--sm, .lkm-btn--sm,
.bz-btn--sm, .st-btn--sm {
    padding: 6px 12px !important;
    font-size: 0.75rem !important;
    min-height: 32px !important;
}

/* ═══════════════════════════════════════════════════════════════
   دکمه‌های آیکونی گرد (مثل toggle درگاه‌ها)
   ═══════════════════════════════════════════════════════════════ */
.gw-toggle-btn,
.gw4-toggle,
.gw-mini,
.gw4-mini,
.of-close,
.spl-icon,
.orl-icon {
    display: inline-grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    border-radius: var(--nbtn-radius) !important;
    border: 1.5px solid transparent !important;
    cursor: pointer !important;
    transition: all var(--nbtn-trans) !important;
    padding: 0 !important;
    background: #ffffff !important;
    border-color: rgba(15, 54, 65, 0.12) !important;
    color: #0F3641 !important;
    box-sizing: border-box !important;
}
.gw-toggle-btn:hover,
.gw4-toggle:hover,
.gw-mini:hover,
.gw4-mini:hover,
.spl-icon:hover {
    background: #faf7ee !important;
    border-color: var(--nbtn-ghost-border-hover) !important;
    color: #B8791E !important;
    transform: translateY(-2px) scale(1.05) !important;
}
.gw-toggle-btn.on,
.gw4-toggle.on,
.gw-toggle-btn.is-on {
    background: var(--nbtn-success-bg) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: var(--nbtn-success-shadow) !important;
}
.gw-toggle-btn.off,
.gw4-toggle.off {
    background: rgba(197, 48, 48, 0.10) !important;
    color: #c53030 !important;
    border-color: rgba(197, 48, 48, 0.30) !important;
}
.gw-toggle-btn.off:hover,
.gw4-toggle.off:hover {
    background: var(--nbtn-danger-bg) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

.gw-toggle-btn svg,
.gw4-toggle svg,
.gw-mini svg,
.gw4-mini svg,
.spl-icon svg {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 2.4 !important;
}

/* ═══════════════════════════════════════════════════════════════
   دکمه‌های badge / chips / tabs
   ═══════════════════════════════════════════════════════════════ */
.section-tabs button,
.st-tab,
.ordt-tab {
    transition: all var(--nbtn-trans) !important;
    font-weight: 700 !important;
    border-radius: var(--nbtn-radius) !important;
}
.st-tab:hover,
.ordt-tab:hover {
    transform: translateY(-1px) !important;
}
.section-tabs button.is-active,
.st-tab.is-active,
.ordt-tab.is-active {
    background: var(--nbtn-primary-bg) !important;
    color: var(--nbtn-primary-fg) !important;
    box-shadow: var(--nbtn-primary-shadow) !important;
}

/* ═══════════════════════════════════════════════════════════════
   بهبود خوانایی متن روی پس‌زمینه‌های تیره
   ═══════════════════════════════════════════════════════════════ */
.hdr-btn,
.nbtn--on-dark,
.nat-btn--on-dark {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.20) !important;
}

/* ═══════════════════════════════════════════════════════════════
   ریست کردن دکمه‌های مرورگر
   ═══════════════════════════════════════════════════════════════ */
button {
    font-family: inherit !important;
}
button:focus {
    outline: none !important;
}
button:focus-visible {
    outline: 3px solid rgba(42, 110, 128, 0.40) !important;
    outline-offset: 2px !important;
}

/* ═══════════════════════════════════════════════════════════════
   موبایل — تنظیمات ریسپانسیو
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
    .nbtn,
    .nat-btn,
    .btn {
        padding: 9px 14px !important;
        font-size: 0.82rem !important;
        min-height: 38px !important;
    }
    .nbtn--lg,
    .nat-btn--lg,
    .btn--lg {
        padding: 11px 20px !important;
        font-size: 0.9rem !important;
        min-height: 44px !important;
    }
}
/* ═══════════════════════════════════════════════════════
   NAT-PANEL-GUARD — قفل چیدمان پنل
   این قوانین تضمین می‌کنند ستون کناری و هدر همیشه بمانند
   ═══════════════════════════════════════════════════════ */

/* ═══ چیدمان اصلی پنل ═══ */
body.admin-body .app,
.app {
    display: grid !important;
    grid-template-columns: 270px 1fr !important;
    grid-template-rows: 68px 1fr !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ═══ هدر — تمام عرض بالا ═══ */
.hdr,
header.hdr {
    display: flex !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 68px !important;
    position: relative !important;
    z-index: 800 !important;
}

/* ═══ ستون کناری — همیشه بماند ═══ */
.side,
aside.side {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    overflow-y: auto !important;
    z-index: 900 !important;
}

/* ═══ محتوای اصلی ═══ */
.main,
main.main {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    overflow-y: auto !important;
}

/* ═══ موبایل — ستون کناری کنار می‌رود ولی با دکمه برمی‌گردد ═══ */
@media (max-width: 1000px) {
    body.admin-body .app,
    .app {
        grid-template-columns: 1fr !important;
    }
    .side,
    aside.side {
        position: fixed !important;
        top: 68px !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 290px !important;
        max-width: 88vw !important;
        transform: translateX(105%) !important;
        transition: transform .3s !important;
        grid-column: auto !important;
        grid-row: auto !important;
    }
    .side.is-open,
    aside.side.is-open {
        transform: translateX(0) !important;
    }
    .main,
    main.main {
        grid-column: 1 !important;
    }
}

/* ═══ کارت‌های تبلیغات — هم‌ترازی ═══ */
.adw-slots {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
    gap: 12px !important;
}
.adw-slot {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: 200px !important;
}
.adw-slot__head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

/* ═══ جدول تبلیغات — هم‌تراز ═══ */
.adw-table {
    width: 100% !important;
    table-layout: fixed !important;
}
.adw-table th,
.adw-table td {
    vertical-align: middle !important;
}

/* ═══ پاپ‌آپ — فرم جدید ═══ */
.pop-form {
    background: #fff !important;
    border: 1px solid rgba(15,54,65,.10) !important;
    border-radius: 14px !important;
    padding: 20px !important;
    margin-bottom: 18px !important;
}
.pop-form__grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap: 14px !important;
}
.pop-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}
.pop-field label {
    font-size: .82rem !important;
    font-weight: 800 !important;
    color: #0F1F38 !important;
}
.pop-field input,
.pop-field select,
.pop-field textarea {
    padding: 10px 14px !important;
    border: 1.5px solid #d8d2be !important;
    border-radius: 10px !important;
    font-family: inherit !important;
    font-size: .88rem !important;
    background: #fff !important;
    outline: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.pop-field input:focus,
.pop-field select:focus {
    border-color: #2A6E80 !important;
    box-shadow: 0 0 0 3px rgba(42,110,128,.10) !important;
}
/* GUARD */
/* ═══════════════════════════════════════════════════════
   NAT-POPUP-COMPACT — فرم پاپ‌آپ فشرده و زیبا
   ═══════════════════════════════════════════════════════ */
.pop-wrap {
    max-width: 100% !important;
    gap: 12px !important;
}

/* کارت‌های پاپ‌آپ */
.pop-card {
    padding: 14px 16px !important;
    border-radius: 12px !important;
    background: #fff !important;
    border: 1px solid rgba(15,54,65,.08) !important;
}

/* سرصفحه کارت */
.pop-head {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(217,154,43,.18) !important;
}
.pop-head h2 {
    font-size: .92rem !important;
    margin: 0 !important;
    flex: 1 !important;
    color: #0F1F38 !important;
    font-weight: 900 !important;
}
.pop-head .icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    font-size: .95rem !important;
}

/* فرم */
.pop-form {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    margin-bottom: 0 !important;
}

/* گرید فشرده — ۲ ستونه */
.pop-form__grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px 14px !important;
}
@media (max-width: 700px) {
    .pop-form__grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
}

/* فیلدها */
.pop-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}
.pop-field label {
    font-size: .74rem !important;
    font-weight: 800 !important;
    color: #0F1F38 !important;
    line-height: 1.4 !important;
}
.pop-field input,
.pop-field select,
.pop-field textarea {
    padding: 8px 11px !important;
    border: 1.5px solid #d8d2be !important;
    border-radius: 8px !important;
    font-family: inherit !important;
    font-size: .84rem !important;
    background: #fff !important;
    outline: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    height: 36px !important;
    line-height: 1 !important;
}
.pop-field textarea {
    height: auto !important;
    min-height: 60px !important;
}
.pop-field input:focus,
.pop-field select:focus,
.pop-field textarea:focus {
    border-color: #2A6E80 !important;
    box-shadow: 0 0 0 3px rgba(42,110,128,.10) !important;
}
/* فیلد تمام‌عرض */
.pop-field[style*="grid-column:1/-1"] {
    grid-column: 1 / -1 !important;
}

/* آپلود — دکمه کوچک‌تر */
.pop-field label[style*="display:inline-flex"] {
    padding: 8px 14px !important;
    font-size: .76rem !important;
    border-radius: 8px !important;
    height: 36px !important;
    box-sizing: border-box !important;
}

/* چک‌باکس‌ها */
.pop-field label[style*="cursor:pointer"] {
    padding: 8px 10px !important;
    background: #faf7ee !important;
    border-radius: 8px !important;
    font-size: .82rem !important;
    height: 36px !important;
    box-sizing: border-box !important;
    justify-content: flex-start !important;
}
.pop-field label[style*="cursor:pointer"] input[type=checkbox] {
    margin: 0 !important;
}

/* دکمه‌های پایین فرم */
.pop-card form > div[style*="margin-top:20px"] {
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(15,54,65,.06) !important;
}

/* دکمه‌ها */
.pop-btn {
    padding: 9px 20px !important;
    font-size: .82rem !important;
    border-radius: 9px !important;
    height: 38px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.pop-btn--sm {
    padding: 6px 12px !important;
    font-size: .74rem !important;
    height: 32px !important;
}

/* سوییچ */
.pop-toggle {
    padding: 10px 14px !important;
    gap: 10px !important;
    border-radius: 10px !important;
}
.pop-toggle__text strong {
    font-size: .88rem !important;
}
.pop-toggle__text span {
    font-size: .74rem !important;
}
.pop-switch {
    width: 46px !important;
    height: 26px !important;
}
.pop-switch::after {
    width: 20px !important;
    height: 20px !important;
    top: 3px !important;
    right: 3px !important;
}
.pop-toggle.is-on .pop-switch::after {
    right: 23px !important;
}

/* جدول لیست پاپ‌آپ‌ها */
.pop-table th {
    padding: 10px 10px !important;
    font-size: .72rem !important;
}
.pop-table td {
    padding: 9px 10px !important;
    font-size: .82rem !important;
}
.pop-thumb {
    width: 60px !important;
    height: 38px !important;
}

/* Empty state */
.pop-empty {
    padding: 32px 20px !important;
}
.pop-empty h3 {
    font-size: 1rem !important;
}

/* ═══ فشرده‌سازی کارت‌های جایگاه تبلیغات (ادامه v3) ═══ */
.adw-slots {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap: 10px !important;
}
.adw-slot {
    min-height: 170px !important;
    padding: 12px 14px !important;
}
.adw-slot__name {
    font-size: .86rem !important;
}
.adw-slot__dim {
    font-size: .68rem !important;
    margin-top: 3px !important;
}
.adw-slot__count {
    padding: 3px 9px !important;
    font-size: .66rem !important;
    margin-top: 6px !important;
}
.adw-slot__actions {
    margin-top: 8px !important;
    gap: 5px !important;
}
.adw-btn--sm {
    padding: 5px 11px !important;
    font-size: .72rem !important;
}
.adw-switch {
    width: 42px !important;
    height: 24px !important;
}
.adw-switch::after {
    width: 18px !important;
    height: 18px !important;
    top: 3px !important;
    right: 3px !important;
}
.adw-switch.is-on::after {
    right: 21px !important;
}

/* ═══ هدر اداری — فشرده ═══ */
.adw-head {
    padding: 12px 16px !important;
}
.adw-head h1 {
    font-size: .96rem !important;
}
.adw-head .ic {
    width: 34px !important;
    height: 34px !important;
    font-size: 1rem !important;
}

/* ═══ جدول تبلیغات — فشرده ═══ */
.adw-table th {
    padding: 10px 10px !important;
    font-size: .74rem !important;
}
.adw-table td {
    padding: 9px 10px !important;
    font-size: .82rem !important;
}
.adw-thumb {
    width: 60px !important;
    height: 40px !important;
}
/* NAT-POPUP-COMPACT-END */

/* ═══════════════════════════════════════════════════════
   NAT-POPUP-FIX-V5 — فرم پاپ‌آپ فشرده و استاندارد
   ═══════════════════════════════════════════════════════ */
.pop-wrap { max-width: 100% !important; gap: 12px !important; }

.pop-card {
    padding: 14px 16px !important;
    border-radius: 12px !important;
    background: #fff !important;
    border: 1px solid rgba(15,54,65,.08) !important;
}

.pop-head {
    display: flex !important; align-items: center !important; gap: 10px !important;
    margin-bottom: 12px !important; padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(217,154,43,.18) !important;
}
.pop-head h2 { font-size: .92rem !important; margin: 0 !important; flex: 1 !important; color: #0F1F38 !important; font-weight: 900 !important; }
.pop-head .icon { width: 32px !important; height: 32px !important; border-radius: 8px !important; font-size: .95rem !important; }

/* ═══ گرید ۲ ستونه — مرتب ═══ */
.pop-form__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 14px !important;
}
@media (max-width: 700px) { .pop-form__grid { grid-template-columns: 1fr !important; } }

/* فیلد تمام عرض */
.pop-field--full { grid-column: 1 / -1 !important; }

.pop-field {
    display: flex !important; flex-direction: column !important; gap: 4px !important;
    min-width: 0 !important;
}
.pop-field > label {
    font-size: .76rem !important; font-weight: 800 !important; color: #0F1F38 !important;
    line-height: 1.4 !important; margin: 0 0 2px 0 !important; display: block !important;
}

/* ⚠️ فقط input/select/textarea معمولی — نه checkbox */
.pop-field input:not([type="checkbox"]):not([type="radio"]),
.pop-field select,
.pop-field textarea {
    padding: 8px 11px !important;
    border: 1.5px solid #d8d2be !important;
    border-radius: 8px !important;
    font-family: inherit !important;
    font-size: .84rem !important;
    background: #fff !important;
    outline: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    height: 36px !important;
    line-height: 1.2 !important;
}
.pop-field textarea { height: auto !important; min-height: 70px !important; }
.pop-field input:not([type="checkbox"]):focus,
.pop-field select:focus,
.pop-field textarea:focus {
    border-color: #2A6E80 !important;
    box-shadow: 0 0 0 3px rgba(42,110,128,.10) !important;
}

/* ═══ تیک‌باکس — کوچک و منظم ═══ */
.pop-check {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 12px !important;
    background: #faf7ee !important;
    border: 1px solid rgba(15,54,65,.08) !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    font-size: .82rem !important;
    font-weight: 700 !important;
    color: #0F1F38 !important;
    height: 36px !important;
    box-sizing: border-box !important;
    user-select: none !important;
    transition: all .18s ease !important;
    width: 100% !important;
    justify-content: flex-start !important;
}
.pop-check:hover { border-color: #D99A2B !important; background: #f5efdc !important; }
.pop-check input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    accent-color: #D99A2B !important;
    transform: none !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    border-radius: 3px !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    box-sizing: border-box !important;
}
.pop-check span { font-size: .82rem !important; line-height: 1 !important; }

/* ═══ آپلود — کوچک و مرتب ═══ */
.pop-upload {
    display: flex !important;
    gap: 8px !important;
    align-items: stretch !important;
}
.pop-upload input[type="text"] { flex: 1 !important; min-width: 0 !important; }
.pop-upload__btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 0 14px !important;
    background: linear-gradient(135deg,#D99A2B,#8B5E14) !important;
    color: #1a1e22 !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
    font-size: .78rem !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    height: 36px !important;
    box-sizing: border-box !important;
    border: none !important;
    flex-shrink: 0 !important;
}
.pop-upload__btn--video { background: linear-gradient(135deg,#0F3641,#2A6E80) !important; color: #fbf9f3 !important; }

/* ═══ دکمه‌ها ═══ */
.pop-btn {
    padding: 9px 20px !important;
    font-size: .82rem !important;
    border-radius: 9px !important;
    height: 38px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    border: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    font-family: inherit !important;
    font-weight: 800 !important;
    transition: all .2s !important;
}
.pop-btn--gold { background: linear-gradient(135deg,#D99A2B,#8B5E14) !important; color: #1a1e22 !important; }
.pop-btn--gold:hover { transform: translateY(-1px) !important; box-shadow: 0 6px 16px rgba(217,154,43,.30) !important; }
.pop-btn--ghost { background: #fff !important; color: #0F1F38 !important; border: 1.5px solid #d8d2be !important; }
.pop-btn--ghost:hover { border-color: #D99A2B !important; background: #faf7ee !important; }
.pop-btn--danger { background: rgba(168,39,28,.10) !important; color: #a8271c !important; border: 1.5px solid rgba(168,39,28,.28) !important; }
.pop-btn--danger:hover { background: #a8271c !important; color: #fff !important; }
.pop-btn--sm { padding: 6px 12px !important; font-size: .74rem !important; height: 32px !important; }

/* ═══ سوییچ ═══ */
.pop-toggle {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    background: linear-gradient(135deg,#faf7ee,#f5f0e3) !important;
    border: 1px solid rgba(217,154,43,.20) !important;
    border-radius: 10px !important;
    cursor: pointer !important;
}
.pop-toggle.is-on { background: linear-gradient(135deg,rgba(26,127,55,.10),rgba(26,127,55,.04)) !important; border-color: rgba(26,127,55,.30) !important; }
.pop-switch { position: relative !important; width: 48px !important; height: 26px !important; background: #ccc !important; border-radius: 100px !important; transition: .3s !important; flex-shrink: 0 !important; }
.pop-switch::after { content: '' !important; position: absolute !important; top: 3px !important; right: 3px !important; width: 20px !important; height: 20px !important; background: #fff !important; border-radius: 50% !important; transition: .3s !important; }
.pop-toggle.is-on .pop-switch { background: linear-gradient(135deg,#1a7f37,#0d5f27) !important; }
.pop-toggle.is-on .pop-switch::after { right: 25px !important; }
.pop-toggle__text strong { display: block !important; font-size: .88rem !important; color: #0F1F38 !important; font-weight: 900 !important; }
.pop-toggle__text span { font-size: .74rem !important; color: #8a7d63 !important; }

/* ═══ جدول ═══ */
.pop-table { width: 100% !important; border-collapse: collapse !important; background: #fff !important; border-radius: 12px !important; overflow: hidden !important; }
.pop-table th { background: linear-gradient(135deg,#0F1F38,#0F3641) !important; color: #fbf9f3 !important; padding: 10px 10px !important; text-align: right !important; font-size: .72rem !important; font-weight: 800 !important; }
.pop-table td { padding: 9px 10px !important; border-bottom: 1px solid rgba(15,54,65,.06) !important; font-size: .82rem !important; vertical-align: middle !important; }
.pop-thumb { width: 60px !important; height: 38px !important; border-radius: 6px !important; background: #f0e9d8 center/cover !important; border: 1px solid rgba(15,54,65,.10) !important; }
.pop-empty { padding: 32px 20px !important; text-align: center !important; color: #8a7d63 !important; background: #faf7ee !important; border-radius: 12px !important; border: 1px dashed rgba(15,54,65,.15) !important; }
.pop-empty h3 { font-size: 1rem !important; color: #0F1F38 !important; margin: 12px 0 6px !important; }

/* ═══ فشرده‌سازی کارت‌های تبلیغات ═══ */
.adw-slots { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; gap: 10px !important; }
.adw-slot { min-height: 170px !important; padding: 12px 14px !important; }
.adw-slot__name { font-size: .86rem !important; }
.adw-slot__dim { font-size: .68rem !important; margin-top: 3px !important; }
.adw-slot__count { padding: 3px 9px !important; font-size: .66rem !important; margin-top: 6px !important; }
.adw-slot__actions { margin-top: 8px !important; gap: 5px !important; }
.adw-btn--sm { padding: 5px 11px !important; font-size: .72rem !important; }
.adw-switch { width: 42px !important; height: 24px !important; }
.adw-switch::after { width: 18px !important; height: 18px !important; top: 3px !important; right: 3px !important; }
.adw-switch.is-on::after { right: 21px !important; }
.adw-head { padding: 12px 16px !important; }
.adw-head h1 { font-size: .96rem !important; }
.adw-head .ic { width: 34px !important; height: 34px !important; font-size: 1rem !important; }
.adw-table th { padding: 10px 10px !important; font-size: .74rem !important; }
.adw-table td { padding: 9px 10px !important; font-size: .82rem !important; }
.adw-thumb { width: 60px !important; height: 40px !important; }
/* NAT-POPUP-FIX-V5-END */
/* ═══════════════════════════════════════════════════════
   NAT-V7-LAYOUT-LOCK — قفل شدید چیدمان پنل
   ═══════════════════════════════════════════════════════ */
body, html {
    overflow-x: hidden !important;
}

.app, body > .app, .app[class] {
    display: grid !important;
    grid-template-columns: 270px minmax(0, 1fr) !important;
    grid-template-rows: 68px minmax(0, 1fr) !important;
    height: 100vh !important;
    width: 100vw !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* هدر */
.hdr, header.hdr, .app > .hdr {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 68px !important;
    height: 68px !important;
    position: relative !important;
    z-index: 100 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ستون کناری */
.side, aside.side, .app > .side, aside[class*="side"] {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    min-width: 0 !important;
    max-width: 270px !important;
    width: 270px !important;
    position: relative !important;
    z-index: 50 !important;
    box-sizing: border-box !important;
    height: 100% !important;
}

/* محتوای اصلی */
.main, main.main, .app > .main, main[class*="main"] {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: block !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    min-width: 0 !important;
    width: 100% !important;
    position: relative !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
    height: 100% !important;
}

/* موبایل */
@media (max-width: 1000px) {
    .app, body > .app {
        grid-template-columns: 1fr !important;
    }
    .side, aside.side {
        position: fixed !important;
        top: 68px !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 290px !important;
        max-width: 88vw !important;
        transform: translateX(105%) !important;
        transition: transform .3s !important;
        grid-column: auto !important;
        grid-row: auto !important;
        z-index: 900 !important;
    }
    .side.is-open, aside.side.is-open {
        transform: translateX(0) !important;
    }
    .main, main.main {
        grid-column: 1 !important;
    }
}

/* ═══ محافظت: اگر main داخل main باز شود ═══ */
#mainArea, .main {
    contain: layout style !important;
}
/* ═══ اگر کسی سعی کرد main را از grid خارج کند ═══ */
body.force-layout .app {
    display: grid !important;
}
/* NAT-V7-LAYOUT-LOCK-END */

/* ═══════════════════════════════════════════════════════════════
   NAT-BUTTONS-V2 — دکمه‌های گوشه کم‌خمیده (سراسر سایت)
   گوشه: 5px (نه گرد، نه صاف)
   ═══════════════════════════════════════════════════════════════ */

/* ═══ دکمه پایه ═══ */
.nat-btn,
.hp-btn,
.adw-btn,
.pop-btn,
.ext-btn,
.header__entry,
.nav-btn,
.btn,
a.btn,
button.btn,
input[type="submit"],
input[type="button"],
[data-nat-btn] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    padding: 9px 18px !important;
    border-radius: 5px !important;   /* ← کمی خمیده */
    border: 1.5px solid transparent !important;

    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
    font-size: .84rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    cursor: pointer !important;
    user-select: none !important;
    box-sizing: border-box !important;

    transition: all .2s ease !important;
    min-height: 36px !important;
    height: auto !important;
    aspect-ratio: auto !important;
    width: auto !important;
}

/* ═══ نسخه کوچک ═══ */
.nat-btn--sm,
.hp-btn--sm,
.adw-btn--sm,
.pop-btn--sm,
.ext-btn--sm,
.btn--sm {
    padding: 6px 12px !important;
    font-size: .74rem !important;
    border-radius: 4px !important;
    min-height: 30px !important;
    gap: 4px !important;
}

/* ═══ نسخه بزرگ ═══ */
.nat-btn--lg,
.hp-btn--lg,
.btn--lg {
    padding: 12px 26px !important;
    font-size: .92rem !important;
    border-radius: 6px !important;
    min-height: 44px !important;
}

/* ═══════════════════════════════════════════════════════════
   رنگ‌بندی
   ═══════════════════════════════════════════════════════════ */

/* طلایی */
.nat-btn--gold,
.hp-btn--gold,
.adw-btn--gold,
.pop-btn--gold,
.ext-btn--gold,
.btn--gold,
.btn--primary {
    background: linear-gradient(135deg, #D99A2B 0%, #8B5E14 100%) !important;
    color: #1a1e22 !important;
    border-color: transparent !important;
    box-shadow: 0 1px 3px rgba(217,154,43,.20) !important;
}
.nat-btn--gold:hover,
.hp-btn--gold:hover,
.adw-btn--gold:hover,
.pop-btn--gold:hover,
.ext-btn--gold:hover,
.btn--gold:hover,
.btn--primary:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(217,154,43,.35) !important;
}

/* سرمه‌ای */
.nat-btn--navy,
.hp-btn--navy,
.adw-btn--navy,
.pop-btn--navy,
.ext-btn--navy,
.btn--navy,
.btn--secondary {
    background: linear-gradient(135deg, #0F1F38 0%, #0F3641 100%) !important;
    color: #fbf9f3 !important;
    border-color: transparent !important;
    box-shadow: 0 1px 3px rgba(15,31,56,.15) !important;
}
.nat-btn--navy:hover,
.hp-btn--navy:hover,
.adw-btn--navy:hover,
.pop-btn--navy:hover,
.ext-btn--navy:hover,
.btn--navy:hover,
.btn--secondary:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(15,31,56,.30) !important;
}

/* شیشه‌ای / سفید */
.nat-btn--ghost,
.hp-btn--ghost,
.adw-btn--ghost,
.pop-btn--ghost,
.ext-btn--ghost,
.btn--ghost {
    background: #fff !important;
    color: #0F1F38 !important;
    border-color: #d8d2be !important;
}
.nat-btn--ghost:hover,
.hp-btn--ghost:hover,
.adw-btn--ghost:hover,
.pop-btn--ghost:hover,
.ext-btn--ghost:hover,
.btn--ghost:hover {
    background: #faf7ee !important;
    border-color: #D99A2B !important;
    color: #8B5E14 !important;
}

/* سبز */
.nat-btn--green,
.hp-btn--green,
.adw-btn--green,
.pop-btn--green,
.ext-btn--green,
.btn--green,
.btn--success {
    background: linear-gradient(135deg, #1a7f37 0%, #0d5f27 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
}
.nat-btn--green:hover,
.hp-btn--green:hover,
.adw-btn--green:hover,
.pop-btn--green:hover,
.ext-btn--green:hover,
.btn--green:hover,
.btn--success:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(26,127,55,.30) !important;
}

/* قرمز */
.nat-btn--danger,
.hp-btn--danger,
.adw-btn--danger,
.pop-btn--danger,
.ext-btn--danger,
.btn--danger {
    background: rgba(168,39,28,.06) !important;
    color: #a8271c !important;
    border-color: rgba(168,39,28,.20) !important;
}
.nat-btn--danger:hover,
.hp-btn--danger:hover,
.adw-btn--danger:hover,
.pop-btn--danger:hover,
.ext-btn--danger:hover,
.btn--danger:hover {
    background: #a8271c !important;
    color: #fff !important;
    border-color: #a8271c !important;
}

/* ═══════════════════════════════════════════════════════════
   دکمه‌های آیکونی — بدون کادر
   ═══════════════════════════════════════════════════════════ */

/* دکمه‌های آیکونی (بدون متن، فقط آیکون) */
.nat-btn--icon,
.hp-btn--icon,
.btn--icon,
button[class*="icon-btn"],
a[class*="icon-btn"] {
    padding: 8px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 5px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* دکمه‌های آیکونی در جدول‌ها (ویرایش، حذف) */
.adw-mini,
.hp-mini,
.ad-mini,
.ext-mini,
.hp-mini--danger,
.adw-mini--danger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;

    border-radius: 5px !important;
    aspect-ratio: auto !important;
    padding: 0 !important;

    background: transparent !important;
    border: 1px solid rgba(15,54,65,.12) !important;
    color: #0F1F38 !important;

    font-size: .82rem !important;
    cursor: pointer !important;
    transition: all .2s !important;
}

.adw-mini:hover,
.hp-mini:hover,
.ad-mini:hover,
.ext-mini:hover {
    background: #faf7ee !important;
    border-color: #D99A2B !important;
    color: #8B5E14 !important;
}

.hp-mini--danger:hover,
.adw-mini--danger:hover {
    background: #fceceb !important;
    border-color: #a8271c !important;
    color: #a8271c !important;
}

/* ═══════════════════════════════════════════════════════════
   چیپ‌های فیلتر
   ═══════════════════════════════════════════════════════════ */
.hero-filter-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;

    padding: 6px 12px !important;
    border-radius: 5px !important;

    background: #fff !important;
    color: #0F1F38 !important;
    border: 1.5px solid rgba(15,54,65,.12) !important;

    font-family: inherit !important;
    font-size: .76rem !important;
    font-weight: 800 !important;

    cursor: pointer !important;
    transition: all .2s !important;
    white-space: nowrap !important;
}
.hero-filter-chip:hover {
    border-color: #D99A2B !important;
    background: #faf7ee !important;
    color: #8B5E14 !important;
}
.hero-filter-chip.is-active {
    background: linear-gradient(135deg, #0F1F38 0%, #0F3641 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
}

/* ═══════════════════════════════════════════════════════════
   دکمه‌های جستجو
   ═══════════════════════════════════════════════════════════ */
#heroQBtnV2,
#heroQBtn,
#heroQClearV2,
button[id*="Search"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 9px 20px !important;
    min-width: 90px !important;
    height: auto !important;

    background: linear-gradient(135deg, #D99A2B 0%, #8B5E14 100%) !important;
    color: #1a1e22 !important;

    border: 1.5px solid transparent !important;
    border-radius: 5px !important;

    font-family: inherit !important;
    font-size: .82rem !important;
    font-weight: 800 !important;

    cursor: pointer !important;
    transition: all .2s !important;
}
#heroQBtnV2:hover,
#heroQBtn:hover,
button[id*="Search"]:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(217,154,43,.35) !important;
}

#heroQClearV2 {
    background: #fff !important;
    color: #0F1F38 !important;
    border-color: #d8d2be !important;
    min-width: 40px !important;
    padding: 9px 12px !important;
}
#heroQClearV2:hover {
    background: #faf7ee !important;
    border-color: #D99A2B !important;
    color: #8B5E14 !important;
}

/* ═══════════════════════════════════════════════════════════
   دکمه‌های «افزودن» در نتایج جستجو — مستطیلی گوشه کم
   ═══════════════════════════════════════════════════════════ */
.hero-search-result__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;

    width: auto !important;
    height: auto !important;
    min-width: 65px !important;
    min-height: 28px !important;
    max-width: none !important;
    max-height: none !important;

    aspect-ratio: auto !important;
    border-radius: 5px !important;

    padding: 5px 12px !important;

    background: linear-gradient(135deg, #D99A2B 0%, #8B5E14 100%) !important;
    color: #1a1e22 !important;
    border: 1.5px solid transparent !important;

    font-family: inherit !important;
    font-size: 0 !important;   /* حذف کاراکترهای قبلی مثل + */
    font-weight: 800 !important;
    line-height: 1.2 !important;

    cursor: pointer !important;
    box-shadow: 0 1px 3px rgba(217,154,43,.20) !important;
    transition: all .2s !important;
}
.hero-search-result__btn::before {
    content: 'افزودن' !important;
    font-size: .72rem !important;
    font-weight: 800 !important;
    display: inline !important;
}
.hero-search-result__btn:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(217,154,43,.35) !important;
}
.hero-search-result__btn:disabled {
    opacity: .5 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* ═══════════════════════════════════════════════════════════
   دکمه‌های Toggle (سوئیچ) — استثنا: گرد
   ═══════════════════════════════════════════════════════════ */
.nat-toggle,
.adw-switch,
.pop-switch,
.hp-switch,
.gw-switch {
    border-radius: 100px !important;
}

/* ═══════════════════════════════════════════════════════════
   Focus
   ═══════════════════════════════════════════════════════════ */
button:focus,
a:focus,
.nat-btn:focus {
    outline: 2px solid rgba(217,154,43,.4) !important;
    outline-offset: 2px !important;
}

button:disabled,
.nat-btn:disabled,
.hp-btn:disabled {
    opacity: .5 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* ═══════════════════════════════════════════════════════════
   ریسپانسیو
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
    .nat-btn, .hp-btn, .btn, a.btn {
        font-size: .78rem !important;
        padding: 8px 14px !important;
    }
    .hero-filter-chip {
        font-size: .72rem !important;
        padding: 5px 10px !important;
    }
    .hero-search-result__btn {
        min-width: 55px !important;
        padding: 5px 10px !important;
    }
    .hero-search-result__btn::before {
        font-size: .68rem !important;
    }
}


/* ═══════════════════════════════════════════════════════════════
   NAT-PLUS-BUTTONS — دکمه‌های + مدرن بدون کادر
   ═══════════════════════════════════════════════════════════════ */

/* ═══ دکمه افزودن در نتایج جستجو ═══ */
.hero-search-result__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;

    border-radius: 6px !important;
    padding: 0 !important;
    border: none !important;
    aspect-ratio: 1 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;

    color: #8B5E14 !important;

    font-family: inherit !important;
    font-size: 0 !important;   /* پاک کردن متن قبلی */
    line-height: 1 !important;

    cursor: pointer !important;
    transition: all .22s cubic-bezier(.4,0,.2,1) !important;

    position: relative !important;
    overflow: visible !important;
}

/* حذف pseudo قدیمی */
.hero-search-result__btn::before {
    content: none !important;
    display: none !important;
}

/* آیکون + ساخته‌شده با SVG-like (بدون تصویر) */
.hero-search-result__btn::after {
    content: '+' !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    color: #8B5E14 !important;

    transition: all .25s cubic-bezier(.34,1.56,.64,1) !important;
    transform: rotate(0deg) !important;
}

/* Hover — چرخش + رنگ طلایی */
.hero-search-result__btn:hover {
    background: transparent !important;
    transform: none !important;
    box-shadow: none !important;
}

.hero-search-result__btn:hover::after {
    color: #D99A2B !important;
    transform: rotate(90deg) scale(1.15) !important;
    font-weight: 500 !important;
}

/* Focus */
.hero-search-result__btn:focus {
    outline: none !important;
}
.hero-search-result__btn:focus-visible {
    outline: 2px solid rgba(217,154,43,.4) !important;
    outline-offset: 2px !important;
}

/* Disabled */
.hero-search-result__btn:disabled {
    opacity: .3 !important;
    cursor: not-allowed !important;
}

/* حالت اضافه‌شده (بعد از کلیک) */
.hero-search-result__btn.is-added {
    color: #1a7f37 !important;
}
.hero-search-result__btn.is-added::after {
    content: '✓' !important;
    font-size: 18px !important;
    color: #1a7f37 !important;
    font-weight: 700 !important;
    transform: rotate(0deg) !important;
}

/* ═══ دکمه‌های + در جاهای دیگر (مشابه) ═══ */
.adw-mini[data-action*="add"],
.hp-mini[data-action*="add"],
button[class*="plus"],
button[class*="add-plus"] {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 6px !important;
    background: transparent !important;
    border: none !important;
    color: #8B5E14 !important;
    padding: 0 !important;
    box-shadow: none !important;
    transition: all .22s !important;
}

.adw-mini[data-action*="add"]:hover,
.hp-mini[data-action*="add"]:hover,
button[class*="plus"]:hover,
button[class*="add-plus"]:hover {
    background: rgba(217,154,43,.10) !important;
    color: #D99A2B !important;
}

/* ═══ موبایل ═══ */
@media (max-width: 640px) {
    .hero-search-result__btn,
    .hero-search-result__btn::after {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        font-size: 18px !important;
    }
}
/* END NAT-PLUS-BUTTONS */


/* ═══════════════════════════════════════════════════════════════
   NAT-GLASSY-FIX — دکمه‌های شیشه‌ای بدون رنگ
   ═══════════════════════════════════════════════════════════════ */

/* ═══ دکمه جستجو — شیشه‌ای بدون رنگ ═══ */
#heroQBtnV2,
#heroQBtn,
button[id*="Search"],
.hero-search-go {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 9px 22px !important;
    min-width: 90px !important;
    height: auto !important;

    background: rgba(255, 255, 255, 0.55) !important;
    background-color: rgba(255, 255, 255, 0.55) !important;
    background-image: none !important;

    backdrop-filter: blur(12px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(160%) !important;

    color: #0F1F38 !important;
    border: 1.5px solid rgba(15, 54, 65, 0.20) !important;
    border-radius: 5px !important;

    font-family: inherit !important;
    font-size: .84rem !important;
    font-weight: 800 !important;

    cursor: pointer !important;
    transition: all .22s cubic-bezier(.4, 0, .2, 1) !important;
    box-shadow: 0 1px 3px rgba(15, 54, 65, 0.06) !important;
}

#heroQBtnV2:hover,
#heroQBtn:hover,
button[id*="Search"]:hover,
.hero-search-go:hover {
    background: rgba(217, 154, 43, 0.12) !important;
    background-color: rgba(217, 154, 43, 0.12) !important;
    border-color: rgba(217, 154, 43, 0.45) !important;
    color: #8B5E14 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(217, 154, 43, 0.20) !important;
}

/* دکمه ✕ پاک کردن */
#heroQClearV2 {
    background: rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1.5px solid rgba(15, 54, 65, 0.20) !important;
    color: #0F1F38 !important;
    min-width: 42px !important;
    padding: 9px 12px !important;
    border-radius: 5px !important;
    transition: all .22s !important;
}
#heroQClearV2:hover {
    background: rgba(168, 39, 28, 0.10) !important;
    border-color: rgba(168, 39, 28, 0.35) !important;
    color: #a8271c !important;
}

/* ═══ دکمه + در نتایج جستجو — شیشه‌ای ═══ */
.hero-search-result__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;

    border-radius: 7px !important;
    padding: 0 !important;
    aspect-ratio: 1 !important;

    background: rgba(255, 255, 255, 0.55) !important;
    background-color: rgba(255, 255, 255, 0.55) !important;
    background-image: none !important;

    backdrop-filter: blur(12px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(160%) !important;

    border: 1.5px solid rgba(15, 54, 65, 0.15) !important;
    box-shadow: 0 2px 6px rgba(15, 54, 65, 0.06) !important;

    color: #8B5E14 !important;
    font-family: inherit !important;
    font-size: 0 !important;
    line-height: 1 !important;

    cursor: pointer !important;
    transition: all .25s cubic-bezier(.4, 0, .2, 1) !important;

    position: relative !important;
    overflow: visible !important;
}

/* حذف pseudo قدیمی */
.hero-search-result__btn::before {
    content: none !important;
    display: none !important;
}

/* آیکون + با pseudo */
.hero-search-result__btn::after {
    content: '+' !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #8B5E14 !important;

    transition: all .3s cubic-bezier(.34, 1.56, .64, 1) !important;
    transform: rotate(0deg) !important;
}

/* Hover — چرخش 90 درجه + رنگ طلایی */
.hero-search-result__btn:hover {
    background: rgba(217, 154, 43, 0.20) !important;
    background-color: rgba(217, 154, 43, 0.20) !important;
    border-color: rgba(217, 154, 43, 0.55) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(217, 154, 43, 0.25) !important;
}

.hero-search-result__btn:hover::after {
    color: #D99A2B !important;
    transform: rotate(90deg) scale(1.15) !important;
    font-weight: 700 !important;
}

/* پس از کلیک (اضافه شده) */
.hero-search-result__btn.is-added {
    background: rgba(26, 127, 55, 0.15) !important;
    border-color: rgba(26, 127, 55, 0.35) !important;
}

.hero-search-result__btn.is-added::after {
    content: '✓' !important;
    color: #1a7f37 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    transform: rotate(0deg) !important;
}

/* غیرفعال */
.hero-search-result__btn:disabled {
    opacity: .4 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* Focus */
.hero-search-result__btn:focus {
    outline: none !important;
}
.hero-search-result__btn:focus-visible {
    outline: 2px solid rgba(217, 154, 43, 0.5) !important;
    outline-offset: 2px !important;
}

/* ═══ موبایل ═══ */
@media (max-width: 640px) {
    #heroQBtnV2,
    #heroQBtn {
        padding: 8px 16px !important;
        min-width: 75px !important;
        font-size: .78rem !important;
    }
    .hero-search-result__btn,
    .hero-search-result__btn::after {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
        font-size: 18px !important;
    }
}

/* END NAT-GLASSY-FIX */


/* ═══════════════════════════════════════════════════════════════
   NAT-ULTIMATE-PLUS — دکمه + شیشه‌ای واقعی
   با specificity بالا برای override کامل
   ═══════════════════════════════════════════════════════════════ */

/* ═══ دکمه + در نتایج جستجو ═══ */
body .hero-search-result .hero-search-result__btn,
body .hero-search-result__btn,
#heroQResultsV2 .hero-search-result__btn,
.hp-wrap .hero-search-result__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;

    border-radius: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    aspect-ratio: 1 !important;

    /* ═══ شیشه‌ای واقعی ═══ */
    background: rgba(255, 255, 255, 0.55) !important;
    background-color: rgba(255, 255, 255, 0.55) !important;
    background-image: none !important;
    background-attachment: scroll !important;

    backdrop-filter: blur(14px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(180%) !important;

    border: 1.5px solid rgba(15, 54, 65, 0.20) !important;
    box-shadow:
        0 2px 8px rgba(15, 54, 65, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;

    color: #8B5E14 !important;
    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
    font-size: 0 !important;
    line-height: 1 !important;
    font-weight: 500 !important;

    cursor: pointer !important;
    transition: all .28s cubic-bezier(.4, 0, .2, 1) !important;

    position: relative !important;
    overflow: visible !important;
    outline: none !important;
    text-shadow: none !important;
}

/* حذف کامل pseudo قدیمی */
body .hero-search-result__btn::before,
body .hero-search-result .hero-search-result__btn::before {
    content: none !important;
    display: none !important;
}

/* آیکون + با ::after */
body .hero-search-result__btn::after,
body .hero-search-result .hero-search-result__btn::after {
    content: '+' !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    color: #8B5E14 !important;

    transition: all .3s cubic-bezier(.34, 1.56, .64, 1) !important;
    transform: rotate(0deg) scale(1) !important;
}

/* ═══ Hover ═══ */
body .hero-search-result__btn:hover,
body .hero-search-result .hero-search-result__btn:hover {
    background: rgba(217, 154, 43, 0.18) !important;
    background-color: rgba(217, 154, 43, 0.18) !important;
    background-image: none !important;
    border-color: rgba(217, 154, 43, 0.55) !important;
    color: #D99A2B !important;
    transform: translateY(-2px) !important;
    box-shadow:
        0 6px 18px rgba(217, 154, 43, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.70) !important;
}

body .hero-search-result__btn:hover::after {
    color: #D99A2B !important;
    transform: rotate(90deg) scale(1.1) !important;
    font-weight: 500 !important;
}

/* ═══ Active (کلیک شده) ═══ */
body .hero-search-result__btn:active {
    transform: translateY(0) scale(.95) !important;
}

/* ═══ پس از افزودن (✓) ═══ */
body .hero-search-result__btn.is-added,
body .hero-search-result .hero-search-result__btn.is-added {
    background: rgba(26, 127, 55, 0.15) !important;
    background-color: rgba(26, 127, 55, 0.15) !important;
    border-color: rgba(26, 127, 55, 0.40) !important;
    color: #1a7f37 !important;
    transform: none !important;
    pointer-events: none !important;
    box-shadow:
        0 2px 8px rgba(26, 127, 55, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}

body .hero-search-result__btn.is-added::after {
    content: '✓' !important;
    color: #1a7f37 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    transform: rotate(0deg) !important;
}

/* غیرفعال */
body .hero-search-result__btn:disabled {
    opacity: .45 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* Focus */
body .hero-search-result__btn:focus-visible {
    outline: 2px solid rgba(217, 154, 43, 0.55) !important;
    outline-offset: 2px !important;
}

/* ═══════════════════════════════════════════════════════════════
   دکمه جستجو — شیشه‌ای (بدون رنگ طلایی)
   ═══════════════════════════════════════════════════════════════ */
body #heroQBtnV2,
body #heroQBtn,
body button[id*="heroQBtn"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 10px 22px !important;
    min-width: 90px !important;
    height: auto !important;
    min-height: 40px !important;

    background: rgba(255, 255, 255, 0.55) !important;
    background-color: rgba(255, 255, 255, 0.55) !important;
    background-image: none !important;

    backdrop-filter: blur(14px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(180%) !important;

    color: #0F1F38 !important;
    border: 1.5px solid rgba(15, 54, 65, 0.20) !important;
    border-radius: 6px !important;

    font-family: inherit !important;
    font-size: .84rem !important;
    font-weight: 800 !important;

    cursor: pointer !important;
    transition: all .28s cubic-bezier(.4, 0, .2, 1) !important;
    box-shadow:
        0 2px 8px rgba(15, 54, 65, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;

    text-shadow: none !important;
    outline: none !important;
}

body #heroQBtnV2:hover,
body #heroQBtn:hover,
body button[id*="heroQBtn"]:hover {
    background: rgba(217, 154, 43, 0.14) !important;
    background-color: rgba(217, 154, 43, 0.14) !important;
    border-color: rgba(217, 154, 43, 0.50) !important;
    color: #8B5E14 !important;
    transform: translateY(-1px) !important;
    box-shadow:
        0 5px 16px rgba(217, 154, 43, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.70) !important;
}

/* دکمه ✕ پاک کردن */
body #heroQClearV2,
body button[id*="heroQClear"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 10px 14px !important;
    min-width: 42px !important;
    min-height: 40px !important;

    background: rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(14px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(180%) !important;

    border: 1.5px solid rgba(15, 54, 65, 0.20) !important;
    border-radius: 6px !important;
    color: #0F1F38 !important;

    font-family: inherit !important;
    font-size: .94rem !important;
    font-weight: 800 !important;

    cursor: pointer !important;
    transition: all .28s !important;
    box-shadow:
        0 2px 8px rgba(15, 54, 65, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}

body #heroQClearV2:hover,
body button[id*="heroQClear"]:hover {
    background: rgba(168, 39, 28, 0.10) !important;
    border-color: rgba(168, 39, 28, 0.40) !important;
    color: #a8271c !important;
}

/* ═══ موبایل ═══ */
@media (max-width: 640px) {
    body .hero-search-result__btn {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
    }
    body .hero-search-result__btn::after {
        font-size: 18px !important;
    }
    body #heroQBtnV2,
    body #heroQBtn {
        padding: 8px 16px !important;
        min-width: 75px !important;
        font-size: .78rem !important;
    }
}

/* END NAT-ULTIMATE-PLUS */