/* ══════════════════════════════════════════════════════
   Peptide Image Reveal Final — Interactivity Styles
   Targets Elementor element IDs from the composition
   ══════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;900&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap');

/* ── Main Section ── */
[data-id="0e95d24"] {
    min-height: 100vh;
    background: #030712 !important;
    overflow: hidden;
    position: relative;
}

/* ── Glass Panel ── */
[data-id="a21da9e"] {
    background: rgba(255,255,255,0.03) !important;
    backdrop-filter: blur(28px);
    -webkit-backdrop-filter: blur(28px);
    border-right: 1px solid rgba(0,240,255,0.1);
    position: relative;
    z-index: 4;
}

/* ── Menu Items — hover states ── */
[data-id="b456d19"],
[data-id="0edc8af"],
[data-id="961e0af"],
[data-id="791bc5e"],
[data-id="bc6d324"] {
    cursor: pointer;
    transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    border-bottom: 1px solid rgba(255,255,255,0.04);
    position: relative;
}
[data-id="b456d19"] {
    border-top: 1px solid rgba(255,255,255,0.04);
}

/* Active menu item */
[data-id="b456d19"].prm-active,
[data-id="0edc8af"].prm-active,
[data-id="961e0af"].prm-active,
[data-id="791bc5e"].prm-active,
[data-id="bc6d324"].prm-active {
    background: rgba(255,255,255,0.02) !important;
    padding-left: 1.5rem !important;
}

/* Dim siblings when hovering */
[data-id="1ba2613"].prm-hovering [data-id="b456d19"],
[data-id="1ba2613"].prm-hovering [data-id="0edc8af"],
[data-id="1ba2613"].prm-hovering [data-id="961e0af"],
[data-id="1ba2613"].prm-hovering [data-id="791bc5e"],
[data-id="1ba2613"].prm-hovering [data-id="bc6d324"] {
    opacity: 0.3;
    transition: opacity 0.4s ease;
}
[data-id="1ba2613"].prm-hovering .prm-active {
    opacity: 1 !important;
}

/* ── Label glow on active ── */
/* BPC-157 cyan */
[data-id="b456d19"].prm-active [data-id="bdd3599"] { color: #ffffff !important; text-shadow: 0 0 24px rgba(0,240,255,0.4); }
[data-id="b456d19"].prm-active [data-id="254d42b"] { color: #00f0ff !important; }
[data-id="b456d19"].prm-active [data-id="902ff3d"] { color: rgba(255,255,255,0.18) !important; }

/* TB-500 purple */
[data-id="0edc8af"].prm-active [data-id="01f9b64"] { color: #ffffff !important; text-shadow: 0 0 24px rgba(168,85,247,0.4); }
[data-id="0edc8af"].prm-active [data-id="827d608"] { color: #a855f7 !important; }
[data-id="0edc8af"].prm-active [data-id="54f0cc0"] { color: rgba(255,255,255,0.18) !important; }

/* GHK-Cu amber */
[data-id="961e0af"].prm-active [data-id="fc839f4"] { color: #ffffff !important; text-shadow: 0 0 24px rgba(245,158,11,0.4); }
[data-id="961e0af"].prm-active [data-id="de9d0ca"] { color: #f59e0b !important; }
[data-id="961e0af"].prm-active [data-id="5136ec3"] { color: rgba(255,255,255,0.18) !important; }

/* PT-141 red */
[data-id="791bc5e"].prm-active [data-id="290d1a0"] { color: #ffffff !important; text-shadow: 0 0 24px rgba(239,68,68,0.4); }
[data-id="791bc5e"].prm-active [data-id="e52beae"] { color: #ef4444 !important; }
[data-id="791bc5e"].prm-active [data-id="8de2477"] { color: rgba(255,255,255,0.18) !important; }

/* CJC-1295 green */
[data-id="bc6d324"].prm-active [data-id="c6b8e4c"] { color: #ffffff !important; text-shadow: 0 0 24px rgba(34,197,94,0.4); }
[data-id="bc6d324"].prm-active [data-id="ef97c20"] { color: #22c55e !important; }
[data-id="bc6d324"].prm-active [data-id="47512c0"] { color: rgba(255,255,255,0.18) !important; }

/* ── Underline glow effect on labels ── */
[data-id="bdd3599"]::after,
[data-id="01f9b64"]::after,
[data-id="fc839f4"]::after,
[data-id="290d1a0"]::after,
[data-id="c6b8e4c"]::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    transition: width 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-id="bdd3599"]::after { background: #00f0ff; box-shadow: 0 0 10px #00f0ff, 0 0 30px #00f0ff; }
[data-id="01f9b64"]::after { background: #a855f7; box-shadow: 0 0 10px #a855f7, 0 0 30px #a855f7; }
[data-id="fc839f4"]::after { background: #f59e0b; box-shadow: 0 0 10px #f59e0b, 0 0 30px #f59e0b; }
[data-id="290d1a0"]::after { background: #ef4444; box-shadow: 0 0 10px #ef4444, 0 0 30px #ef4444; }
[data-id="c6b8e4c"]::after { background: #22c55e; box-shadow: 0 0 10px #22c55e, 0 0 30px #22c55e; }

[data-id="bdd3599"],
[data-id="01f9b64"],
[data-id="fc839f4"],
[data-id="290d1a0"],
[data-id="c6b8e4c"] {
    position: relative;
}

[data-id="b456d19"].prm-active [data-id="bdd3599"]::after,
[data-id="0edc8af"].prm-active [data-id="01f9b64"]::after,
[data-id="961e0af"].prm-active [data-id="fc839f4"]::after,
[data-id="791bc5e"].prm-active [data-id="290d1a0"]::after,
[data-id="bc6d324"].prm-active [data-id="c6b8e4c"]::after {
    width: 100%;
}

/* ── Image Reveal Area ── */
[data-id="9da5cde"] {
    position: relative;
    overflow: hidden;
}

/* ── Images — absolute positioned, hidden by default ── */
[data-id="20a044c"],
[data-id="209dc06"],
[data-id="f8f121a"],
[data-id="c3ff09b"],
[data-id="862f872"] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transform: scale(1.06);
    transition: opacity 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 5s ease-out;
    will-change: opacity, transform;
}
[data-id="20a044c"] img,
[data-id="209dc06"] img,
[data-id="f8f121a"] img,
[data-id="c3ff09b"] img,
[data-id="862f872"] img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: brightness(0.5) saturate(0.65);
}

/* Active image */
[data-id="20a044c"].prm-img-active,
[data-id="209dc06"].prm-img-active,
[data-id="f8f121a"].prm-img-active,
[data-id="c3ff09b"].prm-img-active,
[data-id="862f872"].prm-img-active {
    opacity: 0.4;
    transform: scale(1);
}

/* ── HUD Overlay ── */
[data-id="fd591fb"] {
    z-index: 5 !important;
    position: relative;
}

/* ── Info panel reveal ── */
[data-id="8571610"],
[data-id="656ef6d"] {
    transition: opacity 0.5s, transform 0.5s;
}

/* ── Status dot pulse ── */
[data-id="b8c23cc"] {
    animation: prmPulse_b47e6e45 2s ease-in-out infinite;
}
@keyframes prmPulse_b47e6e45 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.25; }
}

/* ── Dark overlay gradient on image area ── */
[data-id="9da5cde"]::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(135deg, rgba(3,7,18,0.85) 0%, rgba(3,7,18,0.3) 50%, rgba(3,7,18,0.7) 100%);
    pointer-events: none;
}

/* ── Grid overlay on image area ── */
[data-id="9da5cde"]::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(0,240,255,0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,240,255,0.025) 1px, transparent 1px);
    background-size: 60px 60px;
}

/* ── Responsive ── */
@media (max-width: 767px) {
    [data-id="0e95d24"] > .e-con-inner,
    [data-id="0e95d24"] {
        flex-direction: column !important;
    }
    [data-id="a21da9e"] {
        width: 100% !important;
        flex-basis: auto !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(0,240,255,0.08);
    }
    [data-id="9da5cde"] {
        min-height: 300px;
    }
    [data-id="fd591fb"] {
        display: none !important;
    }
}