/* ════════════════════════════════════════════════════════════════
   sepanta-ui — product-single.css
   صفحهٔ محصول تک‌کالا — استایل بنتویی (هم‌سبک سبد و تسویه)

   🗺 نقشهٔ فایل:
   ── ساختار صفحه ──────────────────────────────
   P-1    توکن‌های رنگ/فونت + پایهٔ صفحه
   P-2    گرید اصلی (گالری | خلاصه) + کارت پایهٔ بخش‌ها
   P-3    گالری تصاویر و بندانگشتی‌ها
   P-4    عنوان، قیمت و متا
   P-5    سلکت واریشن‌ها (محصول متغیر)
   ── فرم خرید ─────────────────────────────────
   P-6    کپسول تعداد +/− (ساخت JS — اسنیپت ۱۴)
   P-14   دکمهٔ افزودن به سبد — هم‌قد کپسول
   P-15   دکمهٔ افزودن — پوشش کامل مارک‌آپ‌های قالب
   ── محتوا ────────────────────────────────────
   P-7    تب‌ها (قرص‌های بنتویی)
   P-8    نقد و بررسی‌ها + فرم ثبت نظر
   P-9    ستاره‌های امتیاز — طلایی‌سازی سراسری صفحه
   P-11   جدول ارزش غذایی (توضیحات تکمیلی)
   ── محصولات مرتبط ────────────────────────────
   P-10   گرید کارت‌های مرتبط
   P-17   دکمهٔ مرتبط‌ها — پایه (ساخت JS — اسنیپت ۱۴)
   P-21   دکمهٔ مرتبط‌ها — حالت قابی (پوشش روی P-17)
   P-16   دکمهٔ مرتبط‌ها — حالت لودینگ (نسخهٔ یکتا)
   P-19   ستاره‌های مرتبط (تقویت سلکتور) + هم‌ترازی کارت‌ها
   ── عناصر هوشمند ─────────────────────────────
   P-18   چیپ موجودی هوشمند (خروجی PHP — اسنیپت ۱۶)
   P-20   مخفی‌سازی «موجود» پیش‌فرض قالب
   P-23   مخفی‌سازی لینک «تسویه حساب» تزریقی ووکامرس
   P-24-ب مخفی‌سازی کپسول تعداد — حالت تک‌عددی
   P-25   نوار اعتماد (خروجی PHP — اسنیپت ۱۶-هـ)
   P-28   دکمهٔ علاقه‌مندی YITH (سطل قرمز)
   P-29   کارت مقایسه قیمت درگاه‌ها (فقط ظاهر — افزونهٔ Qestx)

   ════════════════════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────────────────────
   P-1) توکن‌ها + پایهٔ صفحه
   تمام رنگ/گردی/فونت/سایهٔ صفحه از این متغیرها خوانده می‌شود؛
   تغییر هویت بصری فقط از همین‌جا. زمینه: کرم + هالهٔ طلایی گوشه‌ها
   ──────────────────────────────────────────────────────────────── */
body.single-product {
    --bt-bg: #f4f3ee;            /* زمینهٔ کرم صفحه */
    --bt-card: #ffffff;          /* کارت سفید */
    --bt-soft: #f7f6f0;          /* زمینهٔ ملایم داخل کارت‌ها */
    --bt-line: #eae8de;          /* خط اصلی کرم */
    --bt-line-2: #dcd8c9;        /* خط پررنگ‌تر (ستارهٔ خالی) */
    --bt-ink: #21262f;           /* متن اصلی */
    --bt-muted: #7b8194;         /* متن فرعی */
    --bt-gold: #D7AF00;          /* طلایی اصلی */
    --bt-gold-2: #a18200;        /* طلایی تیره (متن) */
    --bt-gold-soft: rgba(215, 175, 0, .13);   /* زمینهٔ طلایی شفاف */
    --bt-gold-ring: rgba(215, 175, 0, .30);   /* هالهٔ فوکوس */
    --bt-gold-line: rgba(215, 175, 0, .45);   /* بوردر طلایی */
    --bt-red: #e5484d;           /* قرمز (ناموجود/حذف) */
    --bt-green: #2f9e6e;         /* سبز (موفقیت) */
    --bt-r-xl: 26px;             /* گردی کارت‌های بزرگ */
    --bt-r-lg: 18px;             /* گردی دکمه/کپسول */
    --bt-r-md: 13px;             /* گردی عناصر کوچک */
    --bt-gap: 22px;              /* فاصلهٔ استاندارد گرید */
    --bt-shadow: 0 1px 2px rgba(35,33,20,.05), 0 18px 44px -26px rgba(35,33,20,.28);
    --bt-font: "IRANYekan", "IRANYekanX", "IRANYekanWeb", "ایران یکان", "Vazirmatn", "Vazir", Tahoma, sans-serif;

    font-family: var(--bt-font);
    color: var(--bt-ink);
    background:
        radial-gradient(900px 420px at 88% -8%, rgba(215,175,0,.16), transparent 62%),
        radial-gradient(720px 320px at 6% -6%, rgba(215,175,0,.09), transparent 60%),
        var(--bt-bg);
}
/* رنگ انتخاب متن (هایلایت) */
body.single-product ::selection { background: rgba(215,175,0,.25); }

/* ظرف مرکزی صفحه */
body.single-product .woocommerce {
    max-width: 1280px;
    margin-inline: auto;
    padding: 20px;
}

/* ────────────────────────────────────────────────────────────────
   P-2) گرید اصلی + کارت پایه
   دو ستون: گالری (پهن‌تر) | خلاصه — تک‌ستون در موبایل (P-12).
   پنج بخش صفحه (گالری/خلاصه/تب‌ها/مرتبط/پیشنهاد) کارت سفید می‌گیرند
   ──────────────────────────────────────────────────────────────── */
body.single-product .woocommerce div.product {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: var(--bt-gap);
    align-items: start;
}
/* خنثی‌کردن clearfix قدیمی ووکامرس روی محصول */
body.single-product .woocommerce div.product::before,
body.single-product .woocommerce div.product::after { display: none; }

/* کارت پایه — مشترک بین بخش‌ها */
body.single-product .woocommerce div.product .woocommerce-product-gallery,
body.single-product .woocommerce div.product .summary.entry-summary,
body.single-product .woocommerce div.product .woocommerce-tabs,
body.single-product .woocommerce div.product .related.products,
body.single-product .woocommerce div.product .upsells.products {
    background: var(--bt-card);
    border: 1px solid var(--bt-line);
    border-radius: var(--bt-r-xl);
    box-shadow: var(--bt-shadow);
    padding: clamp(20px, 2.6vw, 30px);
    width: 100% !important;
    float: none !important;
    margin: 0;
}

/* ────────────────────────────────────────────────────────────────
   P-3) گالری — تصویر اصلی گرد + ردیف بندانگشتی‌های ۴تایی
   بندانگشتی فعال/هاور: قاب طلایی + پرش ظریف به بالا
   ──────────────────────────────────────────────────────────────── */
body.single-product .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image {
    border-radius: var(--bt-r-lg);
    overflow: hidden;
    border: 1px solid var(--bt-soft);
}
body.single-product .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
    border-radius: var(--bt-r-lg);
}
body.single-product .woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs {
    margin-top: 12px;
    display: flex; gap: 10px;
    list-style: none; padding: 0;
}
body.single-product .woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li {
    width: calc(25% - 7.5px);
    float: none;
}
body.single-product .woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs img {
    border-radius: var(--bt-r-md);
    border: 2px solid transparent;
    transition: all .2s ease;
    cursor: pointer;
}
body.single-product .woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs img.flex-active,
body.single-product .woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs img:hover {
    border-color: var(--bt-gold);
    transform: translateY(-2px);
}

/* ────────────────────────────────────────────────────────────────
   P-4) عنوان، قیمت و متا
   قیمت: طلایی ضخیم | del: قیمت قبل تخفیف محو | متا: خط‌چین طلایی
   ──────────────────────────────────────────────────────────────── */
body.single-product .woocommerce div.product .product_title {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.6;
    margin-bottom: 15px;
}
body.single-product .woocommerce div.product p.price,
body.single-product .woocommerce div.product span.price {
    color: var(--bt-gold-2);
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 20px;
    display: flex; align-items: center; gap: 10px;
}
body.single-product .woocommerce div.product p.price del { color: var(--bt-muted); font-size: 16px; opacity: .6; }
body.single-product .woocommerce div.product p.price ins { text-decoration: none; }

body.single-product .woocommerce div.product .product_meta {
    margin-top: 18px; padding-top: 14px;
    border-top: 1px dashed rgba(215,175,0,.3);
    font-size: 13px; color: var(--bt-muted);
}
body.single-product .woocommerce div.product .product_meta a {
    color: var(--bt-gold-2); font-weight: 600; text-decoration: none;
}
body.single-product .woocommerce div.product .product_meta a:hover { text-decoration: underline; }

/* ────────────────────────────────────────────────────────────────
   P-5) سلکت واریشن‌ها (محصول متغیر)
   سلکت تمام‌عرض با فلش SVG سفارشی — فوکوس: قاب طلایی
   ──────────────────────────────────────────────────────────────── */
body.single-product .woocommerce div.product form.cart .variations {
    width: 100%; border: none; margin-bottom: 20px;
}
body.single-product .woocommerce div.product form.cart .variations td {
    padding: 0 0 15px; display: block;
}
body.single-product .woocommerce div.product form.cart .variations label {
    font-size: 13.5px; font-weight: 700; margin-bottom: 8px; display: block;
}
body.single-product .woocommerce div.product form.cart .variations select {
    width: 100%; height: 50px; padding: 0 16px;
    background: var(--bt-soft);
    border: 1.5px solid var(--bt-line);
    border-radius: var(--bt-r-md);
    color: var(--bt-ink);
    font-family: var(--bt-font);
    appearance: none; -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23a18200' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 16px center;
    transition: all .25s ease;
}
body.single-product .woocommerce div.product form.cart .variations select:focus {
    border-color: var(--bt-gold);
    box-shadow: 0 0 0 4px var(--bt-gold-ring);
    outline: none; background-color: #fff;
}

/* ────────────────────────────────────────────────────────────────
   P-6) کپسول تعداد +/− (بنتویی — ساخت JS اسنیپت ۱۴ بخش ۱و۲)
   JS کنترل پیش‌فرض قالب را با bt-qty-hidden قفل و این کپسول را
   می‌سازد | ترتیب قطعی: − | عدد | + | قد ۵۲ هم‌قد دکمهٔ خرید
   ──────────────────────────────────────────────────────────────── */

/* کنترل‌های پیش‌فرض قالب/ووکامرس: قفل کامل */
body.single-product .bt-qty-hidden { display: none !important; }
body.single-product .woocommerce div.product form.cart div.quantity,
body.single-product .woocommerce div.product form.cart .rs-quantity,
body.single-product .woocommerce div.product form.cart .buttons_added {
    display: none !important;
}

/* قاب کپسول */
body.single-product .bt-qty-wrapper {
    display: inline-flex;
    align-items: center;
    background: var(--bt-soft);
    border: 1.5px solid var(--bt-line);
    border-radius: var(--bt-r-lg);
    height: 52px;
    overflow: hidden;
}

/* ترتیب قطعی: − | عدد | + */
body.single-product .bt-qty-wrapper .bt-minus { order: 1; }
body.single-product .bt-qty-wrapper input.qty { order: 2; }
body.single-product .bt-qty-wrapper .bt-plus  { order: 3; }

/* دکمه‌های − و + */
body.single-product .bt-qty-wrapper button {
    width: 46px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--bt-gold-2);
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    padding: 0;
    cursor: pointer;
    transition: background-color .2s ease;
}
body.single-product .bt-qty-wrapper button:hover {
    background: var(--bt-gold-soft);
}

/* عدد — line-height هم‌قد قاب = مرکز عمودی قطعی + حذف spinner */
body.single-product .bt-qty-wrapper input.qty {
    flex: 1 1 auto;
    width: 60px;
    height: 52px;
    margin: 0;
    border: none;
    text-align: center;
    background: transparent;
    font-family: var(--bt-font);
    font-size: 16px;
    font-weight: 800;
    line-height: 52px;
    color: var(--bt-ink);
    -moz-appearance: textfield;
    appearance: textfield;
    padding: 0;
    box-shadow: none !important;
}
body.single-product .bt-qty-wrapper input.qty::-webkit-outer-spin-button,
body.single-product .bt-qty-wrapper input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* ────────────────────────────────────────────────────────────────
   P-7) تب‌ها — قرص‌های بنتویی
   تب فعال: گرادیان طلایی + متن سفید | پنل هر تب: کارت گرد جدا.
   سلکتورهای html body برای شکستن specificity قالب (عناصر سرسخت)
   ──────────────────────────────────────────────────────────────── */
body.single-product .woocommerce-tabs {
    margin-top: 30px;
    clear: both;
}
body.single-product .woocommerce-tabs ul.tabs {
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px;
    padding: 0 !important;
    margin: 0 0 24px !important;
    border: none !important;
    background: transparent !important;
    list-style: none !important;
    justify-content: flex-start !important;
}
body.single-product .woocommerce-tabs ul.tabs li {
    background-color: var(--bt-gold-soft) !important;
    border: 1.5px solid var(--bt-gold-line) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: all .3s ease !important;
}
body.single-product .woocommerce-tabs ul.tabs li a {
    display: block !important;
    padding: 12px 28px !important;
    color: var(--bt-gold-2) !important;
    font-family: var(--bt-font) !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    text-shadow: none !important;
}
/* خنثی‌کردن تزئینات ::before/::after قالب روی تب‌ها */
body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after,
body.single-product .woocommerce-tabs ul.tabs::before,
body.single-product .woocommerce-tabs ul.tabs::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    background: none !important;
}
/* تب فعال — گرادیان طلایی */
body.single-product .woocommerce-tabs ul.tabs li.active {
    background: linear-gradient(160deg, #e8c33a 0%, var(--bt-gold) 45%, var(--bt-gold-2) 100%) !important;
    border-color: var(--bt-gold) !important;
    box-shadow: 0 6px 16px rgba(215,175,0,.35) !important;
}
body.single-product .woocommerce-tabs ul.tabs li.active a {
    color: #fff !important;
}
/* پنل محتوای هر تب — کارت جدا */
html body.single-product .woocommerce-tabs .woocommerce-Tabs-panel,
html body.single-product .woocommerce-tabs .panel {
    background: var(--bt-card) !important;
    border: 1px solid var(--bt-line) !important;
    border-radius: var(--bt-r-xl) !important;
    box-shadow: var(--bt-shadow) !important;
    padding: clamp(24px, 3vw, 40px) !important;
    margin: 0 0 var(--bt-gap);
    width: 100%;
}
/* عنوان داخل پنل — قرص طلایی */
html body.single-product .woocommerce-tabs .panel h2,
html body.single-product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
    display: inline-flex !important; align-items: center;
    margin: 0 0 16px !important; padding: 9px 18px !important;
    border-radius: 999px !important;
    background: var(--bt-gold-soft) !important;
    border: 1px solid var(--bt-gold-line) !important;
    color: var(--bt-gold-2) !important;
    font-size: 15px !important; font-weight: 800 !important; line-height: 1.6 !important;
    text-shadow: none !important;
}
html body.single-product .woocommerce-tabs .panel p {
    font-size: 14.5px; line-height: 2;
}

/* ────────────────────────────────────────────────────────────────
   P-8) نقد و بررسی‌ها — کارت دیدگاه‌ها + فرم ثبت نظر
   هر دیدگاه: کارت کرم با آواتار حلقه‌طلایی | فرم: گرید دوستونه
   ──────────────────────────────────────────────────────────────── */
/* عنوان بخش («۲ نظر…») — قرص طلایی */
body.single-product .woocommerce-Reviews .woocommerce-Reviews-title {
    display: inline-flex; align-items: center;
    margin: 0 0 16px; padding: 9px 18px;
    border-radius: 999px;
    background: var(--bt-gold-soft);
    border: 1px solid var(--bt-gold-line);
    color: var(--bt-gold-2);
    font-size: 15px; font-weight: 800;
}
/* پیام «هنوز نظری ثبت نشده» — کهربایی نقطه‌چین */
body.single-product .woocommerce-Reviews p.nocomments,
body.single-product .woocommerce-Reviews p.woocommerce-noreviews {
    background: var(--bt-gold-soft);
    border: 1.5px dashed var(--bt-gold-line);
    border-radius: var(--bt-r-lg);
    padding: 14px 18px;
    color: var(--bt-gold-2) !important;
    font-size: 14px; font-weight: 600;
    margin: 0 0 20px;
}
/* کارت هر دیدگاه */
html body.single-product #reviews ol.commentlist li .comment_container {
    display: flex; align-items: flex-start; gap: 14px;
    background: var(--bt-soft) !important;
    border: 1px solid var(--bt-line) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    margin-bottom: 16px !important;
}
html body.single-product #reviews ol.commentlist li .comment_container::before,
html body.single-product #reviews ol.commentlist li .comment_container::after {
    display: none !important; content: none !important; border: 0 !important;
}
/* آواتار — دایره با حلقهٔ طلایی */
html body.single-product #reviews ol.commentlist li img.avatar {
    float: none !important;
    width: 48px; height: 48px;
    border-radius: 50% !important;
    border: 2px solid var(--bt-gold) !important;
    padding: 2px !important;
    background: #fff !important;
    margin: 0 !important;
    box-shadow: none !important;
    flex: none;
}
/* متن دیدگاه — بدون قاب اضافه (خود کارت قاب دارد) */
html body.single-product #reviews ol.commentlist li .comment-text {
    flex: 1 1 auto; min-width: 0;
    margin: 0 !important;
    border: 0 !important; border-radius: 0 !important;
    padding: 0 !important; background: none !important;
}
html body.single-product #reviews ol.commentlist li .comment-text::before,
html body.single-product #reviews ol.commentlist li .comment-text::after {
    display: none !important; content: none !important; border: 0 !important;
}
html body.single-product #reviews ol.commentlist li .meta {
    color: var(--bt-muted); font-size: 12.5px; margin-bottom: 6px;
}
html body.single-product #reviews ol.commentlist li .meta strong {
    color: var(--bt-ink); font-size: 13.5px;
}
html body.single-product #reviews ol.commentlist li .description {
    font-size: 14px; line-height: 1.9;
}
body.single-product #reviews .star-rating { float: none !important; margin: 0 0 6px !important; }

/* ── فرم ثبت نظر ── */
html body.single-product #review_form_wrapper {
    background: var(--bt-soft) !important;
    border: 1px solid var(--bt-line) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    margin-top: 24px !important;
}
body.single-product #review_form #respond { margin: 0; }
body.single-product #review_form #respond .comment-reply-title {
    display: block;
    font-size: 15px; font-weight: 800;
    margin: 0 0 14px;
}
/* گرید دوستونه: نام/ایمیل کنار هم، امتیاز/متن/دکمه تمام‌عرض */
body.single-product #review_form #respond .comment-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin: 0;
}
body.single-product #review_form #respond .comment-form-rating,
body.single-product #review_form #respond .comment-form-comment,
body.single-product #review_form #respond .form-submit {
    grid-column: 1 / -1;
}
body.single-product #review_form #respond p { margin: 0 !important; }
body.single-product #review_form #respond label {
    display: block;
    font-size: 13.5px; font-weight: 700; margin-bottom: 6px;
}
body.single-product #review_form textarea,
body.single-product #review_form #respond input[type="text"],
body.single-product #review_form #respond input[type="email"] {
    width: 100%;
    padding: 14px 16px;
    background: #fff;
    border: 1.5px solid var(--bt-line);
    border-radius: 12px;
    color: var(--bt-ink);
    font-family: var(--bt-font); font-size: 15px; line-height: 1.7;
    transition: border-color .25s, box-shadow .25s;
}
body.single-product #review_form textarea { min-height: 120px; resize: vertical; }
body.single-product #review_form textarea:focus,
body.single-product #review_form input:focus {
    border-color: var(--bt-gold);
    box-shadow: 0 0 0 3px rgba(215,175,0,.15);
    outline: none;
}
/* دکمهٔ ثبت — قرص گرادیان طلایی */
body.single-product #review_form .form-submit input.submit {
    background: linear-gradient(160deg, #e8c33a 0%, var(--bt-gold) 45%, var(--bt-gold-2) 100%) !important;
    color: #fff !important;
    font-family: var(--bt-font);
    font-weight: 800; font-size: 15px;
    border: none; border-radius: 999px;
    padding: 13px 40px !important;
    cursor: pointer;
    transition: transform .18s ease, filter .25s ease;
}
body.single-product #review_form .form-submit input.submit:hover {
    transform: translateY(-2px); filter: brightness(1.05);
}
/* فرم پاسخ به دیدگاه — تک‌ستونه، زیر دیدگاه مبدأ */
body.single-product .comment-respond {
    margin-top: 16px; padding-top: 16px;
    border-top: 1px dashed rgba(215,175,0,.3);
}
body.single-product .comment-respond .comment-reply-title {
    font-size: 14px; font-weight: 800;
}
body.single-product .comment-respond .cancel-comment-reply-link {
    color: var(--bt-gold-2); font-weight: 700; font-size: 13px;
    text-decoration: none;
}
body.single-product .comment-respond .comment-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 0;
}
body.single-product .comment-respond p { margin: 0 !important; }
body.single-product .comment-respond textarea,
body.single-product .comment-respond input[type="text"],
body.single-product .comment-respond input[type="email"] {
    width: 100%;
    padding: 12px 16px;
    background: #fff;
    border: 1.5px solid var(--bt-line);
    border-radius: 12px;
    color: var(--bt-ink);
    font-family: var(--bt-font); font-size: 15px;
}

/* ────────────────────────────────────────────────────────────────
   P-9) ستاره‌ها — طلایی‌سازی سراسری صفحه (پوشش حداکثری)
   پر: طلایی | خالی (پس‌زمینه): خاکستری کرم.
   شامل امتیاز محصول، دیدگاه‌ها، فرم امتیازدهی — مرتبط هم پوشش دارد
   (برای کارت‌های مرتبط، P-19 تقویت‌کنندهٔ همین بخش است)
   ──────────────────────────────────────────────────────────────── */
html body.single-product .woocommerce .star-rating::before,
html body.single-product #reviews .star-rating::before,
html body.single-product .woocommerce div.product .star-rating::before {
    color: var(--bt-line-2) !important;
    -webkit-text-fill-color: var(--bt-line-2) !important;
}
html body.single-product .woocommerce .star-rating span::before,
html body.single-product .woocommerce .star-rating span,
html body.single-product #reviews .star-rating span::before,
html body.single-product #reviews .star-rating span,
html body.single-product .woocommerce-tabs .star-rating span::before,
html body.single-product .woocommerce-tabs .star-rating span,
html body.single-product .woocommerce div.product .star-rating span::before,
html body.single-product .woocommerce div.product .star-rating span,
html body.single-product .woocommerce-product-rating .star-rating span::before,
html body.single-product .woocommerce-product-rating .star-rating span {
    color: var(--bt-gold) !important;
    -webkit-text-fill-color: var(--bt-gold) !important;
}
/* ستاره‌های انتخابی فرم ثبت نظر */
html body.single-product .woocommerce p.stars a::before,
html body.single-product .woocommerce p.stars a:hover::before,
html body.single-product .woocommerce p.stars a.active::before,
html body.single-product #review_form .stars a::before,
html body.single-product #review_form .stars a:hover::before,
html body.single-product #review_form .stars a.active::before {
    color: var(--bt-gold) !important;
    -webkit-text-fill-color: var(--bt-gold) !important;
}

/* ────────────────────────────────────────────────────────────────
   P-10) محصولات مرتبط — گرید راست‌چین + قرص عنوان
   auto-fill: در هر عرض، بیشترین کارت در ردیف
   ──────────────────────────────────────────────────────────────── */
body.single-product .woocommerce div.product .related.products {
    grid-column: 1 / -1;
    margin-top: var(--bt-gap);
    
}
/* عنوان بخش مرتبط — قرص طلایی (نسخهٔ ۲: تمام‌قفل)
   ⚠️ قالب برای این تیتر قانون سنگین دارد — بدون important می‌بَرد */
html body.single-product .woocommerce div.product .related.products > h2,
html body.single-product .woocommerce div.product section.related > h2,
html body.single-product .related.products > h2[class],
html body.single-product section.related.products > h2 {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 0 18px !important;
    padding: 9px 18px !important;
    border-radius: 999px !important;
    background: var(--bt-gold-soft) !important;
    border: 1px solid var(--bt-gold-line) !important;
    color: var(--bt-gold-2) !important;
    font-family: var(--bt-font) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;
    text-shadow: none !important;
}
/* گرید کارت‌ها */
body.single-product .woocommerce div.product .related.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 18px;
    direction: rtl;
    margin: 0 !important; padding: 0 !important;
    list-style: none !important;
    width: 100%;
}
body.single-product .woocommerce div.product .related.products ul.products::before,
body.single-product .woocommerce div.product .related.products ul.products::after {
    display: none !important; content: none !important;
}
/* هر کارت */
body.single-product .woocommerce div.product .related.products ul.products li.product {
    float: none !important; width: auto !important; margin: 0 !important;
    background: var(--bt-soft);
    border: 1px solid var(--bt-line);
    border-radius: var(--bt-r-lg);
    padding: 14px;
    text-align: center;
    transition: transform .2s ease, box-shadow .25s ease;
}
body.single-product .woocommerce div.product .related.products ul.products li.product:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -10px rgba(35,33,20,.15);
}
body.single-product .woocommerce div.product .related.products ul.products li.product img {
    border-radius: var(--bt-r-md); margin-bottom: 12px;
}
body.single-product .woocommerce div.product .related.products ul.products li.product .woocommerce-loop-product__title {
    background: none !important; border: 0 !important; box-shadow: none !important;
    padding: 6px 0 4px !important;
    font-size: 14px; font-weight: 600; color: var(--bt-ink);
}
/* ─── کارت‌های مرتبط/تشویقی: قیمت‌ها ─── */

/* دسکتاپ: اندازهٔ اصلی (برگشت به قبل) */
html body.single-product .related.products ul.products li.product .price,
html body.single-product .upsells.products ul.products li.product .price {
    font-size: 14.5px !important;
    line-height: 1.6 !important;
}
html body.single-product .related.products ul.products li.product .price .subscription-details,
html body.single-product .upsells.products ul.products li.product .price .subscription-details {
    display: block !important;
    font-size: 11.5px !important;
    color: var(--bt-muted) !important;
    font-weight: 600 !important;
}
/* 📱 موبایل <768: قیمت‌های کارت — نسخهٔ نهایی متخصصانه */
@media (max-width: 767.98px) {
    /* ظرف قیمت: فاصلهٔ یکنواخت + حداقل ارتفاع برای هم‌قدی کارت‌ها */
    html body.single-product .related.products ul.products li.product .price,
    html body.single-product .upsells.products ul.products li.product .price {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 2px !important;
        min-height: 58px !important;        /* 🆕 هم‌قدی: کارت‌های ۲خطی هم‌قد ۴خطی‌ها */
        justify-content: center !important; /* محتوای کم وسطِ ناحیه */
        font-size: 12px !important;
        line-height: 1.35 !important;
    }
    /* خط‌خورده: محو ولی با خط‌کشی واضح */
    html body.single-product .related.products ul.products li.product .price del,
    html body.single-product .upsells.products ul.products li.product .price del {
        font-size: 10px !important;
        color: var(--bt-muted) !important;
        opacity: 1 !important;              /* رنگ محو خودش کافی است؛ opacity کامل تا خط‌کشی واضح */
    }
    /* قیمت فعلی: کمی درشت‌تر برای سلسله‌مراتب */
    html body.single-product .related.products ul.products li.product .price ins,
    html body.single-product .upsells.products ul.products li.product .price ins {
        font-size: 12.5px !important;
        font-weight: 900 !important;
    }
    /* مدل اشتراک: خوانای ثانویه (نه محو) */
    html body.single-product .related.products ul.products li.product .price .subscription-details,
    html body.single-product .upsells.products ul.products li.product .price .subscription-details {
        display: block !important;
        font-size: 10px !important;
        color: #555 !important;             /* 🆕 خاکستری خوانا به‌جای طلایی محو */
        font-weight: 700 !important;
        opacity: 1 !important;
    }
    /* بج تخفیف: داخل گردی کارت بماند (نه بیرون‌زده) */
    html body.single-product .related.products ul.products li.product .onsale[class],
    html body.single-product .upsells.products ul.products li.product .onsale[class] {
        top: 6px !important;
        right: 6px !important;
    }
}
/* ────────────────────────────────────────────────────────────────
   P-11) جدول ارزش غذایی (توضیحات تکمیلی)
   هر ردیف flex: ویژگی راست | مقدار چپ — جداکنندهٔ خط‌چین طلایی
   ──────────────────────────────────────────────────────────────── */
html body.single-product .woocommerce-tabs table.woocommerce-product-attributes {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    background: none !important;
    border: 0 !important;
    direction: rtl;
}
html body.single-product .woocommerce-tabs .woocommerce-product-attributes tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 14px;
    padding: 12px 6px;
    border-bottom: 1px dashed rgba(215,175,0,.3);
    background: none !important;
}
html body.single-product .woocommerce-tabs .woocommerce-product-attributes tr:last-child {
    border-bottom: 0;
}
html body.single-product .woocommerce-tabs .woocommerce-product-attributes th,
html body.single-product .woocommerce-tabs .woocommerce-product-attributes td {
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0;
    margin: 0;
    font-family: var(--bt-font);
}
html body.single-product .woocommerce-tabs .woocommerce-product-attributes th {
    text-align: start;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--bt-muted);
}
html body.single-product .woocommerce-tabs .woocommerce-product-attributes td {
    text-align: end;
    font-size: 14.5px;
    font-weight: 700;
    color: var(--bt-ink);
}

/* ────────────────────────────────────────────────────────────────
   P-12) ریسپانسیو
   ۹۹۲−: گرید اصلی تک‌ستون | ۷۶۸−: فرم خرید ردیفی + فشرده‌سازی
   ──────────────────────────────────────────────────────────────── */
@media (max-width: 991.98px) {
    body.single-product .woocommerce div.product {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 767.98px) {
    /* فرم خرید در موبایل هم ردیفی: کپسول + دکمه کنار هم */
    body.single-product .woocommerce div.product form.cart {
        flex-direction: row !important;
        flex-wrap: nowrap;
        align-items: center;
        gap: 10px;
    }
    body.single-product .bt-qty-wrapper { height: 50px; }
    body.single-product .bt-qty-wrapper button { width: 38px; font-size: 18px; }
    body.single-product .bt-qty-wrapper input.qty { width: 40px; font-size: 15px; line-height: 50px; }

    body.single-product #review_form #respond .comment-form { grid-template-columns: 1fr; }
    body.single-product #reviews ol.commentlist li .comment_container { flex-direction: column; }
}

/* ────────────────────────────────────────────────────────────────
   P-13) کاهش انیمیشن — دسترس‌پذیری (تنظیم سیستم کاربر محترم است)
   ──────────────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    body.single-product *,
    body.single-product *::before,
    body.single-product *::after {
        transition: none !important;
        animation: none !important;
    }
}

/* ────────────────────────────────────────────────────────────────
   P-14) دکمهٔ افزودن به سبد — هم‌قد و هم‌گردی کپسول + سایهٔ طلایی
   ──────────────────────────────────────────────────────────────── */
html body.single-product .woocommerce div.product form.cart .single_add_to_cart_button {
    height: 52px !important;
    min-height: 52px !important;
    border-radius: var(--bt-r-lg) !important;
    box-shadow: 0 12px 24px -12px rgba(215,175,0,.75), inset 0 1px 0 rgba(255,255,255,.3) !important;
    transition: transform .18s ease, filter .25s ease;
}
html body.single-product .woocommerce div.product form.cart .single_add_to_cart_button:hover {
    box-shadow: 0 18px 30px -12px rgba(215,175,0,.8), inset 0 1px 0 rgba(255,255,255,.3) !important;
}

/* ────────────────────────────────────────────────────────────────
   P-15) دکمهٔ افزودن — پوشش کامل تگ‌ها/کلاس‌های قالب
   مکمل P-14: قفل max-height و box-sizing برای همهٔ variantهای مارک‌آپ
   ──────────────────────────────────────────────────────────────── */
html body.single-product .woocommerce div.product form.cart button.single_add_to_cart_button,
html body.single-product .woocommerce div.product form.cart a.single_add_to_cart_button,
html body.single-product .woocommerce div.product form.cart button.single_add_to_cart_button.button.alt,
html body.single-product form.cart button.single_add_to_cart_button {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    border-radius: var(--bt-r-lg) !important;
    box-sizing: border-box !important;
}

/* ────────────────────────────────────────────────────────────────
   P-16) دکمهٔ مرتبط‌ها — حالت لودینگ (نسخهٔ یکتا)
   حین درخواست آجاکس: کم‌رنگ + غیرقابل کلیک.
   (بلاک تکراری قبلی P-22 حذف شد — بایت‌به‌بایت همین بود)
   ──────────────────────────────────────────────────────────────── */
body.single-product a.bt-card-cart-btn.bt-loading {
    opacity: .7;
    pointer-events: none;
}

/* ────────────────────────────────────────────────────────────────
   P-17) دکمهٔ مرتبط‌ها — پایه (ساخت JS اسنیپت ۱۴ بخش ۵و۶)
   دکمهٔ قدیمی قالب مخفی؛ bt-card-cart-btn گرادیان طلایی می‌گیرد.
   در بخش مرتبط‌ها، P-21 روی این پایه حالت قابی سوار می‌کند
   ──────────────────────────────────────────────────────────────── */
/* دکمهٔ قدیمی قالب: مخفی */
body.single-product ul.products li.product .bt-old-cart-btn-hidden,
body.single-product ul.products li.product a.add_to_cart_button:not(.bt-card-cart-btn) {
    display: none !important;
}
/* دکمهٔ جدید بنتویی */
body.single-product ul.products li.product a.bt-card-cart-btn {
    display: inline-flex !important;
    align-items: center; justify-content: center; gap: 8px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 12px;
    padding: 12px 16px;
    border-radius: 999px;
    background: linear-gradient(160deg, #e8c33a 0%, var(--bt-gold) 45%, var(--bt-gold-2) 100%);
    color: #fff !important;
    font-family: var(--bt-font);
    font-size: 13.5px; font-weight: 800; line-height: 1.5;
    text-decoration: none !important;
    box-shadow: 0 8px 18px -10px rgba(215,175,0,.6);
    transition: transform .18s ease, filter .25s ease;
}
body.single-product ul.products li.product a.bt-card-cart-btn:hover {
    color: #fff !important;
    transform: translateY(-2px);
    filter: brightness(1.05);
}
body.single-product ul.products li.product a.bt-card-cart-btn.added {
    background: var(--bt-green);
}

/* ────────────────────────────────────────────────────────────────
   P-18) چیپ موجودی هوشمند (خروجی PHP اسنیپت ۱۶)
   🟢 موجود | 🟡 اخطار ۴-۹ کهربایی نقطه‌چین | 🔴 فوریت ۱-۳ نبض‌دار
   🔴 صفر/ناموجود: قرمز ممتد (نبض یعنی «عجله کن بخر» — اینجا بی‌معنا)
   ──────────────────────────────────────────────────────────────── */
/* پایهٔ چیپ (همهٔ حالت‌ها) */
html body.single-product .bt-stock-badge {
    display: inline-flex; align-items: center; gap: 6px;
    margin: 0 0 14px; padding: 8px 16px;
    border-radius: 999px;
    font-family: var(--bt-font);
    font-size: 13px; font-weight: 700; line-height: 1.6;
}
/* ✅ موجود — سبز */
body.single-product .bt-stock-badge.bt-stock-ok {
    background: rgba(47, 158, 110, .12);
    border: 1.5px solid rgba(47, 158, 110, .45);
    color: #1f7a54 !important;
    -webkit-text-fill-color: #1f7a54 !important;
}
/* 🔴 فوریت (۱ تا ۳) — قرمز نبض‌دار نقطه‌چین */
body.single-product .bt-stock-badge.bt-stock-low {
    background: rgba(229, 72, 77, .10) !important;
    border: 1.5px dashed rgba(229, 72, 77, .45) !important;
    color: #c53030 !important;
    -webkit-text-fill-color: #c53030 !important;
    animation: bt-pulse 1.8s ease-in-out infinite;
}
/* 🟡 اخطار ملایم (۴ تا ۹) — کهربایی نقطه‌چین */
body.single-product .bt-stock-badge.bt-stock-low.bt-stock-low-data {
    background: rgba(215, 175, 0, .10) !important;
    border: 1.5px dashed var(--bt-gold-line) !important;
    color: var(--bt-gold-2) !important;
    -webkit-text-fill-color: var(--bt-gold-2) !important;
    animation: none !important;
}
/* ⛔ ناموجود — قرمز ممتد */
html body.single-product .bt-stock-badge.bt-stock-out {
    background: rgba(229, 72, 77, .12) !important;
    border: 1.5px solid var(--bt-red) !important;
    color: #b91c1c !important;
    -webkit-text-fill-color: #b91c1c !important;
    font-weight: 800;
    animation: none !important;
}
/* انیمیشن نبض — فقط برای فوریت */
@keyframes bt-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(229, 72, 77, .25); }
    50%      { box-shadow: 0 0 0 6px rgba(229, 72, 77, 0); }
}
@media (prefers-reduced-motion: reduce) {
    body.single-product .bt-stock-badge.bt-stock-low { animation: none; }
}

/* ────────────────────────────────────────────────────────────────
   P-19) ستاره‌های کارت‌های مرتبط (تقویت سلکتور) + هم‌ترازی کارت‌ها
   ⚠️ قوانین رنگ زیر «تکرار» P-9 نیستند — سلکتورشان یک پله قوی‌تر
   از P-9 است و قانون نارنجیِ !important قالب را می‌شکند. حذفشان =
   برگشت نارنجی ستاره‌ها (تجربه‌شده). هرگز حذف نشوند.
   ──────────────────────────────────────────────────────────────── */
html body.single-product .related.products .star-rating span::before,
html body.single-product .related.products .star-rating span,
html body.single-product .woocommerce div.product .related.products .star-rating span::before,
html body.single-product .woocommerce div.product .related.products .star-rating span,
html body.single-product .related.products ul.products li.product .star-rating span::before,
html body.single-product .related.products ul.products li.product .star-rating span {
    color: var(--bt-gold) !important;
    -webkit-text-fill-color: var(--bt-gold) !important;
}
html body.single-product .related.products .star-rating::before,
html body.single-product .woocommerce div.product .related.products .star-rating::before,
html body.single-product .related.products ul.products li.product .star-rating::before {
    color: var(--bt-line-2) !important;
    -webkit-text-fill-color: var(--bt-line-2) !important;
}

/* هم‌ترازی عمودی کارت‌ها: ستونی flex → دکمه همیشه کف کارت
   (کارت‌ها با ارتفاع متفاوت هم‌قد دیده می‌شوند) */
body.single-product .related.products ul.products li.product {
    display: flex;
    flex-direction: column;
    align-items: center;
}
body.single-product .related.products ul.products li.product .bt-card-cart-btn {
    margin-top: auto !important;
}

/* ────────────────────────────────────────────────────────────────
   P-20) مخفی‌سازی «موجود» پیش‌فرض قالب — دوبله با چیپ P-18
   ──────────────────────────────────────────────────────────────── */
html body.single-product .summary .stock,
html body.single-product .woocommerce div.product p.stock,
body.single-product div.product p.stock.in-stock {
    display: none !important;
}

/* ────────────────────────────────────────────────────────────────
   P-21) دکمهٔ مرتبط‌ها — حالت قابی (پوشش روی پایهٔ P-17)
   در بخش مرتبط‌ها: قاب طلایی → هاور: پرِطلایی | افزوده‌شده: سبز
   (پیشنهادها/upsells همان گرادیان P-17 را نگه می‌دارند)
   ──────────────────────────────────────────────────────────────── */
html body.single-product .related.products ul.products li.product a.bt-card-cart-btn {
    background: transparent !important;
    border: 1.5px solid var(--bt-gold-line) !important;
    color: var(--bt-gold-2) !important;
    padding: 10px 16px !important;
    box-shadow: none !important;
}
html body.single-product .related.products ul.products li.product a.bt-card-cart-btn:hover {
    background: linear-gradient(160deg, #e8c33a 0%, var(--bt-gold) 45%, var(--bt-gold-2) 100%) !important;
    color: #fff !important;
    border-color: var(--bt-gold) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 20px -10px rgba(215,175,0,.55) !important;
}
html body.single-product .related.products ul.products li.product a.bt-card-cart-btn.added {
    background: var(--bt-green) !important;
    color: #fff !important;
    border-color: var(--bt-green) !important;
    box-shadow: none !important;
}

/* ────────────────────────────────────────────────────────────────
   P-23) لینک «تسویه حساب» تزریقی ووکامرس بعد از افزودن — مخفی
   ──────────────────────────────────────────────────────────────── */
html body.single-product .woocommerce-Reviews .added_to_cart,
html body.single-product .woocommerce div.product .added_to_cart,
html body.single-product a.added_to_cart {
    display: none !important;
}

/* ────────────────────────────────────────────────────────────────
   P-24-ب) مخفی‌سازی کپسول تعداد — حالت تک‌عددی
   ① body.bt-single-stock → PHP اسنیپت ۱۶-د (تک‌فروش یا موجودی ۱)
   ② form.bt-qty-single   → JS اسنیپت ۱۴ بخش ۷ (واریشن با max=۱)
   ورودی qty داخل کپسول مخفی می‌ماند → مقدار ۱ سابمیت می‌شود
   ⚠️ این نام تغییر نکند — کامنت PHP اسنیپت ۱۶-د به همین ارجاع دارد
   ──────────────────────────────────────────────────────────────── */
body.bt-single-stock .bt-qty-wrapper,
body.single-product form.cart.bt-qty-single .bt-qty-wrapper {
    display: none !important;
}

/* ────────────────────────────────────────────────────────────────
   P-25) نوار اعتماد زیر دکمهٔ خرید (خروجی PHP اسنیپت ۱۶-هـ)
   ۴ آیتم: پرداخت امن | اقساطی | ضمانت | پشتیبانی — آیکون FA لوکال
   ──────────────────────────────────────────────────────────────── */
body.single-product .bt-trust-bar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 5px 0 15px;
    padding-top: 16px;
}
body.single-product .bt-trust-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
    background: var(--bt-soft);
    border: 1px solid var(--bt-line);
    border-radius: var(--bt-r-md);
    padding: 12px 6px;
    transition: transform .18s ease, border-color .25s ease, box-shadow .25s ease;
}
body.single-product .bt-trust-item:hover {
    transform: translateY(-2px);
    border-color: var(--bt-gold-line);
    box-shadow: 0 8px 18px -12px rgba(35,33,20,.18);
}
/* آیکون دایره‌ای طلایی */
body.single-product .bt-trust-icon {
    width: 38px; height: 38px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: var(--bt-gold-soft);
    border: 1px solid var(--bt-gold-line);
    color: var(--bt-gold-2);
    font-size: 15px;
    flex: none;
}
body.single-product .bt-trust-label {
    font-size: 12px;
    font-weight: 700;
    color: var(--bt-ink);
    line-height: 1.5;
}
/* موبایل باریک: گرید ۲×۲ */
@media (max-width: 575.98px) {
    body.single-product .bt-trust-bar { grid-template-columns: repeat(2, 1fr); }
}

/* ════════════════════════════════════════════════════════════════
   P-28) دکمهٔ علاقه‌مندی (YITH) — نسخهٔ نهایی یکپارچه
   ♡ افزودن: قلب توخالی طلایی | 🗑 حذف: سطل قرمز (عادی و هاور)
   همهٔ عرض‌ها: مربع آیکونی کنار دکمهٔ خرید | دسکتاپ: + تولتیپ
   ════════════════════════════════════════════════════════════════ */

/* ۱) باکس — همیشه فشرده در جریان فلکس فرم (موبایل و دسکتاپ) */
html body.single-product .woocommerce div.product form.cart .yith-wcwl-add-to-wishlist,
html body.single-product .woocommerce div.product .yith-wcwl-add-to-wishlist {
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
}

/* ۲) کانتینر داخلی — حذف هم داخل همین رندر می‌شود */
html body.single-product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
}

/* ۳) دکمهٔ افزودن — مربع قلب طلایی (پایه = موبایل ۵۰px) */
html body.single-product .yith-wcwl-add-to-wishlist a.add_to_wishlist[class] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 !important;
    border: 1.5px solid var(--bt-gold-line) !important;
    border-radius: var(--bt-r-lg) !important;
    background: transparent !important;
    color: var(--bt-gold-2) !important;
    font-family: var(--bt-font) !important;
    font-size: 0 !important;   /* متن واقعی برای اسکرین‌ریدر می‌ماند */
    text-decoration: none !important;
    box-shadow: none !important;
    transition: all .2s ease !important;
}
html body.single-product .yith-wcwl-add-to-wishlist a.add_to_wishlist[class]:hover {
    background: linear-gradient(160deg, #e8c33a 0%, var(--bt-gold) 45%, var(--bt-gold-2) 100%) !important;
    color: #fff !important;
    border-color: var(--bt-gold) !important;
}

/* ۴) دکمهٔ حذف از لیست — مربع سطل قرمز (پایه = موبایل ۵۰px) */
html body.single-product .yith-wcwl-add-to-wishlist a.delete_item[class] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 !important;
    border: 1.5px solid rgba(229,72,77,.45) !important;
    border-radius: var(--bt-r-lg) !important;
    background: rgba(229,72,77,.10) !important;
    color: #c53030 !important;
    font-family: var(--bt-font) !important;
    font-size: 0 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: all .2s ease !important;
}
html body.single-product .yith-wcwl-add-to-wishlist a.delete_item[class]:hover {
    background: var(--bt-red) !important;
    color: #fff !important;
    border-color: var(--bt-red) !important;
}

/* ۵) آیکون‌های خود YITH: خاموش — جایشان FA لوکال */
html body.single-product .yith-wcwl-add-to-wishlist a.add_to_wishlist[class] svg,
html body.single-product .yith-wcwl-add-to-wishlist a.add_to_wishlist[class] i,
html body.single-product .yith-wcwl-add-to-wishlist a.delete_item[class] svg,
html body.single-product .yith-wcwl-add-to-wishlist a.delete_item[class] i {
    display: none !important;
}

/* ۶) آیکون‌های FA — رنگ از متن (طلایی/قرمز → سفید در هاور) */

/* ♡ قلب توخالی — افزودن */
html body.single-product .yith-wcwl-add-to-wishlist a.add_to_wishlist[class]::before {
    content: "\f004";
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    flex: none;
    display: block;
}
/* 🗑 سطل قرمز — حذف از لیست */
html body.single-product .yith-wcwl-add-to-wishlist a.delete_item[class]::before {
    content: "\f1f8";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 19px;
    line-height: 1;
    flex: none;
    display: block;
}

/* ۶-ب) مهمان: پیام «وارد شوید» → باکس موقتاً تمام‌عرض می‌شود تا متن جا شود */
html body.single-product .woocommerce div.product form.cart .yith-wcwl-add-to-wishlist:has(.yith-wcwl-feedback),
html body.single-product .woocommerce div.product .yith-wcwl-add-to-wishlist:has(.yith-wcwl-feedback) {
    flex: 1 1 100% !important;
    width: 100% !important;
}
html body.single-product .yith-wcwl-add-to-wishlist .yith-wcwl-feedback {
    margin: 0 !important;
    padding: 12px 16px !important;
    background: rgba(215,175,0,.10) !important;
    border: 1.5px dashed var(--bt-gold-line) !important;
    border-radius: var(--bt-r-lg) !important;
    color: var(--bt-gold-2) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center !important;
}

/* ۶-ج) موبایل: دکمهٔ خرید فضای باقی‌مانده ردیف را پر کند (کنار مربع ۵۰) */
@media (max-width: 767.98px) {
    body.single-product .woocommerce div.product form.cart .single_add_to_cart_button {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        font-size: 13.5px !important;
        padding-inline: 10px !important;
    }
}

/* ═══ ۷) دسکتاپ ۷۶۸+ — قد ۵۲ + آیکون بزرگ‌تر + تولتیپ + سایهٔ هاور ═══ */
@media (min-width: 768px) {

    html body.single-product .yith-wcwl-add-to-wishlist a.add_to_wishlist[class],
    html body.single-product .yith-wcwl-add-to-wishlist a.delete_item[class] {
        position: relative !important;
        width: 52px !important;
        min-width: 52px !important;
        height: 52px !important;
        min-height: 52px !important;
    }
    html body.single-product .yith-wcwl-add-to-wishlist a.add_to_wishlist[class]::before {
        font-size: 21px;
    }
    html body.single-product .yith-wcwl-add-to-wishlist a.delete_item[class]::before {
        font-size: 20px;
    }

    /* تولتیپ — از data-title خود YITH */
    html body.single-product .yith-wcwl-add-to-wishlist a.add_to_wishlist[class]::after,
    html body.single-product .yith-wcwl-add-to-wishlist a.delete_item[class]::after {
        content: attr(data-title);
        position: absolute;
        bottom: calc(100% + 10px);
        right: 50%;
        transform: translateX(50%) translateY(4px);
        background: var(--bt-ink);
        color: #fff;
        font-family: var(--bt-font);
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
        padding: 8px 12px;
        border-radius: 8px;
        white-space: nowrap;
        opacity: 0;
        pointer-events: none;
        transition: opacity .18s ease, transform .18s ease;
        z-index: 50;
    }
    html body.single-product .yith-wcwl-add-to-wishlist a.delete_item[class]::after {
        content: 'حذف از لیست';
    }
    html body.single-product .yith-wcwl-add-to-wishlist a.add_to_wishlist[class]:hover::after,
    html body.single-product .yith-wcwl-add-to-wishlist a.delete_item[class]:hover::after {
        opacity: 1;
        transform: translateX(50%) translateY(0);
    }

    /* هاور: هر دکمه سایهٔ هم‌رنگ خودش */
    html body.single-product .yith-wcwl-add-to-wishlist a.add_to_wishlist[class]:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 10px 20px -10px rgba(215,175,0,.55) !important;
    }
    html body.single-product .yith-wcwl-add-to-wishlist a.delete_item[class]:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 10px 20px -10px rgba(229,72,77,.55) !important;
    }
}

/* ────────────────────────────────────────────────────────────────
   P-29) کارت «مقایسه قیمت روش‌های پرداخت» (افزونهٔ Qestx)
   🔒 فقط رنگ/فونت/گردی — چیدمان ۱۰۰٪ خود افزونه (دست‌نخورده).
   حذف این بلاک = بازگشت کامل به پیش‌فرض افزونه
   ──────────────────────────────────────────────────────────────── */
/* کارت */
html body.single-product .woocommerce div.product .qestx-price-table {
    background: var(--bt-card) !important;
    border: 1px solid var(--bt-line) !important;
    border-radius: var(--bt-r-lg) !important;
    box-shadow: none !important;
    padding: 16px 18px !important;
    margin: 18px 0 0 !important;
}
/* عنوان — قرص طلایی (display: table = قرص به‌اندازهٔ متن) */
html body.single-product .qestx-price-table__title {
    display: table !important;
    margin: 0 0 12px !important;
    padding: 7px 16px !important;
    border-radius: 999px !important;
    background: var(--bt-gold-soft) !important;
    border: 1px solid var(--bt-gold-line) !important;
    color: var(--bt-gold-2) !important;
    font-family: var(--bt-font) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;
}
/* ردیف‌ها — فقط جداکنندهٔ خط‌چین؛ هیچ دستکاری چیدمانی */
html body.single-product .qestx-price-table__row {
    border-bottom: 1px dashed rgba(215,175,0,.3) !important;
    background: none !important;
    border-radius: 0 !important;
}
html body.single-product .qestx-price-table__row:last-child {
    border-bottom: 0 !important;
}
/* نشان درگاه (R / Pay!) — رنگ‌آمیزی چیپ */
html body.single-product .qestx-price-table__icon {
    background: var(--bt-soft) !important;
    border: 1px solid var(--bt-line) !important;
    border-radius: 10px !important;
    color: var(--bt-ink) !important;
    font-family: var(--bt-font) !important;
    font-weight: 800 !important;
}
/* لیبل درگاه */
html body.single-product .qestx-price-table__label {
    font-family: var(--bt-font) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--bt-muted) !important;
}
/* مبلغ‌ها — اصلی: طلایی ضخیم | قسط: ریز محو */
html body.single-product .qestx-price-table__amounts {
    font-family: var(--bt-font) !important;
    font-size: 11.5px !important;
    color: var(--bt-muted) !important;
}
html body.single-product .qestx-price-table__amount {
    font-size: 14.5px !important;
    font-weight: 800 !important;
    color: var(--bt-gold-2) !important;
}
/* ────────────────────────────────────────────────────────────────
   P-30) متا — مخفی‌سازی شناسه محصول (SKU)
   «شناسه محصول: sep-food-11» برای مشتری بی‌معناست؛ حذف فقط از نمایش
   صفحهٔ محصول — داده در سیستم/فاکتور سر جایش است.
   سلکتور: مسیر واقعی مارک‌آپ قالب (summary) + دوبل با نسخهٔ عمومی
   ──────────────────────────────────────────────────────────────── */
body.single-product .product .summary .sku_wrapper,
body.single-product .woocommerce div.product .product_meta .sku_wrapper {
    display: none !important;
}
/* ────────────────────────────────────────────────────────────────
   P-31) گالری — لایت‌باکس (PhotoSwipe بومی ووکامرس)
   فعال‌سازی: PHP ۱۷ (@9999) | زوم ملایم: PHP ۱۷-ب
   ① چیپ لایت‌باکس (trigger): حذف کامل — خودِ تصویر کلیک‌پذیر است
     و کلیک لایت‌باکس را باز می‌کند؛ چیپ تزئین بود (تصمیم نهایی).
     بیمهٔ دوم: PHP ۱۸-د عنصر را از DOM هم برمی‌دارد.
     ⚠️ هیچ استایل آیکونی برای trigger نگذارید — لازم نیست!
   ② تم تیرهٔ لایت‌باکس با فونت بنتویی
   برگشت: حذف بلاک + حذف PHP ۱۷ و ۱۸-د
   ──────────────────────────────────────────────────────────────── */

/* ۱) چیپ trigger — مخفی (تنها قانون باقی‌مانده‌اش) */
html body.single-product .woocommerce-product-gallery__trigger {
    display: none !important;
}

/* ۲) لایت‌باکس — پس‌زمینهٔ تیرهٔ ink */
.pswp__bg {
    background: rgba(28, 30, 36, .97) !important;
}
/* شمارندهٔ «۱/۴» — قرص طلایی */
.pswp__counter {
    font-family: var(--bt-font) !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    color: #fff !important;
    background: rgba(215, 175, 0, .9) !important;
    padding: 5px 12px !important;
    border-radius: 999px !important;
    top: 14px !important;
}
/* کپشن — فونت و مرکزچینی بنتویی */
.pswp__caption__center {
    font-family: var(--bt-font) !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #fff !important;
    max-width: 640px;
    margin-inline: auto;
}
/* دکمه‌های لایت‌باکس — هاور ظریف */
.pswp__button {
    opacity: .85;
    transition: opacity .18s ease, transform .18s ease !important;
}
.pswp__button:hover {
    opacity: 1;
    transform: scale(1.08);
}

/* ────────────────────────────────────────────────────────────────
   P-31-ب) دکمهٔ toggle زوم — تنها چیپ گالری، گوشهٔ چپ‌بالا تصویر
   (trigger حذف شده؛ جای خالیِ خودش آزاد است)
   پیش‌فرض: خاموش (هاور زوم نمی‌کند) | کلیک: روشن/خاموش
   انتخاب در localStorage می‌ماند | آیکون: ذره‌بین (f00e)
   ──────────────────────────────────────────────────────────────── */

/* زوم خاموش: تصویر بزرگ‌شدهٔ افزونهٔ zoom قایم می‌شود
   (منطق zoom ووکامرس زیرش فعال می‌ماند — فقط از دید پنهان است) */
body.bt-zoom-off .woocommerce-product-gallery .zoomImg {
    display: none !important;
}
/* نشانگر موس: خاموش → pointer (کلیک = لایت‌باکس) | روشن → crosshair (زوم) */
body.bt-zoom-off .woocommerce-product-gallery__image a { cursor: pointer; }
body:not(.bt-zoom-off) .woocommerce-product-gallery__image a { cursor: crosshair; }

/* دکمهٔ toggle — گوشهٔ چپ‌بالا (جای قبلی چیپ لایت‌باکس) */
html body.single-product .bt-zoom-toggle {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;        /* همان جای قبلی چیپ حذف‌شده */
    right: auto !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: var(--bt-r-md) !important;
    background: var(--bt-card) !important;
    border: 1.5px solid var(--bt-line) !important;
    color: var(--bt-muted) !important;
    font-size: 0 !important;      /* متن خاموش؛ آیکون از ::before */
    box-shadow: 0 4px 12px -6px rgba(35,33,20,.25) !important;
    cursor: pointer;
    z-index: 9 !important;
    transition: background-color .2s ease, border-color .2s ease !important;
}
html body.single-product .bt-zoom-toggle::before {
    content: "\f00e" !important;  /* fa-magnifying-glass-plus — زوم */
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 15px !important;
    line-height: 40px !important; /* هم‌قد چیپ = مرکز عمودی آیکون */
    display: block !important;
    text-align: center !important;
    color: var(--bt-muted) !important;
}
html body.single-product .bt-zoom-toggle.bt-is-on::before {
    color: var(--bt-gold-2) !important;
}
/* حالت روشن — طلایی */
html body.single-product .bt-zoom-toggle.bt-is-on {
    background: var(--bt-gold-soft) !important;
    border-color: var(--bt-gold-line) !important;
}
/* هاور — فقط رنگ (بدون transform) */
html body.single-product .bt-zoom-toggle:hover {
    background: var(--bt-gold-soft) !important;
    border-color: var(--bt-gold-line) !important;
}
/* تولتیپ وضعیت — سمت راستِ دکمه (دکمه گوشهٔ صفحه است) */
html body.single-product .bt-zoom-toggle::after {
    content: attr(data-tip);
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);      /* سمت راست دکمه = داخل تصویر */
    transform: translateY(-50%) translateX(4px);
    background: var(--bt-ink);
    color: #fff;
    font-family: var(--bt-font);
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1;
    padding: 7px 10px;
    border-radius: 8px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
    z-index: 50;
}
html body.single-product .bt-zoom-toggle:hover::after {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}
/* موبایل: هاور/زوم لمسی نیست — دکمه بی‌معناست، مخفی */
@media (max-width: 767.98px) {
    html body.single-product .bt-zoom-toggle { display: none !important; }
}
/* ════════════════════════════════════════════════════════════════════
   P-32) برچسب تخفیف (.onsale) صفحهٔ محصول — نسخهٔ نهایی ۵
   ────────────────────────────────────────────────────────────────────
   🎯 هر .onsale در هر نقطه (گالری / summary / کارت‌های مرتبط و پیشنهادها)
   🆕 کارت‌ها: آیکون رعد حذف شد — فقط متن «تخفیف»
   🆕 کارت‌ها: متن وسط‌چین
   🆕 کارت‌ها: یک سایز کوچک‌تر
   🆕 کارت‌ها: بج بالاتر رفت — هم‌سطح نقطهٔ سبز موجودی
   ✅ جایگاه کارت: گوشهٔ چپ (نقطهٔ موجودی راست است)
   ✅ nowrap → متن تخفیف هیچ‌وقت دوخطی نمی‌شود
   ════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────
   ۱) پایه — اندازهٔ اصلی (گالری و summary دسکتاپ)
   ───────────────────────────────────────────── */
html body.single-product .onsale[class] {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-width: 96px !important;              /* متن «تخفیف» همیشه جا شود */
    padding: 11px 20px !important;           /* متقارن و حجیم */
    border-radius: 14px 4px 14px 14px !important;  /* حالت برچسب/تگ */
    background: linear-gradient(150deg, #ff7a7e 0%, var(--bt-red) 55%, #c73a3f 100%) !important;
    border: none !important;
    color: #fff !important;
    font-family: var(--bt-font) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;          /* متن یک‌خطی برای همیشه */
    text-shadow: 0 1px 2px rgba(0,0,0,.18) !important;
    box-shadow:
        inset 0 0 0 1.5px rgba(255,255,255,.28) !important;   /* حلقهٔ داخلی */
    transition: transform .25s ease, filter .25s ease !important;
}

/* آیکون برق ⚡ — فقط گالری و summary */
html body.single-product .onsale[class]::before {
    content: "\f0e7" !important;             /* fa-bolt */
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    color: #ffe08a !important;
}

/* ─────────────────────────────────────────────
   ۲) گالری محصول: گوشهٔ راست‌بالا، مطلق
   ───────────────────────────────────────────── */
html body.single-product .woocommerce-product-gallery .onsale[class] {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    left: auto !important;
    z-index: 9 !important;
    transform: rotate(-4deg);
    transform-origin: center !important;
}
html body.single-product .woocommerce-product-gallery .onsale[class]:hover {
    transform: rotate(0deg) scale(1.05);
    filter: brightness(1.07);
}

/* ─────────────────────────────────────────────
   ۳) summary / متا: داخل جریان، بالای قیمت
   ───────────────────────────────────────────── */
html body.single-product .summary .onsale[class],
html body.single-product .product_meta .onsale[class] {
    position: static !important;
    margin: 0 0 14px !important;
    transform: rotate(-2deg);
}

/* ─────────────────────────────────────────────
   ۴) کارت‌های مرتبط / پیشنهاد ویژه — دسکتاپ
   🆕 بدون رعد | وسط‌چین | یک سایز کوچک‌تر | هم‌سطح نقطهٔ سبز
   ───────────────────────────────────────────── */
/* لنگر صحیح بج روی کارت */
html body.single-product .related.products ul.products li.product,
html body.single-product .upsells.products ul.products li.product {
    position: relative !important;
}
html body.single-product .related.products ul.products li.product .onsale[class],
html body.single-product .upsells.products ul.products li.product .onsale[class] {
    position: absolute !important;
    top: 8px !important;                     /* 🆕 بالاتر — هم‌سطح نقطهٔ سبز (±۲px تنظیم کن) */
    left: 12px !important;                   /* گوشهٔ چپ — دور از نقطهٔ موجودی راست */
    right: auto !important;
    z-index: 21 !important;                  /* بالاتر از تصویر محصول */
    min-width: 48px !important;              /* 🆕 عرض یکنواخت همهٔ بج‌ها */
    gap: 0 !important;                       /* 🆕 آیکون نیست — گپ بی‌معنا */
    padding: 4px 11px !important;            /* 🆕 کوچک‌تر */
    border-radius: 9px !important;
    font-size: 11px !important;              /* 🆕 یک سایز کوچک‌تر */
    line-height: 1.3 !important;
    text-align: center !important;           /* 🆕 وسط‌چین */
    justify-content: center !important;      /* 🆕 وسط‌چین */
    white-space: nowrap !important;
    transform: none !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.25),
        0 4px 10px -3px rgba(199,58,63,.55) !important;
}
/* 🆕 حذف کامل آیکون رعد روی کارت‌ها */
html body.single-product .related.products ul.products li.product .onsale[class]::before,
html body.single-product .upsells.products ul.products li.product .onsale[class]::before {
    content: none !important;
    display: none !important;
}
/* هاور روی کارت: بج کمی بزرگ و روشن می‌شود */
html body.single-product .related.products ul.products li.product:hover .onsale[class],
html body.single-product .upsells.products ul.products li.product:hover .onsale[class] {
    transform: scale(1.07) !important;
    filter: brightness(1.06);
}

/* ─────────────────────────────────────────────
   ۵) موبایل
   ───────────────────────────────────────────── */
@media (max-width: 767.98px) {

    /* گالری: بج درشت و خوانا — با رعد، جمع‌وجورتر */
    html body.single-product .woocommerce-product-gallery .onsale[class] {
        top: 12px !important;
        right: 12px !important;
        left: auto !important;
        padding: 9px 15px !important;
        min-width: 84px !important;
        border-radius: 12px 3px 12px 12px !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
        transform: rotate(-3deg) !important;
    }
    html body.single-product .woocommerce-product-gallery .onsale[class]::before {
        font-size: 12.5px !important;
    }

    /* کارت‌ها: مینیِ خوانا — بدون رعد، وسط‌چین، هم‌سطح نقطهٔ سبز */
    html body.single-product .related.products ul.products li.product[class] .onsale[class],
    html body.single-product .upsells.products ul.products li.product[class] .onsale[class] {
        top: 6px !important;                 /* 🆕 بالاتر — هم‌سطح نقطهٔ سبز */
        left: 8px !important;
        right: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;  /* 🆕 وسط‌چین */
        min-width: 42px !important;          /* 🆕 عرض یکنواخت */
        gap: 0 !important;
        padding: 3px 9px !important;         /* 🆕 کوچک‌تر */
        border-radius: 7px !important;
        font-size: 10px !important;          /* 🆕 یک سایز کوچک‌تر */
        line-height: 1.3 !important;
        text-align: center !important;
        text-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
        transform: none !important;
        z-index: 21 !important;
    }
    /* 🆕 حذف رعد روی کارت‌ها — موبایل */
    html body.single-product .related.products ul.products li.product[class] .onsale[class]::before,
    html body.single-product .upsells.products ul.products li.product[class] .onsale[class]::before {
        content: none !important;
        display: none !important;
    }
}

/* ─────────────────────────────────────────────
   ۶) موبایل خیلی کوچک (زیر ۳۸۰px) — ضد سرریز
   ───────────────────────────────────────────── */
@media (max-width: 379.98px) {
    html body.single-product .related.products ul.products li.product[class] .onsale[class],
    html body.single-product .upsells.products ul.products li.product[class] .onsale[class] {
        top: 5px !important;
        left: 6px !important;
        min-width: 38px !important;
        padding: 3px 8px !important;
        font-size: 9.5px !important;
    }
}
/* ────────────────────────────────────────────────────────────────
   P-33) چیپ وضعیت موجودی روی کارت‌های مرتبط (PHP بخش ۲۰)
   🟢 نقطهٔ سبز خالص | 🟡 تعداد | 🔴 ناموجود + عکس خاکستری
   هم‌خانوادهٔ چیپ صفحهٔ محصول (بخش ۱۶/P-18) در ابعاد ریز
   ──────────────────────────────────────────────────────────────── */

/* پایه — موقعیت: گوشهٔ راست‌بالای تصویر کارت */
html body.single-product .related.products ul.products li.product .bt-card-stock,
html body.single-product .upsells.products ul.products li.product .bt-card-stock {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 6 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 3px 9px !important;
    border-radius: 999px !important;
    font-family: var(--bt-font) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}

/* نقطهٔ سبز خالص — حالت موجود عادی (بدون متن) */
html body.single-product .related.products ul.products li.product .bt-card-stock-ok,
html body.single-product .upsells.products ul.products li.product .bt-card-stock-ok {
    padding: 0 !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    border-radius: 50% !important;
    background: var(--bt-green) !important;
    border: 2px solid #fff !important;      /* حلقهٔ سفید — روی عکس تیره هم دیده شود */
    box-shadow: 0 1px 4px rgba(0,0,0,.18) !important;
}
html body.single-product .related.products ul.products li.product .bt-card-stock-ok .bt-dot,
html body.single-product .upsells.products ul.products li.product .bt-card-stock-ok .bt-dot {
    display: none !important;
}

/* 🟡 کم (۱-۹) — کهربایی با تعداد */
html body.single-product .related.products ul.products li.product .bt-card-stock-low,
html body.single-product .upsells.products ul.products li.product .bt-card-stock-low {
    background: rgba(215, 175, 0, .92) !important;
    border: 2px solid #fff !important;
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.18) !important;
}
/* 🔴 فوریت (۱-۳) — قرمز با بوردر خط‌چین (پارallel به نبض صفحهٔ محصول؛
   نبض روی گرید کارت‌ها نویز می‌شود — بدون animation) */
html body.single-product .related.products ul.products li.product .bt-card-stock-critical,
html body.single-product .upsells.products ul.products li.product .bt-card-stock-critical {
    background: var(--bt-red) !important;
    border: 2px dashed #fff !important;    /* خط‌چین = فوریت (مثل چیپ صفحهٔ محصول) */
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.18) !important;
}
/* 🔴 ناموجود — قرمز */
html body.single-product .related.products ul.products li.product .bt-card-stock-out,
html body.single-product .upsells.products ul.products li.product .bt-card-stock-out {
    background: var(--bt-red) !important;
    border: 2px solid #fff !important;
    color: #fff !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.18) !important;
}
/* کارت ناموجود: عکس خاکستری + حذف «تمام» دکمه‌های افزودن قالب
   (شامل آیکون هاور قالب — هر لینکی که add-to-cart یا product_type داشت) */
html body.single-product .related.products ul.products li.product.bt-card-out img,
html body.single-product .upsells.products ul.products li.product.bt-card-out img {
    filter: grayscale(1);
    opacity: .55;
}
html body.single-product .related.products ul.products li.product.bt-card-out .bt-card-cart-btn,
html body.single-product .upsells.products ul.products li.product.bt-card-out .bt-card-cart-btn,
html body.single-product .related.products ul.products li.product.bt-card-out a.add_to_cart_button,
html body.single-product .upsells.products ul.products li.product.bt-card-out a.add_to_cart_button,
html body.single-product .related.products ul.products li.product.bt-card-out a.product_type_simple,
html body.single-product .upsells.products ul.products li.product.bt-card-out a.product_type_simple,
html body.single-product .related.products ul.products li.product.bt-card-out a[href*="add-to-cart"],
html body.single-product .upsells.products ul.products li.product.bt-card-out a[href*="add-to-cart"] {
    display: none !important;
}

/* برچسب تخفیف (P-32) گوشهٔ چپ برود — تا با چیپ وضعیت تداخل نکند */
html body.single-product .related.products ul.products li.product .onsale[class],
html body.single-product .upsells.products ul.products li.product .onsale[class] {
    right: auto !important;
    left: 10px !important;
    transform: none !important;    /* چرخش -3deg بج کارت را خنثی می‌کند */
}
/* ────────────────────────────────────────────────────────────────
   P-34) گالری محصول ناموجود — خاکستری (هم‌خانوادهٔ کارت‌های مرتبط)
   فقط گالری؛ چیپ وضعیت/نوار اعتماد/تب‌ها رنگی می‌مانند
   ──────────────────────────────────────────────────────────────── */
html body.single-product .product.outofstock .woocommerce-product-gallery img {
    filter: grayscale(1);
    opacity: .8;    /* کمی نرم‌تر از کارت — تصویر اصلی قهرمان است */
}
/* ────────────────────────────────────────────────────────────────
   P-35) محصولات مرتبط — اسلایدر همهٔ عرض‌ها (دسکتاپ+موبایل)
   ریل: flex nowrap + scroll-snap + cursor grab (درگ موس: اسنیپت ۳۰)
   کارت: سفید ۲۲۰px (دسکتاپ/تبلت) | ۴۲% + لبهٔ سوم (موبایل)
   🆕 پدینگ بالا/پایین ریل: جا برای هاور (پرش + سایه) داخل باکس
   ──────────────────────────────────────────────────────────────── */

/* ریل — همهٔ عرض‌ها */
html body.single-product section.related ul.products,
html body.single-product section.related ul.products[class] {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    gap: 18px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;      /* پرش کارت باید دیده شود */
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    padding-top: 8px !important;         /* 🆕 جا برای پرش هاور */
    padding-bottom: 14px !important;     /* 🆕 جا برای سایهٔ هاور */
    width: 100% !important;
    cursor: grab;                        /* 🖱 درگ موس (JS اسنیپت ۳۰) */
}
html body.single-product section.related ul.products::-webkit-scrollbar {
    display: none !important;
}

/* کارت‌ها — گرید سفید + قفل ۲۲۰px (پایه = دسکتاپ و تبلت) */
html body.single-product section.related ul.products li.product,
html body.single-product section.related ul.products li.product[class] {
    float: none !important;
    flex: 0 0 220px !important;
    width: 220px !important;
    max-width: 220px !important;
    min-width: 220px !important;
    margin: 0 !important;
    background: var(--bt-card) !important;      /* سفید — هم‌رنگ تشویقی‌ها */
    border: 1px solid var(--bt-line) !important;
    border-radius: var(--bt-r-lg) !important;
    padding: 14px !important;
    text-align: center !important;
    scroll-snap-align: start !important;
    backface-visibility: hidden;                 /* ضد فلاش عکس (درس سبد) */
    -webkit-backface-visibility: hidden;
    transition: transform .2s ease, box-shadow .25s ease !important;
}
html body.single-product section.related ul.products li.product:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 26px -14px rgba(120,95,10,.35) !important;
}
html body.single-product section.related ul.products li.product img {
    border-radius: var(--bt-r-md) !important;
    margin-bottom: 12px !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
/* لینک‌های داخل کارت: pointer بمانند */
html body.single-product section.related ul.products li.product a {
    cursor: pointer;
}

/* 📱 موبایل <768: کارت باریک‌تر ۴۲% + لبهٔ سوم */
@media (max-width: 767.98px) {
    html body.single-product section.related ul.products,
    html body.single-product section.related ul.products[class] {
        gap: 14px !important;
        padding-top: 6px !important;
        padding-bottom: 12px !important;
    }
    html body.single-product section.related ul.products li.product,
    html body.single-product section.related ul.products li.product[class] {
        flex: 0 0 42% !important;
        width: 42% !important;
        max-width: 42% !important;
        min-width: 42% !important;
        padding: 10px !important;
    }
}
/* ────────────────────────────────────────────────────────────────
   P-36) محصولات پیشنهادی (تشویقی) — اسلایدر همهٔ عرض‌ها
   🎯 آینهٔ کامل P-35 — با section.upsells
   🆕 فاصلهٔ بیشتر از بخش مرتبط‌ها + پدینگ بالا/پایین ریل برای هاور
   ──────────────────────────────────────────────────────────────── */

/* فاصلهٔ بین دو باکس — مرتبط‌ها از P-10 دارند، تشویقی این‌جا */
html body.single-product section.upsells.products {
    margin-top: calc(var(--bt-gap) + 8px) !important;   /* ۳۰px — جدا و خوانا */
}

/* ریل — همهٔ عرض‌ها */
html body.single-product section.upsells ul.products,
html body.single-product section.upsells ul.products[class] {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    gap: 18px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;      /* پرش کارت باید دیده شود */
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    padding-top: 8px !important;         /* 🆕 جا برای پرش هاور */
    padding-bottom: 14px !important;     /* 🆕 جا برای سایهٔ هاور */
    width: 100% !important;
    cursor: grab;                        /* 🖱 درگ موس (JS اسنیپت ۳۰) */
}
html body.single-product section.upsells ul.products::-webkit-scrollbar {
    display: none !important;
}

/* کارت‌ها — گرید سفید + قفل ۲۲۰px (پایه = دسکتاپ و تبلت) */
html body.single-product section.upsells ul.products li.product,
html body.single-product section.upsells ul.products li.product[class] {
    float: none !important;
    flex: 0 0 220px !important;
    width: 220px !important;
    max-width: 220px !important;
    min-width: 220px !important;
    margin: 0 !important;
    background: var(--bt-card) !important;      /* ✏️ سفید — هم‌رنگ مرتبط‌ها */
    border: 1px solid var(--bt-line) !important;
    border-radius: var(--bt-r-lg) !important;
    padding: 14px !important;
    text-align: center !important;
    scroll-snap-align: start !important;
    backface-visibility: hidden;                 /* ضد فلاش عکس */
    -webkit-backface-visibility: hidden;
    transition: transform .2s ease, box-shadow .25s ease !important;
}
html body.single-product section.upsells ul.products li.product:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 26px -14px rgba(120,95,10,.35) !important;
}
html body.single-product section.upsells ul.products li.product img {
    border-radius: var(--bt-r-md) !important;
    margin-bottom: 12px !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
/* لینک‌های داخل کارت: pointer بمانند */
html body.single-product section.upsells ul.products li.product a {
    cursor: pointer;
}

/* 📱 موبایل <768: کارت باریک‌تر ۴۲% + لبهٔ سوم */
@media (max-width: 767.98px) {
    html body.single-product section.upsells ul.products,
    html body.single-product section.upsells ul.products[class] {
        gap: 14px !important;
        padding-top: 6px !important;
        padding-bottom: 12px !important;
    }
    html body.single-product section.upsells ul.products li.product,
    html body.single-product section.upsells ul.products li.product[class] {
        flex: 0 0 42% !important;
        width: 42% !important;
        max-width: 42% !important;
        min-width: 42% !important;
        padding: 10px !important;
    }
}
/* ────────────────────────────────────────────────────────────────
   P-37) یکدست‌سازی کارت‌های تشویقی (upsells) با مرتبط‌ها
   ① دکمه: حالت قابی | ② ستاره‌ها: طلایی | ③ هم‌ترازی ستونی
   ④ عنوان: قرص طلایی قفل‌شده
   ⚠️ هر چهار قسمت مکمل‌اند — حذف هرکدام = برگشت آن مشکل:
      حذف ① → دکمه پرِطلایی | حذف ② → ستاره نارنجی
      حذف ③ → کارت‌ها ناهم‌قد | حذف ④ → تیتر بزرگ قالب
   ──────────────────────────────────────────────────────────────── */

/* ① دکمهٔ افزودن تشویقی — حالت قابی، هم‌سبک مرتبط‌ها (P-21) */
html body.single-product .upsells.products ul.products li.product a.bt-card-cart-btn {
    background: transparent !important;
    border: 1.5px solid var(--bt-gold-line) !important;
    color: var(--bt-gold-2) !important;
    padding: 10px 16px !important;
    box-shadow: none !important;
}
html body.single-product .upsells.products ul.products li.product a.bt-card-cart-btn:hover {
    background: linear-gradient(160deg, #e8c33a 0%, var(--bt-gold) 45%, var(--bt-gold-2) 100%) !important;
    color: #fff !important;
    border-color: var(--bt-gold) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 20px -10px rgba(215,175,0,.55) !important;
}
html body.single-product .upsells.products ul.products li.product a.bt-card-cart-btn.added {
    background: var(--bt-green) !important;
    color: #fff !important;
    border-color: var(--bt-green) !important;
    box-shadow: none !important;
}

/* ② ستاره‌های تشویقی — نارنجی → طلایی (همان الگوی P-19) */
html body.single-product .upsells.products .star-rating span::before,
html body.single-product .upsells.products .star-rating span,
html body.single-product .upsells.products ul.products li.product .star-rating span::before,
html body.single-product .upsells.products ul.products li.product .star-rating span {
    color: var(--bt-gold) !important;
    -webkit-text-fill-color: var(--bt-gold) !important;
}
html body.single-product .upsells.products .star-rating::before,
html body.single-product .upsells.products ul.products li.product .star-rating::before {
    color: var(--bt-line-2) !important;
    -webkit-text-fill-color: var(--bt-line-2) !important;
}

/* ③ هم‌ترازی ستونی — دکمه همیشه کف کارت (هم‌قد شدن کارت‌ها) */
html body.single-product .upsells.products ul.products li.product {
    display: flex;
    flex-direction: column;
    align-items: center;
}
html body.single-product .upsells.products ul.products li.product .bt-card-cart-btn {
    margin-top: auto !important;
}

/* ④ عنوان تشویقی — قرص طلایی (قفل‌شده، هم‌اندازهٔ مرتبط‌ها) */
html body.single-product .upsells.products > h2,
html body.single-product section.upsells > h2 {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 0 18px !important;
    padding: 9px 18px !important;
    border-radius: 999px !important;
    background: var(--bt-gold-soft) !important;
    border: 1px solid var(--bt-gold-line) !important;
    color: var(--bt-gold-2) !important;
    font-family: var(--bt-font) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;
}
/* ────────────────────────────────────────────────────────────────
   P-38) مینی‌کارت ارزش غذایی زیر قیمت (PHP بخش ۲۲)
   گرید اعداد: مقدار ضخیم + لیبل ریز — بدون آیکون (درس B5: سادگی)
   ویژگی نبود → خانه رد | هیچ‌کدام نبود → کل باکس رندر نمی‌شود
   ──────────────────────────────────────────────────────────────── */
body.single-product .bt-nutrition-mini {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;      /* هر خانه هم‌عرض */
    gap: 1px;
    margin: 0 0 16px;
    padding: 12px 8px;
    background: var(--bt-soft);
    border: 1px solid var(--bt-line);
    border-radius: var(--bt-r-md);
}
/* جداکنندهٔ عمودی ظریف بین خانه‌ها */
body.single-product .bt-nutrition-cell + .bt-nutrition-cell {
    border-inline-start: 1px solid var(--bt-line);
}
body.single-product .bt-nutrition-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    text-align: center;
}
/* عدد — قهرمان بصری */
body.single-product .bt-nutrition-value {
    font-family: var(--bt-font);
    font-size: 16px;
    font-weight: 800;
    color: var(--bt-ink);
    line-height: 1.2;
}
/* لیبل — فرعی */
body.single-product .bt-nutrition-label {
    font-family: var(--bt-font);
    font-size: 11px;
    font-weight: 600;
    color: var(--bt-muted);
    line-height: 1.4;
}
/* ────────────────────────────────────────────────────────────────
   P-39) دکمهٔ خرید فوری ⚡ — نسخهٔ ۲ (سلکتور [class] ضدتکرار)
   عادی: قاب کرم خنثی + متن محو | هاور: پرِطلایی + سفید
   متغیر: مخفی تا انتخاب واریشن | لودینگ: bt-bn-loading
   ⚠️ سلکتورها با [class] یک پله قوی‌ترند تا قانون قدیمیِ طلاییِ
   تکراری (اگر جایی در فایل ماند) نتواند ببرد
   ──────────────────────────────────────────────────────────────── */
html body.single-product form.cart a.bt-buy-now[class] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin-top: 10px !important;
    padding: 12px 16px !important;
    border: 1.5px solid var(--bt-line) !important;       /* کرم خنثی */
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--bt-muted) !important;                   /* متن محو */
    font-family: var(--bt-font) !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    transition: all .2s ease !important;
}
/* آیکون برق — ::before صریح (الگوی بج تخفیف)؛ span داخلی خاموش */
html body.single-product form.cart a.bt-buy-now[class] .fa-bolt {
    display: none !important;
}
html body.single-product form.cart a.bt-buy-now[class]::before {
    content: "\f0e7" !important;   /* fa-bolt */
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    display: inline-block !important;
    color: inherit !important;     /* رنگ از دکمه: محو → سفید در هاور */
}
html body.single-product form.cart a.bt-buy-now[class]:hover {
    background: linear-gradient(160deg, #e8c33a 0%, var(--bt-gold) 45%, var(--bt-gold-2) 100%) !important;
    border-color: var(--bt-gold) !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -10px rgba(215,175,0,.55) !important;
}
/* حالت لودینگ */
html body.single-product form.cart a.bt-buy-now[class].bt-bn-loading {
    opacity: .7;
    pointer-events: none;
}
/* ────────────────────────────────────────────────────────────────
   P-46) پرسش‌های متداول — تب FAQ (PHP بخش ۳۳ + JS بخش ۱۲)
   آکاردئون: سؤال قرص‌مانند + جواب بازشونده | گروه‌ها با قرص طلایی
   ──────────────────────────────────────────────────────────────── */

/* ظرف کل */
html body.single-product .bt-faq {
    font-family: var(--bt-font);
}

/* عنوان گروه — قرص طلایی (مثل تیترهای بقیه) */
html body.single-product .bt-faq-group-title {
    display: inline-flex;
    align-items: center;
    margin: 22px 0 12px;
    padding: 8px 18px;
    border-radius: 999px;
    background: var(--bt-gold-soft);
    border: 1px solid var(--bt-gold-line);
    color: var(--bt-gold-2);
    font-size: 13.5px;
    font-weight: 800;
    line-height: 1.6;
}
html body.single-product .bt-faq-group:first-child .bt-faq-group-title {
    margin-top: 0;
}

/* آیتم پرسش/جواب — کارت کرم */
html body.single-product .bt-faq-item {
    background: var(--bt-soft);
    border: 1px solid var(--bt-line);
    border-radius: var(--bt-r-md);
    margin-bottom: 8px;
    overflow: hidden;
    transition: border-color .25s ease;
}
html body.single-product .bt-faq-item:hover {
    border-color: var(--bt-gold-line);
}

/* سؤال — دکمهٔ قابل کلیک */
html body.single-product .bt-faq-q {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 16px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: start;
    font-family: var(--bt-font);
}
html body.single-product .bt-faq-q-text {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--bt-ink);
    line-height: 1.6;
}
/* فلش — چرخش هنگام باز شدن */
html body.single-product .bt-faq-arrow {
    flex: none;
    width: 8px;
    height: 8px;
    border-inline-end: 2px solid var(--bt-gold-2);
    border-bottom: 2px solid var(--bt-gold-2);
    transform: rotate(-45deg);          /* 🆕 بسته = فلش پایین */
    transition: transform .2s ease;
}
html body.single-product .bt-faq-q.bt-faq-open .bt-faq-arrow {
    transform: rotate(135deg);          /* 🆕 باز = فلش بالا */
}
html body.single-product .bt-faq-q.bt-faq-open .bt-faq-arrow {
    transform: rotate(-135deg);        /* فلش بالا (باز) */
}

/* جواب — بازشونده زیر سؤال */
html body.single-product .bt-faq-a {
    display: none;                     /* JS با slideDown باز می‌کند */
    padding: 0 16px 14px;
}
html body.single-product .bt-faq-a p {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: var(--bt-muted);
    line-height: 1.9;
}

/* سؤال باز — کارت طلایی‌تر */
html body.single-product .bt-faq-item:has(.bt-faq-open) {
    background: var(--bt-gold-soft);
    border-color: var(--bt-gold-line);
}