/* Product Detail - Dark Theme */
:root {
    --product-bg: var(--bg-dark);
    --product-card-bg: var(--bg-card);
    --product-text: #ffffff;
    --product-text-secondary: #94a3b8;
    --product-border: var(--border);
    --product-input-bg: rgba(15, 23, 42, 0.5);
    --product-crumb-bg: rgba(0, 0, 0, 0.3);
    --product-crumb-tag-bg: rgba(255, 255, 255, 0.08);
}

.modern-tagged-crumbs {
    background: var(--product-crumb-bg) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.crumb-tag {
    background: var(--product-crumb-tag-bg) !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.crumb-tag.active-tag {
    background: var(--accent) !important;
    color: #000 !important;
    border-color: var(--accent) !important;
}

.price-stat-tag {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: var(--product-border) !important;
}

.price-stat-tag span:first-child {
    color: var(--product-text-secondary) !important;
}

.price-stat-tag div span {
    color: var(--product-text) !important;
}

.fbt-section {
    background: rgba(99, 102, 241, 0.05) !important;
    border-color: rgba(99, 102, 241, 0.2) !important;
}

.fbt-item {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.description-box,
.qa-form {
    background: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
}

.answer-box {
    background: rgba(255, 255, 255, 0.03) !important;
}

.related-pill-tag {
    background: #000 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.related-pill-tag .pill-title {
    color: #fff !important;
}

.modern-layout-panel {
    background: rgba(15, 23, 42, 0.9) !important;
}

.layout-option {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

.layout-option.active {
    background: var(--accent) !important;
    color: #000 !important;
}

.fbt-icon {
    background: var(--accent) !important;
    color: #000 !important;
}

.bundle-price {
    color: var(--accent) !important;
}

.buy-btn-solid,
.quote-btn,
.stock-alert-btn {
    background: var(--accent) !important;
    color: #000 !important;
}

.buy-btn-outline {
    border-color: var(--accent) !important;
    color: var(--accent) !important;
}

.secondary-btn:hover {
    color: var(--accent) !important;
}

.discounts-header .b2b-badge {
    background: var(--accent) !important;
    color: #000 !important;
}

.discount-row {
    background: rgba(0, 0, 0, 0.2) !important;
}

.rate-col {
    color: var(--accent) !important;
}

.variant-pill:hover {
    border-color: var(--accent) !important;
    background: rgba(var(--accent-rgb), 0.1) !important;
}

.variant-pill input:checked+span {
    color: var(--accent) !important;
}