/* ===== FORCE PRODUCT PAGE BACKGROUND ===== */
html,
body {
background: transparent;
}
/* فقط برای صفحه محصول */
body.product-page {
background: radial-gradient(
circle at top,
#1a1a1a 0%,
#000 60%
) !important;
min-height: 100vh;
}
/* لایههای داخلی صفحه محصول */
body.product-page main,
body.product-page #main-content {
background: transparent !important;
}
/* === PRODUCT PAGE BACKGROUND – FINAL & CLEAN === */
body.product-page::before {
content: "";
position: fixed;
inset: 0;
background: #000;
z-index: -1;
}
/* === PRODUCT PAGE BACKGROUND (REAL FIX) === */
.product-bg {
position: fixed;
inset: 0;
background: #000;
z-index: -1;
}
/* ===== FINAL BACKGROUND FIX (NO HTML DIV) ===== */
html, body {
background: #000 !important;
min-height: 100%;
}
body {
position: relative;
}
/* این دقیقاً جای همون div فیکس رو میگیره */
body::before {
content: "";
position: fixed;
inset: 0;
background: radial-gradient(circle at top, #1a1a1a 0%, #000 60%);
z-index: -1;
pointer-events: none;
}
/* مطمئن میشیم لایههای داخلی سفید نشن */
#main-content,
main {
background: transparent !important;
}
/* FIX product title color */
.product-page .info-box h2 {
color: #fff;
}
/* ===== PRICE COLOR OVERRIDE (FINAL) ===== */
body.product-page .price-line .amount,
body.product-page .product-price .amount,
body.product-page .amount,
body.product-page .product-wrap .info-box .price-line .amount {
color: #ff3b3b !important;
font-weight: 900 !important;
}
/* اگر توی .price-line هر چیزی بود، قرمز کن */
body.product-page .price-line,
body.product-page .price-line * {
color: #ff3b3b !important;
}
body.product-page .price-line .currency {
color: #fff !important; /* فقط واحد پول سفید بمونه */
}
/* ===== PRODUCT PRICE – FINAL OVERRIDE ===== */
body.product-page .price-line > .amount {
color: #ff3b3b !important;
font-weight: 900;
}
.product-page .price-line .amount {
color: #ff3b3b !important;
font-weight: bold;
}
body.product-page .info-box .price-line span.amount{
color:#ff3b3b !important;
font-weight:700 !important;
}
/* PRODUCT PRICE – FINAL */
body.product-page .price-line .amount {
color: #ff3b3b !important;
font-weight: 900 !important;
}
body.product-page .price-line .currency {
color: #ffffff !important;
}
.review-date {
font-size: 10px;
color: #888;
text-decoration: none;
}
.review-date:hover {
color: #ff700;
text-decoration: underline;
}