.spaceoffer span{background:#fff;color:#ff6d77;padding:0.5rem;border-radius:9px;display:inline-block;letter-spacing:.5px;font-size:0.8rem;font-weight:600;border:1px solid #ff6d77;}
.spaceoffer del{font-size:1.4rem;color:#999;margin-left:5px;display:block;margin:.5rem 0 0;}
@media(max-width:1299px){.spaceoffer del{display:block;}
    .hostingPrice .itemPrice .price span{font-size:1rem;}
}
.popupzone{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000099;display:flex;align-items:center;justify-content:center;z-index:9999;display: none;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.popupzone .popup{background:#fff;border-radius:1rem;max-width:600px;width:100%;text-align:center;position:relative;overflow: hidden;}
.popup-close{position:absolute;top:10px;right:10px;font-size:1.2rem;color:#fff;cursor:pointer;z-index: 1;background: #0000004d;border-radius: 4px;width: 28px;height: 28px;text-align: center;line-height: 28px}
.popuptop{padding:1.5rem;position: relative;overflow: hidden;background: url(/bundle-popup/public/images/popupbg.jpg) center center no-repeat;background-size: cover;}
.popupmid{padding:0 1rem 1rem 1rem;}
.popupzone .packs{display:flex;gap:1rem;justify-content:center;margin-top:1rem;flex-wrap:wrap;}
.popupzone .packitem{width:calc(50% - 0.5rem);}
.popupzone .toptitle{font-size:2rem;font-weight:900;position: relative;color: #fff;}
.popupzone .toptitle span{color: #ffd560;}
.popupzone .subtitle{font-size:1.3rem;font-weight:500;position: relative;color: #fff;}
.popupzone h2{font-size:1.3rem;font-weight:600;color:#ffffff;margin:0;background: linear-gradient(45deg,#ffb060,#ff5e00);padding: .3rem ;border-radius: 6px;margin: 0 0 0.5rem;}
.popupzone .packitem{border:1px solid #ddd;padding:1rem;border-radius:1rem;}
.popupzone .packitem p{font-size:1.2rem;font-weight:600;}
.popupzone .price{font-weight:800;font-size:2rem;}
.popupzone .period{font-weight:800;font-size:1rem;}
.popupzone .addcart{background:#ff542c;padding:.9rem 1rem;display:block;border-radius:8px;color:#fff;}
.popupzone form a{margin:1rem auto;max-width:220px;}
.campaigntimer span{font-weight: 900;}
.fs-2{font-size: 1.5rem!important;}
.fs-3{font-size: 1.2rem!important;}
.fs-4{font-size: 1rem!important;}
.bluetext{color:#118ee9;}
.timeleft{font-size:1rem;font-weight:700;position:fixed;bottom:10px;right:80px;background:url(/bundle-popup/public/images/popupbg.jpg);background-size: cover; color:#fff;padding:.6rem;border-radius:8px;z-index:9999;min-width: 220px;}
.timeleft .main{background: #fff;border-radius: 6px;color: #000;padding: 0.5rem;}
.timeleft strong{display: block;margin: 0 0 .5rem;}
.timeleft .content{display: flex;align-items: center;justify-content: space-between;margin: 0 0 8px;}
.timeleft .content a{background: linear-gradient(45deg,#ffb060,#ff5e00);color: #fff;font-size: 11px;border-radius: 4px;padding: .3rem;}
.timeleft .timebox{font-size: 12px;}
.timeleft .price{font-size: 22px;}
.timeleft .price small{font-size: 12px;}
.timeleft .timebox span{color: #ff542c; font-size: 13px;}
.timeleft .popup-close{top:4px;right:2px;font-size:1rem;}
.popupmid del{display: inline-block;}
/* Self-sufficient utility classes used in popup.tpl. Some host pages (e.g. /)
   don't load the site-wide Bootstrap utilities, so we re-declare them scoped
   to .popupzone to keep the popup looking right everywhere. */
.popupzone .text-center{text-align:center;}
.popupzone .mt-15{margin-top:15px;}
.popupzone .mb-15{margin-bottom:15px;}
.popupzone .mt-10{margin-top:10px;}
.popupzone .fw-bold{font-weight:700;}
.popupzone strong{font-weight:700;}
@media(max-width:575px){.popupzone .packitem{width:100%;}
    .timeleft{right:10px;}
    .popupzone{zoom: 0.85;}
}
@media(max-height:768px){.popupzone .popup-content{height:100%;max-height:100vh;overflow:auto;}
}