/* ==========================================================================
   صفحه‌ی محصول -- طراحی تازه (۱۴۰۵/۰۸/۰۶)

   قالب: templates/executive_tpls/products/product_detail_bpshop.tpl.html (کلاس ریشه‌ی .product-detail.bpp)
   هم‌خانواده‌ی bpr-account.css و bpr-ui.css: سرمه‌ای #002B51، فیروزه‌ای #1AC3BA، قلم IRANYekan.

   دسکتاپ: سه ستون (گالری | اطلاعات | کارت خرید چسبان). کارت خرید در گرید دو ردیف پایین‌تر هم ادامه دارد
   (grid-row: span)، پس هنگام اسکرول تا پایان صفحه کنار کاربر می‌ماند.
   تبلت (تا ۱۰۹۹): گالری | اطلاعات و کارت خرید زیرشان. گوشی (تا ۷۶۷): تک‌ستونه، نوار بالا با دکمه‌ی بازگشت،
   نوار خرید چسبان پایین.

   همه‌ی قاعده‌ها زیر .product-detail.bpp هستند، تا به هیچ صفحه‌ی دیگری نرسند. شناسه‌ها و کلاس‌هایی که
   اسکریپت‌ها به آن وصل‌اند (add-to-shopping-cart، addToShoppingCard، final-price، prev-price، sq_*،
   btnAlertMe، bprFavBtn، btnSendInvitation2Friend، .stars، .bar، .product-image) در قالب مانده‌اند.
   ========================================================================== */

@font-face { font-family: "bpaYekan"; font-style: normal; font-weight: 400; font-display: swap;
	src: url("../fonts/iranyekan/fonts/woff2/iranyekanwebregular.woff2") format("woff2"); }
@font-face { font-family: "bpaYekan"; font-style: normal; font-weight: 700; font-display: swap;
	src: url("../fonts/iranyekan/fonts/woff2/iranyekanwebbold.woff2") format("woff2"); }

/* کادر سفیدِ دور محتوای صفحه شفاف می‌شود تا کارت‌ها روی زمینه‌ی خود صفحه بنشینند؛ overflow آن هم باز می‌شود،
   وگرنه position: sticky (کارت خرید و نوار تب‌ها) زیر overflow:hidden کار نمی‌کند. */
body.bpp-page .mod-content-internal { overflow: visible !important; }
body.bpp-page .container { overflow-x: clip !important; overflow-y: visible !important; }

.product-detail.bpp {
	--bpp-navy: #002B51; --bpp-brand: #1AC3BA; --bpp-brand-d: #0B8F88; --bpp-brand-50: #E9F8F7; --bpp-brand-100: #CDEFEC;
	--bpp-text: #1F2328; --bpp-text2: #4B5563; --bpp-muted: #6B7280; --bpp-line: #E3E8EF; --bpp-line2: #EEF1F5;
	--bpp-bg: #F4F6F9; --bpp-bg2: #F7F9FB; --bpp-danger: #DC2626; --bpp-ok: #12A150; --bpp-ok-bg: #E8F7EE; --bpp-warn-bg: #FFF4E5;
	display: grid; grid-template-columns: clamp(320px, 30vw, 440px) minmax(0, 1fr) clamp(300px, 26vw, 340px); column-gap: 24px; align-items: start;
	margin: 0; padding: 0 6px 24px; background: transparent; position: relative;
	font-family: "bpaYekan", Tahoma, sans-serif; font-size: 14px; line-height: 1.7; color: var(--bpp-text); direction: rtl; text-align: right;
}
.product-detail.bpp *, .product-detail.bpp *::before, .product-detail.bpp *::after { box-sizing: border-box; }
.product-detail.bpp > * { min-width: 0; }
.product-detail.bpp > .float-fixer, .product-detail.bpp > .floated-nav, .product-detail.bpp > svg[aria-hidden] { display: none !important; }
.product-detail.bpp a { text-decoration: none; }
.product-detail.bpp .bpp-ic { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.product-detail.bpp .bpp-ic.bpp-star { fill: #F5B301; stroke: none; width: 16px; height: 16px; }

/* ---------------------------------------------------------------- مسیر صفحه */
.product-detail.bpp .bpp-crumb {
	grid-column: 1 / -1; grid-row: 1; margin: 0; padding: 14px 2px 14px; background: transparent !important; border: 0 !important; border-radius: 0;
	display: flex; flex-wrap: wrap; align-items: center; gap: 6px 0; list-style: none; font-size: 13px; color: var(--bpp-muted) !important; line-height: 1.8;
}
.product-detail.bpp .bpp-crumb > li { display: inline-flex; align-items: center; padding: 0; color: inherit; }
.product-detail.bpp .bpp-crumb > li + li::before { content: "‹"; margin: 0 10px; padding: 0; color: #98A2B3; font-size: 16px; line-height: 1; }
.product-detail.bpp .bpp-crumb a { color: var(--bpp-text2) !important; }
.product-detail.bpp .bpp-crumb a:hover { color: var(--bpp-brand-d) !important; }
.product-detail.bpp .bpp-crumb > li.active, .product-detail.bpp .bpp-crumb > li.active span { color: var(--bpp-muted) !important; }
.product-detail.bpp .bpp-crumb > li.active span { direction: ltr; unicode-bidi: isolate; }

/* ---------------------------------------------------------------- نوار بالا: دسکتاپ فقط سه دکمه‌ی کنار عکس */
.product-detail.bpp .bpp-topbar { grid-column: 1; grid-row: 2; justify-self: start; align-self: start; z-index: 6; margin: 10px 10px 0 0; pointer-events: none; }
.product-detail.bpp .bpp-back { display: none; }
.product-detail.bpp .bpp-mob-only { display: none !important; }
.product-detail.bpp .bpp-badge { display: none; }
.product-detail.bpp .bpp-tools { display: flex; flex-direction: column; gap: 6px; pointer-events: auto; }
.product-detail.bpp .bpp-tools .bpr-compare-btn {
	display: inline-flex !important; align-items: center; justify-content: center; width: 38px !important; height: 38px !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important;
	border: 0 !important; border-radius: 50% !important; background: #fff !important; color: var(--bpp-text2) !important; box-shadow: 0 4px 12px -6px rgba(16, 24, 40, .35) !important;
	font-size: 17px; line-height: 1; cursor: pointer; float: none !important; transition: background-color .15s, color .15s;
}
.product-detail.bpp .bpp-tools .bpr-compare-btn:hover { background: var(--bpp-brand-50) !important; color: var(--bpp-brand-d) !important; }
.product-detail.bpp .bpp-tools .bpr-compare-btn .bpr-compare-btn-text { display: none !important; }
.product-detail.bpp .bpp-tools .bpr-compare-btn svg { width: 19px; height: 19px; }
.product-detail.bpp .bpp-tools .bpr-compare-btn.bpr-fav-added { color: #E11D48 !important; }
.product-detail.bpp .bpp-tools .bpr-compare-btn.bpr-compare-added { color: var(--bpp-ok) !important; }

/* ---------------------------------------------------------------- گالری */
.product-detail.bpp .bpp-gal { grid-column: 1; grid-row: 2; position: relative; margin: 0; padding: 0; }
.product-detail.bpp .bpp-gal .stick { position: absolute; z-index: 4; padding: 2px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 700; background: var(--bpp-danger); color: #fff; }
.product-detail.bpp .bpp-gal .stick.top-right { top: 10px; right: 56px; } .product-detail.bpp .bpp-gal .stick.top-left { top: 10px; left: 10px; }
.product-detail.bpp .bpp-gal .stick.bottom-right { bottom: auto; top: 44px; right: 56px; }
/* ---------- گالری: صحنه‌ی اسلایدی (اسکرول و کشیدن) + ردیف تامب‌ها؛ لمس تصویر نمایشگر تمام‌صفحه ---------- */
.product-detail.bpp .bpp-stagewrap { position: relative; }
.product-detail.bpp .bpp-stage {
	display: flex; overflow-x: auto; overflow-y: hidden; aspect-ratio: 1 / 1; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch; background: #fff; border: 1px solid var(--bpp-line2); border-radius: 20px;
}
.product-detail.bpp .bpp-stage::-webkit-scrollbar { display: none; }
.product-detail.bpp .bpp-slide { flex: 0 0 100%; min-width: 0; margin: 0; padding: 16px; display: grid; place-items: center; scroll-snap-align: center; scroll-snap-stop: always; cursor: zoom-in; }
.product-detail.bpp .bpp-slide img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; margin: 0; -webkit-user-drag: none; user-select: none; }
.product-detail.bpp .bpp-nav {
	position: absolute; top: calc(50% - 21px); z-index: 5; width: 42px; height: 42px; padding: 0; border: 1px solid var(--bpp-line); border-radius: 50%; background: rgba(255, 255, 255, .95);
	color: var(--bpp-text); box-shadow: 0 8px 20px -8px rgba(16, 24, 40, .45); display: grid; place-items: center; cursor: pointer; opacity: 0; transition: opacity .15s;
}
.product-detail.bpp .bpp-nav[hidden] { display: none; }
.product-detail.bpp .bpp-stagewrap:hover .bpp-nav, .product-detail.bpp .bpp-nav:focus-visible { opacity: 1; }
.product-detail.bpp .bpp-prev { right: 10px; } .product-detail.bpp .bpp-prev .bpp-ic { transform: scaleX(-1); }
.product-detail.bpp .bpp-next { left: 10px; }
.product-detail.bpp .bpp-count { position: absolute; bottom: 10px; left: 10px; z-index: 5; padding: 2px 12px; border-radius: 999px; background: rgba(15, 23, 42, .62); color: #fff; font-size: 12px; line-height: 1.7; pointer-events: none; }
.product-detail.bpp .bpp-count[hidden] { display: none; }
.product-detail.bpp .bpp-thumbs { display: flex; gap: 8px; margin: 12px 0 0; padding: 2px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x proximity; }
.product-detail.bpp .bpp-thumbs::-webkit-scrollbar { display: none; }
.product-detail.bpp .bpp-th { position: relative; flex: 0 0 66px; width: 66px; height: 66px; padding: 5px; display: block; overflow: hidden; background: #fff; border: 1.5px solid var(--bpp-line); border-radius: 14px; scroll-snap-align: center; transition: border-color .15s, box-shadow .15s; }
.product-detail.bpp .bpp-th img { width: 100%; height: 100%; object-fit: contain; display: block; }
.product-detail.bpp .bpp-th:hover { border-color: #9be3de; }
.product-detail.bpp .bpp-th.on { border-color: var(--bpp-brand); box-shadow: 0 0 0 3px rgba(26, 195, 186, .18); }
.product-detail.bpp .bpp-vth img { object-fit: cover; border-radius: 8px; }
.product-detail.bpp .bpp-play { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(0, 0, 0, .3); }
.product-detail.bpp .bpp-play::before { content: ""; border-style: solid; border-width: 7px 0 7px 12px; border-color: transparent transparent transparent #fff; }

/* نمایشگر تمام‌صفحه (در body ساخته می‌شود، پس خارج از .product-detail) */
.bpp-viewer { position: fixed; inset: 0; z-index: 100000; display: flex; flex-direction: column; background: #000; color: #fff; direction: rtl; font-family: "bpaYekan", Tahoma, sans-serif; -webkit-tap-highlight-color: transparent; }
.bpp-viewer * { box-sizing: border-box; }
.bpp-vtop { flex: none; display: flex; align-items: center; justify-content: space-between; height: 54px; padding: 0 8px; background: linear-gradient(#000, rgba(0, 0, 0, 0)); position: relative; z-index: 3; }
.bpp-vbtn { width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #fff; display: grid; place-items: center; cursor: pointer; }
.bpp-vbtn:hover, .bpp-vbtn:focus-visible { background: rgba(255, 255, 255, .14); outline: 0; }
.bpp-vbtn svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.bpp-vcount { font-size: 14px; color: #e5e7eb; }
.bpp-vstage { flex: 1 1 auto; min-height: 0; display: flex; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior: contain; }
.bpp-vstage::-webkit-scrollbar { display: none; }
.bpp-vslide { flex: 0 0 100%; min-width: 0; height: 100%; display: grid; place-items: center; overflow: auto; scroll-snap-align: center; scroll-snap-stop: always; background: #fff; cursor: zoom-in; scrollbar-width: none; }
.bpp-vslide img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; -webkit-user-drag: none; user-select: none; transition: opacity .2s; }
.bpp-vslide.zoom { place-items: start; cursor: zoom-out; touch-action: pan-x pan-y; }
.bpp-vslide.zoom img { max-width: none; max-height: none; width: 220%; }
.bpp-vslide.zoom.tall img { width: auto; height: 200%; }
.bpp-vnav { position: absolute; top: 50%; z-index: 3; margin-top: -26px; width: 52px; height: 52px; background: rgba(0, 0, 0, .55); border: 1px solid rgba(255, 255, 255, .25); }
.bpp-vnav[hidden] { display: none; }
.bpp-vprev { right: 14px; } .bpp-vnext { left: 14px; }
.bpp-vbar { flex: none; display: flex; align-items: center; gap: 10px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)); background: #0b0b0b; }
.bpp-vall { flex: none; width: 62px; height: 62px; padding: 0; border: 0; border-radius: 14px; background: #1f1f1f; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; font-family: inherit; font-size: 11px; line-height: 1.3; cursor: pointer; text-align: center; }
.bpp-vall svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.bpp-vall:hover, .bpp-vall:focus-visible { background: #2a2a2a; outline: 0; }
.bpp-vthumbs { flex: 1 1 auto; min-width: 0; display: flex; gap: 8px; padding: 8px 8px; overflow-x: auto; scrollbar-width: none; background: #fff; border-radius: 14px; }
.bpp-vthumbs::-webkit-scrollbar { display: none; }
.bpp-vth { flex: 0 0 52px; width: 52px; height: 52px; padding: 3px; position: relative; display: block; overflow: hidden; border: 2px solid transparent; border-radius: 10px; background: #fff; cursor: pointer; }
.bpp-vth img { width: 100%; height: 100%; object-fit: contain; display: block; }
.bpp-vth.on { border-color: #1AC3BA; }
.bpp-vth.v img { object-fit: cover; }
.bpp-vth .bpp-play { background: rgba(0, 0, 0, .3); }
.bpp-vgrid { position: absolute; inset: 0; z-index: 6; display: none; flex-direction: column; background: #0b0b0b; }
.bpp-vgrid.show { display: flex; }
.bpp-vgrid-in { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 4px 12px 16px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; align-content: start; }
.bpp-vgi { padding: 6px; border: 2px solid transparent; border-radius: 12px; background: #fff; aspect-ratio: 1 / 1; cursor: pointer; }
.bpp-vgi img { width: 100%; height: 100%; object-fit: contain; display: block; }
.bpp-vgi.on { border-color: #1AC3BA; }
@media (min-width: 768px) { .bpp-vgrid-in { grid-template-columns: repeat(5, 1fr); max-width: 980px; width: 100%; margin: 0 auto; } }
@media (max-width: 767px) { .bpp-vnav { display: none; } }
body.bpp-viewer-open { overflow: hidden !important; }

/* ---------------------------------------------------------------- ستون اطلاعات */
.product-detail.bpp .bpp-info { grid-column: 2; grid-row: 2; padding: 0; margin: 0; float: none; width: auto; }
.product-detail.bpp .bpp-title { margin: 0; padding: 0; font-family: "bpaYekan", Tahoma, sans-serif !important; font-size: 17px !important; line-height: 1.9; font-weight: 700 !important; color: var(--bpp-text); text-align: right; }
.product-detail.bpp .bpp-title .bpp-h1-prefix { display: block; font-size: 14px; font-weight: 700; margin-bottom: 2px; }
.product-detail.bpp .bpp-title bdi { display: block; direction: ltr; text-align: right; unicode-bidi: isolate; }
.product-detail.bpp .bpp-sub { margin: 4px 0 0 !important; font-family: "bpaYekan", Tahoma, sans-serif !important; font-size: 12.5px !important; color: var(--bpp-muted); direction: ltr; text-align: right; }
.product-detail.bpp .bpp-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 12px 0 0; padding: 0 0 14px; border-bottom: 1px solid var(--bpp-line2); font-size: 13px; color: var(--bpp-text2); }
.product-detail.bpp .bpp-meta strong { color: var(--bpp-text); font-weight: 400; }
/* کد کالا مثل قبل قرمز است: کاربر باید راحت پیدایش کند */
.product-detail.bpp .bpp-meta .bpp-code, .product-detail.bpp .bpp-meta .bpp-code strong { color: #b20b0b; font-weight: 700; font-size: 14px; }
.product-detail.bpp .bpp-rate { display: inline-flex; align-items: center; gap: 5px; color: var(--bpp-text2) !important; }
.product-detail.bpp .bpp-rate b { font-size: 14px; color: var(--bpp-text); }
.product-detail.bpp .bpp-rate:hover span { color: var(--bpp-brand-d); }
.product-detail.bpp .bpp-dot { width: 3px; height: 3px; border-radius: 50%; background: #CBD5E1; display: inline-block; }
.product-detail.bpp .bpp-chip { display: inline-flex; align-items: center; border-radius: 8px; padding: 1px 10px; font-size: 12.5px; background: var(--bpp-brand-50); color: var(--bpp-brand-d); direction: ltr; }
.product-detail.bpp .bpp-feat { padding: 16px 0; border-bottom: 1px solid var(--bpp-line2); }
.product-detail.bpp .bpp-h3 { margin: 0 0 10px; font-size: 14px; font-weight: 700; color: var(--bpp-text); }
.product-detail.bpp .bpp-feat ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; font-size: 13.5px; }
.product-detail.bpp .bpp-feat li { display: flex; gap: 8px; align-items: flex-start; margin: 0; padding: 0; }
.product-detail.bpp .bpp-feat li::before { content: ""; width: 6px; height: 6px; border-radius: 2px; background: var(--bpp-brand); margin-top: 10px; flex: none; transform: rotate(45deg); }
.product-detail.bpp .bpp-feat li span { color: var(--bpp-muted); white-space: nowrap; }
.product-detail.bpp .bpp-feat li b { font-weight: 400; unicode-bidi: plaintext; }
.product-detail.bpp .bpp-more { display: inline-flex; align-items: center; gap: 4px; margin-top: 12px; color: var(--bpp-brand-d) !important; font-size: 13px; }
.product-detail.bpp .bpp-more .bpp-ic { width: 16px; height: 16px; }
.product-detail.bpp .bpp-guides { list-style: none; margin: 0; padding: 14px 0 0; display: flex; flex-direction: column; gap: 7px; font-size: 13px; }
.product-detail.bpp .bpp-guides li { display: flex; gap: 8px; align-items: center; margin: 0; padding: 0; width: auto; float: none; }
.product-detail.bpp .bpp-guides .bpp-ic { width: 16px; height: 16px; stroke: var(--bpp-ok); stroke-width: 2.4; }
.product-detail.bpp .bpp-guides a { color: var(--bpp-text2) !important; }
.product-detail.bpp .bpp-guides a:hover { color: var(--bpp-brand-d) !important; }

/* ---------------------------------------------------------------- کارت خرید (چسبان) */
/* ستون کارت خرید: خانه‌ی گرید که تا انتهای بخش‌های اصلی کش می‌آید؛ کارت داخلش چسبان است و از این ستون بیرون نمی‌زند
   (چسبان مستقیمِ گرید تا آخر کل گرید می‌رفت و روی ردیف «محصولات مشابه» می‌افتاد) */
.product-detail.bpp .bpp-buycol { grid-column: 3; grid-row: 2 / span 3; align-self: stretch; }
.product-detail.bpp .bpp-buy {
	position: sticky; top: 12px; margin: 0; padding: 18px;
	background: var(--bpp-bg2); border: 1px solid var(--bpp-line); border-radius: 20px;
}
.product-detail.bpp .bpp-seller { display: flex; align-items: center; justify-content: space-between; padding: 0 0 12px; margin: 0 0 12px; border-bottom: 1px dashed var(--bpp-line); font-size: 13px; color: var(--bpp-muted); }
.product-detail.bpp .bpp-seller b { color: var(--bpp-text); font-weight: 700; }
.product-detail.bpp .bpp-stock { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 0 0 12px; margin: 0 0 4px; border-bottom: 1px solid var(--bpp-line); }
.product-detail.bpp .bpp-stock-state { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; }
.product-detail.bpp .bpp-stock-state .fa { margin: 0; }
.product-detail.bpp .bpp-alertme { display: inline-flex !important; align-items: center; gap: 6px; height: 38px; padding: 0 14px !important; border-radius: 12px !important; font-size: 13px; background: var(--bpp-brand) !important; border: 0 !important; color: #fff !important; }
.product-detail.bpp .bpp-stock-note { flex: 1 1 100%; margin: 4px 0 0 !important; padding: 10px 12px !important; border: 0 !important; border-radius: 12px !important; background: var(--bpp-warn-bg) !important; color: #7a4b00 !important; font-size: 12.5px; line-height: 1.9; text-align: right !important; }
.product-detail.bpp .bpp-sq { display: flex; flex-direction: column; }
.product-detail.bpp .bpp-sq-row { display: grid; grid-template-columns: 92px minmax(0, 1fr); align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--bpp-line); }
.product-detail.bpp .bpp-sq-label { margin: 0 !important; padding: 0 !important; font-size: 12.5px; color: var(--bpp-muted); font-weight: 400; background: none !important; }
.product-detail.bpp .bpp-sq-field { margin: 0; padding: 0; float: none; width: auto; }
.product-detail.bpp .bpp-sq-field select, .product-detail.bpp .bpp-sq-field input[type="text"] {
	display: block; width: 100%; height: 40px; margin: 0; padding: 0 12px 0 32px; border: 1.5px solid var(--bpp-line); border-radius: 12px; background-color: #fff;
	font-family: inherit; font-size: 13.5px; color: var(--bpp-text); box-shadow: none; outline: 0; -webkit-appearance: none; appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: left 10px center; text-overflow: ellipsis;
}
.product-detail.bpp .bpp-sq-field input[type="text"] { padding-left: 12px; background-image: none; }
.product-detail.bpp .bpp-sq-field select:focus, .product-detail.bpp .bpp-sq-field input:focus { border-color: var(--bpp-brand); box-shadow: 0 0 0 3px rgba(26, 195, 186, .18); }
.product-detail.bpp .bpp-sq-field.has-error select, .product-detail.bpp .bpp-sq-field.has-error input { border-color: var(--bpp-danger); }
/* وقتی فقط یک گزینه هست، خودِ مقدار نمایش داده می‌شود نه یک منوی کشویی */
.product-detail.bpp .bpp-sq-field.bpp-single select { border-color: transparent; background-color: transparent; background-image: none; padding: 0; height: auto; min-height: 24px; pointer-events: none; font-weight: 700; color: var(--bpp-text); white-space: normal; }
.product-detail.bpp .listOfSellerQuestions-alert { margin: 10px 0 0 !important; padding: 8px 12px !important; border-radius: 12px !important; font-size: 12.5px; }

.product-detail.bpp .bpp-price { padding: 14px 0 0; }
.product-detail.bpp .bpp-old { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; font-size: 13px; color: var(--bpp-muted); }
.product-detail.bpp .bpp-old .prev-price { float: none !important; width: auto !important; padding: 0 !important; color: var(--bpp-muted) !important; text-decoration: line-through; text-decoration-thickness: 1px; font-size: 13px; font-weight: 400; background: none !important; }
.product-detail.bpp .bpp-off { display: inline-flex; align-items: center; background: var(--bpp-danger) !important; color: #fff !important; border-radius: 999px; padding: 1px 10px; font-weight: 700; font-size: 12px; margin: 0; }
.product-detail.bpp .bpp-final { display: flex; align-items: baseline; justify-content: flex-end; gap: 6px; margin-top: 4px; line-height: 1.4; }
.product-detail.bpp .bpp-final .final-price { font-family: inherit; font-size: 28px !important; font-weight: 700; color: var(--bpp-navy) !important; white-space: nowrap; }
.product-detail.bpp .bpp-final small { font-size: 13px; color: var(--bpp-text2); }
.product-detail.bpp .bpp-cash { margin-top: 8px; display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: #7a4b00; background: var(--bpp-warn-bg); border-radius: 10px; padding: 6px 12px; }
.product-detail.bpp .bpp-cta {
	display: flex !important; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 45px; margin: 14px 0 0 !important; padding: 0 16px !important;
	border: 0 !important; border-radius: 14px !important; background: var(--bpp-brand) !important; color: #fff !important; font-family: inherit; font-size: 13px; font-weight: 700;
	box-shadow: 0 12px 24px -12px rgba(11, 143, 136, .95) !important; cursor: pointer; transition: background-color .15s, transform .05s;
}
.product-detail.bpp .bpp-cta:hover, .product-detail.bpp .bpp-cta:focus { background: var(--bpp-brand-d) !important; color: #fff !important; }
.product-detail.bpp .bpp-cta:active { transform: translateY(1px); }
.product-detail.bpp .bpp-cta .fa { font-size: 17px; }
.product-detail.bpp .bpp-under { margin-top: 12px; display: flex; justify-content: center; font-size: 12.5px; }
.product-detail.bpp .bpp-under .user-price-text { color: var(--bpp-brand-d); cursor: pointer; }
.product-detail.bpp .bpp-under .user-price-text:hover { color: var(--bpp-brand); }

/* ---------------------------------------------------------------- نوار نمادها */
.product-detail.bpp .bpp-strip {
	grid-column: 1 / span 2; grid-row: 3; display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; margin: 22px 0 0; padding: 14px 8px;
	border: 1px solid var(--bpp-line); border-radius: 18px; background: #fff;
}
.product-detail.bpp .bpp-strip-item { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 0 4px; text-align: center; font-size: 12px; color: var(--bpp-text2) !important; }
.product-detail.bpp .bpp-strip-item:hover { color: var(--bpp-brand-d) !important; }
.product-detail.bpp .bpp-strip-item .bpp-ic { width: 30px; height: 30px; stroke-width: 1.5; color: var(--bpp-brand-d); }
.product-detail.bpp .bpp-strip-item img { width: 30px; height: 30px; object-fit: contain; }

/* ---------------------------------------------------------------- تب‌ها و بخش‌ها */
.product-detail.bpp .bpp-main { grid-column: 1 / span 2; grid-row: 4; min-width: 0; }
.product-detail.bpp .bpp-tabs { position: sticky; top: 0; z-index: 20; margin: 18px 0 0; padding: 0 8px; background: var(--bpp-bg2); border: 1px solid var(--bpp-line); border-radius: 16px; box-shadow: 0 10px 24px -16px rgba(16, 24, 40, .35); }
.product-detail.bpp .bpp-tabs-in { display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; }
.product-detail.bpp .bpp-tabs-in::-webkit-scrollbar { display: none; }
.product-detail.bpp .bpp-tabs a { padding: 14px 18px; font-size: 14px; color: var(--bpp-text2) !important; white-space: nowrap; border-bottom: 3px solid transparent; margin-bottom: -1px; }
.product-detail.bpp .bpp-tabs a:hover { color: var(--bpp-brand-d) !important; }
.product-detail.bpp .bpp-tabs a:focus { outline: 0; }
.product-detail.bpp .bpp-tabs a:focus-visible { outline: 2px solid var(--bpp-brand); outline-offset: -2px; border-radius: 8px; }
.product-detail.bpp .bpp-tabs a.on { color: var(--bpp-navy) !important; font-weight: 700; border-bottom-color: var(--bpp-brand); background: linear-gradient(180deg, rgba(26, 195, 186, 0) 0, rgba(26, 195, 186, .10) 100%); }
.product-detail.bpp .bpp-sec { padding: 30px 0 6px; scroll-margin-top: 70px; margin: 0; }
.product-detail.bpp .bpp-h2 { margin: 0 0 16px; padding: 0; font-size: 18px; font-weight: 700; color: var(--bpp-text); display: flex; align-items: center; gap: 10px; line-height: 1.6; }
.product-detail.bpp .bpp-h2::before { content: ""; width: 5px; height: 22px; border-radius: 4px; background: var(--bpp-brand); flex: none; }

/* توضیحات (متن پنل: <p>، <br> و span با استایل درون‌خطی) */
.product-detail.bpp .bpp-desc { font-size: 14px; line-height: 2.2; color: var(--bpp-text2); overflow-wrap: anywhere; }
.product-detail.bpp .bpp-desc p { margin: 0 0 10px; }
.product-detail.bpp .bpp-desc strong, .product-detail.bpp .bpp-desc b { color: var(--bpp-text); }
.product-detail.bpp .bpp-desc [style*="000080"] { color: var(--bpp-navy) !important; }
.product-detail.bpp .bpp-desc a { color: var(--bpp-brand-d); }
.product-detail.bpp .bpp-desc img { max-width: 100%; height: auto; border-radius: 12px; }
.product-detail.bpp .bpp-desc table { max-width: 100%; }

/* مشخصات: هر گروه یک کارت، دو ستون */
.product-detail.bpp .technical-Specif-pro-sh1 { display: block; column-count: 2; column-gap: 12px; margin: 0; padding: 0; border: 0; background: none; }
.product-detail.bpp .bpp-spec-group { break-inside: avoid; margin: 0 0 12px; border: 1px solid var(--bpp-line); border-radius: 16px; overflow: hidden; background: #fff; }
.product-detail.bpp .bpp-spec-group .tSpec-proSh1-title { margin: 0; padding: 10px 16px; background: var(--bpp-bg2); border: 0; font-size: 13.5px; color: var(--bpp-navy); cursor: default; }
.product-detail.bpp .bpp-spec-group .tSpec-proSh1-title i { display: none; }
.product-detail.bpp .bpp-spec-group .tSpec-proSh1-title b { font-weight: 700; color: var(--bpp-navy); }
.product-detail.bpp .bpp-spec-group > div[id^="param-sh1-"] { display: block !important; height: auto !important; }
.product-detail.bpp .tSpec-proSh1-parameter { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 12px; margin: 0; padding: 10px 16px; border: 0; border-top: 1px solid var(--bpp-line2); background: none; font-size: 13px; }
.product-detail.bpp .tSpec-proSh1-parameter::before, .product-detail.bpp .tSpec-proSh1-parameter::after { content: none; display: none; }
.product-detail.bpp .tSpec-proSh1-parameter .clearfix { display: none; }
.product-detail.bpp .tSpec-proSh1-parameter > div { float: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; }
.product-detail.bpp .tSpecParam-proSh1-title { color: var(--bpp-muted); }
.product-detail.bpp .tSpecParam-proSh1-value { color: var(--bpp-text); unicode-bidi: plaintext; }
.product-detail.bpp .tSpecParam-proSh1-title span, .product-detail.bpp .tSpecParam-proSh1-value span { display: inline !important; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; color: inherit !important; font-size: inherit !important; }

/* مزایا و معایب */
.product-detail.bpp .bpp-adv { float: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
.product-detail.bpp .bpp-adv .shadow-sh1 { display: none; }
.product-detail.bpp .advantages-proSh1 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.product-detail.bpp .advantages-proSh1::before, .product-detail.bpp .advantages-proSh1::after, .product-detail.bpp .advantages-proSh1 .clearfix { display: none; }
.product-detail.bpp .advantage-proSh1, .product-detail.bpp .disadvantage-proSh1 { float: none !important; width: auto !important; margin: 0 !important; padding: 16px 18px !important; border-radius: 16px; border: 0 !important; }
.product-detail.bpp .advantage-proSh1 { background: var(--bpp-ok-bg) !important; }
.product-detail.bpp .disadvantage-proSh1 { background: #FDECEC !important; }
.product-detail.bpp .advantage-title-proSh1, .product-detail.bpp .disadvantage-title-proSh1 { margin: 0 0 8px; font-size: 14px !important; font-weight: 700; display: flex; align-items: center; gap: 8px; }
.product-detail.bpp .advantage-title-proSh1 { color: #0f7a37 !important; } .product-detail.bpp .disadvantage-title-proSh1 { color: #B42318 !important; }
.product-detail.bpp .advantage-content-proSh1, .product-detail.bpp .disadvantage-content-proSh1 { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 13px; }
.product-detail.bpp .advantage-content-proSh1 li, .product-detail.bpp .disadvantage-content-proSh1 li { display: flex; gap: 8px; align-items: flex-start; margin: 0; padding: 0; background: none; }

/* امتیاز و نظرات */
.product-detail.bpp .bpp-reviews { border: 1px solid var(--bpp-line); border-radius: 18px; padding: 20px; background: #fff; }
.product-detail.bpp .bpp-reviews > b, .product-detail.bpp .bpp-reviews b.bpp-rate-title { display: block; font-size: 15px; margin: 0 0 6px; }
.product-detail.bpp .bpp-reviews .comen-vote-des { margin: 0 0 14px; color: var(--bpp-muted); }
.product-detail.bpp .bpp-reviews .comen-vote-des p { margin: 0; }
.product-detail.bpp .bpp-rank { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 18px; padding: 0 0 16px; border-bottom: 1px solid var(--bpp-line2); float: none; position: static; width: auto; background: none; }
.product-detail.bpp .bpp-rank > span:first-child { font-size: 14px !important; font-family: inherit !important; }
.product-detail.bpp .bpp-rank .stars { display: inline-flex; gap: 4px; }
.product-detail.bpp .bpp-rank .stars i.fa-star { font-size: 24px !important; color: #D5DBE3; cursor: pointer; transition: color .12s, transform .12s; }
.product-detail.bpp .bpp-rank .stars i.fa-star.active, .product-detail.bpp .bpp-rank .stars i.fa-star.middleactive { color: #F5B301; }
.product-detail.bpp .bpp-rank .stars i.fa-star.middledeactive { color: #D5DBE3; }
.product-detail.bpp .bpp-rank .stars i.fa-star:hover { transform: scale(1.12); }
.product-detail.bpp .rank-cost, .product-detail.bpp .rank-design, .product-detail.bpp .rank-ability, .product-detail.bpp .rank-operation {
	grid-column: auto !important; width: auto; margin: 0; padding: 14px 16px; float: none; border: 1px solid var(--bpp-line2) !important; border-radius: 14px; background: var(--bpp-bg2) !important; box-shadow: none !important;
}
.product-detail.bpp .bpp-reviews { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.product-detail.bpp .bpp-reviews > * { grid-column: 1 / -1; margin-top: 0; margin-bottom: 0; min-width: 0; }
.product-detail.bpp .rank-cost .de-title, .product-detail.bpp .rank-design .de-title, .product-detail.bpp .rank-ability .de-title, .product-detail.bpp .rank-operation .de-title { font-weight: 700; margin-bottom: 4px; }
.product-detail.bpp .vote-title { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; font-size: 12.5px; color: var(--bpp-muted); }
.product-detail.bpp .vote-title div { display: inline; }
.product-detail.bpp .stars-cost, .product-detail.bpp .stars-design, .product-detail.bpp .stars-ability, .product-detail.bpp .stars-operation { display: flex; gap: 5px; margin-top: 8px; }
.product-detail.bpp i.bar { flex: 1 1 0; display: block; height: 8px; min-width: 0; margin: 0; border-radius: 6px; background: #DDE3EA; cursor: pointer; transition: background-color .12s; border: 0; }
.product-detail.bpp i.bar.active, .product-detail.bpp i.bar.middleactive { background: var(--bpp-brand); }
.product-detail.bpp i.bar.middledeactive { background: #DDE3EA; }

/* ---------- محصول غیرقابل خرید (ناموجود، به‌زودی، توقف تولید، تماس بگیرید): تمرکز روی جایگزین‌ها ---------- */
.product-detail.bpp .bpp-na-card { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.product-detail.bpp .bpp-na-state { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; padding: 5px 14px; border-radius: 999px; background: #FDECEC; font-size: 14px; font-weight: 700; }
.product-detail.bpp .bpp-na-state.text-primary { background: #E7F0FF; } .product-detail.bpp .bpp-na-state.text-info { background: #E6F6FB; }
.product-detail.bpp .bpp-na-msg { margin: 0; font-size: 13.5px; line-height: 2; color: var(--bpp-text2); }
.product-detail.bpp .bpp-na-card .bpp-alertme { display: flex !important; width: 100%; align-self: stretch; justify-content: center; height: 46px; font-size: 14px; border-radius: 14px !important; }
.product-detail.bpp .bpp-na-go { display: inline-flex; align-items: center; justify-content: center; gap: 4px; height: 44px; border: 1.5px solid var(--bpp-brand); border-radius: 14px; color: var(--bpp-brand-d) !important; font-weight: 700; font-size: 13.5px; }
.product-detail.bpp .bpp-na-go:hover { background: var(--bpp-brand-50); }
.product-detail.bpp .bpp-na-go .bpp-ic { width: 16px; height: 16px; }
.product-detail.bpp.bpp-na .bpp-buycol { grid-row: 2; }
.product-detail.bpp.bpp-na .bpp-buy { background: #fff; border-color: #F3CFCF; }
.product-detail.bpp.bpp-na .bpp-alt { grid-column: 1 / -1; grid-row: 3; margin: 24px 0 0; padding: 22px; background: linear-gradient(180deg, var(--bpp-brand-50), #fff 70%); border: 1px solid var(--bpp-brand-100); border-radius: 22px; }
.product-detail.bpp.bpp-na .bpp-strip { grid-row: 4; grid-column: 1 / -1; }
.product-detail.bpp.bpp-na .bpp-main { grid-row: 5; grid-column: 1 / -1; }
.product-detail.bpp .bpp-alt-head { margin: 0 0 16px; }
.product-detail.bpp .bpp-alt-head .bpp-h2 { margin-bottom: 4px; }
.product-detail.bpp .bpp-alt-head p { margin: 0; color: var(--bpp-text2); font-size: 13.5px; }
.product-detail.bpp .bpp-alt-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; }
.product-detail.bpp .bpp-alt-grid .bpp-card { flex: none; width: auto !important; }
.product-detail.bpp .bpp-card-go { margin-top: 4px; text-align: center; padding: 7px 0; border-radius: 10px; background: var(--bpp-brand-50); color: var(--bpp-brand-d); font-size: 12.5px; font-weight: 700; }
.product-detail.bpp .bpp-card:hover .bpp-card-go { background: var(--bpp-brand); color: #fff; }
.product-detail.bpp .bpp-alt-all { display: inline-flex; align-items: center; gap: 4px; margin-top: 16px; color: var(--bpp-brand-d) !important; font-weight: 700; font-size: 13.5px; }
.product-detail.bpp .bpp-alt-all .bpp-ic { width: 16px; height: 16px; }

/* ---------- کارت محصولات مشابه = کارت صفحه‌ی لندینگ (عکس، عنوان، مشخصات با آیکن، قیمت، مقایسه) ---------- */
.product-detail.bpp .bpp-lc-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; }
.product-detail.bpp .bpp-lc { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 12px; background: #fff; border: 1px solid #ececec; border-radius: 16px; overflow: hidden; transition: box-shadow .2s, border-color .2s; }
.product-detail.bpp .bpp-lc:hover { border-color: #b8ece8; box-shadow: 0 14px 28px -18px rgba(16, 24, 40, .35); }
.product-detail.bpp .bpp-lc-img { display: block; }
.product-detail.bpp .bpp-lc-img a { display: block; }
.product-detail.bpp .bpp-lc-img img { display: block; width: 100%; height: 170px; max-width: 100%; object-fit: contain; object-position: center; margin: 0 auto; }
.product-detail.bpp .bpp-lc-info { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.product-detail.bpp .bpp-lc .title { margin: 0; font-size: 13.5px; line-height: 1.9; font-weight: 400; text-align: center; unicode-bidi: plaintext; max-height: 5.7em; overflow: hidden; }
.product-detail.bpp .bpp-lc .title a { color: #555 !important; }
.product-detail.bpp .bpp-lc .title a:hover { color: var(--bpp-brand-d) !important; }
.product-detail.bpp .bpp-lc-specs { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.product-detail.bpp .bpp-lc-specs li { display: flex; align-items: center; gap: 8px; padding: 5px 0; border-bottom: 1px solid #e3f1f0; font-size: 12px; line-height: 1.5; color: #222; }
.product-detail.bpp .bpp-lc-specs li:last-child { border-bottom: 0; }
.product-detail.bpp .bpp-lc-specs li .fa { flex: none; width: 22px; height: 22px; line-height: 22px; border-radius: 50%; background: #00b3aa; color: #fff; font-size: 11px; text-align: center; }
.product-detail.bpp .bpp-lc-specs li .v { flex: 1; min-width: 0; font-weight: 500; text-align: right; direction: ltr; unicode-bidi: plaintext; }
.product-detail.bpp .bpp-lc-specs.bpp-specs-loading { min-height: 24px; }
.product-detail.bpp .bpp-ld { display: flex; gap: 8px; width: 100%; }
.product-detail.bpp .bpp-ld span { flex: 1; height: 14px; border-radius: 7px; background: linear-gradient(90deg, #eef1f4 25%, #f7f9fb 50%, #eef1f4 75%); background-size: 200% 100%; animation: bppShimmer 1.2s linear infinite; }
@keyframes bppShimmer { to { background-position: -200% 0; } }
.product-detail.bpp .bpp-lc-foot { margin-top: auto; display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; }
.product-detail.bpp .bpp-lc-cmp { order: 1; display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 13px; font-weight: 700; color: #6b7280; cursor: pointer; user-select: none; }
.product-detail.bpp .bpp-lc-cb { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.product-detail.bpp .bpp-lc-check { flex: none; width: 22px; height: 22px; border: 1.5px solid #cbd5e1; border-radius: 6px; background: #f3f4f6; display: grid; place-items: center; transition: background-color .15s, border-color .15s; }
.product-detail.bpp .bpp-lc-cb:checked + .bpp-lc-check { background: var(--bpp-brand); border-color: var(--bpp-brand); }
.product-detail.bpp .bpp-lc-cb:checked + .bpp-lc-check::after { content: ""; width: 5px; height: 10px; margin-top: -2px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.product-detail.bpp .bpp-lc-cb:focus-visible + .bpp-lc-check { box-shadow: 0 0 0 3px rgba(26, 195, 186, .35); }
.product-detail.bpp .bpp-lc-cb:disabled + .bpp-lc-check { opacity: .55; }
.product-detail.bpp .bpp-lc-prices { order: 2; text-align: left; direction: rtl; line-height: 1.5; }
.product-detail.bpp .bpp-lc-prev { font-size: 12.5px; color: #877b7b; text-decoration: line-through; text-decoration-color: #ff0000; text-decoration-thickness: 1.5px; }
.product-detail.bpp .bpp-lc-price { font-size: 14.5px; font-weight: 700; color: #111; }

/* محصولات مشابه و لوازم جانبی: ردیف تمام‌عرض، زیر کارت خرید */
.product-detail.bpp .bpp-sec-wide, .product-detail.bpp > .accessory { grid-column: 1 / -1; }
.product-detail.bpp .bpp-rel-wrap { position: relative; }
.product-detail.bpp .bpp-rel-btn {
	position: absolute; top: calc(50% - 22px); z-index: 5; width: 42px; height: 42px; padding: 0; border: 1px solid var(--bpp-line); border-radius: 50%;
	background: #fff; color: var(--bpp-text); box-shadow: 0 8px 20px -8px rgba(16, 24, 40, .45); display: grid; place-items: center; cursor: pointer;
}
.product-detail.bpp .bpp-rel-btn[hidden] { display: none; }
.product-detail.bpp .bpp-rel-btn:hover { color: var(--bpp-brand-d); border-color: var(--bpp-brand); }
.product-detail.bpp .bpp-rel-prev { right: -12px; } .product-detail.bpp .bpp-rel-prev .bpp-ic { transform: scaleX(-1); }
.product-detail.bpp .bpp-rel-next { left: -12px; }
/* محصولات مشابه: اسلایدر افقی؛ لبه‌ای که هنوز کالا دارد محو می‌شود تا معلوم باشد ادامه دارد */
.product-detail.bpp .bpp-rel-wrap.has-start .bpp-rel { -webkit-mask-image: linear-gradient(to left, transparent 0, #000 36px); mask-image: linear-gradient(to left, transparent 0, #000 36px); }
.product-detail.bpp .bpp-rel-wrap.has-end .bpp-rel { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 36px); mask-image: linear-gradient(to right, transparent 0, #000 36px); }
.product-detail.bpp .bpp-rel-wrap.has-start.has-end .bpp-rel { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 36px, #000 calc(100% - 36px), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 36px, #000 calc(100% - 36px), transparent 100%); }
.product-detail.bpp .bpp-rel { display: flex; gap: 12px; overflow-x: auto; padding: 2px 2px 12px; margin: 0; scroll-snap-type: x proximity; scrollbar-width: thin; float: none; width: auto; }
.product-detail.bpp .bpp-card { flex: 0 0 210px; margin: 0 !important; padding: 0 !important; float: none !important; width: 210px !important; scroll-snap-align: start; border: 1px solid var(--bpp-line); border-radius: 18px; background: #fff; overflow: hidden; }
.product-detail.bpp .bpp-card > a { display: flex; flex-direction: column; gap: 8px; padding: 12px; height: 100%; color: var(--bpp-text) !important; }
.product-detail.bpp .bpp-card:hover { border-color: var(--bpp-brand); }
.product-detail.bpp .bpp-card-img { display: grid; place-items: center; aspect-ratio: 1 / 1; }
.product-detail.bpp .bpp-card-img img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.product-detail.bpp .bpp-card .other-product-title { display: block; height: auto !important; overflow: visible !important; }
.product-detail.bpp .bpp-card .other-product-title p { margin: 0 !important; padding: 0 !important; font-size: 12.5px !important; font-weight: 400 !important; line-height: 1.8; height: auto !important; max-height: 5.4em; overflow: hidden; direction: ltr; text-align: right; }
.product-detail.bpp .bpp-card-price { margin-top: auto; font-size: 14px; font-weight: 700; color: var(--bpp-navy) !important; direction: rtl; text-align: left; }
.product-detail.bpp .bpp-card-price small { font-size: 11.5px; font-weight: 400; color: var(--bpp-muted); }
.product-detail.bpp .accessory { float: none; width: auto; margin: 18px 0 0; padding: 0; }

/* پنجره‌ی اشتراک‌گذاری و پنجره‌های Bootstrap مثل قبل می‌مانند */

/* ---------------------------------------------------------------- نوار خرید چسبان گوشی (چاپ می‌شود، فقط روی گوشی دیده می‌شود) */
.product-detail.bpp .bpp-mbar { display: none; }
/* لمس «افزودن به سبد» پیش از آماده شدن اسکریپت‌های سایت (اینترنت ضعیف): دکمه در حال انتظار نشان داده می‌شود و کلیک بعداً اجرا می‌شود */
.product-detail.bpp .bpp-cta.bpp-wait { opacity: .75; pointer-events: none; }
.product-detail.bpp .bpp-cta.bpp-wait::after { content: ""; width: 14px; height: 14px; margin-inline-start: 8px; border: 2px solid rgba(255, 255, 255, .45); border-top-color: #fff; border-radius: 50%; animation: bppSpin .7s linear infinite; }
@keyframes bppSpin { to { transform: rotate(360deg); } }

/* ================================================================== تبلت */
@media (max-width: 1199px) {
	.product-detail.bpp { grid-template-columns: minmax(0, 320px) minmax(0, 1fr); column-gap: 22px; }
	.product-detail.bpp .bpp-buycol, .product-detail.bpp.bpp-na .bpp-buycol { grid-column: 1 / -1; grid-row: 3; }
	.product-detail.bpp.bpp-na .bpp-alt { grid-row: 4; } .product-detail.bpp.bpp-na .bpp-strip { grid-row: 5; } .product-detail.bpp.bpp-na .bpp-main { grid-row: 6; }
	.product-detail.bpp .bpp-lc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.product-detail.bpp .bpp-buy { position: static; margin: 20px 0 0; }
	.product-detail.bpp .bpp-strip { grid-column: 1 / -1; grid-row: 4; grid-template-columns: repeat(3, 1fr); row-gap: 14px; }
	.product-detail.bpp .bpp-main { grid-column: 1 / -1; grid-row: 5; }
	.product-detail.bpp .advantages-proSh1 { grid-template-columns: 1fr; }
	.product-detail.bpp .technical-Specif-pro-sh1 { column-count: 1; }
	.product-detail.bpp .bpp-sq-row { grid-template-columns: 110px minmax(0, 1fr); }
}

/* ================================================================== گوشی */
@media (max-width: 767px) {
	/* سربرگ و نوار پایین سایت در صفحه‌ی محصول جایشان را به نوار بالا و نوار خرید می‌دهند */
	body.bpp-page .bottom-nav { display: none !important; }
	/* نوار دستیار هوشمند همان نوار سایت است (launcher.css)، با همان کمان نیم‌دایره؛ فقط به‌جای نوار پایین روی نوار خرید می‌نشیند.
	   launcher.js بلندی .bottom-nav را حساب می‌کند و اینجا نوار پنهان است، پس بلندی نوار خرید را خودمان می‌دهیم. */
	body.bpp-page:has(.bpp-mbar) #bpr-ai-bar-m { bottom: calc(62px + env(safe-area-inset-bottom, 0px)) !important; }
	body.bpp-page.bpp-viewer-open #bpr-ai-bar-m { display: none !important; }
	/* سربرگ سایت: display:none نه! پنجره‌های «به سبد افزوده شد» و ورود داخل همین سربرگ‌اند و با display:none
	   دیده نمی‌شدند (صفحه قفل می‌ماند). فقط تا ارتفاع صفر جمع می‌شود؛ پنجره‌ها fixed هستند و بریده نمی‌شوند. */
	body.bpp-page header.header {
		position: absolute !important; top: 0; left: 0; right: 0; height: 0 !important; min-height: 0 !important; overflow: hidden !important;
		padding: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; transform: none !important; filter: none !important;
	}
	/* کادر کارت‌مانند دور صفحه در گوشی برداشته می‌شود تا نوار بالا سرتاسری شود */
	body.bpp-page .mod-content-internal { border: 0 !important; border-radius: 0 !important; background: transparent !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; }
	body.bpp-page { padding-bottom: 76px !important; }
	body.bpp-page .content-wrapper, body.bpp-page .content-holder { padding-top: 0 !important; margin-top: 0 !important; }

	.product-detail.bpp { display: flex; flex-direction: column; align-items: stretch; padding: 0 0 12px; margin: 0; }
	.product-detail.bpp .bpp-topbar { order: -2; } .product-detail.bpp .bpp-crumb { order: -1; }
	.product-detail.bpp > * { margin-left: 0; margin-right: 0; }
	.product-detail.bpp .bpp-crumb { padding: 10px 14px 8px; flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
	.product-detail.bpp .bpp-crumb > li.active { display: none; }
	/* نوار بالا: بازگشت (راست) و سه دکمه (چپ). سه دکمه همانند دسکتاپ همان عناصر قبلی‌اند. */
	.product-detail.bpp .bpp-topbar {
		position: sticky; top: 0; z-index: 950; display: flex; align-items: center; justify-content: space-between; height: 52px; padding: 0 6px;
		align-self: stretch; width: 100vw; margin: 0 calc(50% - 50vw);
		background: #fff; border-bottom: 1px solid var(--bpp-line2); pointer-events: auto;
	}
	.product-detail.bpp .bpp-back { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--bpp-text); cursor: pointer; }
	.product-detail.bpp .bpp-back .bpp-ic { width: 24px; height: 24px; }
	.product-detail.bpp .bpp-back:active { background: var(--bpp-bg); }
	.product-detail.bpp .bpp-tools { flex-direction: row; gap: 0; align-items: center; }
	.product-detail.bpp .bpp-mob-only { display: inline-flex !important; }
	.product-detail.bpp .bpp-tb { position: relative; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--bpp-text); cursor: pointer; }
	.product-detail.bpp .bpp-tb .bpp-ic { width: 22px; height: 22px; }
	.product-detail.bpp .bpp-tb:active { background: var(--bpp-bg); }
	.product-detail.bpp .bpp-badge { position: absolute; top: 2px; left: 2px; display: block; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px; background: var(--bpp-brand); color: #fff; font-size: 10.5px; font-weight: 700; line-height: 17px; text-align: center; pointer-events: none; }
	.product-detail.bpp .bpp-badge[hidden] { display: none; }
	/* حالت‌های «افزوده شد» دکمه‌های مقایسه و علاقه‌مندی نوار بالا (بالاتر از رنگ پیش‌فرض آیکن‌ها) */
	.product-detail.bpp .bpp-topbar .bpp-tools .bpr-compare-btn.bpr-fav-added, .product-detail.bpp .bpp-topbar .bpp-tools .bpr-compare-btn.bpr-fav-added .fa { color: #E11D48 !important; }
	.product-detail.bpp .bpp-topbar .bpp-tools .bpr-compare-btn.bpr-compare-added, .product-detail.bpp .bpp-topbar .bpp-tools .bpr-compare-btn.bpr-compare-added .fa { color: var(--bpp-ok) !important; }
	.product-detail.bpp .bpp-topbar .bpp-tools .bpr-compare-btn { position: relative; }
	.product-detail.bpp .bpp-tools .bpr-compare-btn { width: 42px !important; height: 42px !important; background: transparent !important; box-shadow: none !important; color: var(--bpp-text) !important; }
	.product-detail.bpp .bpp-tools .bpr-compare-btn:active { background: var(--bpp-bg) !important; }
	.product-detail.bpp .bpp-crumb ~ * { }
	.product-detail.bpp .bpp-gal { align-self: stretch; padding: 0 12px; margin-top: 4px; }
	.product-detail.bpp .bpp-stage { border: 0; border-radius: 16px; background: var(--bpp-bg2); }
	.product-detail.bpp .bpp-slide { padding: 12px; }
	.product-detail.bpp .bpp-nav { display: none; }
	.product-detail.bpp .bpp-gal .stick.top-right { right: 22px; } .product-detail.bpp .bpp-gal .stick.top-left { left: 22px; } .product-detail.bpp .bpp-gal .stick.bottom-right { right: 22px; }
	.product-detail.bpp .bpp-info { align-self: stretch; padding: 14px 14px 0; }
	.product-detail.bpp .bpp-title { font-size: 16px !important; }
	.product-detail.bpp .bpp-buycol { align-self: stretch; }
	.product-detail.bpp .bpp-buy { position: static; width: auto; margin: 14px 12px 0; padding: 14px; border-radius: 16px; }
	.product-detail.bpp .bpp-buy .bpp-cta, .product-detail.bpp .bpp-buy .bpp-under { display: none !important; }
	.product-detail.bpp .bpp-final .final-price { font-size: 26px !important; }
	.product-detail.bpp .bpp-sq-row { grid-template-columns: 90px minmax(0, 1fr); }
	.product-detail.bpp .bpp-strip { align-self: stretch; margin: 14px 12px 0; grid-template-columns: repeat(3, 1fr); padding: 12px 4px; }
	.product-detail.bpp .bpp-strip-item .bpp-ic, .product-detail.bpp .bpp-strip-item img { width: 26px; height: 26px; }
	.product-detail.bpp .bpp-main { align-self: stretch; padding: 0 12px; }
	.product-detail.bpp .bpp-tabs { top: 52px; z-index: 930; margin: 12px -12px 0; padding: 0 12px; border-radius: 0; border-width: 1px 0; background: #fff; box-shadow: 0 8px 16px -14px rgba(16, 24, 40, .45); }
	.product-detail.bpp .bpp-tabs a { padding: 13px 14px; font-size: 13.5px; }
	.product-detail.bpp .bpp-sec { scroll-margin-top: 112px; padding-top: 22px; }
	.product-detail.bpp .advantages-proSh1 { grid-template-columns: 1fr; }
	.product-detail.bpp .technical-Specif-pro-sh1 { column-count: 1; }
	.product-detail.bpp .tSpec-proSh1-parameter { grid-template-columns: 110px minmax(0, 1fr); gap: 10px; padding: 9px 14px; }
	.product-detail.bpp .bpp-reviews { padding: 16px; }
	.product-detail.bpp .bpp-reviews { grid-template-columns: 1fr; }
	.product-detail.bpp .bpp-card { flex-basis: 160px; width: 160px !important; }
	.product-detail.bpp .bpp-sec-wide { padding: 22px 12px 0; align-self: stretch; }
	.product-detail.bpp.bpp-na .bpp-alt { align-self: stretch; margin: 16px 12px 0; padding: 16px 12px; border-radius: 18px; }
	.product-detail.bpp .bpp-lc-grid { grid-template-columns: 1fr; gap: 12px; }
	.product-detail.bpp .bpp-lc { display: grid; grid-template-columns: 1fr 150px; grid-template-areas: "info img" "foot foot"; column-gap: 12px; row-gap: 10px; align-items: start; padding: 12px; }
	.product-detail.bpp .bpp-lc-img { grid-area: img; }
	.product-detail.bpp .bpp-lc-info { grid-area: info; }
	.product-detail.bpp .bpp-lc-foot { grid-area: foot; margin-top: 0; }
	.product-detail.bpp .bpp-lc-img img { height: 150px; }
	.product-detail.bpp .bpp-lc .title { text-align: right; font-size: 13.5px; max-height: none; }
	.product-detail.bpp .bpp-lc-specs li { padding: 3px 0; font-size: 11.5px; }
	.product-detail.bpp .bpp-lc-specs li .fa { width: 20px; height: 20px; line-height: 20px; font-size: 10px; }
	.product-detail.bpp .bpp-lc-info { gap: 8px; }
	.product-detail.bpp .bpp-mbar-na { justify-content: space-between; }
	.product-detail.bpp .bpp-mbar-na .bpp-mna { display: flex; flex-direction: column; line-height: 1.4; min-width: 0; }
	.product-detail.bpp .bpp-mbar-na .bpp-mna b { font-size: 16px; }
	.product-detail.bpp .bpp-mbar-na .bpp-mna small { font-size: 11.5px; color: var(--bpp-muted); }
	.product-detail.bpp .bpp-mbar-na .bpp-cta-na { background: var(--bpp-brand) !important; color: #fff !important; display: flex; align-items: center; justify-content: center; gap: 6px; text-decoration: none; }
	.product-detail.bpp .bpp-rel-btn { display: none !important; }

	/* نوار خرید چسبان */
	.product-detail.bpp .bpp-mbar {
		position: fixed; right: 0; left: 0; bottom: 0; z-index: 900; display: flex; align-items: center; gap: 12px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
		background: #fff; border-top: 1px solid var(--bpp-line); box-shadow: 0 -10px 30px -12px rgba(16, 24, 40, .18);
	}
	.product-detail.bpp .bpp-mbar { justify-content: space-between; }
	.product-detail.bpp .bpp-mbar .bpp-cta { flex: 0 0 168px; width: 168px; margin: 0 !important; height: 42px; }
	.product-detail.bpp .bpp-mbar .bpp-cta .fa { font-size: 16px; }
	.product-detail.bpp .bpp-mbar .bpp-mprice { display: flex; flex-direction: column; line-height: 1.35; white-space: nowrap; }
	.product-detail.bpp .bpp-mbar .bpp-mprice .prev-price { font-size: 12.5px; color: var(--bpp-muted) !important; text-decoration: line-through; }
	/* قیمت ۳ سایز بزرگ‌تر از قبل (۲۱ => ۲۶)؛ با کم شدن عرض گوشی به‌اندازه‌ی جای باقی‌مانده کوچک می‌شود تا نُه رقم همیشه جا شود */
	.product-detail.bpp .bpp-mbar .bpp-mprice { flex: 1 1 auto; min-width: 0; align-items: flex-end; }
	.product-detail.bpp .bpp-mbar .bpp-mprice b { display: flex; align-items: baseline; gap: 4px; font-size: clamp(16px, calc((100vw - 250px) / 6.2), 24px); color: var(--bpp-navy); line-height: 1.2; white-space: nowrap; }
	/* خودِ span.final-price اندازه‌ی ۱۳px قدیمی سایت را داشت و اندازه‌ی b را نمی‌گرفت (برای همین قیمت کوچک می‌ماند) */
	.product-detail.bpp .bpp-mbar .bpp-mprice .final-price { font-size: inherit !important; font-weight: 700; color: inherit !important; line-height: inherit; }
	.product-detail.bpp .bpp-mbar .bpp-mprice small { font-size: 10.5px; font-weight: 400; color: var(--bpp-text2); margin: 0; }
	.product-detail.bpp .bpp-mbar .bpp-mold { display: flex; align-items: center; gap: 6px; line-height: 1.3; }
	.product-detail.bpp .bpp-mbar .bpp-mprice b { justify-content: flex-end; }
	.product-detail.bpp .bpp-mbar .bpp-mpct { font-style: normal; background: var(--bpp-danger); color: #fff; border-radius: 999px; padding: 0 7px; font-size: 12px; font-weight: 700; line-height: 1.6; }
}

/* گوشی‌های بزرگ و تبلت عمودی (۵۲۰ تا ۷۶۷): عکس اصلی تا آخر عرض صفحه کش نیاید */
@media (min-width: 520px) and (max-width: 767px) {
	.product-detail.bpp .bpp-stagewrap, .product-detail.bpp .bpp-thumbs { max-width: 440px; margin-left: auto; margin-right: auto; }
}

/* پیام کوتاه علاقه‌مندی (مثل پیام مقایسه‌ی سایت) و برگه‌ی جستجو؛ هر دو فقط گوشی */
.bpp-toast { position: fixed; left: 50%; width: max-content; bottom: 86px; z-index: 1200; display: flex; align-items: center; gap: 10px; max-width: calc(100vw - 24px); padding: 10px 14px; border-radius: 16px;
	background: #fff; color: #1F2328; box-shadow: 0 18px 40px -12px rgba(16, 24, 40, .45); border: 1px solid #E3E8EF; font-family: "bpaYekan", Tahoma, sans-serif; font-size: 13px; direction: rtl;
	transform: translate(-50%, 20px); opacity: 0; transition: opacity .2s, transform .2s; }
.bpp-toast.visible { opacity: 1; transform: translate(-50%, 0); }
.bpp-toast i { width: 26px; height: 26px; border-radius: 50%; background: #E8F7EE; color: #12A150; display: grid; place-items: center; font-style: normal; flex: none; }
.bpp-toast i.rem { background: #F3F4F6; color: #6B7280; }
.bpp-toast span { white-space: nowrap; }
.bpp-toast a { color: #0B8F88; white-space: nowrap; font-weight: 700; cursor: pointer; }
.bpp-search-backdrop { display: none; }
@media (max-width: 767px) {
	body.bpp-search-open .bpp-search-backdrop { display: block; position: fixed; inset: 0; z-index: 1090; background: rgba(15, 23, 42, .5); }
	/* همان کادر جستجوی عادی سایت (سربرگ) به‌صورت برگه‌ی بالای صفحه باز می‌شود */
	body.bpp-search-open.bpp-page header.header {
		position: fixed !important; top: 0; left: 0; right: 0; height: auto !important; max-height: 100vh; overflow: visible !important; z-index: 1100;
		background: #fff !important; box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .5) !important; padding-bottom: 6px !important;
	}
}

@media (max-width: 340px) { .product-detail.bpp .bpp-mbar .bpp-cta { flex-basis: 138px; width: 138px; } .product-detail.bpp .bpp-mbar .bpp-cta span { font-size: 12px; } }

@media (prefers-reduced-motion: reduce) {
	.product-detail.bpp .bpp-cta, .product-detail.bpp .bpp-rank .stars i.fa-star { transition: none; }
}