/* DIGEX product detail v3 */
.product-detail-v2 {
    --pd-bg: #0b1017;
    --pd-panel: #111823;
    --pd-panel-2: #151e2c;
    --pd-border: #2a3649;
    --pd-muted: #8c9ab0;
    --pd-blue: #4f7cff;
    --pd-green: #16d994;
    --pd-amber: #ffb020;
    max-width: 1440px !important;
    color: #f7f9fc;
}

.product-detail-v2 .pd-breadcrumb {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--pd-muted);
    font-size: 12px;
}

.product-detail-v2 .pd-breadcrumb a { color: #c5cfdd; text-decoration: none; }
.product-detail-v2 .pd-breadcrumb a:hover { color: #fff; }

.product-detail-v2 > .product-main-card {
    overflow: hidden !important;
    border: 1px solid var(--pd-border) !important;
    border-radius: 8px !important;
    background: var(--pd-panel) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .32) !important;
}

.product-detail-v2 .main-img-container {
    position: relative;
    min-height: 0 !important;
    overflow: hidden;
    border: 1px solid #344157 !important;
    border-radius: 7px !important;
    background: #070b10;
}

.product-detail-v2 .main-img {
    width: 100% !important;
    height: 100% !important;
    display: block;
    object-fit: cover !important;
}

.product-detail-v2 .pd-product-meta {
    min-height: 30px;
    flex-wrap: wrap;
}

.product-detail-v2 .pd-product-meta > .ri-gamepad-fill,
.product-detail-v2 .pd-product-meta > .ri-tiktok-fill { display: none; }

.product-detail-v2 .pd-category-chip {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 9px;
    border: 1px solid rgba(79, 124, 255, .35);
    border-radius: 5px;
    background: rgba(79, 124, 255, .11);
    color: #a9c0ff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
}

.product-detail-v2 > .product-main-card h1 {
    margin: 12px 0 14px !important;
    color: #fff !important;
    font-size: clamp(24px, 2vw, 34px) !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}

.product-detail-v2 .stat-badge {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px !important;
    border: 1px solid #2b374b;
    border-radius: 5px !important;
    background: #0c121b !important;
    color: #aab5c6;
    font-size: 11px;
}

.product-detail-v2 .stat-badge.online { border-color: rgba(22,217,148,.3); color: var(--pd-green); }
.product-detail-v2 .stat-badge.out { border-color: rgba(244,63,94,.35); color: #fb7185; }

.product-detail-v2 .alert-warning {
    min-height: 40px;
    margin-bottom: 14px !important;
    border-color: rgba(255,176,32,.35) !important;
    border-radius: 6px !important;
    background: rgba(255,176,32,.08) !important;
    color: #ffc75c !important;
}

.product-detail-v2 .feature-badge {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px !important;
    border: 1px solid #2b374a;
    border-radius: 6px !important;
    background: #151e2b !important;
    color: #e7edf7;
    font-size: 11px;
    font-weight: 800;
}

.product-detail-v2 .pd-delivery-panel {
    margin: 0 0 16px !important;
    padding: 14px !important;
    border: 1px solid #29364a !important;
    border-radius: 7px !important;
    background: #0c121c !important;
}

.product-detail-v2 .pd-mini-head { margin-bottom: 10px; }
.product-detail-v2 .pd-mini-head strong { color: #fff; }
.product-detail-v2 .pd-mini-head small { color: var(--pd-muted); }
.product-detail-v2 .pd-field-grid { gap: 8px !important; }
.product-detail-v2 .pd-field-chip {
    padding: 9px 10px !important;
    border: 1px solid #2a3648 !important;
    border-radius: 5px !important;
    background: #141c29 !important;
}

.product-detail-v2 .row.align-items-center.g-3.mt-auto {
    margin: 0 !important;
    padding: 12px;
    border: 1px solid #2c394d;
    border-radius: 7px;
    background: linear-gradient(90deg, rgba(22,217,148,.08), rgba(79,124,255,.07));
}

.product-detail-v2 .price-box {
    min-height: 54px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: var(--pd-green) !important;
    font-size: 24px !important;
}

.product-detail-v2 .quantity-box {
    min-width: 118px;
    height: 54px !important;
    border-color: #344159 !important;
    border-radius: 6px !important;
    background: #0b111a !important;
}

.product-detail-v2 .buy-btn {
    min-height: 54px !important;
    height: 54px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: var(--pd-amber) !important;
    box-shadow: 0 10px 24px rgba(255,176,32,.18);
    color: #11151b !important;
    font-weight: 900;
}

.product-detail-v2 .buy-btn:hover { filter: brightness(1.06); transform: translateY(-1px); }
.product-detail-v2 .buy-btn:disabled { background: #303947 !important; box-shadow: none; color: #9aa6b7 !important; }

.product-detail-v2 > .row.g-4 > .col-lg-8 {
    display: flex;
    flex-direction: column;
}

.product-detail-v2 > .row.g-4 > .col-lg-8 > .product-main-card { order: 1; }
.product-detail-v2 > .row.g-4 > .col-lg-8 > .pd-trust-grid { order: 2; margin-top: 18px; }
.product-detail-v2 > .row.g-4 > .col-lg-8 > .mb-4 { order: 3; margin-top: 18px; }

.product-detail-v2 .product-main-card,
.product-detail-v2 .pd-seller-v2,
.product-detail-v2 .pd-trust-item,
.product-detail-v2 .other-listing-card {
    border-color: var(--pd-border) !important;
    border-radius: 8px !important;
    background: var(--pd-panel) !important;
}

.product-detail-v2 .tab-nav-custom {
    min-height: 58px;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0 12px;
    border-bottom: 1px solid var(--pd-border) !important;
    background: #0d131c;
    scrollbar-width: none;
}

.product-detail-v2 .tab-nav-custom::-webkit-scrollbar { display: none; }
.product-detail-v2 .tab-nav-custom .nav-link {
    min-height: 58px;
    padding: 0 16px;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    color: #94a1b5 !important;
    white-space: nowrap;
    font-weight: 800;
}
.product-detail-v2 .tab-nav-custom .nav-link.active { border-bottom-color: var(--pd-blue) !important; background: transparent !important; color: #fff !important; }

.product-detail-v2 .pd-accordion-item { margin-bottom: 8px; border: 1px solid #2a3547 !important; border-radius: 6px !important; background: #0e151f !important; }
.product-detail-v2 .pd-accordion-button { min-height: 50px; }
.product-detail-v2 .pd-seller-v2 { position: sticky !important; top: 92px !important; overflow: hidden; }
.product-detail-v2 .pd-seller-actions a { border-radius: 6px !important; }
.product-detail-v2 .pd-seller-profile-card { padding:0 !important; }
.product-detail-v2 .pd-delivery-guarantee {
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin:0 0 18px;
    padding:16px;
    border:1px solid rgba(79,124,255,.42);
    border-radius:7px;
    background:rgba(44,70,150,.2);
}
.product-detail-v2 .pd-delivery-guarantee-icon {
    flex:0 0 46px;
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border-radius:7px;
    background:rgba(79,124,255,.22);
    color:#7da0ff;
    font-size:23px;
}
.product-detail-v2 .pd-delivery-guarantee strong { display:block; margin:1px 0 5px; color:#fff; font-size:15px; }
.product-detail-v2 .pd-delivery-guarantee p { margin:0; color:#aab8ce; font-size:13px; line-height:1.65; }
.product-detail-v2 .pd-seller-cover { height:112px; background-position:center; background-size:cover; border-bottom:1px solid var(--pd-border); }
.product-detail-v2 .pd-seller-profile-card .pd-seller-top { margin:-34px 16px 12px; position:relative; align-items:flex-end; }
.product-detail-v2 .pd-seller-profile-card .pd-seller-avatar { width:76px; height:76px; border:4px solid var(--pd-panel); border-radius:8px; }
.product-detail-v2 .pd-seller-profile-card .pd-seller-stats,
.product-detail-v2 .pd-seller-profile-card .pd-seller-actions,
.product-detail-v2 .pd-seller-profile-card .pd-seller-rating-row { margin-left:16px; margin-right:16px; }
.product-detail-v2 .pd-seller-rating-row { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; padding:0 10px; border:1px solid #29364a; border-radius:6px; background:#0c121b; color:#aab5c6; font-size:11px; font-weight:800; }
.product-detail-v2 .pd-seller-rating-row .ri-star-fill { color:#fbbf24; }
.product-detail-v2 .pd-follow-seller.active { border-color:rgba(22,217,148,.35); color:var(--pd-green); }
.product-detail-v2 .pd-seller-store-link { min-height:43px; display:flex; align-items:center; justify-content:center; gap:7px; margin-top:14px; border-top:1px solid var(--pd-border); color:#9db5ff; text-decoration:none; font-size:12px; font-weight:850; }
.product-detail-v2 .pd-seller-store-link:hover { color:#fff; }
.product-detail-v2 .pd-trust-grid { gap: 10px; }
.product-detail-v2 .pd-trust-item { min-height: 112px; }
.product-detail-v2 .other-listing-card { min-height: 66px; padding: 10px 12px; }

@media (min-width: 992px) {
    .product-detail-v2 > .product-main-card > .row {
        display: grid !important;
        grid-template-columns: 390px minmax(0, 1fr) !important;
    }
    .product-detail-v2 > .product-main-card > .row > .col-lg-4,
    .product-detail-v2 > .product-main-card > .row > .col-lg-8 { width: auto !important; max-width: none !important; }
    .product-detail-v2 .main-img-container { height: calc(100% - 32px) !important; aspect-ratio: 1 / 1; margin: 16px !important; }
    .product-detail-v2 > .product-main-card > .row > .col-lg-8 > .p-4 { padding: 22px 24px !important; }
    .product-detail-v2 > .row.g-4 { display: grid !important; grid-template-columns: minmax(0, 1fr) 330px; }
    .product-detail-v2 > .row.g-4 > .col-lg-8,
    .product-detail-v2 > .row.g-4 > .col-lg-4 { width: auto !important; max-width: none !important; }
}

@media (max-width: 991.98px) {
    .product-detail-v2 { width: 100% !important; max-width: none !important; padding: 10px 8px 34px !important; }
    .product-detail-v2 .pd-breadcrumb { overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
    .product-detail-v2 > .product-main-card > .row { display: block !important; }
    .product-detail-v2 > .product-main-card > .row > [class*="col-"] { width: 100% !important; max-width: none !important; }
    .product-detail-v2 .main-img-container { width: auto !important; height: auto !important; aspect-ratio: 1 / 1; margin: 8px !important; }
    .product-detail-v2 > .product-main-card > .row > .col-lg-8 > .p-4 { padding: 12px !important; }
    .product-detail-v2 > .product-main-card h1 { margin: 10px 0 12px !important; font-size: 21px !important; }
    .product-detail-v2 .stat-badge { min-height: 29px; padding: 5px 7px !important; font-size: 9px; }
    .product-detail-v2 .feature-badge { flex: 1 1 calc(50% - 5px); min-height: 38px; font-size: 9px; }
    .product-detail-v2 .pd-field-grid { grid-template-columns: 1fr !important; }
    .product-detail-v2 .row.align-items-center.g-3.mt-auto { display: grid; grid-template-columns: 1fr; gap: 8px !important; padding: 9px; }
    .product-detail-v2 .row.align-items-center.g-3.mt-auto > [class*="col-"] { width: 100%; }
    .product-detail-v2 .row.align-items-center.g-3.mt-auto .d-flex { display: grid !important; grid-template-columns: 108px minmax(0, 1fr); }
    .product-detail-v2 .price-box { min-height: 44px !important; justify-content: center; font-size: 22px !important; }
    .product-detail-v2 .quantity-box,.product-detail-v2 .buy-btn { height: 52px !important; min-height: 52px !important; }
    .product-detail-v2 > .row.g-4 { display: block !important; }
    .product-detail-v2 > .row.g-4 > [class*="col-"] { width: 100% !important; max-width: none !important; }
    .product-detail-v2 .tab-content { padding: 12px !important; }
    .product-detail-v2 .pd-trust-grid { grid-template-columns: repeat(3, minmax(125px, 1fr)); overflow-x: auto; }
    .product-detail-v2 .pd-trust-item { min-width: 125px; min-height: 92px; padding: 10px 7px; }
    .product-detail-v2 .pd-trust-item small { display: none; }
    .product-detail-v2 .pd-seller-v2 { position: static !important; margin-top: 18px; }
}

@media (max-width: 420px) {
    .product-detail-v2 .feature-badge { flex-basis: 100%; }
    .product-detail-v2 .pd-category-chip { max-width: 65%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .product-detail-v2 .tab-nav-custom .nav-link { padding: 0 11px; font-size: 11px; }
}

/* Lock the final layout against legacy inline product rules. */
@media (min-width: 992px) {
    .product-detail-v2 > .product-main-card.mb-4 {
        overflow: hidden !important;
        border: 1px solid var(--pd-border) !important;
        border-radius: 8px !important;
        background: var(--pd-panel) !important;
        box-shadow: 0 24px 70px rgba(0,0,0,.32) !important;
    }
    .product-detail-v2 > .product-main-card.mb-4::before { display: none !important; }
    .product-detail-v2 > .product-main-card.mb-4 > .row {
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 352px minmax(0,1fr) !important;
        gap: 0 !important;
        align-items: stretch !important;
    }
    .product-detail-v2 > .product-main-card.mb-4 > .row > .col-lg-4 {
        order: 1 !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        padding: 0 !important;
    }
    .product-detail-v2 > .product-main-card.mb-4 > .row > .col-lg-8 {
        order: 2 !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        padding: 0 !important;
    }
    .product-detail-v2 > .product-main-card.mb-4 .main-img-container {
        width: auto !important;
        height: 320px !important;
        min-height: 320px !important;
        max-height: 320px !important;
        aspect-ratio: 1 / 1 !important;
        margin: 16px !important;
        border-radius: 7px !important;
        box-shadow: none !important;
        isolation: auto !important;
    }
    .product-detail-v2 > .product-main-card.mb-4 .main-img-container::before,
    .product-detail-v2 > .product-main-card.mb-4 .main-img-container::after { display: none !important; }
    .product-detail-v2 > .product-main-card.mb-4 .main-img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        object-fit: cover !important;
    }
    .product-detail-v2 > .product-main-card.mb-4 .col-lg-8 > .p-4 {
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 16px 20px !important;
        border: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        gap: 8px !important;
        justify-content: space-between !important;
    }
    .product-detail-v2 > .product-main-card.mb-4 h1.h4 {
        max-width: none !important;
        margin: 8px 0 10px !important;
        font-size: 27px !important;
        line-height: 1.2 !important;
    }
    .product-detail-v2 > .product-main-card.mb-4 .pd-product-meta {
        width: auto !important;
        min-height: 30px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        margin-bottom: 0 !important;
    }
    .product-detail-v2 > .product-main-card.mb-4 .d-flex.flex-wrap.gap-2.mb-4 {
        width: 100% !important;
        max-width: none !important;
        display: grid !important;
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
    }
    .product-detail-v2 > .product-main-card.mb-4 .feature-badge {
        min-height: 46px !important;
        padding: 8px !important;
        border-radius: 6px !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        text-align: center !important;
        font-size: 10px !important;
    }
    .product-detail-v2 > .product-main-card.mb-4 .feature-badge i { font-size: 15px !important; }
    .product-detail-v2 > .product-main-card.mb-4 .alert { width: 100% !important; max-width: none !important; margin-bottom: 9px !important; }
    .product-detail-v2 > .product-main-card.mb-4 h1.h4 + .d-flex.flex-wrap.gap-3.mb-4 {
        gap:8px !important;
        margin-bottom:10px !important;
    }
    .product-detail-v2 > .product-main-card.mb-4 .row.align-items-center.g-3.mt-auto {
        width: 100% !important;
        margin: 0 !important;
        padding: 6px !important;
        display: grid !important;
        grid-template-columns: minmax(190px,32%) minmax(0,1fr) !important;
        gap: 10px !important;
        border-radius: 7px !important;
        background: linear-gradient(90deg,rgba(22,217,148,.08),rgba(79,124,255,.07)) !important;
    }
    .product-detail-v2 > .product-main-card.mb-4 .row.align-items-center.g-3.mt-auto > .col-md-4,
    .product-detail-v2 > .product-main-card.mb-4 .row.align-items-center.g-3.mt-auto > .col-md-8 {
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        padding: 0 !important;
    }
    .product-detail-v2 > .product-main-card.mb-4 .price-box { min-height: 46px !important; justify-content: flex-start !important; font-size: 22px !important; }
    .product-detail-v2 > .product-main-card.mb-4 .col-md-8 > .d-flex.gap-2 {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 116px minmax(0,1fr) !important;
        gap: 8px !important;
    }
    .product-detail-v2 > .product-main-card.mb-4 .quantity-box,
    .product-detail-v2 > .product-main-card.mb-4 .buy-btn { height:46px !important; min-height:46px !important; }
}

.product-detail-v2 .pd-delivery-panel-details { margin:0 0 18px !important; }

@media (max-width: 991.98px) {
    .product-detail-v2 > .product-main-card.mb-4 { overflow:hidden !important; border-radius:8px !important; }
    .product-detail-v2 > .product-main-card.mb-4 > .row { min-height:0 !important; display:block !important; }
    .product-detail-v2 > .product-main-card.mb-4 > .row > .col-lg-4,
    .product-detail-v2 > .product-main-card.mb-4 > .row > .col-lg-8 { order:initial !important; width:100% !important; max-width:100% !important; padding:0 !important; }
    .product-detail-v2 > .product-main-card.mb-4 .main-img-container { width:auto !important; height:auto !important; min-height:0 !important; max-height:none !important; aspect-ratio:1 / 1 !important; margin:8px !important; }
    .product-detail-v2 > .product-main-card.mb-4 .main-img-container::before,
    .product-detail-v2 > .product-main-card.mb-4 .main-img-container::after { display:none !important; }
    .product-detail-v2 > .product-main-card.mb-4 .col-lg-8 > .p-4 { min-height:0 !important; height:auto !important; padding:12px !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
}