/* Popup Container */
#eps-popup{
    position:fixed;
    right:20px;
    bottom:-700px;

    width:380px;
    max-width:90vw;

    background:#111111;
    color:#ffffff;

    border-radius:20px;
    overflow:hidden;

    border-top:4px solid #c62828;

    box-shadow:0 15px 50px rgba(0,0,0,.35);

    transition:bottom .6s ease;

    z-index:999999;
}

/* Visible State */
#eps-popup.show{
    bottom:20px;
}

/* Close Button */
.eps-close{
    position:absolute;
    top:12px;
    right:12px;

    width:36px;
    height:36px;

    border:none;
    border-radius:50%;

    background:rgba(0,0,0,.5);
    color:#ffffff;

    font-size:22px;
    line-height:36px;
    text-align:center;

    cursor:pointer;

    z-index:9999999;

    padding:0;
}

.eps-close:hover{
    background:rgba(0,0,0,.75);
}

/* Image */
.eps-image{
    display:block;
    margin:0 auto;
    max-width:100%;
}

/* Header */
.eps-header{
    display:block;

    padding:18px 20px;
    margin:0;

    background:linear-gradient(
        135deg,
        #111111 0%,
        #18b7b5 100%
    );

    color:#d4af37;

    font-size:24px;
    font-weight:700;
    line-height:1.3;
}

/* Content */
.eps-content{
    display:block;

    padding:20px;
    margin:0;

    background:#111111;
    color:#f5f5f5;

    font-size:16px;
    line-height:1.6;
}

/* Paragraph cleanup */
.eps-content p{
    margin:0 0 12px;
}

.eps-content p:last-child{
    margin-bottom:0;
}

/* Mobile */
@media (max-width:768px){

    #eps-popup{

        right:10px;
        left:10px;

        width:auto !important;
        max-width:none;

        bottom:-1000px;

        border-radius:16px;
    }

    #eps-popup.show{
        bottom:10px;
    }

    .eps-header{
        padding:14px 16px;
    }

    .eps-content{
        padding:16px;
    }

    .eps-close{
        width:32px;
        height:32px;
        line-height:32px;
        font-size:18px;
    }
}