/**
 * product1.php — تم رنگی هماهنگ با لندینگ (index)
 * نارنجی #f97316 | پس‌زمینه روشن | کارت سفید
 */

.product-page-landing.zinox-product-page,
.product-page-landing.shop-page {
    overflow-x: hidden;
    --zn-orange: #f97316;
    --zn-orange2: #ea6c0a;
    --zn-dark: #111827;
    --zn-gray: #6b7280;
    --zn-border: #e5e7eb;
    --zn-bg: #f8fafc;
    --zn-white: #ffffff;
    --zn-radius: 18px;
    --zn-radius-s: 12px;

    --product-primary: #f97316;
    --product-primary-dark: #ea6c0a;
    --product-primary-light: #fb923c;
    --product-accent: #f97316;
    --product-surface: #ffffff;
    --product-surface-elevated: #ffffff;
    --product-border: #e5e7eb;
    --product-text: #111827;
    --product-text-muted: #6b7280;
    --zinox-brand: #f97316;
    --zinox-brand-dark: #ea6c0a;
    --zinox-accent: #f97316;
    --primary-color: #f97316;
    --primary-dark: #ea6c0a;
    --primary-light: #fff7ed;
    --bs-primary: #f97316;
    --bs-primary-rgb: 249, 115, 22;
    --bs-success: #f97316;
    --product-gradient-brand: linear-gradient(135deg, #f97316 0%, #ea6c0a 100%);
    --product-badge-bg: #fff7ed;
    --product-badge-text: #ea6c0a;
    --product-badge-border: rgba(249, 115, 22, 0.35);

    background-color: #f8fafc !important;
    color: #111827 !important;
}

/* تم تاریک — همان پالت نارنجی، پس‌زمینه تیره ملایم */
[data-theme="dark"] .product-page-landing.zinox-product-page,
[data-theme="dark"] .product-page-landing.shop-page {
    --product-surface: #1c2533;
    --product-surface-elevated: #141B24;
    --product-border: rgba(255, 255, 255, 0.1);
    --product-text: #f3f4f6;
    --product-text-muted: #9ca3af;
    --primary-light: rgba(249, 115, 22, 0.15);
    --product-badge-bg: rgba(249, 115, 22, 0.15);
    background-color: #111827 !important;
    color: #f3f4f6 !important;
}

/* دکمه‌ها و CTA */
.product-page-landing .btn-primary,
.product-page-landing .action-button.btn-primary,
.product-page-landing .sticky-add-to-cart-btn,
.product-page-landing .enhanced-submit-btn,
.product-page-landing .add-to-cart-btn,
.product-page-landing.shop-page .btn-primary {
    background: linear-gradient(135deg, #f97316, #ea6c0a) !important;
    border-color: #f97316 !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(249, 115, 22, 0.3) !important;
}

.product-page-landing .btn-primary:hover,
.product-page-landing .action-button.btn-primary:hover,
.product-page-landing .sticky-add-to-cart-btn:hover {
    background: linear-gradient(135deg, #ea6c0a, #c2410c) !important;
    box-shadow: 0 6px 22px rgba(249, 115, 22, 0.4) !important;
}

.product-page-landing .action-button.btn-outline,
.product-page-landing .btn-outline-primary {
    border-color: #e5e7eb !important;
    color: #374151 !important;
    background: #fff !important;
}

.product-page-landing .action-button.btn-outline:hover,
.product-page-landing .btn-outline-primary:hover {
    border-color: #f97316 !important;
    color: #f97316 !important;
    background: #fff7ed !important;
}

/* قیمت و موجودی */
.product-page-landing .current-price,
.product-page-landing .sticky-current-price,
.product-page-landing .price-current,
.product-page-landing .in-stock,
.product-page-landing .text-success {
    color: #f97316 !important;
}

.product-page-landing .original-price,
.product-page-landing .sticky-original-price {
    color: #9ca3af !important;
}

/* ویجت قیمت / سایدبار */
.product-page-landing .enhanced-pricing-widget,
.product-page-landing .product-sidebar .enhanced-pricing-widget,
.product-page-landing .product-purchase-box {
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: var(--zn-radius) !important;
    box-shadow: 0 4px 20px rgba(17, 24, 39, 0.06) !important;
    color: #111827 !important;
}

[data-theme="dark"] .product-page-landing .enhanced-pricing-widget,
[data-theme="dark"] .product-page-landing .product-sidebar .enhanced-pricing-widget {
    background: #1c2533 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25) !important;
    color: #f3f4f6 !important;
}

/* گالری */
.product-page-landing .enhanced-gallery,
.product-page-landing .main-gallery,
.product-page-landing .gallery-sidebar {
    background: #fff !important;
    border-color: #e5e7eb !important;
}

.product-page-landing .gallery-thumb.active {
    border-color: #f97316 !important;
    box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.25) !important;
}

.product-page-landing .gallery-control-btn:hover {
    color: #f97316 !important;
    background: #fff7ed !important;
}

/* واریانت / رنگ */
.product-page-landing .variant-option.active,
.product-page-landing .color-option.active,
.product-page-landing .size-option.active {
    border-color: #f97316 !important;
    background: #fff7ed !important;
}

.product-page-landing .variant-option.active .variant-text {
    color: #ea6c0a !important;
}

/* بج‌ها */
.product-page-landing .product-badge.badge-discount,
.product-page-landing .badge-discount {
    background: #fff7ed !important;
    color: #ea6c0a !important;
    border: 1px solid rgba(249, 115, 22, 0.3) !important;
}

/* تب‌ها */
.product-page-landing .product-tabs .ptabs__btn.active,
.product-page-landing .product-tabs .ptabs__btn[aria-selected="true"] {
    color: #f97316 !important;
    border-bottom-color: #f97316 !important;
}

.product-page-landing .product-tabs .ptabs__btn:hover {
    color: #f97316 !important;
    background: #fff7ed !important;
}

.product-page-landing .product-tabs .ptabs {
    background: #fff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 2px 16px rgba(17, 24, 39, 0.06) !important;
}

.product-page-landing .product-tabs .ptabs__nav {
    background: #f9fafb !important;
}

/* breadcrumb — مسیر محصول دسکتاپ */
.product-page-landing .product-breadcrumb {
    padding: 7px 12px !important;
    margin: 0 0 10px !important;
    font-size: 12.5px;
    line-height: 1.45;
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.07) 0%, rgba(255, 255, 255, 0.95) 100%) !important;
    border: 1px solid rgba(249, 115, 22, 0.18) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .product-page-landing .product-breadcrumb {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.12) 0%, rgba(20, 27, 36, 0.98) 100%) !important;
    border-color: rgba(249, 115, 22, 0.22) !important;
}

.product-page-landing .product-breadcrumb__trail {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-page-landing .product-breadcrumb__item a,
.product-page-landing .product-breadcrumb__item span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 7px;
    border-radius: 7px;
    color: #6b7280;
    text-decoration: none;
    transition: color 0.2s ease, background 0.2s ease;
}

.product-page-landing .product-breadcrumb__item a:hover {
    color: #f97316 !important;
    background: rgba(249, 115, 22, 0.1);
}

.product-page-landing .product-breadcrumb__sep {
    display: inline-flex;
    align-items: center;
    padding: 0 3px;
    color: #d1d5db;
    font-size: 9px;
    user-select: none;
}

.product-page-landing .product-breadcrumb__item--current span {
    color: #111827;
    font-weight: 600;
    max-width: min(42vw, 360px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[data-theme="dark"] .product-page-landing .product-breadcrumb__item a,
[data-theme="dark"] .product-page-landing .product-breadcrumb__item span {
    color: #9ca3af;
}

[data-theme="dark"] .product-page-landing .product-breadcrumb__item--current span {
    color: #f3f4f6;
}

.product-page-landing .product-breadcrumb a:hover {
    color: #f97316 !important;
}

/* دکمه بازگشت موبایل — جای ورود در صفحه محصول */
/* دکمه بازگشت + سبد موبایل — صفحه محصول */
.mobile-product-nav {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.mobile-product-back-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 10px;
    border-radius: 10px;
    border: 1px solid rgba(249, 115, 22, 0.35);
    background: rgba(249, 115, 22, 0.08);
    color: #ea580c !important;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;
    max-width: none;
    overflow: visible;
    text-overflow: unset;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.mobile-product-cart-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid rgba(249, 115, 22, 0.28);
    background: rgba(249, 115, 22, 0.08);
    color: #ea580c !important;
    text-decoration: none !important;
    flex-shrink: 0;
    transition: background 0.2s ease, transform 0.15s ease;
}

.mobile-product-cart-btn i {
    font-size: 14px;
}

.mobile-product-cart-btn:hover {
    background: rgba(249, 115, 22, 0.16);
    transform: translateY(-1px);
}

.mobile-product-cart-badge {
    position: absolute;
    top: -5px;
    left: -5px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 999px;
    background: #f97316;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 17px;
    text-align: center;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(249, 115, 22, 0.45);
}

.mobile-product-back-btn:hover {
    background: rgba(249, 115, 22, 0.16);
    border-color: rgba(249, 115, 22, 0.55);
    color: #c2410c !important;
    transform: translateY(-1px);
}

[data-theme="dark"] .mobile-product-back-btn {
    background: rgba(249, 115, 22, 0.14);
    border-color: rgba(251, 146, 60, 0.35);
    color: #fb923c !important;
}

[data-theme="dark"] .mobile-product-cart-btn {
    background: rgba(249, 115, 22, 0.14);
    border-color: rgba(251, 146, 60, 0.35);
    color: #fb923c !important;
}

[data-theme="dark"] .mobile-product-back-btn:hover {
    background: rgba(249, 115, 22, 0.22);
    color: #fdba74 !important;
}

.zinox-product-page .mobile-user-section .mobile-product-back-btn span {
    overflow: visible;
    text-overflow: unset;
}

.zinox-product-page .mobile-product-nav {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}


/* نظرات — پس‌زمینه روشن نارنجی ملایم */
.product-page-landing .enhanced-reviews-section {
    background: linear-gradient(135deg, #fff7ed 0%, #ffffff 100%) !important;
    border: 1px solid #e5e7eb !important;
}

.product-page-landing .enhanced-reviews-section {
    --review-primary: #f97316;
    --review-secondary: #ea6c0a;
    --review-gradient: linear-gradient(135deg, #f97316 0%, #ea6c0a 100%);
    --review-bg: #ffffff;
    --review-border: #e5e7eb;
    --review-text: #111827;
    --review-light-text: #6b7280;
}

.product-page-landing .mega-rating-number,
.product-page-landing .reviews-main-title::after {
    background: linear-gradient(135deg, #f97316, #ea6c0a) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.product-page-landing .rating-number-badge,
.product-page-landing .enhanced-submit-btn,
.product-page-landing .helpful-btn:hover {
    background: linear-gradient(135deg, #f97316, #ea6c0a) !important;
}

.product-page-landing .enhanced-add-review {
    background: #fff !important;
    border-color: #e5e7eb !important;
}

/* پرسش و پاسخ — CTA و مودال */
.product-page-landing .product-qa-modal__header-title i {
    color: #f97316 !important;
}

.product-page-landing .product-qa-modal__close:hover {
    background: #fff7ed !important;
    color: #ea6c0a !important;
}

/* پرسش و پاسخ */
.product-page-landing .enhanced-qa-section {
    --qa-primary: #f97316;
    --qa-gradient: linear-gradient(135deg, #f97316 0%, #ea6c0a 100%);
}

.product-page-landing .enhanced-qa-summary .mega-qa-number {
    color: #f97316 !important;
}

/* کوپن */
.product-page-landing .coupon-item {
    background: #fff7ed !important;
    border-color: rgba(249, 115, 22, 0.25) !important;
}

.product-page-landing .copy-coupon-btn {
    background: linear-gradient(135deg, #f97316, #ea6c0a) !important;
    color: #fff !important;
}

/* نوار چسبان موبایل */
.product-page-landing .sticky-add-to-cart {
    background: rgba(255, 255, 255, 0.98) !important;
    border-top-color: #e5e7eb !important;
    color: #111827 !important;
}

[data-theme="dark"] .product-page-landing .sticky-add-to-cart {
    background: rgba(17, 24, 39, 0.98) !important;
    border-top-color: rgba(255, 255, 255, 0.1) !important;
    color: #f3f4f6 !important;
}

/* کارت‌های info */
.product-page-landing .info-card,
.product-page-landing .enhanced-review-card,
.product-page-landing .enhanced-qa-card {
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    color: #111827 !important;
}

[data-theme="dark"] .product-page-landing .info-card,
[data-theme="dark"] .product-page-landing .enhanced-review-card,
[data-theme="dark"] .product-page-landing .enhanced-qa-card {
    background: #1c2533 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #f3f4f6 !important;
}

/* override موبایل تیره اجباری product-page-root */
@media (max-width: 991px) {
    .product-page-landing.zinox-product-page.shop-page,
    .product-page-landing.zinox-product-page {
        background-color: #f8fafc !important;
    }

    [data-theme="dark"] .product-page-landing.zinox-product-page {
        background-color: #111827 !important;
    }

    .product-page-landing .enhanced-gallery,
    .product-page-landing .enhanced-pricing-widget,
    .product-page-landing .available-coupons,
    .product-page-landing .coupon-item {
        background-color: var(--product-surface-elevated) !important;
        border-color: var(--product-border) !important;
    }
}

/* لینک‌ها */
.product-page-landing a:not(.btn):not(.nav-link):not(.ptabs__btn) {
    color: #f97316;
}

.product-page-landing a:not(.btn):hover {
    color: #ea6c0a;
}

/* نوار بالا صفحه محصول */
.product-page-landing.zinox-product-nav,
[data-theme="light"] .product-page-landing .zinox-product-nav {
    background: rgba(255, 255, 255, 0.97) !important;
}

[data-theme="dark"] .product-page-landing .zinox-product-nav {
    background: rgba(20, 27, 36, 0.97) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ═══════════════════════════════════════════════════════════
   تم شب — از product-tabs تا پایین صفحه
   ═══════════════════════════════════════════════════════════ */
[data-theme="dark"] .product-page-landing .product-tabs .ptabs {
    background: var(--product-surface-elevated, #141b24) !important;
    border-color: var(--product-border, rgba(255, 255, 255, 0.1)) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .product-page-landing .product-tabs .ptabs__nav {
    background: rgba(0, 0, 0, 0.25) !important;
    border-bottom-color: var(--product-border, rgba(255, 255, 255, 0.1)) !important;
}

[data-theme="dark"] .product-page-landing .product-tabs .ptabs__btn {
    color: var(--product-text-muted, #9ca3af) !important;
}

[data-theme="dark"] .product-page-landing .product-tabs .ptabs__btn:hover {
    color: #fb923c !important;
    background: rgba(249, 115, 22, 0.12) !important;
}

[data-theme="dark"] .product-page-landing .product-tabs .ptabs__btn.active,
[data-theme="dark"] .product-page-landing .product-tabs .ptabs__btn[aria-selected="true"] {
    color: #f97316 !important;
    background: var(--product-surface-elevated, #141b24) !important;
    border-bottom-color: #f97316 !important;
}

[data-theme="dark"] .product-page-landing .product-tabs .ptabs__title {
    color: var(--product-text, #f3f4f6) !important;
}

[data-theme="dark"] .product-page-landing .product-tabs .ptabs__body,
[data-theme="dark"] .product-page-landing .product-tabs .ptabs__description {
    color: var(--product-text-muted, #9ca3af) !important;
}

[data-theme="dark"] .product-page-landing .product-tabs .ptabs__empty {
    color: var(--product-text-muted, #9ca3af) !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .product-page-landing .product-tabs .ptabs__specs-wrap {
    border-color: var(--product-border, rgba(255, 255, 255, 0.1)) !important;
}

[data-theme="dark"] .product-page-landing .product-tabs .ptabs__specs-table thead th {
    color: var(--product-text, #f3f4f6) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-bottom-color: var(--product-border, rgba(255, 255, 255, 0.1)) !important;
}

[data-theme="dark"] .product-page-landing .product-tabs .ptabs__specs-table tbody tr {
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .product-page-landing .product-tabs .ptabs__specs-table tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.03) !important;
}

[data-theme="dark"] .product-page-landing .product-tabs .ptabs__specs-table .spec-name {
    color: var(--product-text, #e5e7eb) !important;
}

[data-theme="dark"] .product-page-landing .product-tabs .ptabs__specs-table .spec-value {
    color: var(--product-text-muted, #9ca3af) !important;
}

/* کارت‌های خلاصه (نظرات / Q&A / مشابه) */
[data-theme="dark"] .product-page-landing .additional-product-info,
[data-theme="dark"] .product-page-landing .product-reviews-standalone,
[data-theme="dark"] .product-page-landing .related-products {
    color: var(--product-text, #f3f4f6);
}

[data-theme="dark"] .product-page-landing .info-card .info-header,
[data-theme="dark"] .product-page-landing .info-card .info-title,
[data-theme="dark"] .product-page-landing .info-card .info-count,
[data-theme="dark"] .product-page-landing .info-card .rating-number,
[data-theme="dark"] .product-page-landing .info-card .rating-text,
[data-theme="dark"] .product-page-landing .info-card .stat-label,
[data-theme="dark"] .product-page-landing .info-card .stat-number {
    color: var(--product-text, #f3f4f6) !important;
}

[data-theme="dark"] .product-page-landing .info-card .info-btn {
    background: rgba(249, 115, 22, 0.15) !important;
    color: #fb923c !important;
}

[data-theme="dark"] .product-page-landing .info-card .info-btn:hover {
    background: rgba(249, 115, 22, 0.28) !important;
    color: #f97316 !important;
}

[data-theme="dark"] .product-page-landing .view-all-small,
[data-theme="dark"] .product-page-landing .related-name-small,
[data-theme="dark"] .product-page-landing .related-price-small {
    color: var(--product-text-muted, #9ca3af) !important;
}

[data-theme="dark"] .product-page-landing .view-all-small:hover {
    color: #f97316 !important;
}

/* بخش نظرات */
[data-theme="dark"] .product-page-landing .enhanced-reviews-section {
    --review-bg: #141b24;
    --review-border: rgba(255, 255, 255, 0.1);
    --review-text: #f3f4f6;
    --review-light-text: #9ca3af;
    background: linear-gradient(135deg, #1c2533 0%, #141b24 100%) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .product-page-landing .reviews-main-title,
[data-theme="dark"] .product-page-landing .reviews-subtitle {
    color: var(--product-text, #f3f4f6) !important;
}

[data-theme="dark"] .product-page-landing .enhanced-rating-summary {
    background: #141b24 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .product-page-landing .rating-overview-left {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.14) 0%, #1c2533 100%) !important;
}

[data-theme="dark"] .product-page-landing .mega-rating-text,
[data-theme="dark"] .product-page-landing .rating-breakdown-item {
    color: var(--product-text-muted, #9ca3af) !important;
}

[data-theme="dark"] .product-page-landing .rating-breakdown-item:hover {
    background: rgba(249, 115, 22, 0.08) !important;
}

[data-theme="dark"] .product-page-landing .rating-progress-bar {
    background: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .product-page-landing .rating-count-badge {
    background: rgba(249, 115, 22, 0.15) !important;
    color: #fb923c !important;
}

[data-theme="dark"] .product-page-landing .enhanced-review-card {
    background: #1c2533 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #f3f4f6 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .product-page-landing .reviewer-name-enhanced,
[data-theme="dark"] .product-page-landing .review-content-enhanced,
[data-theme="dark"] .product-page-landing .review-date-enhanced,
[data-theme="dark"] .product-page-landing .review-title-enhanced {
    color: var(--product-text, #f3f4f6) !important;
}

[data-theme="dark"] .product-page-landing .enhanced-add-review {
    background: #141b24 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #f3f4f6 !important;
}

[data-theme="dark"] .product-page-landing .add-review-title,
[data-theme="dark"] .product-page-landing .add-review-subtitle {
    color: var(--product-text, #f3f4f6) !important;
}

[data-theme="dark"] .product-page-landing #enhanced-review-form .enhanced-form-input,
[data-theme="dark"] .product-page-landing #enhanced-review-form .enhanced-form-textarea,
[data-theme="dark"] .product-page-landing #enhanced-review-form .floating-label {
    background: #1c2533 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #f3f4f6 !important;
}

[data-theme="dark"] .product-page-landing #enhanced-review-form .quick-review-section,
[data-theme="dark"] .product-page-landing #enhanced-review-form .pros-section,
[data-theme="dark"] .product-page-landing #enhanced-review-form .cons-section,
[data-theme="dark"] .product-page-landing #enhanced-review-form .option-content,
[data-theme="dark"] .product-page-landing #enhanced-review-form .enhanced-image-upload-section,
[data-theme="dark"] .product-page-landing #enhanced-review-form .upload-box {
    background: #1c2533 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #f3f4f6 !important;
}

/* پرسش و پاسخ — دکمه CTA */
[data-theme="dark"] .product-page-landing .product-qa-cta-btn {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.15) 0%, #141b24 55%, #1c2533 100%) !important;
    border-color: rgba(249, 115, 22, 0.3) !important;
    color: #f3f4f6 !important;
}

[data-theme="dark"] .product-page-landing .product-qa-modal__panel,
[data-theme="dark"] .product-page-landing .product-qa-modal__header {
    background: #141b24 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .product-page-landing .product-qa-modal__body {
    background: #111827 !important;
}

[data-theme="dark"] .product-page-landing .product-qa-modal__header-title {
    color: #f3f4f6 !important;
}

[data-theme="dark"] .product-page-landing .product-qa-modal__close {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #e5e7eb !important;
}

/* کوپن و محصولات مرتبط */
[data-theme="dark"] .product-page-landing .available-coupons,
[data-theme="dark"] .product-page-landing .coupon-item {
    background: #1c2533 !important;
    border-color: rgba(249, 115, 22, 0.25) !important;
    color: #f3f4f6 !important;
}

[data-theme="dark"] .product-page-landing .related-products h2 {
    color: #f3f4f6 !important;
}

[data-theme="dark"] .product-page-landing .related-products .product-card {
    background: #1c2533 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .product-page-landing .related-products .product-info h3,
[data-theme="dark"] .product-page-landing .related-products .product-category,
[data-theme="dark"] .product-page-landing .related-products .product-price,
[data-theme="dark"] .product-page-landing .related-products .current-price {
    color: #f3f4f6 !important;
}

/* دکمه‌های outline */
[data-theme="dark"] .product-page-landing .action-button.btn-outline,
[data-theme="dark"] .product-page-landing .btn-outline-primary {
    background: #1c2533 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #e5e7eb !important;
}

[data-theme="dark"] .product-page-landing .action-button.btn-outline:hover,
[data-theme="dark"] .product-page-landing .btn-outline-primary:hover {
    border-color: #f97316 !important;
    color: #f97316 !important;
    background: rgba(249, 115, 22, 0.12) !important;
}

/* گالری در تم شب */
[data-theme="dark"] .product-page-landing .enhanced-gallery,
[data-theme="dark"] .product-page-landing .main-gallery,
[data-theme="dark"] .product-page-landing .gallery-sidebar {
    background: #1c2533 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .product-page-landing .gallery-thumb {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .product-page-landing .variant-option,
[data-theme="dark"] .product-page-landing .color-option,
[data-theme="dark"] .product-page-landing .size-option {
    background: #1c2533 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #e5e7eb !important;
}

[data-theme="dark"] .product-page-landing .variant-option.active,
[data-theme="dark"] .product-page-landing .color-option.active,
[data-theme="dark"] .product-page-landing .size-option.active {
    border-color: #f97316 !important;
    background: rgba(249, 115, 22, 0.15) !important;
}

/* ═══ محصولات مرتبط (موبایل — desktop-hide) ═══ */
.product-page-landing .related-products.desktop-hide {
    background: transparent;
    margin-bottom: 24px;
}

.product-page-landing .related-products.desktop-hide h2::after {
    background: linear-gradient(90deg, #f97316, #ea6c0a) !important;
}

[data-theme="dark"] .product-page-landing .related-products.desktop-hide,
[data-theme="dark"] .zinox-product-page.product-page-landing .related-products.desktop-hide {
    background: transparent !important;
}

[data-theme="dark"] .product-page-landing .related-products.desktop-hide h2,
[data-theme="dark"] .zinox-product-page .related-products.desktop-hide h2 {
    color: #f3f4f6 !important;
}

[data-theme="dark"] .product-page-landing .related-products.desktop-hide .alert-info,
[data-theme="dark"] .zinox-product-page .related-products.desktop-hide .alert-info {
    background: rgba(249, 115, 22, 0.12) !important;
    border-color: rgba(249, 115, 22, 0.28) !important;
    color: #f3f4f6 !important;
}

[data-theme="dark"] .product-page-landing .related-products.desktop-hide .product-card,
[data-theme="dark"] .zinox-product-page .related-products.desktop-hide .product-card {
    background: #1c2533 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .product-page-landing .related-products.desktop-hide .product-info,
[data-theme="dark"] .product-page-landing .related-products.desktop-hide .product-info h3,
[data-theme="dark"] .product-page-landing .related-products.desktop-hide .product-category,
[data-theme="dark"] .product-page-landing .related-products.desktop-hide .product-price,
[data-theme="dark"] .product-page-landing .related-products.desktop-hide .current-price {
    color: #f3f4f6 !important;
}

[data-theme="dark"] .product-page-landing .related-products.desktop-hide .original-price {
    color: #9ca3af !important;
}

[data-theme="dark"] .product-page-landing .related-products.desktop-hide .current-price {
    color: #f97316 !important;
}

[data-theme="dark"] .product-page-landing .related-products.desktop-hide .product-actions a {
    background: #141b24 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #f3f4f6 !important;
}

[data-theme="dark"] .product-page-landing .related-products.desktop-hide .product-actions a:hover {
    background: rgba(249, 115, 22, 0.2) !important;
    color: #f97316 !important;
}

/* نوار تکراری JS — مخفی اگر نوار اصلی موجود است */
.zinox-product-page:has(.sticky-add-to-cart) .mobile-sticky-bottom {
    display: none !important;
}

/* ═══ نوار چسبان موبایل (.sticky-add-to-cart) — override سفید mobile-custom ═══ */
@media (max-width: 991px) {
    /* تعداد در بدنه — نوار چسبان موبایل inline-qty-control دارد */
    .product-page-landing .pdh-row:has(.pdh-qty) {
        display: none !important;
    }

    .product-page-landing .sticky-add-to-cart.mobile-only {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 10060 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px;
        padding: 12px 16px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        border-top: 1px solid #e5e7eb !important;
        box-shadow: 0 -4px 24px rgba(17, 24, 39, 0.1) !important;
        backdrop-filter: blur(10px);
    }

    [data-theme="dark"] .product-page-landing .sticky-add-to-cart.mobile-only {
        background: rgba(17, 24, 39, 0.98) !important;
        border-top-color: rgba(255, 255, 255, 0.1) !important;
        box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.4) !important;
    }

    .product-page-landing .sticky-add-to-cart .sticky-info,
    .product-page-landing .sticky-add-to-cart .sticky-price {
        color: #111827 !important;
    }

    [data-theme="dark"] .product-page-landing .sticky-add-to-cart .sticky-info,
    [data-theme="dark"] .product-page-landing .sticky-add-to-cart .sticky-price {
        color: #f3f4f6 !important;
    }

    .product-page-landing .sticky-add-to-cart .sticky-original-price {
        color: #9ca3af !important;
    }

    .product-page-landing .sticky-add-to-cart .sticky-current-price {
        color: #f97316 !important;
        font-weight: 800 !important;
    }

    [data-theme="dark"] .product-page-landing .sticky-add-to-cart .sticky-stock .in-stock {
        color: #4ade80 !important;
    }

    [data-theme="dark"] .product-page-landing .sticky-add-to-cart .sticky-stock .out-of-stock {
        color: #f87171 !important;
    }

    .product-page-landing .sticky-add-to-cart .sticky-add-to-cart-btn {
        background: linear-gradient(135deg, #f97316, #ea6c0a) !important;
        color: #fff !important;
        border: none !important;
        min-width: 140px;
        border-radius: 12px !important;
        font-weight: 700 !important;
        box-shadow: 0 4px 14px rgba(249, 115, 22, 0.35) !important;
    }

    .product-page-landing .sticky-add-to-cart .sticky-add-to-cart-btn:hover {
        background: linear-gradient(135deg, #ea6c0a, #c2410c) !important;
    }

    .product-page-landing .sticky-add-to-cart .sticky-notify-me-btn {
        background: #f3f4f6 !important;
        border: 1px solid #e5e7eb !important;
        color: #374151 !important;
        border-radius: 12px !important;
    }

    [data-theme="dark"] .product-page-landing .sticky-add-to-cart .sticky-notify-me-btn {
        background: #1c2533 !important;
        border-color: rgba(255, 255, 255, 0.12) !important;
        color: #e5e7eb !important;
    }

    /* استپر تعداد بعد از افزودن به سبد */
    .product-page-landing .sticky-add-to-cart .inline-qty-control {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: #f3f4f6;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        padding: 4px 6px;
        min-height: 44px;
    }

    [data-theme="dark"] .product-page-landing .sticky-add-to-cart .inline-qty-control {
        background: #1c2533 !important;
        border-color: rgba(255, 255, 255, 0.12) !important;
    }

    .product-page-landing .sticky-add-to-cart .inline-qty-control .qty-btn {
        width: 36px;
        height: 36px;
        border: none;
        border-radius: 8px;
        background: rgba(249, 115, 22, 0.15);
        color: #f97316;
        font-weight: 800;
        cursor: pointer;
    }

    [data-theme="dark"] .product-page-landing .sticky-add-to-cart .inline-qty-control .qty-btn {
        background: rgba(249, 115, 22, 0.22) !important;
        color: #fb923c !important;
    }

    .product-page-landing .sticky-add-to-cart .inline-qty-control .qty-btn:hover {
        background: rgba(249, 115, 22, 0.28);
    }

    .product-page-landing .sticky-add-to-cart .inline-qty-control .qty-input {
        width: 40px;
        text-align: center;
        border: none;
        background: transparent;
        color: #111827;
        font-weight: 700;
    }

    [data-theme="dark"] .product-page-landing .sticky-add-to-cart .inline-qty-control .qty-input {
        color: #f3f4f6 !important;
    }

    .product-page-landing.zinox-product-page.shop-page {
        padding-bottom: 0 !important;
    }
}

/* ═══ فوتر — ریسپانسیو و هماهنگ با تم صفحه محصول ═══ */
.product-page-landing .site-footer {
    margin-top: 32px;
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    box-sizing: border-box;
}

.product-page-landing .site-footer .container {
    max-width: 1320px;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
}

.product-page-landing .site-footer .footer-content {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    width: 100%;
    min-width: 0;
}

.product-page-landing .site-footer .footer-column {
    min-width: 0 !important;
    max-width: 100% !important;
    flex: none !important;
}

.product-page-landing .site-footer .footer-column h3::after {
    background: #00d1d1 !important;
}

.product-page-landing .site-footer .footer-links a:hover,
.product-page-landing .site-footer .footer-bottom a:hover {
    color: #00d1d1 !important;
}

.product-page-landing .site-footer .footer-form button {
    background: #00d1d1 !important;
}

.product-page-landing .site-footer .footer-form button:hover {
    background: #00b8b8 !important;
}

.product-page-landing .site-footer .social-links a:hover {
    background: rgba(0, 209, 209, 0.16) !important;
    color: #00d1d1 !important;
}

[data-theme="dark"] .product-page-landing .site-footer {
    background: #0a1118 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

@media (min-width: 576px) {
    .product-page-landing .site-footer .footer-content {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 992px) {
    .product-page-landing .site-footer .footer-content {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1200px) {
    .product-page-landing .site-footer .footer-content {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 991px) {
    .product-page-landing .site-footer {
        margin-top: 24px;
        padding-top: 28px;
        /* فاصله از نوار چسبان «افزودن به سبد» */
        padding-bottom: calc(24px + 72px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .product-page-landing .site-footer .footer-bottom {
        margin-bottom: 0;
    }
}

/* ═══════════════════════════════════════════════════════════
   PDH — طراحی جدید بخش بالای تک‌محصول
   کلاس‌ها همه زیر .pdh هستند تا تداخلی با بقیه نداشته باشند
════════════════════════════════════════════════════════════ */
:root {
  --pdh-blue: #f97316;
  --pdh-blue-dark: #ea6c0a;
  --pdh-blue-bg: rgba(249,115,22,.09);
  --pdh-surface: #fff;
  --pdh-border: #eef0f3;
  --pdh-text: #0f172a;
  --pdh-muted: #64748b;
  --pdh-radius: 20px;
}
[data-theme="dark"] {
  --pdh-surface: #1c2533;
  --pdh-border: rgba(255,255,255,.08);
  --pdh-text: #f1f5f9;
  --pdh-muted: #94a3b8;
}

.pdh { direction: rtl; padding: 20px 0 36px; font-family: 'Vazirmatn', sans-serif; }
.pdh * { box-sizing: border-box; }

.pdh-breadcrumb-row { width: 100%; }
.pdh-breadcrumb-row .product-breadcrumb { margin-bottom: 16px; }

.pdh-wrap {
  max-width: 1180px; margin: 0 auto; padding: 0 18px;
  display: flex; gap: 22px; align-items: flex-start;
}

/* ─── گالری ─── */
.pdh-gallery-col { flex: 3 1 0; min-width: 0; }

/* wrapper مرجع برای absolute positioning بندانگشتی‌ها و ctrl */
.pdh-stage-wrap { position: relative; display: block; }

.pdh-stage {
  position: relative; background: var(--pdh-surface);
  border: 1px solid var(--pdh-border); border-radius: var(--pdh-radius);
  height: 460px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(20,40,80,.05);
}
/* glow وقتی تصویر cover هست دیده نمیشه — مخفی */
.pdh-stage-glow { display: none; }

#main-product-image {
  position: relative; z-index: 1;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center;
  filter: drop-shadow(0 22px 32px rgba(30,60,110,.16));
  transition: opacity .22s; cursor: zoom-in;
}

/* دکمه‌های control: روی تصویر، سمت چپ بالا */
.pdh-ctrl {
  position: absolute; top: 14px; left: 14px; z-index: 5;
  display: flex; flex-direction: column; gap: 7px;
}
.pdh-ctrl-btn {
  width: 36px; height: 36px; border-radius: 12px;
  border: 1px solid var(--pdh-border); background: var(--pdh-surface);
  color: var(--pdh-muted); cursor: pointer;
  display: flex; align-items: center; justify-content: center; font-size: 14px;
  transition: .2s; box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
.pdh-ctrl-btn:hover { color: var(--pdh-blue); border-color: var(--pdh-blue); }

/* بندانگشتی‌ها: روی تصویر float میکنن — سمت راست stage (در RTL = ابتدای محتوا) */
.pdh-thumbs-sidebar {
  position: absolute; top: 16px; bottom: 16px;
  right: 14px; width: 66px; z-index: 4;
  display: flex; flex-direction: column; align-items: center; gap: 8px;
}
.pdh-tnav {
  width: 44px; height: 28px; border: 1px solid var(--pdh-border);
  background: var(--pdh-surface); border-radius: 10px;
  color: var(--pdh-muted); cursor: pointer; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center; font-size: 11px; transition: .2s;
}
.pdh-tnav:hover { background: #f1f5f9; color: var(--pdh-text); }
.pdh-track {
  flex: 1; display: flex; flex-direction: column; gap: 9px;
  overflow: hidden; scroll-behavior: smooth;
}
.pdh-thumb {
  width: 62px; height: 62px; flex: 0 0 62px;
  border: 2px solid var(--pdh-border); border-radius: 14px;
  background: var(--pdh-surface); padding: 5px; cursor: pointer; transition: .2s;
}
.pdh-thumb img { width: 100%; height: 100%; object-fit: contain; }
.pdh-thumb.is-active { border-color: var(--pdh-blue); box-shadow: 0 4px 12px rgba(249,115,22,.22); }
.pdh-thumb:hover:not(.is-active) { border-color: #fbc89c; }

/* dots موبایل */
.pdh-dots {
  display: none; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%);
  gap: 6px; z-index: 3;
}
.pdh-dot {
  width: 8px; height: 8px; border-radius: 50%; background: var(--pdh-border);
  cursor: pointer; transition: .2s; flex-shrink: 0;
}
.pdh-dot.is-active { background: var(--pdh-blue); transform: scale(1.3); }

/* مشخصات */
.pdh-specs { display: flex; gap: 10px; margin-top: 14px; flex-wrap: nowrap; }
.pdh-spec {
  flex: 1; min-width: 0; background: var(--pdh-surface);
  border: 1px solid var(--pdh-border); border-radius: 16px;
  padding: 12px 10px; display: flex; flex-direction: column;
  align-items: flex-start; gap: 8px; box-shadow: 0 4px 14px rgba(20,40,80,.04);
}
.pdh-spec-icon {
  width: 32px; height: 32px; border-radius: 10px;
  background: var(--pdh-blue-bg); color: var(--pdh-blue);
  display: flex; align-items: center; justify-content: center; font-size: 14px;
}
.pdh-spec-text { display: flex; flex-direction: column; gap: 2px; }
.pdh-spec-big { font-size: 13px; font-weight: 700; color: var(--pdh-text); }
.pdh-spec-sub { font-size: 11px; color: var(--pdh-muted); }

/* ─── ستون اطلاعات ─── */
.pdh-info-col {
  flex: 2 1 0;
  min-width: 0;
  width: auto;
  max-width: none;
  background: var(--pdh-surface); border: 1px solid var(--pdh-border);
  border-radius: var(--pdh-radius); padding: 22px 20px;
  box-shadow: 0 10px 30px rgba(20,40,80,.05);
}
.pdh-info-head {
  display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px;
}
.pdh-stock {
  background: #e7f8ee; color: #16a34a; font-size: 12.5px; font-weight: 700;
  padding: 5px 14px; border-radius: 30px;
}
.pdh-stock.is-out { background: #fdecec; color: #dc2626; }
.pdh-wish-top {
  width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--pdh-border);
  background: var(--pdh-surface); color: var(--pdh-muted); cursor: pointer;
  font-size: 15px; transition: .2s; display: flex; align-items: center; justify-content: center;
}
.pdh-wish-top:hover, .pdh-wish-top.is-active {
  color: #ef4444; border-color: #fecaca; background: #fef2f2;
}

.pdh-title { font-size: 18px; font-weight: 800; color: var(--pdh-text); line-height: 1.7; margin: 0 0 4px; }
.pdh-subtitle { font-size: 13px; color: var(--pdh-muted); margin-bottom: 10px; }

.pdh-rating { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; justify-content: flex-end; }
.pdh-stars { color: #f9b115; font-size: 13px; }
.pdh-rating-num { font-size: 14px; font-weight: 700; color: var(--pdh-text); }
.pdh-rating-cnt { font-size: 12px; color: var(--pdh-muted); }

/* قیمت */
.pdh-price-row {
  display: flex;
  align-items: stretch;
  gap: 12px;
  margin-bottom: 14px;
}
.pdh-price-row .pdh-price-box {
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
}
.pdh-ladder-box {
  flex: 0 0 148px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 10px;
  border-radius: 14px;
  border: 1px solid rgba(99, 102, 241, 0.28);
  background: rgba(99, 102, 241, 0.07);
}
[data-theme="dark"] .pdh-ladder-box {
  background: rgba(99, 102, 241, 0.14);
  border-color: rgba(129, 140, 248, 0.35);
}
.pdh-ladder-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(99, 102, 241, 0.92);
  color: #fff;
  font-size: 12px;
  flex-shrink: 0;
}
.pdh-ladder-timer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
}
.pdh-ladder-timer-label {
  font-size: 11px;
  color: var(--pdh-muted);
  font-weight: 700;
}
.pdh-ladder-time {
  font-size: 20px;
  font-weight: 900;
  color: #4f46e5;
  font-variant-numeric: tabular-nums;
  direction: rtl;
  unicode-bidi: plaintext;
  letter-spacing: 0.3px;
  line-height: 1.1;
  min-width: 7.5ch;
  text-align: center;
}
.pdh-ladder-time.is-live.is-tick {
  animation: pdh-ladder-pulse 0.35s ease;
}
@keyframes pdh-ladder-pulse {
  0% { transform: scale(1); opacity: 1; }
  40% { transform: scale(1.04); opacity: 0.82; }
  100% { transform: scale(1); opacity: 1; }
}
[data-theme="dark"] .pdh-ladder-time { color: #a5b4fc; }

.pdh-price-box {
  border-top: 1px dashed var(--pdh-border); border-bottom: 1px dashed var(--pdh-border);
  padding: 14px 0; margin-bottom: 14px;
}
.pdh-old-row { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; flex-wrap: wrap; }
.pdh-price-label { font-size: 11px; color: var(--pdh-muted); }
.pdh-price-old { font-size: 13px; color: #9aa6b6; text-decoration: line-through; }
.pdh-off {
  background: #e7f8ee; color: #16a34a; font-size: 11px; font-weight: 700;
  padding: 3px 9px; border-radius: 20px;
}
.pdh-price-now { font-size: 26px; font-weight: 900; color: var(--pdh-blue); letter-spacing: -.5px; }
.pdh-price-unit { font-size: 14px; font-weight: 700; color: var(--pdh-blue); }
.pdh-points { display: flex; align-items: center; gap: 7px; font-size: 12px; color: var(--pdh-muted); margin-top: 10px; }
.pdh-points i { color: #f9b115; }
.pdh-points strong { color: var(--pdh-text); }

/* اعتماد */
.pdh-trust { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-bottom: 18px; }
.pdh-trust-item {
  background: #f8fafc; border: 1px solid var(--pdh-border); border-radius: 14px;
  padding: 12px 6px; display: flex; flex-direction: column; align-items: center;
  text-align: center; gap: 4px;
}
[data-theme="dark"] .pdh-trust-item { background: #141b24; }
.pdh-trust-item i { color: var(--pdh-blue); font-size: 17px; margin-bottom: 3px; }
.pdh-tt { font-size: 11.5px; font-weight: 700; color: var(--pdh-text); }
.pdh-ts { font-size: 10.5px; color: var(--pdh-muted); }

/* سطر رنگ / تعداد */
.pdh-row { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
.pdh-row-label { font-size: 13px; font-weight: 700; color: var(--pdh-text); flex-shrink: 0; }
.pdh-colors { display: flex; gap: 9px; flex-wrap: wrap; }
.pdh-color-chip {
  display: flex; align-items: center; gap: 9px;
  border: 1.5px solid var(--pdh-border); background: var(--pdh-surface);
  border-radius: 30px; padding: 6px 12px; cursor: pointer; transition: .2s; font-family: inherit;
}
.pdh-color-chip:hover { border-color: #fdc99c; }
.pdh-color-chip.is-active { border-color: var(--pdh-blue); background: var(--pdh-blue-bg); }
.pdh-color-dot {
  width: 18px; height: 18px; border-radius: 50%;
  border: 2px solid #fff; box-shadow: 0 0 0 1px #d8dee8; flex-shrink: 0;
}
.pdh-color-chip.is-active .pdh-color-dot { box-shadow: 0 0 0 2px var(--pdh-blue); }
.pdh-color-name { font-size: 12.5px; font-weight: 600; color: var(--pdh-text); }

/* تعداد */
.pdh-qty {
  display: flex; align-items: center;
  border: 1.5px solid var(--pdh-border); border-radius: 30px; overflow: hidden;
}
.pdh-qbtn {
  width: 40px; height: 42px; border: none; background: var(--pdh-surface);
  color: var(--pdh-muted); cursor: pointer; font-size: 13px;
  display: flex; align-items: center; justify-content: center; transition: .2s;
}
.pdh-qbtn:hover { background: #f1f5f9; color: var(--pdh-blue); }
#pdh-qty {
  width: 46px; height: 42px; border: none; text-align: center;
  font-size: 15px; font-weight: 700; color: var(--pdh-text);
  background: var(--pdh-surface); outline: none; font-family: inherit;
}

/* دکمه‌ها */
.pdh-actions { display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; }
.pdh-btn {
  width: 100%; border: none; border-radius: 14px; padding: 14px;
  font-size: 14px; font-weight: 700; cursor: pointer;
  display: flex; align-items: center; justify-content: center; gap: 9px;
  transition: .2s; font-family: inherit;
}
.pdh-btn-primary { background: var(--pdh-blue); color: #fff; box-shadow: 0 10px 22px rgba(249,115,22,.28); }
.pdh-btn-primary:hover:not(.is-disabled) { background: var(--pdh-blue-dark); transform: translateY(-1px); }
.pdh-btn-primary.is-disabled { background: #cbd5e1; box-shadow: none; cursor: not-allowed; }
.pdh-btn-outline {
  background: var(--pdh-blue-bg); color: var(--pdh-blue);
  border: 1.5px solid rgba(249,115,22,.25);
}
.pdh-btn-outline:hover { background: rgba(249,115,22,.14); }
.pdh-btn-outline.is-active { background: #fef2f2; color: #ef4444; border-color: rgba(239,68,68,.25); }

.pdh-secure {
  display: flex; align-items: center; justify-content: center;
  gap: 7px; font-size: 12px; color: var(--pdh-muted);
}
.pdh-secure i { color: #16a34a; }

/* ═══ ریسپانسیو ═══ */
@media (max-width: 1023px) {
  .pdh-gallery-col { flex: 3 1 0; }
  .pdh-info-col { flex: 2 1 0; max-width: none; }
}
@media (max-width: 767px) {
  .pdh { padding: 10px 0 20px; }
  .pdh-wrap:has(.pdh-info-col) { flex-direction: column; gap: 12px; padding-inline: 0; }

  /* gallery-col و stage-wrap هر دو شفاف می‌شن
     تا stage / thumbs-sidebar / specs مستقیم flex child شن */
  .pdh-gallery-col { display: contents; }
  .pdh-stage-wrap  { display: contents; }

  /* ترتیب: stage → thumbs → info → specs */
  .pdh-stage         { order: 1; flex: 1 1 100%; max-width: 100%; width: 100%; height: 300px; margin-inline: 0; border-radius: 0; border-inline: none; }
  .pdh-stage-wrap    { display: contents; }
  .pdh-thumbs-sidebar { order: 2; position: static !important; width: 100%;
                        flex-direction: row; align-items: center;
                        gap: 8px; padding: 0 12px; bottom: auto; right: auto; }
  .pdh-info-col      { order: 3; flex: 1 1 100%; width: 100%; max-width: none; padding: 16px; border-radius: 0; border-inline: none; }
  .pdh-price-row     { flex-direction: column; gap: 10px; }
  .pdh-ladder-box    { flex: 1 1 auto; width: 100%; flex-direction: row; justify-content: center; align-items: center; gap: 12px; }
  .pdh-ladder-timer  { align-items: flex-start; width: auto; }
  .pdh-specs         { order: 4; flex: 1 1 100%; max-width: 100%; flex-wrap: wrap; }

  #main-product-image { width: 100%; height: 100%; border-radius: 18px; }

  /* بندانگشتی nav افقی */
  .pdh-tnav { width: 28px; height: 44px; flex: 0 0 28px; }
  .pdh-tnav[data-dir="up"]   { transform: rotate(-90deg); }
  .pdh-tnav[data-dir="down"] { transform: rotate(90deg); }
  .pdh-track {
    flex-direction: row; flex: 1;
    overflow-x: auto; overflow-y: hidden;
    gap: 8px; padding-bottom: 2px; scrollbar-width: none;
  }
  .pdh-track::-webkit-scrollbar { display: none; }
  .pdh-thumb { width: 58px; height: 58px; flex: 0 0 58px; }

  .pdh-ctrl { top: 10px; left: 10px; flex-direction: row; }
  .pdh-spec { flex: 1 1 calc(50% - 5px); }
  .pdh-trust { grid-template-columns: repeat(2,1fr); }
  .pdh-title { font-size: 16px; }
  /* قیمت اصلی پایین sticky هست — اینجا تکراری */
  .pdh-price-now { display: none !important; }
}
@media (max-width: 380px) {
  .pdh-spec { flex: 1 1 100%; }
}