.package-banner{

    position:fixed;

    top:50%;

    right:-700px;

    transform:translateY(-50%);

    width:42vw;

    max-width:600px;

    min-width:350px;

    background:rgba(255,255,255,.96);

    backdrop-filter:blur(18px);

    border-left:6px solid #b88a44;

    border-radius:25px 0 0 25px;

    box-shadow:0 30px 60px rgba(0,0,0,.25);

    z-index:99999;

    transition:right .6s ease;

    overflow:hidden;

}

.package-banner.show{

    right:0;

}

.package-banner.hide{

    right:-700px;

}

.banner-content{

    padding:50px;

}

.banner-tag{

    display:inline-block;

    background:#b88a44;

    color:#fff;

    padding:8px 18px;

    border-radius:30px;

    font-size:13px;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:20px;

}

.package-banner h2{

    font-size:40px;

    color:#4b2d1d;

    margin-bottom:20px;

}

.package-banner p{

    line-height:1.8;

    color:#555;

    font-size:18px;

}

.package-banner ul{

    list-style:none;

    padding:25px 0;

}

.package-banner li{

    padding:8px 0;

    font-size:17px;

}

.banner-btn{

    display:inline-block;

    padding:16px 34px;

    background:#b88a44;

    color:#fff;

    text-decoration:none;

    border-radius:40px;

    transition:.3s;

}

.banner-btn:hover{

    background:#a67a36;

    transform:translateY(-3px);

}

.banner-close{

    position:absolute;

    top:15px;

    right:18px;

    border:none;

    background:none;

    font-size:34px;

    cursor:pointer;

    color:#777;

}

.banner-close:hover{

    color:#000;

}

/* Floating button */

.banner-toggle{

    position:fixed;

    top:50%;

    right:10px;

    transform:translateY(-50%);

    width:58px;

    height:58px;

    border-radius:50%;

    background:#b88a44;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    cursor:pointer;

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

    transition:.3s;

    z-index:99998;

    opacity:0;

    pointer-events:none;

}

.banner-toggle.show{

    opacity:1;

    pointer-events:auto;

}

.banner-toggle:hover{

    transform:translateY(-50%) scale(1.08);

}

/* MOBILE */

@media (max-width:900px){

.package-banner{

    width:92%;

    max-width:none;

    min-width:unset;

    right:-100%;

    border-radius:20px;

}

.package-banner.show{

    right:4%;

}

.package-banner.hide{

    right:-100%;

}

.banner-content{

    padding:35px 25px;

}

.package-banner h2{

    font-size:30px;

}

.banner-toggle{

    width:52px;

    height:52px;

    font-size:22px;

    right:12px;

}

}