/* PREMIUM RED THEME - ROBUST VERSION */
:root {
    --cpp-red-main: #dc2626;
    --cpp-red-hover: #b91c1c;
    --cpp-dark-bg: #0f0f10;
    --cpp-border-red: #7f1d1d;
}

/* FORCED FLOATING BUTTON - LEFT SIDE */
#cpp-open-modal {
    position: fixed !important;
    bottom: 30px !important;
    left: 30px !important;
    right: auto !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    background-color: var(--cpp-red-main) !important;
    color: #ffffff !important;
    padding: 15px 25px !important;
    border-radius: 50px !important;
    border: 2px solid #ef4444 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
    cursor: pointer !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
    transition: all 0.3s ease !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#cpp-open-modal:hover {
    background-color: var(--cpp-red-hover) !important;
    transform: scale(1.05) translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(220, 38, 38, 0.4) !important;
}

/* MODAL OVERLAY */
.cpp-modal-overlay {
    position: fixed !important;
    inset: 0 !important;
    background-color: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    z-index: 1000000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease !important;
}

.cpp-modal-overlay.active {
    opacity: 1 !important;
    visibility: visible !important;
}

.cpp-wrap {
    width: min(94vw, 640px) !important;
    max-height: 88vh !important;
    overflow-y: auto !important;
}

@media (max-width: 768px) {
    #cpp-open-modal {
        bottom: 16px !important;
        left: 16px !important;
        padding: 10px 14px !important;
    }

    .cpp-wrap {
        width: 96vw !important;
        max-height: 92vh !important;
        border-radius: 14px !important;
    }
}

/* CUSTOM SCROLLBAR FOR PREMIUM FEEL */
.cpp-wrap::-webkit-scrollbar {
    width: 6px;
}
.cpp-wrap::-webkit-scrollbar-track {
    background: #1a1a1d;
}
.cpp-wrap::-webkit-scrollbar-thumb {
    background: var(--cpp-red-main);
    border-radius: 10px;
}