/* ZenPath Craft V7.2 — earlier centered landing composition + scheduled top-up campaign styling.
 * These rules sit after the V7.1 fixes. Retains Owner-uploaded hero and logo assets.
 */
#page-home{background:#090508}
#page-home .hero{
  min-height:500px;height:auto;display:flex;justify-content:center;align-items:center;
  text-align:center;background:#100811;overflow:hidden;
}
#page-home .hero-bg{
  background:
    linear-gradient(180deg,rgba(5,3,9,.60) 0%,rgba(7,2,8,.55) 27%,rgba(9,3,8,.78) 75%,#0a0509 100%) 0 0 / 100% 100% no-repeat,
    linear-gradient(90deg,rgba(4,3,9,.31),rgba(10,4,8,.17),rgba(4,2,9,.37)) 0 0 / 100% 100% no-repeat,
    var(--site-hero-url) center 42% / cover no-repeat!important;
  background-repeat:no-repeat,no-repeat,no-repeat!important;
  background-size:100% 100%,100% 100%,cover!important;
  background-position:center,center,center 42%!important;
  transform:none!important;
}
#page-home .hero:before{background:linear-gradient(to bottom,rgba(0,0,0,.12),transparent 40%,#0a050980 83%,#0a0509);}
#page-home .hero:after{background:radial-gradient(ellipse 47% 70% at 50% 43%,#18030b55,transparent 90%);}
#page-home .hero-inner{
  align-items:center;justify-content:center;min-width:0;max-width:800px;
  width:calc(100% - 32px);padding:106px 0 30px;margin:0 auto;
}
#page-home .hero-logo{display:block;object-fit:contain;width:clamp(290px,28vw,425px);max-width:92vw;height:auto;margin:0 auto 7px;filter:drop-shadow(0 10px 8px #080205cc) drop-shadow(0 20px 25px #0b020ee9);}
#page-home .hero h1{font-size:clamp(17px,1.35vw,21px);line-height:1.55;max-width:660px;margin:0 auto 4px;font-weight:850;text-wrap:balance;color:#fff;text-shadow:0 4px 14px #000;}
#page-home .hero p{max-width:670px;font-size:clamp(12px,1vw,14px);margin:0 auto 0;line-height:1.7;color:#f3e2e7;text-shadow:0 3px 14px #000;}
#page-home .hero-controls{max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;margin:20px 0 0;}
#page-home .zp-main-cta,#page-home .zp-hero-links{display:flex;align-items:stretch;justify-content:center;gap:9px;max-width:100%;}
#page-home .zp-main-cta .btn,#page-home .zp-main-cta .ip-chip{min-height:45px;padding:10px 16px;border-radius:12px;}
#page-home .zp-main-cta .ip-chip{border-color:#ff818a92;background:linear-gradient(115deg,#fb3454,#ab0a2c);box-shadow:0 8px 25px #a4003861;display:flex;align-items:center;gap:9px;}
#page-home .zp-main-cta .ip-chip:hover{filter:brightness(1.12);}
#page-home .zp-main-cta .ip-chip svg{width:19px;height:19px;flex:none;}
#page-home .zp-main-cta .ip-chip .tiny{color:#fce1e6;font-size:9px;line-height:1.12;}
#page-home .zp-main-cta .ip-chip strong{font-size:15px;letter-spacing:.035em;}
#page-home .zp-main-cta .ip-chip .server-dot{width:7px;height:7px;background:#54ef98;box-shadow:0 0 0 4px #54ef9824;}
#page-home .zp-hero-store{background:#201b21e8!important;border:1px solid #ffffff4b;padding-inline:25px!important;box-shadow:0 4px 16px #0005;}
#page-home .zp-hero-store:hover{background:#4f1426!important;}
#page-home .zp-hero-mini{color:#f5f0f4;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:22px;padding:5px 12px;background:rgba(24,15,21,.79);border:1px solid #ffffff33;font-size:11px;font-weight:730;line-height:1.35;min-height:31px;transition:background .15s,border-color .15s;}
#page-home .zp-hero-mini:hover{background:#631529;border-color:#ff6688;}
#page-home .zp-hero-mini svg{width:17px;height:17px;}
#page-home .hero-status{display:none;}
/* Compact promotions section immediately after the hero, as a compact preview section. */
#page-home .promos{position:relative;padding:0 0 55px;margin:0;background:linear-gradient(180deg,#0a0509 0%,#0c060b 72%,#0a0509);z-index:1;}
#page-home .promos .wrap{width:min(1120px,calc(100% - 48px));}
#page-home .zp-promo-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 12px;}
#page-home .zp-promo-title{display:flex;align-items:center;gap:10px;min-width:0;}
#page-home .zp-promo-title .kicker{font-size:12px;color:#ff486b;letter-spacing:0;margin:0;white-space:nowrap;}
#page-home .zp-promo-title .s-title{font-size:clamp(17px,1.6vw,23px);margin:0;text-align:left;line-height:1.35;}
#page-home .zp-promo-heading-actions{display:flex;gap:10px;align-items:center;}
#page-home .zp-promo-heading-actions .see-all{font-size:12px;color:#e0c2c9;}
#page-home .zp-promo-topup-link{background:#3b101de9;color:#ffd6dc;border:1px solid #b93554;padding:6px 11px;font-size:11px;font-weight:800;border-radius:99px;white-space:nowrap;}
#page-home .promo-stage{height:300px;border-radius:17px;overflow:hidden;isolation:isolate;border-color:#b13a527a;box-shadow:0 18px 48px #0008;background:
  linear-gradient(90deg,#12070d 0%,rgba(19,6,11,.92) 22%,rgba(34,8,15,.60) 49%,rgba(30,6,11,.04) 100%),
  url('assets/zenpath_crimson_world.jpg') center 49%/cover no-repeat;
}
#page-home .promo-stage:before{z-index:0;pointer-events:none;opacity:1;background:linear-gradient(90deg,#180711e8 0%,#19060b84 39%,#19060800 78%),linear-gradient(0deg,#15040a95,transparent 65%);}
#page-home .promo-stage .promo-custom-bg{opacity:1;z-index:-1;}
#page-home .promo-glow{right:-4%;top:-120px;opacity:.14;}
#page-home .promo-illustration{right:9%;top:47px;font-size:125px;filter:drop-shadow(0 12px 20px #000e);}
#page-home .promo-body{left:5.5%;max-width:520px;}
#page-home .promo-body .kicker{color:#ffafb7;font-size:11px;}
#page-home .promo-body h3{font-size:clamp(24px,2.4vw,34px);margin:8px 0 6px;line-height:1.24;}
#page-home .promo-body p{font-size:13px;max-width:455px;color:#f8dce0;}
#page-home .promo-next{z-index:3;}
#page-home .promo-count{z-index:3;}
#page-home .promo-foot{margin:12px 0 0;text-align:right;}
#page-home .promo-foot .see-all{font-size:11px;color:#b98b96;}
#page-home .server-area{padding-top:40px;}
/* Scheduled top-up offers: cards and countdown appear only when currently active. */
.zp-topup-active-offers{display:grid;gap:12px;width:min(750px,100%);margin:0 auto 25px;}
.zp-topup-offer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 19px;border:1px solid #ff516b78;background:linear-gradient(110deg,#560a20d9,#1e0713e6);box-shadow:0 9px 26px #05020577;border-radius:15px;backdrop-filter:blur(8px);}
.zp-topup-offer strong{display:block;font-weight:900;font-size:16px;color:#fff;}
.zp-topup-offer p{font-size:12px;color:#e3b6c3;margin:2px 0 5px;}
.zp-topup-offer small{font-size:11px;color:#ffc8d4;}
.zp-topup-offer .zp-offer-value{font-size:23px;font-weight:1000;color:#ff6581;white-space:nowrap;}
.zp-topup-offer .zp-offer-time{display:block;font-size:11px;color:#f4b8c6;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;}
.zp-small-offer{border:1px solid #ff5e7b66;background:#4b0c22;padding:10px 13px;border-radius:12px;color:#fff3f6;font-size:12px;line-height:1.5;margin:0 auto 5px;text-align:center;width:100%;}
.zp-point-breakdown{text-align:left;margin:-5px 0 13px;min-height:0;font-size:11px;color:#c5a7b0;}
.zp-point-breakdown b{color:#ff7893;}
.zp-qr-bonus{border:1px solid #82314b;border-top:0;color:#f6b8cb;}
.zp-qr-bonus b{color:#ff6182;}
@media(max-width:900px){
 #page-home .hero{min-height:490px;}
 #page-home .hero-inner{padding-top:108px;}
 #page-home .hero-logo{width:min(430px,75vw)}
 #page-home .zp-promo-title .kicker{font-size:10px;}
}
@media(max-width:650px){
 #page-home .hero{min-height:500px;}
 #page-home .hero-inner{padding:102px 0 25px;width:calc(100% - 32px);}
 #page-home .hero-logo{width:min(380px,87vw);margin-bottom:9px;}
 #page-home .hero h1{font-size:18px;max-width:370px;}
 #page-home .hero p{font-size:12px;max-width:365px;}
 #page-home .hero-controls{margin-top:17px;}
 #page-home .zp-main-cta .ip-chip{order:0;}
 #page-home .zp-main-cta .btn,#page-home .zp-main-cta .ip-chip{padding:9px 12px!important;min-height:44px;}
 #page-home .zp-main-cta .ip-chip strong{font-size:12px;}
 #page-home .zp-main-cta .ip-chip .tiny{font-size:8px;}
 #page-home .zp-hero-store{font-size:12px;}
 #page-home .promos .wrap{width:calc(100% - 30px);}
 #page-home .zp-promo-heading{align-items:flex-start;}
 #page-home .zp-promo-title{display:block;}
 #page-home .zp-promo-title .kicker{font-size:9px;margin-bottom:2px;}
 #page-home .zp-promo-title .s-title{font-size:19px;}
 #page-home .zp-promo-heading-actions{flex-direction:column;align-items:flex-end;gap:4px;}
 #page-home .promo-stage{height:255px;}
 #page-home .promo-body{left:6%;max-width:77%;}
 #page-home .promo-body h3{font-size:22px;}
 #page-home .promo-body p{font-size:11px;line-height:1.7;}
 #page-home .promo-illustration{right:-15px;top:18px;font-size:70px;opacity:.75;}
 .zp-topup-offer{padding:13px;flex-direction:column;align-items:flex-start;}
 .zp-topup-offer .zp-offer-value{font-size:20px;}
 .zp-topup-offer .zp-offer-time{text-align:left;}
}
@media(max-width:390px){
 #page-home .hero{min-height:493px;}
 #page-home .hero-inner{padding-top:108px;}
 #page-home .zp-main-cta{gap:6px;}
 #page-home .zp-main-cta .btn,#page-home .zp-main-cta .ip-chip{padding:8px 9px!important;}
 #page-home .zp-hero-links{gap:5px;}
 #page-home .zp-hero-mini{padding:5px 8px;font-size:10px;}
}