/* Product detail page — clean light layout on the red & navy theme.
   Loaded after theme-red-navy.css; selectors start with body.page-product-detail
   so they win over the theme's .main-shell overrides. */

body.page-product-detail {
    --pd-navy: #0b174f;
    --pd-navy-2: #12366a;
    --pd-red: #ed0920;
    --pd-red-2: #c7081c;
    --pd-ink: #0b174f;
    --pd-text: #455777;
    --pd-muted: #6b7891;
    --pd-line: #e3e9f2;
    --pd-soft: #f4f7fb;
    --pd-card: #ffffff;
    --pd-radius: 18px;
    --pd-shadow: 0 1px 2px rgba(11, 23, 79, .04), 0 10px 30px rgba(18, 54, 106, .06);
}

body.page-product-detail .product-detail-page { padding-top: .5rem; }

/* ── Breadcrumbs ── */
body.page-product-detail .pd-crumbs {
    display: flex; flex-wrap: wrap; align-items: center; gap: .45rem;
    font-size: .82rem; color: var(--pd-muted); margin: .25rem 0 1.25rem;
}
body.page-product-detail .pd-crumbs a { color: var(--pd-muted); text-decoration: none; }
body.page-product-detail .pd-crumbs a:hover { color: var(--pd-red); }
body.page-product-detail .pd-crumbs i { font-size: .65rem; opacity: .6; }
body.page-product-detail .pd-crumbs span {
    color: var(--pd-ink); font-weight: 600;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 60ch;
}

/* ── Hero grid ── */
body.page-product-detail .pd-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 3rem;
    align-items: start;
    margin-bottom: 3.5rem;
}

/* ── Gallery ── */
body.page-product-detail .pd-gallery { position: sticky; top: 110px; }
body.page-product-detail .pd-stage {
    position: relative;
    aspect-ratio: 1 / 0.86;
    background: radial-gradient(circle at 50% 40%, #ffffff 0%, #f3f6fb 100%);
    border: 1px solid var(--pd-line);
    border-radius: 24px;
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
    cursor: crosshair;
}
body.page-product-detail .pd-stage img {
    max-width: 82%; max-height: 82%;
    object-fit: contain;
    transition: transform .12s ease, opacity .3s ease;
    will-change: transform;
}
body.page-product-detail .pd-stage-empty { color: #c3cddc; font-size: 3rem; }
body.page-product-detail .pd-stage-tag {
    position: absolute; top: 1rem; left: 1rem; z-index: 2;
    display: inline-flex; align-items: center; gap: .35rem;
    padding: .35rem .75rem; border-radius: 999px;
    font-size: .75rem; font-weight: 700;
}
body.page-product-detail .pd-stage-tag--warn { background: #fff4e5; color: #b45309; }
body.page-product-detail .pd-stage-tag--out { background: #fff0f2; color: #a10a20; }
body.page-product-detail .zoom-hint {
    position: absolute; right: 1rem; bottom: 1rem;
    display: inline-flex; align-items: center; gap: .35rem;
    background: rgba(255, 255, 255, .92); color: var(--pd-muted);
    border: 1px solid var(--pd-line);
    padding: .3rem .7rem; border-radius: 999px;
    font-size: .72rem; font-weight: 600;
    pointer-events: none; transition: opacity .25s ease;
}
body.page-product-detail .pd-stage:hover .zoom-hint { opacity: 0; }

body.page-product-detail .pd-thumbs {
    display: flex; gap: .65rem; margin-top: .85rem;
    overflow-x: auto; padding-bottom: 2px; scrollbar-width: none;
}
body.page-product-detail .pd-thumbs::-webkit-scrollbar { display: none; }
body.page-product-detail .pd-thumbs .thumbnail-item {
    flex: 0 0 78px; width: 78px; height: 78px; padding: 6px;
    border-radius: 14px !important;
    border: 1.5px solid var(--pd-line) !important;
    background: #fff !important;
    cursor: pointer; transition: border-color .2s ease, box-shadow .2s ease;
}
body.page-product-detail .pd-thumbs .thumbnail-item img {
    width: 100%; height: 100%; object-fit: contain; opacity: .7;
}
body.page-product-detail .pd-thumbs .thumbnail-item:hover img,
body.page-product-detail .pd-thumbs .thumbnail-item.active img { opacity: 1; }
body.page-product-detail .pd-thumbs .thumbnail-item.active {
    border-color: var(--pd-red) !important;
    box-shadow: 0 0 0 3px rgba(237, 9, 32, .1);
}

/* ── Info column ── */
body.page-product-detail .pd-info { padding-top: .25rem; }
body.page-product-detail .pd-meta {
    display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; margin-bottom: .75rem;
}
body.page-product-detail .pd-cat {
    color: var(--pd-red); font-size: .74rem; font-weight: 700;
    letter-spacing: .12em; text-transform: uppercase;
}
body.page-product-detail .pd-sku {
    color: var(--pd-muted); font-size: .74rem; font-weight: 500;
    padding-left: .6rem; border-left: 1px solid var(--pd-line);
    font-variant-numeric: tabular-nums;
}
body.page-product-detail .pd-title {
    font-family: var(--font-heading);
    font-size: clamp(1.6rem, 2.6vw, 2.25rem) !important;
    font-weight: 700; line-height: 1.2; letter-spacing: -.02em;
    color: var(--pd-ink); margin: 0 0 .75rem;
}
body.page-product-detail .pd-rating {
    display: inline-flex; align-items: center; gap: .5rem;
    font-size: .85rem; color: var(--pd-muted); text-decoration: none;
}
body.page-product-detail .pd-rating:hover { color: var(--pd-red); }
body.page-product-detail .pd-rating strong { color: var(--pd-ink); }
body.page-product-detail .pd-stars { color: #f5a524; letter-spacing: 1px; font-size: .9rem; }
body.page-product-detail .pd-stars .bi-star { color: #cfd7e3; }

body.page-product-detail .pd-price-row {
    display: flex; align-items: center; flex-wrap: wrap; gap: .9rem;
    margin: 1.4rem 0 .25rem; padding-top: 1.4rem;
    border-top: 1px solid var(--pd-line);
}
body.page-product-detail .pd-price {
    display: inline-flex; align-items: baseline; gap: .15rem;
    font-size: 2.35rem !important; font-weight: 700 !important; line-height: 1;
    color: var(--pd-ink) !important; letter-spacing: -.02em; margin: 0;
}
body.page-product-detail .pd-price.price-pulse { color: var(--pd-red) !important; }
body.page-product-detail .pd-stock {
    display: inline-flex; align-items: center; gap: .35rem;
    padding: .3rem .7rem; border-radius: 999px;
    font-size: .78rem; font-weight: 700;
}
body.page-product-detail .pd-stock--in { background: #e9f8ef; color: #127a3e; }
body.page-product-detail .pd-stock--low { background: #fff4e5; color: #b45309; }
body.page-product-detail .pd-stock--out { background: #fff0f2; color: #a10a20; }

body.page-product-detail .pd-desc {
    color: var(--pd-text); font-size: .95rem; line-height: 1.7;
    margin: 1.1rem 0 0; max-width: 60ch;
}
body.page-product-detail .pd-chips {
    list-style: none; padding: 0; margin: 1.1rem 0 0;
    display: flex; flex-wrap: wrap; gap: .45rem;
}
body.page-product-detail .pd-chips li {
    background: var(--pd-soft); color: var(--pd-navy-2);
    border: 1px solid var(--pd-line);
    padding: .35rem .75rem; border-radius: 999px;
    font-size: .78rem; font-weight: 600;
}

/* ── Purchase block ── */
body.page-product-detail .pd-buy { margin-top: 1.6rem; display: grid; gap: .7rem; }
body.page-product-detail .pd-install {
    display: flex; align-items: center; gap: .9rem;
    padding: .9rem 1rem; margin: 0 0 .15rem;
    background: #fff; border: 1px solid var(--pd-line); border-radius: 14px;
    cursor: pointer; transition: border-color .2s ease, background .2s ease;
}
body.page-product-detail .pd-install:hover { border-color: #c9d4e4; }
body.page-product-detail .pd-install:has(input:checked) { border-color: var(--pd-red); background: #fff7f8; }
body.page-product-detail .pd-install-icon {
    flex: 0 0 40px; width: 40px; height: 40px; border-radius: 10px;
    display: grid; place-items: center;
    background: #fff0f2; color: var(--pd-red); font-size: 1.1rem;
}
body.page-product-detail .pd-install-text { flex: 1; display: grid; gap: .1rem; min-width: 0; }
body.page-product-detail .pd-install-text strong { color: var(--pd-ink); font-size: .92rem; }
body.page-product-detail .pd-install-text small { color: var(--pd-muted); font-size: .8rem; }
body.page-product-detail .pd-install .form-check-input {
    width: 2.6em; height: 1.4em; cursor: pointer; float: none;
}
body.page-product-detail .pd-install .form-check-input:checked { background-color: var(--pd-red); border-color: var(--pd-red); }

body.page-product-detail .pd-buy-row { display: flex; gap: .7rem; }
body.page-product-detail .pd-qty {
    display: inline-flex; align-items: center; flex-shrink: 0;
    height: 54px; padding: 4px;
    background: #fff !important; border: 1px solid var(--pd-line) !important; border-radius: 14px;
}
body.page-product-detail .premium-qty-input .qty-control {
    width: 40px; height: 44px; flex: 0 0 40px; padding: 0;
    display: grid; place-items: center;
    background: transparent !important; border: 0 !important; border-radius: 10px;
    color: var(--pd-ink) !important; font-size: 1.1rem; cursor: pointer;
}
body.page-product-detail .premium-qty-input .qty-control:hover { background: var(--pd-soft) !important; color: var(--pd-red) !important; }
body.page-product-detail .premium-qty-input .qty-field {
    width: 40px; border: 0; background: transparent; outline: none;
    text-align: center; font-weight: 700; font-size: 1.05rem; color: var(--pd-ink);
    -moz-appearance: textfield; appearance: textfield;
}
body.page-product-detail .qty-field::-webkit-outer-spin-button,
body.page-product-detail .qty-field::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

body.page-product-detail .pd-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .55rem;
    height: 54px; padding: 0 1.25rem; width: 100%;
    border-radius: 14px; border: 1.5px solid transparent;
    font-weight: 700; font-size: 1rem; letter-spacing: .01em;
    cursor: pointer; transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
body.page-product-detail .pd-btn--cart { flex: 1; background: var(--pd-red); color: #fff; box-shadow: 0 8px 20px rgba(237, 9, 32, .22); }
body.page-product-detail .pd-btn--cart:hover { background: var(--pd-red-2); transform: translateY(-1px); }
body.page-product-detail .pd-btn--buy { background: var(--pd-navy); color: #fff; }
body.page-product-detail .pd-btn--buy:hover { background: var(--pd-navy-2); transform: translateY(-1px); }

/* ── Secondary actions ── */
body.page-product-detail .pd-actions {
    display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem;
}
body.page-product-detail .pd-action {
    display: inline-flex; align-items: center; gap: .45rem;
    height: 40px; padding: 0 .95rem;
    background: #fff !important; color: var(--pd-navy-2) !important;
    border: 1px solid var(--pd-line) !important; border-radius: 999px !important;
    font-size: .84rem; font-weight: 600; text-decoration: none;
    transform: none !important; box-shadow: none !important;
    transition: border-color .2s ease, color .2s ease, background .2s ease;
}
body.page-product-detail .pd-action:hover { border-color: var(--pd-navy-2) !important; color: var(--pd-navy) !important; }
body.page-product-detail .pd-action.active,
body.page-product-detail .pd-action.is-active { background: #fff0f2 !important; border-color: #ffc2cb !important; color: var(--pd-red) !important; }
body.page-product-detail .pd-action--wa { color: #128c4b !important; }
body.page-product-detail .pd-action--wa:hover { border-color: #25d366 !important; color: #0e7a40 !important; }

body.page-product-detail .share-wrapper { position: relative; margin: 0; }
body.page-product-detail .share-menu-premium {
    position: absolute; top: calc(100% + 8px); right: 0; z-index: 20;
    display: flex; gap: .4rem; padding: .5rem;
    background: #fff; border: 1px solid var(--pd-line); border-radius: 14px;
    box-shadow: 0 14px 34px rgba(18, 54, 106, .14);
    opacity: 0; visibility: hidden; transform: translateY(-4px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
}
body.page-product-detail .share-menu-premium.active { opacity: 1; visibility: visible; transform: none; }
body.page-product-detail .share-icon-btn {
    position: relative; width: 38px; height: 38px; border-radius: 10px;
    display: grid; place-items: center;
    background: var(--pd-soft); color: var(--pd-navy-2); font-size: 1.05rem; text-decoration: none;
    transition: background .2s ease, color .2s ease;
}
body.page-product-detail .share-icon-btn:hover { color: #fff; background: var(--pd-navy); }
body.page-product-detail .share-icon-btn.whatsapp:hover { background: #25d366; }
body.page-product-detail .share-icon-btn.facebook:hover { background: #1877f2; }
body.page-product-detail .share-icon-btn.linkedin:hover { background: #0a66c2; }
body.page-product-detail .share-icon-btn.email:hover { background: var(--pd-red); }
body.page-product-detail .copy-feedback {
    position: absolute; top: -30px; left: 50%; transform: translateX(-50%);
    background: var(--pd-navy); color: #fff; font-size: .68rem; font-weight: 700;
    padding: 3px 8px; border-radius: 6px; white-space: nowrap;
    opacity: 0; visibility: hidden; transition: opacity .2s ease;
}
body.page-product-detail .copy-feedback.show { opacity: 1; visibility: visible; }

/* ── Delivery check & notify ── */
body.page-product-detail .pd-pin,
body.page-product-detail .notify-me-widget {
    margin: 1.25rem 0 0; padding: 1rem;
    background: var(--pd-soft) !important; border: 1px solid var(--pd-line) !important;
    border-radius: 14px;
}
body.page-product-detail .pd-pin-label,
body.page-product-detail .notify-me-title {
    display: flex; align-items: center; gap: .45rem;
    color: var(--pd-ink); font-size: .85rem; font-weight: 700; margin-bottom: .65rem;
    text-transform: none; letter-spacing: 0;
}
body.page-product-detail .pd-pin-label i,
body.page-product-detail .notify-me-title i { color: var(--pd-red); }
body.page-product-detail .notify-me-widget p { color: var(--pd-text); }
body.page-product-detail .pin-input-group { display: flex; gap: .5rem; }
body.page-product-detail .pin-field {
    flex: 1; min-width: 0; height: 46px; padding: 0 .9rem;
    background: #fff !important; color: var(--pd-ink) !important;
    border: 1px solid #cfd9e7 !important; border-radius: 10px;
    font-size: .92rem; font-weight: 600; outline: none;
}
body.page-product-detail .pin-field:focus { border-color: var(--pd-navy-2) !important; box-shadow: 0 0 0 3px rgba(18, 54, 106, .1); }
body.page-product-detail .btn-pin-check {
    height: 46px; padding: 0 1.2rem; flex-shrink: 0;
    background: var(--pd-navy) !important; color: #fff !important;
    border: 0; border-radius: 10px; font-weight: 700; font-size: .85rem; cursor: pointer;
}
body.page-product-detail .btn-pin-check:hover { background: var(--pd-navy-2) !important; }
body.page-product-detail .btn-pin-check:disabled { opacity: .6; }
body.page-product-detail .service-results { display: none; margin-top: .7rem; }
body.page-product-detail .service-item { display: flex; align-items: flex-start; gap: .5rem; font-size: .85rem; color: var(--pd-text); margin-bottom: .3rem; }
body.page-product-detail .service-item.success i { color: #16a34a; }
body.page-product-detail .service-item.warning i { color: #d97706; }
body.page-product-detail .service-item.danger i { color: var(--pd-red); }
body.page-product-detail .contact-support-link { color: var(--pd-red); font-weight: 600; }
body.page-product-detail .notify-status { display: none; margin-top: .6rem; font-size: .84rem; }
body.page-product-detail .notify-status.success { color: #127a3e; }
body.page-product-detail .notify-status.error { color: var(--pd-red); }

/* ── Assurances ── */
body.page-product-detail .pd-assure {
    list-style: none; padding: 0; margin: 1.25rem 0 0;
    display: grid; grid-template-columns: repeat(3, 1fr);
    border: 1px solid var(--pd-line); border-radius: 14px; background: #fff;
}
body.page-product-detail .pd-assure li + li { border-left: 1px solid var(--pd-line); }
body.page-product-detail .pd-assure li,
body.page-product-detail .pd-assure a {
    display: flex; align-items: center; gap: .65rem;
    padding: .85rem 1rem; color: inherit; text-decoration: none;
}
body.page-product-detail .pd-assure li:has(a) { padding: 0; }
body.page-product-detail .pd-assure i { color: var(--pd-red); font-size: 1.3rem; }
body.page-product-detail .pd-assure span { display: grid; line-height: 1.2; min-width: 0; }
body.page-product-detail .pd-assure strong { color: var(--pd-ink); font-size: .85rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.page-product-detail .pd-assure small { color: var(--pd-muted); font-size: .74rem; }

/* ══════════ TABS ══════════ */
body.page-product-detail .product-tabs-wrapper { margin-top: 0; }
body.page-product-detail .nav-premium-tabs {
    display: inline-flex; flex-wrap: nowrap; gap: .25rem;
    padding: .3rem; margin-bottom: 1.25rem;
    background: #e9eef6; border: 0; border-radius: 14px;
    max-width: 100%; overflow-x: auto; scrollbar-width: none;
}
body.page-product-detail .nav-premium-tabs::-webkit-scrollbar { display: none; }
body.page-product-detail .nav-premium-tabs .nav-link {
    padding: .6rem 1.15rem !important; border: 0 !important; border-radius: 10px !important;
    background: transparent !important; color: var(--pd-text) !important;
    font-size: .88rem; font-weight: 600; letter-spacing: 0; text-transform: none;
    white-space: nowrap;
}
body.page-product-detail .nav-premium-tabs .nav-link::after { display: none; }
body.page-product-detail .nav-premium-tabs .nav-link:hover { color: var(--pd-ink) !important; }
body.page-product-detail .nav-premium-tabs .nav-link.active {
    background: #fff !important; color: var(--pd-ink) !important;
    box-shadow: 0 1px 3px rgba(11, 23, 79, .12);
}

body.page-product-detail .tab-content .glass-card {
    background: #fff !important; border: 1px solid var(--pd-line) !important;
    border-radius: var(--pd-radius) !important; box-shadow: var(--pd-shadow) !important;
    transform: none !important;
}
body.page-product-detail .tab-content h4 { color: var(--pd-ink); font-size: 1.2rem; font-weight: 700; }
body.page-product-detail .tab-content .border-bottom,
body.page-product-detail .tab-content .border-white-10 { border-color: var(--pd-line) !important; }
body.page-product-detail .trust-badge-mini {
    display: inline-flex; align-items: center; gap: .3rem;
    background: #e9f8ef; color: #127a3e; border: 0;
    padding: .35rem .75rem; border-radius: 999px; font-size: .78rem;
}
body.page-product-detail .trust-badge-mini i { color: #16a34a !important; }

/* Specs table */
body.page-product-detail .spec-premium-grid { gap: 0 3rem; }
body.page-product-detail .spec-row {
    background: transparent !important; border: 0 !important;
    border-bottom: 1px solid var(--pd-line) !important; border-radius: 0 !important;
    padding: .9rem 0; transform: none !important; box-shadow: none !important;
}
body.page-product-detail .spec-icon-box { background: #fff0f2; color: var(--pd-red); border-radius: 8px; }
body.page-product-detail .spec-label { color: var(--pd-muted) !important; font-size: .88rem; }
body.page-product-detail .spec-value { color: var(--pd-ink) !important; font-weight: 600; font-size: .92rem; }

/* Overview & install cards */
body.page-product-detail .tab-content .mini-info-card,
body.page-product-detail .install-benefit-card {
    background: var(--pd-soft) !important; border: 1px solid var(--pd-line) !important;
    border-radius: 14px; height: 100%; transform: none !important; box-shadow: none !important;
}
body.page-product-detail .tab-content .mini-info-card h6,
body.page-product-detail .install-benefit-card h6 { color: var(--pd-ink) !important; font-weight: 700; }
body.page-product-detail .install-benefit-card p { color: var(--pd-text); font-size: .86rem; line-height: 1.55; margin: 0; }
body.page-product-detail .install-icon-wrap {
    width: 46px; height: 46px; border-radius: 12px; margin-bottom: 1rem;
    display: grid; place-items: center;
    background: #fff0f2; color: var(--pd-red); font-size: 1.35rem;
}
body.page-product-detail #install .rounded-4[style*="245,158,11"] { background: #fff0f2 !important; border-color: #ffd0d7 !important; }
body.page-product-detail #install .text-white { color: var(--pd-ink) !important; }
body.page-product-detail #install .info-note { background: var(--pd-soft) !important; border-color: var(--pd-line) !important; }

/* Reviews */
body.page-product-detail .review-sort-select {
    height: 36px; padding: 0 2rem 0 .8rem;
    background-color: #fff; color: var(--pd-ink); border: 1px solid var(--pd-line); border-radius: 10px;
    font-size: .82rem; font-weight: 600; appearance: none; cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7891' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right .7rem center;
}
body.page-product-detail #reviews-pane h2.display-3 { color: var(--pd-ink) !important; }
body.page-product-detail .text-accent-gold { color: #f5a524 !important; }
body.page-product-detail .trust-pill-large { background: var(--pd-soft); border: 1px solid var(--pd-line); color: var(--pd-text); }
body.page-product-detail .rating-bar-row { display: flex; align-items: center; gap: .5rem; margin-bottom: .4rem; }
body.page-product-detail .rating-bar-label { width: 12px; font-size: .75rem; color: var(--pd-muted); text-align: right; }
body.page-product-detail .rating-bar-track { flex: 1; height: 6px; background: #e9eef6; border-radius: 99px; overflow: hidden; }
body.page-product-detail .rating-bar-fill { height: 100%; width: 0; background: #f5a524; border-radius: 99px; transition: width 1s ease; }
body.page-product-detail .rating-bar-count { width: 22px; font-size: .72rem; color: var(--pd-muted); }
body.page-product-detail .review-item { border-color: var(--pd-line) !important; }
body.page-product-detail .review-item h6 { color: var(--pd-ink) !important; }
body.page-product-detail .avatar-circle { background: var(--pd-navy); color: #fff; box-shadow: none; }
body.page-product-detail .verified-badge { background: #e9f8ef; color: #127a3e; }
body.page-product-detail .helpful-btn {
    display: inline-flex; align-items: center; gap: .3rem;
    padding: .25rem .7rem; border-radius: 8px; cursor: pointer;
    background: #fff; border: 1px solid var(--pd-line); color: var(--pd-muted); font-size: .76rem; font-weight: 600;
}
body.page-product-detail .helpful-btn:hover { border-color: #c9d4e4; color: var(--pd-ink); }
body.page-product-detail .helpful-btn.active-yes { background: #e9f8ef; border-color: #b7e4c7; color: #127a3e; }
body.page-product-detail .helpful-btn.active-no { background: #fff0f2; border-color: #ffc2cb; color: var(--pd-red); }
body.page-product-detail #reviewFormCollapse .bg-dark-soft { background: var(--pd-soft) !important; }
body.page-product-detail #reviewFormCollapse .form-control { background: #fff !important; color: var(--pd-ink) !important; border-color: #cfd9e7 !important; }
body.page-product-detail .border-dashed { border: 2px dashed #cfd9e7; }
body.page-product-detail .review-media-upload-zone:hover { border-color: var(--pd-red); }
body.page-product-detail .review-media-item { border: 1px solid var(--pd-line); }
body.page-product-detail .preview-thumbnail { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; border: 1px solid var(--pd-line); }
body.page-product-detail .video-preview-icon { display: flex; align-items: center; justify-content: center; background: var(--pd-navy); color: #fff; }
body.page-product-detail #reviewLightbox .modal-content { background: transparent; border: 0; }
body.page-product-detail #reviewLightbox .modal-body { padding: 0; display: flex; justify-content: center; }
body.page-product-detail #reviewLightbox .lightbox-content { max-width: 100%; max-height: 85vh; border-radius: 12px; }
body.page-product-detail #reviewLightbox .close-btn { position: absolute; top: -40px; right: 0; color: #fff; background: none; border: 0; font-size: 2rem; }

/* ══════════ HIGHLIGHTS ══════════ */
body.page-product-detail .product-highlights-card {
    background: #fff !important; border: 1px solid var(--pd-line) !important;
    border-radius: var(--pd-radius); box-shadow: var(--pd-shadow);
    padding: 1.75rem; margin: 0;
}
body.page-product-detail .highlights-title {
    display: flex; align-items: center; gap: .6rem; margin-bottom: 1.25rem;
    color: var(--pd-ink) !important; font-family: var(--font-heading);
    font-size: 1.15rem; font-weight: 700; text-transform: none; letter-spacing: 0;
}
body.page-product-detail .highlights-title i { color: var(--pd-red); }
body.page-product-detail .product-highlights-list {
    list-style: none; padding: 0; margin: 0;
    display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: .85rem 2rem;
}
body.page-product-detail .product-highlights-list li {
    position: relative; padding-left: 1.9rem;
    color: var(--pd-text) !important; font-size: .93rem; line-height: 1.6;
}
body.page-product-detail .product-highlights-list li::before {
    content: '\F26E'; font-family: 'bootstrap-icons';
    position: absolute; left: 0; top: .1rem;
    width: 1.25rem; height: 1.25rem; border-radius: 50%;
    display: grid; place-items: center;
    background: #fff0f2; color: var(--pd-red); font-size: .85rem;
}

/* ══════════ RELATED & RECENT ══════════ */
body.page-product-detail .eyebrow {
    color: var(--pd-red) !important; font-size: .72rem; font-weight: 700;
    letter-spacing: .14em; text-transform: uppercase;
}
body.page-product-detail .rv-card {
    display: block; overflow: hidden; text-decoration: none;
    background: #fff; border: 1px solid var(--pd-line); border-radius: 14px;
    transition: transform .2s ease, box-shadow .2s ease;
}
body.page-product-detail .rv-card:hover { transform: translateY(-3px); box-shadow: var(--pd-shadow); }
body.page-product-detail .rv-img { width: 100%; height: 130px; object-fit: contain; padding: .75rem; background: var(--pd-soft); display: block; }
body.page-product-detail .rv-img-placeholder { height: 130px; display: grid; place-items: center; background: var(--pd-soft); color: #c3cddc; font-size: 1.5rem; }
body.page-product-detail .rv-body { padding: .7rem .85rem .85rem; }
body.page-product-detail .rv-cat { font-size: .66rem; text-transform: uppercase; letter-spacing: .1em; color: var(--pd-muted); margin-bottom: .2rem; }
body.page-product-detail .rv-name { font-size: .85rem; font-weight: 600; color: var(--pd-ink); line-height: 1.35; margin-bottom: .3rem; }
body.page-product-detail .rv-price { font-size: .9rem; font-weight: 700; color: var(--pd-ink); }

/* ══════════ STICKY BAR ══════════ */
body.page-product-detail .sticky-detail-bar {
    background: rgba(255, 255, 255, .97) !important;
    border: 1px solid var(--pd-line) !important;
    box-shadow: 0 -4px 30px rgba(18, 54, 106, .14) !important;
    backdrop-filter: blur(12px);
}
body.page-product-detail .sticky-detail-meta strong { color: var(--pd-ink) !important; }
body.page-product-detail .sticky-detail-meta span,
body.page-product-detail .sticky-detail-meta .text-accent { color: var(--pd-red) !important; }
body.page-product-detail .sticky-detail-bar .premium-qty-input {
    display: inline-flex; align-items: center;
    background: var(--pd-soft) !important; border: 1px solid var(--pd-line) !important; border-radius: 12px; padding: 2px;
}
body.page-product-detail .sticky-detail-bar .btn-premium-cta { background: var(--pd-red) !important; color: #fff !important; border: 0 !important; border-radius: 12px !important; }
body.page-product-detail .sticky-detail-bar .btn-whatsapp-cta {
    background: #e9f8ef !important; color: #128c4b !important; border: 1px solid #b7e4c7 !important; border-radius: 12px !important;
}
body.page-product-detail .sticky-detail-bar .btn-outline-light {
    background: #fff !important; color: var(--pd-navy) !important; border: 1px solid var(--pd-line) !important; border-radius: 12px !important;
}

/* ══════════ RESPONSIVE ══════════ */
@media (max-width: 991.98px) {
    body.page-product-detail .pd-hero { grid-template-columns: 1fr; gap: 1.75rem; margin-bottom: 2.5rem; }
    body.page-product-detail .pd-gallery { position: static; }
    body.page-product-detail .pd-stage { aspect-ratio: 1 / 0.8; border-radius: 20px; }
    body.page-product-detail .pd-title { font-size: 1.6rem !important; }
}
@media (max-width: 575.98px) {
    body.page-product-detail .pd-crumbs span { max-width: 26ch; }
    body.page-product-detail .pd-stage { aspect-ratio: 1 / 0.85; }
    body.page-product-detail .pd-stage img { max-width: 88%; max-height: 88%; }
    body.page-product-detail .pd-price { font-size: 2rem !important; }
    body.page-product-detail .pd-buy-row { gap: .5rem; }
    body.page-product-detail .pd-btn { font-size: .95rem; padding: 0 .9rem; }
    body.page-product-detail .pd-actions { display: grid; grid-template-columns: 1fr 1fr; }
    body.page-product-detail .pd-action { justify-content: center; width: 100%; }
    body.page-product-detail .share-wrapper .pd-action { width: 100%; }
    body.page-product-detail .pd-assure li, body.page-product-detail .pd-assure a {
        flex-direction: column; text-align: center; gap: .3rem; padding: .75rem .4rem;
    }
    body.page-product-detail .pd-assure span { justify-items: center; }
    body.page-product-detail .product-highlights-card { padding: 1.25rem; }
    body.page-product-detail .tab-content .p-4 { padding: 1.1rem !important; }
}
@media (hover: none) {
    body.page-product-detail .zoom-hint { display: none; }
    body.page-product-detail .pd-stage { cursor: default; }
}