:root{
 --r:#f3123e;--r2:#ff3658;--o:#ff7a00;--ink:#080812;--ink2:#11111c;--txt:#1c1c26;
 --muted:#737381;--line:#e9e9ef;--soft:#f6f6f9;--white:#fff;
 --shadow:0 20px 55px rgba(10,10,18,.10)
}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#f6f6f9;color:var(--txt)}
#order-standard_cart .products .product footer {
    float: right;
    margin: 20px 0;
    width: 100% !important;
    /* font-size: 1em; */
    text-align: center;
}
.v2-home{background:#fff;color:var(--txt);overflow:hidden}
.v2-wrap{width:calc(100% - 40px);max-width:1180px;margin:0 auto}
.v2-topbar{background:#08080d;color:#bdbdc7;font-size:12px}
.v2-topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.v2-topbar-inner>div:first-child{display:flex;gap:22px}.v2-topbar i{color:var(--r);margin-right:6px}
.v2-topbar a{color:#d8d8df;margin-left:16px}.v2-topbar a:hover{color:#fff;text-decoration:none}
.v2-nav{background:#fff;border-bottom:1px solid #efeff3;position:sticky;top:0;z-index:50;box-shadow:0 8px 30px rgba(10,10,18,.04)}
.v2-nav-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between}
.v2-brand{display:inline-flex;align-items:center;gap:11px;color:#111;text-decoration:none!important}
.v2-brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--o),var(--r));box-shadow:0 8px 20px rgba(243,18,62,.22)}
.v2-brand-text{font-size:22px;font-style:normal;letter-spacing:-.04em}.v2-brand-text b{color:#e91439}.v2-brand-text em{font-style:normal;color:#ff7700;font-weight:800}
.v2-menu{display:flex;align-items:center;gap:28px}.v2-menu>a{color:#2f2f39;font-size:14px;font-weight:650;text-decoration:none}
.v2-menu>a:hover{color:var(--r)}.v2-nav-cta{background:var(--r);color:#fff!important;padding:12px 18px;border-radius:10px;box-shadow:0 10px 20px rgba(243,18,62,.18)}
.v2-nav-cta i{font-size:11px;margin-left:7px}.v2-menu-toggle{display:none;border:0;background:#f3f3f6;width:42px;height:42px;border-radius:10px}
.v2-hero{position:relative;background:radial-gradient(circle at 82% 30%,rgba(243,18,62,.25),transparent 25%),radial-gradient(circle at 10% 85%,rgba(255,122,0,.13),transparent 25%),linear-gradient(125deg,#07070d,#10101a 50%,#090911);color:#fff;padding:88px 0 94px;overflow:hidden}
.v2-hero-grid{position:absolute;inset:0;opacity:.26;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px}
.v2-hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:420px;height:420px;right:-180px;top:-130px;border:1px solid rgba(255,255,255,.08)}.orb-b{width:270px;height:270px;right:90px;bottom:-150px;border:1px solid rgba(255,255,255,.06)}
.v2-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px}
.v2-kicker,.v2-section-kicker{color:var(--r);font-size:14px;font-weight:850;letter-spacing:.16em}.v2-kicker{color:#ff9aaa}.v2-kicker span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--r);box-shadow:0 0 0 5px rgba(243,18,62,.12);margin-right:9px}
.v2-hero h1{color:#fff;font-size:70px;line-height:.96;letter-spacing:-.055em;font-weight:900;margin:18px 0 26px}.v2-hero h1 span{background:linear-gradient(90deg,#fff,#ffb58c 45%,#ff4865);-webkit-background-clip:text;background-clip:text;color:transparent}
.v2-hero-copy>p{font-size:17px;line-height:1.75;color:#c3c3ce;max-width:650px}
.v2-hero-actions{display:flex;gap:12px;margin-top:30px}.v2-btn{min-height:50px;padding:13px 22px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:750;text-decoration:none!important}
.v2-btn.primary{color:#fff;background:linear-gradient(135deg,var(--r),#ff3e5d);box-shadow:0 13px 28px rgba(243,18,62,.27)}.v2-btn.primary:hover{color:#fff;transform:translateY(-2px)}
.v2-btn.ghost{color:#fff;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.055)}
.v2-trust-row{display:flex;gap:36px;margin-top:34px;padding-top:26px;border-top:1px solid rgba(255,255,255,.08)}.v2-trust-row div{display:flex;flex-direction:column}.v2-trust-row strong{font-size:15px}.v2-trust-row span{color:#8f8f9b;font-size:12px;margin-top:3px}
.v2-hero-visual{position:relative}.v2-tv-frame{position:relative;border-radius:28px;padding:13px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);box-shadow:0 40px 90px rgba(0,0,0,.42);transform:rotate(1.2deg)}
.v2-tv-top{display:flex;gap:6px;padding:4px 4px 12px}.v2-tv-top span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.26)}
.v2-tv-content{min-height:360px;border-radius:20px;padding:36px;background:radial-gradient(circle at 75% 18%,rgba(243,18,62,.38),transparent 30%),linear-gradient(145deg,#242437,#0d0d15);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.v2-live-pill{position:absolute;top:48px;left:38px;background:#ff1746;color:#fff;padding:7px 10px;border-radius:7px;font-size:10px;font-weight:800;letter-spacing:.12em}.v2-live-pill span{display:inline-block;width:6px;height:6px;background:#fff;border-radius:50%;margin-right:5px}
.v2-play{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--r),var(--o));font-size:25px;box-shadow:0 0 0 17px rgba(243,18,62,.10),0 15px 38px rgba(243,18,62,.35)}
.v2-tv-content h3{color:#fff;font-size:25px;margin:28px 0 8px}.v2-tv-content p{color:#a9a9b4;margin:0}.v2-mini-programs{display:flex;gap:7px;margin-top:28px}.v2-mini-programs span{width:53px;height:30px;border-radius:7px;background:linear-gradient(135deg,#323247,#191925)}.v2-mini-programs span:nth-child(2){background:linear-gradient(135deg,#4a1831,#24121d)}.v2-mini-programs span:nth-child(3){background:linear-gradient(135deg,#153b48,#10232b)}.v2-mini-programs span:nth-child(4){background:linear-gradient(135deg,#493d19,#262211)}
.v2-float-card{position:absolute;z-index:4;background:#fff;color:#15151d;border-radius:15px;box-shadow:0 22px 50px rgba(0,0,0,.27);padding:14px 16px;display:flex;align-items:center;gap:12px;min-width:240px}.fc1{left:-45px;bottom:35px}.fc2{right:-20px;top:45px}.v2-float-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:#fff0f3;color:var(--r)}.v2-float-card div:last-child{display:flex;flex-direction:column}.v2-float-card b{font-size:13px}.v2-float-card small{font-size:10px;color:#7b7b86;margin-top:2px}
.v2-feature-strip{background:#fff;border-bottom:1px solid var(--line)}.v2-feature-grid{display:grid;grid-template-columns:repeat(4,1fr)}.v2-feature-item{min-height:105px;padding:24px 22px;display:flex;align-items:center;gap:15px;border-right:1px solid var(--line)}.v2-feature-item:last-child{border-right:0}.v2-feature-item>i{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#fff0f3;color:var(--r)}.v2-feature-item div{display:flex;flex-direction:column}.v2-feature-item small{font-size:12px;letter-spacing:.12em;font-weight:800;color:var(--r)}.v2-feature-item strong{font-size:14px;margin-top:3px}
.v2-story{padding:95px 0;background:#fff}.v2-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.v2-photo-stack{position:relative;min-height:420px}.v2-photo-main{position:absolute;left:35px;top:10px;width:390px;height:330px;border-radius:28px;background:radial-gradient(circle at 70% 20%,rgba(243,18,62,.2),transparent 25%),linear-gradient(145deg,#171722,#08080d);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow)}.v2-photo-main i{font-size:80px;color:#ff3159}.v2-photo-main span{margin-top:20px;font-size:20px;font-weight:800}.v2-photo-small{position:absolute;width:155px;height:145px;border-radius:22px;display:grid;place-items:center;color:#fff;box-shadow:0 18px 40px rgba(10,10,18,.2);font-size:42px}.v2-photo-small.one{right:10px;top:55px;background:linear-gradient(145deg,#ff5f40,#f3123e)}.v2-photo-small.two{right:55px;bottom:5px;background:linear-gradient(145deg,#201f31,#0c0c13)}
.v2-story-copy h2,.v2-section-head h2,.v2-affiliate-copy h2,.v2-account-copy h2{font-size:40px;line-height:1.08;font-weight:850;letter-spacing:-.04em;margin:9px 0 18px;color:#11111a}.v2-story-copy>p,.v2-section-head>p,.v2-account-copy>p,.v2-affiliate-copy>p{color:#72727d;line-height:1.7;font-size:15px}.v2-story-copy ul{list-style:none;padding:0;margin:24px 0}.v2-story-copy li{margin:12px 0;font-weight:600}.v2-story-copy li i{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;background:#fff0f3;color:var(--r);font-size:10px;margin-right:9px}.v2-text-link{font-weight:800;color:var(--r);text-decoration:none}.v2-text-link i{margin-left:6px}
.v2-devices{padding:88px 0;background:#f7f7fa}.v2-section-head{text-align:center;max-width:700px;margin:0 auto 42px}.v2-device-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.v2-device-card{position:relative;background:#fff;border:1px solid #e9e9ee;border-radius:18px;padding:26px 20px;min-height:220px;box-shadow:0 8px 28px rgba(10,10,18,.04);transition:.2s}.v2-device-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(243,18,62,.28)}.v2-device-card.featured{border-color:rgba(243,18,62,.35);box-shadow:0 15px 40px rgba(243,18,62,.09)}.v2-device-badge{position:absolute;right:13px;top:13px;background:var(--r);color:#fff;border-radius:6px;padding:5px 7px;font-size:8px;font-weight:850;letter-spacing:.1em}.v2-device-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#101019;color:#fff;font-size:20px}.v2-device-card h3{font-size:18px;margin:22px 0 8px}.v2-device-card p{font-size:13px;line-height:1.6;color:#797983;margin:0}
.v2-packages{padding:95px 0;background:linear-gradient(135deg,#0b0b12,#151521);color:#fff}.v2-section-head.light h2{color:#fff}.v2-section-head.light p{color:#aaaab5}.v2-package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.v2-package-card{position:relative;background:#fff;color:#171720;border-radius:20px;padding:28px;min-height:345px;display:flex;flex-direction:column;text-decoration:none!important;transition:.22s;overflow:hidden}.v2-package-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(0,0,0,.28);color:#171720}.v2-package-card:nth-child(4):before{content:"BEST VALUE";position:absolute;top:18px;right:-34px;transform:rotate(45deg);width:130px;text-align:center;background:var(--r);color:#fff;font-size:8px;font-weight:850;padding:6px}.v2-pkg-top{display:flex;align-items:center;justify-content:space-between}.v2-pkg-top span{color:var(--r);font-size:14px;font-weight:850;letter-spacing:.12em}.v2-pkg-top i{width:42px;height:42px;border-radius:12px;background:#11111a;color:#fff;display:grid;place-items:center}.v2-package-card h3{font-size:23px;margin:23px 0 10px;    font-weight: bold;}.v2-package-card>p{color:#797984;font-size:13px;line-height:1.6}.v2-pkg-divider{height:1px;background:#ededf1;margin:20px 0}.v2-package-card ul{list-style:none;padding:0;margin:0 0 20px}.v2-package-card li{font-size:13px;margin:9px 0}.v2-package-card li i{color:var(--r);margin-right:7px}.v2-pkg-button{margin-top:auto;background:var(--r);color:#fff;border-radius:10px;padding:12px 14px;font-weight:800;text-align:center}.v2-pkg-button i{font-size:10px;margin-left:6px}
.v2-how{padding:92px 0;background:#fff}.v2-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.v2-step{position:relative;border:1px solid #e9e9ee;border-radius:20px;padding:32px;background:#fff;min-height:245px}.v2-step>span{position:absolute;right:24px;top:20px;font-size:38px;font-weight:900;color:#f1f1f4}.v2-step-icon{width:52px;height:52px;border-radius:15px;background:#fff0f3;color:var(--r);display:grid;place-items:center;font-size:19px}.v2-step h3{font-size:19px;margin:25px 0 9px}.v2-step p{color:#777782;font-size:13px;line-height:1.65}
.v2-account{padding:80px 0;background:#f7f7fa}.v2-account-inner{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.v2-account-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.v2-account-grid a{background:#fff;border:1px solid #e8e8ee;border-radius:16px;padding:22px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;text-decoration:none;color:#191922}.v2-account-grid i{grid-row:1/3;width:42px;height:42px;border-radius:12px;background:#11111a;color:#fff;display:grid;place-items:center}.v2-account-grid b{font-size:15px}.v2-account-grid span{font-size:11px;color:#7b7b86;margin-top:3px}
.v2-affiliate{padding:90px 0;background:#fff}.v2-affiliate-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.v2-affiliate-art{position:relative;min-height:360px;border-radius:28px;background:radial-gradient(circle at 80% 25%,rgba(243,18,62,.25),transparent 25%),linear-gradient(145deg,#0b0b12,#181823);overflow:hidden}.v2-affiliate-screen{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:240px;height:160px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;color:#ff3159;font-size:66px}.coin{position:absolute;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff9c22,#f3123e);color:#fff;font-weight:900;box-shadow:0 15px 30px rgba(243,18,62,.25)}.c1{left:50px;top:45px}.c2{right:55px;bottom:45px}.c3{right:35px;top:70px;width:40px;height:40px}
.v2-faq{padding:90px 0;background:#f7f7fa}.v2-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:960px;margin:0 auto}.v2-faq-item{background:#fff;border:1px solid #e8e8ee;border-radius:16px;padding:25px}.v2-faq-item h3{font-size:16px;margin:0 0 9px}.v2-faq-item p{font-size:13px;color:#787883;line-height:1.65;margin:0}
.v2-footer{background:#08080d;color:#aaaab4;padding:68px 0 0}.v2-footer-top{display:grid;grid-template-columns:1.6fr .8fr .8fr 1fr;gap:50px}.footer-brand .v2-brand-text b{color:#fff}.v2-footer-brand p{max-width:340px;font-size:13px;line-height:1.7;margin-top:18px}.v2-footer-col{display:flex;flex-direction:column}.v2-footer-col h4{color:#fff;font-size:14px;margin:0 0 16px}.v2-footer-col a{color:#a8a8b2;font-size:13px;margin:6px 0;text-decoration:none}.v2-footer-col a:hover{color:#fff}.v2-payment-icons{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.v2-payment-icons span{font-size:9px;border:1px solid #2c2c34;border-radius:6px;padding:6px 8px;color:#d0d0d7}.v2-footer-bottom{margin-top:48px;padding:22px 0;border-top:1px solid #24242b;display:flex;justify-content:space-between;font-size:11px}.v2-footer-bottom a{color:#8f8f98;margin-left:16px}
@media(max-width:1050px){.v2-hero h1{font-size:58px}.v2-device-grid{grid-template-columns:repeat(3,1fr)}.v2-package-grid{grid-template-columns:repeat(2,1fr)}.v2-footer-top{grid-template-columns:1.4fr 1fr 1fr}.v2-footer-col:last-child{grid-column:2/4}}
@media(max-width:850px){.v2-menu-toggle{display:grid;place-items:center}.v2-menu{display:none;position:absolute;left:20px;right:20px;top:74px;background:#fff;flex-direction:column;align-items:stretch;padding:18px;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.15);gap:4px}.v2-menu.open{display:flex}.v2-menu>a{padding:11px 10px}.v2-topbar-inner>div:first-child span:nth-child(2),.v2-topbar-inner>div:first-child span:nth-child(3){display:none}.v2-hero-inner,.v2-story-grid,.v2-account-inner,.v2-affiliate-inner{grid-template-columns:1fr}.v2-hero-visual{margin-top:20px}.v2-story-visual{order:2}.v2-story-copy{order:1}.v2-feature-grid{grid-template-columns:repeat(2,1fr)}.v2-feature-item:nth-child(2){border-right:0}.v2-device-grid{grid-template-columns:repeat(2,1fr)}.v2-steps{grid-template-columns:1fr}.v2-footer-top{grid-template-columns:1fr 1fr}.v2-footer-brand{grid-column:1/3}.v2-footer-col:last-child{grid-column:auto}}
@media(max-width:560px){.v2-wrap{width:calc(100% - 28px)}.v2-topbar-account{display:none}.v2-hero{padding:62px 0}.v2-hero h1{font-size:43px}.v2-hero-actions{flex-direction:column}.v2-btn{width:100%}.v2-trust-row{gap:18px}.v2-feature-grid,.v2-device-grid,.v2-package-grid,.v2-account-grid,.v2-faq-grid{grid-template-columns:1fr}.v2-feature-item{border-right:0;border-bottom:1px solid var(--line)}.v2-tv-content{min-height:290px}.v2-float-card{display:none}.v2-story{padding:70px 0}.v2-photo-main{left:0;width:82%}.v2-photo-small.one{right:0}.v2-photo-small.two{right:10px}.v2-story-copy h2,.v2-section-head h2,.v2-affiliate-copy h2,.v2-account-copy h2{font-size:32px}.v2-footer-top{grid-template-columns:1fr}.v2-footer-brand{grid-column:auto}.v2-footer-bottom{flex-direction:column;gap:12px}}
/* Inner WHMCS pages */
.header .topbar{background:#08080d!important}.header .navbar.navbar-light{background:#fff;box-shadow:0 4px 20px rgba(10,10,18,.05)}.header .main-navbar-wrapper{background:#11111a!important}.header .main-navbar-wrapper .navbar-nav .nav-link{color:#e7e7ec!important}.header .main-navbar-wrapper .navbar-nav .nav-link:hover{color:#ff4865!important}.footer{background:#08080d!important;color:#aaaab4!important;border-top:0!important}.footer a{color:#d4d4dc!important}.card{border-radius:15px;border-color:#e7e7ed;box-shadow:0 6px 22px rgba(10,10,18,.04)}.btn-primary,.btn-success{background:#f3123e;border-color:#f3123e}.btn-primary:hover,.btn-success:hover{background:#d80e35;border-color:#d80e35}


/* =========================================================
   VIPTV LIVE PRO v2.1 — CLIENT AREA DASHBOARD FIX
   ========================================================= */

/* Give inner WHMCS pages more breathing room */
body:not(.v2-home) #main-body {
    padding-top: 34px;
    padding-bottom: 55px;
}

#main-body .primary-content {
    min-width: 0;
}

/* Dashboard hero */
.viptv-client-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 22px;
    padding: 30px 32px;
    border: 0;
    border-radius: 20px;
    background:
        radial-gradient(circle at 92% 15%, rgba(243,18,62,.34), transparent 28%),
        radial-gradient(circle at 15% 110%, rgba(255,122,0,.12), transparent 34%),
        linear-gradient(130deg,#0a0a11,#151520 72%,#0b0b12);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    box-shadow: 0 20px 50px rgba(10,10,18,.12);
}

.viptv-client-hero:after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    right: -130px;
    bottom: -170px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.08);
}

.viptv-client-hero > * {
    position: relative;
    z-index: 2;
}

.viptv-client-hero .viptv-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 11px;
    color: #ff9aaa;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .15em;
}

.viptv-client-hero .viptv-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f3123e;
    box-shadow: 0 0 0 5px rgba(243,18,62,.13);
}

.viptv-client-hero h1 {
    margin: 0 0 7px;
    color: #fff;
    font-size: 31px;
    line-height: 1.08;
    font-weight: 850;
    letter-spacing: -.035em;
}

.viptv-client-hero p {
    margin: 0;
    color: #bdbdc8;
    font-size: 13px;
}

.viptv-client-hero .viptv-btn-primary {
    min-height: 46px;
    padding: 12px 18px;
    border: 0;
    border-radius: 11px;
    background: linear-gradient(135deg,#f3123e,#ff4260);
    color: #fff !important;
    font-size: 13px;
    font-weight: 750;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    box-shadow: 0 12px 26px rgba(243,18,62,.26);
}

/* 4 stat cards */
.viptv-stat-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 13px;
    margin-bottom: 22px !important;
}

.viptv-stat-card {
    position: relative;
    min-width: 0;
    min-height: 112px;
    padding: 18px 17px;
    border: 1px solid #e6e6ec;
    border-radius: 16px;
    background: #fff;
    color: #1b1b24 !important;
    display: flex !important;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
    box-shadow: 0 6px 24px rgba(10,10,18,.045);
    transition: .2s ease;
}

.viptv-stat-card:hover {
    transform: translateY(-4px);
    border-color: rgba(243,18,62,.28);
    box-shadow: 0 15px 35px rgba(10,10,18,.09);
}

.viptv-stat-icon {
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    border-radius: 13px;
    background: #fff0f3;
    color: #f3123e;
    display: grid !important;
    place-items: center;
    font-size: 16px;
}

.viptv-stat-card > div:nth-child(2) {
    min-width: 0;
}

.viptv-stat-card span {
    display: block;
    color: #777782;
    font-size: 10px;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .055em;
}

.viptv-stat-card strong {
    display: block;
    margin-top: 4px;
    color: #111119;
    font-size: 24px;
    line-height: 1;
    font-weight: 850;
}

.viptv-stat-arrow {
    position: absolute;
    right: 13px;
    top: 13px;
    color: #d1d1d8;
    font-size: 9px;
}

/* Quick access */
.viptv-quick-actions {
    margin-bottom: 22px !important;
    padding: 23px 23px 9px;
    border: 1px solid #e6e6ec;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 6px 24px rgba(10,10,18,.04);
}

.viptv-quick-heading {
    margin-bottom: 17px;
}

.viptv-quick-heading > span {
    display: block;
    margin-bottom: 4px;
    color: #f3123e;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .15em;
}

.viptv-quick-heading h2 {
    margin: 0;
    color: #111119;
    font-size: 24px;
    font-weight: 820;
    letter-spacing: -.03em;
}

.viptv-quick-actions .row {
    margin-left: -6px;
    margin-right: -6px;
}

.viptv-quick-actions [class*="col-"] {
    padding-left: 6px;
    padding-right: 6px;
}

.viptv-action-card {
    min-height: 127px;
    height: 100%;
    padding: 18px;
    border: 1px solid #e8e8ee;
    border-radius: 14px;
    background: #fafafd;
    color: #1a1a23 !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    text-decoration: none !important;
    transition: .2s ease;
}

.viptv-action-card:hover {
    transform: translateY(-3px);
    border-color: rgba(243,18,62,.25);
    background: #fff;
    box-shadow: 0 12px 28px rgba(10,10,18,.07);
}

.viptv-action-card > i {
    width: 36px;
    height: 36px;
    margin-bottom: 13px;
    border-radius: 10px;
    background: #fff0f3;
    color: #f3123e;
    display: grid;
    place-items: center;
    font-size: 15px;
}

.viptv-action-card strong {
    color: #17171f;
    font-size: 13px;
    line-height: 1.25;
}

.viptv-action-card small {
    display: block;
    margin-top: 4px;
    color: #858590;
    font-size: 12px;
    line-height: 1.4;
}

/* Native WHMCS dashboard panels */
.viptv-panel-area {
    margin-top: 2px;
}

.viptv-panel-area .row {
    margin-left: -7px;
    margin-right: -7px;
}

.viptv-panel-area [class*="col-"] {
    padding-left: 7px;
    padding-right: 7px;
}

.viptv-panel-card {
    margin-bottom: 14px !important;
    border: 1px solid #e5e5eb !important;
    border-radius: 16px !important;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 7px 25px rgba(10,10,18,.045) !important;
}

.viptv-panel-card .card-header {
    min-height: 49px;
    padding: 14px 16px !important;
    background: #fff !important;
    border-bottom: 1px solid #ededf2 !important;
}

.viptv-panel-card .card-title {
    color: #16161f;
    font-size: 15px;
    font-weight: 750;
}

.viptv-panel-card .card-title > i {
    color: #f3123e;
}

.viptv-panel-card .card-body {
    padding: 18px !important;
    color: #656570;
    font-size: 14px;
    line-height: 1.65;
}

.viptv-panel-card .card-footer {
    background: #fafafd;
    border-top: 1px solid #eeeeF2;
    font-size: 11px;
}

.viptv-panel-card .list-group-item {
    padding: 12px 16px;
    border-color: #efeff3;
    font-size: 13px;
}

.viptv-panel-card .list-group-item:hover {
    background: #fff4f6;
    color: #d80e35;
}

.viptv-panel-btn {
    border: 0 !important;
    border-radius: 8px !important;
    background: #fff0f3 !important;
    color: #e8113a !important;
    font-size: 11px !important;
    font-weight: 750 !important;
}

/* Left client-area sidebar */
.sidebar .card {
    margin-bottom: 13px;
    border: 1px solid #e5e5eb !important;
    border-radius: 14px !important;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 6px 22px rgba(10,10,18,.04) !important;
}

.sidebar .card-header {
    padding: 13px 14px !important;
    background: #11111a !important;
    border: 0 !important;
    color: #fff !important;
}

.sidebar .card-header .card-title,
.sidebar .card-header h3 {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.sidebar .card-body {
    font-size: 11px;
}

.sidebar .list-group-item {
    padding: 10px 13px;
    font-size: 11px;
}

.sidebar .list-group-item:hover,
.sidebar .list-group-item.active {
    background: #fff1f4 !important;
    color: #e8113a !important;
    border-color: #ffe0e7 !important;
}

.sidebar .btn-primary,
.sidebar .btn-success {
    border-radius: 9px;
    background: #f3123e !important;
    border-color: #f3123e !important;
}

/* Improve inner header / breadcrumbs */
.master-breadcrumb {
    background: #f2f3f6 !important;
    border-bottom: 1px solid #e7e7ec !important;
}

.master-breadcrumb .breadcrumb {
    background: transparent !important;
    font-size: 11px;
}

.header .navbar.navbar-light {
    min-height: 70px;
}

.header .main-navbar-wrapper {
    border: 0 !important;
    box-shadow: 0 3px 12px rgba(10,10,18,.05);
}

.header .main-navbar-wrapper .navbar-nav .nav-link {
    font-size: 12px;
    font-weight: 650;
}

/* Better inner footer */
.footer {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
    background:
        radial-gradient(circle at 75% 15%,rgba(243,18,62,.08),transparent 25%),
        #08080d !important;
}

/* Responsive dashboard */
@media (max-width: 1199px) {
    .viptv-stat-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 991px) {
    .viptv-client-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .viptv-client-hero .viptv-btn-primary {
        width: auto;
    }
}

@media (max-width: 767px) {
    .viptv-client-hero {
        padding: 25px 22px;
    }

    .viptv-client-hero h1 {
        font-size: 27px;
    }

    .viptv-stat-grid {
        grid-template-columns: 1fr;
    }

    .viptv-quick-actions {
        padding: 20px 17px 7px;
    }

    .viptv-quick-actions .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* =========================================================
   VIPTV LIVE PRO v2.2 — UNIFIED HEADER + FOOTER SITEWIDE
   ========================================================= */

.v2-site-header {
    position: relative;
    top: auto;
    z-index: 80;
}

.viptv-homepage-body .v2-site-header {
    position: relative;
}

.v2-topbar-account {
    display: flex;
    align-items: center;
    gap: 0;
}

.v2-notification-link {
    padding: 0;
    margin: 0 0 0 16px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #d8d8df;
    font: inherit;
    cursor: pointer;
}

.v2-notification-link:hover,
.v2-notification-link:focus {
    color: #fff;
    outline: 0;
}

.v2-notification-link i {
    color: #f3123e;
    margin-right: 5px;
}

.v2-admin-return {
    color: #ff98aa !important;
}

.v2-cart-link {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: grid !important;
    place-items: center;
    background: #f7f7fa;
    color: #191922 !important;
}

.v2-cart-link span {
    position: absolute;
    right: -5px;
    top: -5px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 999px;
    background: #f3123e;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 9px;
    font-weight: 800;
}

.v2-master-breadcrumb {
    background: #f4f5f7 !important;
    border-bottom: 1px solid #e9e9ee !important;
}

.v2-master-breadcrumb .breadcrumb {
    max-width: 1180px;
    margin: 0 auto;
    padding-top: 11px;
    padding-bottom: 11px;
    background: transparent !important;
    font-size: 11px;
}

.v2-master-breadcrumb .breadcrumb-item a {
    color: #537097;
}

.v2-master-breadcrumb .breadcrumb-item.active {
    color: #81818c;
}

/* Global footer now uses the same rich footer on every page */
.v2-site-footer {
    margin-top: 0;
}

.v2-footer-social ul {
    padding: 0;
    margin: 17px 0 0;
    list-style: none;
}

.v2-footer-social li {
    display: inline-block;
    margin-right: 7px;
}

.v2-footer-social a {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #15151c;
    color: #bdbdc6 !important;
    display: grid;
    place-items: center;
    text-decoration: none !important;
}

.v2-footer-social a:hover {
    background: #f3123e;
    color: #fff !important;
}

.v2-locale-btn {
    margin-top: 14px;
    padding: 8px 10px;
    border: 1px solid #2b2b33;
    border-radius: 8px;
    background: #111118;
    color: #bdbdc6;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
}

.v2-locale-btn:hover {
    border-color: #40404a;
    color: #fff;
}

/* Inner WHMCS pages get the same header spacing as homepage */
.viptv-pro-theme:not(.viptv-homepage-body) #main-body {
    padding-top: 34px;
}

.viptv-homepage-body #main-body {
    padding-top: 0;
}

/* Do not let old Twenty-One header styles interfere with the custom header */
.viptv-pro-theme .v2-nav .v2-menu a {
    line-height: normal;
}

.viptv-pro-theme .v2-nav .v2-brand {
    line-height: normal;
}

/* Login/register/cart pages can be full width while preserving the same navigation */
.viptv-pro-theme .logincontainer,
.viptv-pro-theme #registration {
    margin-top: 10px;
}

/* Popover used by WHMCS notifications */
.popover .client-alerts {
    margin: 0;
    padding: 0;
    list-style: none;
    min-width: 280px;
}

.popover .client-alerts li a {
    display: flex;
    gap: 9px;
    padding: 9px 5px;
    color: #33333c;
    text-decoration: none;
}

.popover .client-alerts li + li {
    border-top: 1px solid #ededf1;
}

@media (max-width: 850px) {
    .v2-topbar-features span:nth-child(2),
    .v2-topbar-features span:nth-child(3) {
        display: none;
    }

    .v2-menu {
        z-index: 120;
    }

    .v2-notification-link {
        margin-left: 0;
    }
}

@media (max-width: 560px) {
    .v2-topbar-account a:not(.v2-admin-return),
    .v2-notification-link {
        display: none;
    }

    .v2-nav-inner {
        min-height: 68px;
    }

    .v2-brand-mark {
        width: 38px;
        height: 38px;
    }

    .v2-brand-text {
        font-size: 20px;
    }
}


/* =========================================================
   VIPTV LIVE PRO v2.3 — PRODUCT / SHOPPING CART REDESIGN
   ========================================================= */

/* Overall product-list page */
#order-standard_cart {
    color: #181820;
}

#order-standard_cart > .row {
    align-items: flex-start;
}

#order-standard_cart .cart-body {
    min-width: 0;
}

#order-standard_cart .header-lined {
    margin-bottom: 24px;
    padding-bottom: 0;
    border-bottom: 0;
}

#order-standard_cart .header-lined h1,
#order-standard_cart .header-lined .font-size-36 {
    margin-bottom: 6px;
    color: #0d0d15;
    font-size: 38px !important;
    line-height: 1.08;
    font-weight: 850;
    letter-spacing: -.035em;
}

#order-standard_cart .header-lined p {
    max-width: 680px;
    margin: 0;
    color: #7b7b86;
    font-size: 14px;
    line-height: 1.6;
}

/* -----------------------------------------
   Left product-category sidebar
   ----------------------------------------- */
#order-standard_cart .cart-sidebar .card,
#order-standard_cart .cart-sidebar .card-sidebar {
    overflow: hidden;
    margin-bottom: 16px !important;
    border: 1px solid #e4e4ea !important;
    border-radius: 16px !important;
    background: #fff;
    box-shadow: 0 10px 30px rgba(10,10,18,.055) !important;
}

#order-standard_cart .cart-sidebar .card-header {
    min-height: 52px;
    padding: 15px 16px !important;
    border: 0 !important;
    background:
        radial-gradient(circle at 90% -30%, rgba(243,18,62,.24), transparent 48%),
        #101018 !important;
}

#order-standard_cart .cart-sidebar .card-header h3,
#order-standard_cart .cart-sidebar .card-header .card-title {
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.2;
    font-weight: 800 !important;
    letter-spacing: -.01em;
}

#order-standard_cart .cart-sidebar .card-header i {
    color: #ff3159 !important;
    margin-right: 5px;
}

#order-standard_cart .cart-sidebar .list-group-item {
    min-height: 48px;
    padding: 14px 16px !important;
    border-color: #eeeeF2 !important;
    background: #fff;
    color: #3a3a44 !important;
    font-size: 14px !important;
    line-height: 1.35;
    font-weight: 650;
    display: flex;
    align-items: center;
}

#order-standard_cart .cart-sidebar .list-group-item:hover {
    padding-left: 20px !important;
    background: #fff6f8 !important;
    color: #e8113a !important;
}

#order-standard_cart .cart-sidebar .list-group-item.active,
#order-standard_cart .cart-sidebar .list-group-item.active:hover {
    border-color: #ffdfe6 !important;
    background: linear-gradient(90deg,#fff0f3,#fff8fa) !important;
    color: #e8113a !important;
    font-weight: 800;
}

#order-standard_cart .cart-sidebar .list-group-item.active:before {
    content: "";
    width: 4px;
    height: 24px;
    margin-right: 9px;
    border-radius: 20px;
    background: #f3123e;
}

#order-standard_cart .cart-sidebar .card-footer {
    padding: 12px 15px;
    background: #fafafd;
    font-size: 12px;
}

/* -----------------------------------------
   Product grid/cards
   ----------------------------------------- */
#order-standard_cart .products {
    margin-top: 6px;
}

#order-standard_cart .products .row {
    margin-left: -9px;
    margin-right: -9px;
}

#order-standard_cart .products .col-md-6 {
    padding-left: 9px;
    padding-right: 9px;
    margin-bottom: 18px;
}

#order-standard_cart .products .product {
    position: relative;
    overflow: hidden;
    height: 100%;
    min-height: 330px;
    margin: 0 !important;
    border: 1px solid #e5e5eb !important;
    border-radius: 19px !important;
    background: #fff;
    box-shadow: 0 10px 32px rgba(10,10,18,.055);
    display: flex;
    flex-direction: column;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

#order-standard_cart .products .product:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg,#ff7a00,#f3123e,#ff4966);
}

#order-standard_cart .products .product:hover {
    transform: translateY(-6px);
    border-color: rgba(243,18,62,.28) !important;
    box-shadow: 0 22px 48px rgba(10,10,18,.10);
}

/* Product title area */
#order-standard_cart .products .product > header {
    position: relative;
    padding: 27px 24px 16px !important;
    border: 0 !important;
    background: #fff !important;
    color: #111119 !important;
    text-align: left !important;
}

#order-standard_cart .products .product > header:before {
    content: "VIPTV LIVE";
    display: block;
    margin-bottom: 9px;
    color: #f3123e;
    font-size: 9px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .15em;
}

#order-standard_cart .products .product > header > span:first-child {
    color: #111119 !important;
    font-size: 20px !important;
    line-height: 1.25;
    font-weight: 820;
    letter-spacing: -.02em;
}

#order-standard_cart .products .product > header .qty {
    position: absolute;
    top: 24px;
    right: 20px;
    padding: 5px 8px;
    border-radius: 7px;
    background: #f4f4f7;
    color: #777781;
    font-size: 10px;
    font-weight: 700;
}

/* Product description */
#order-standard_cart .products .product .product-desc {
    flex: 1 1 auto;
    min-height: 78px;
    padding: 0 24px 18px !important;
    border: 0 !important;
    color: #787883;
    text-align: left !important;
}

#order-standard_cart .products .product .product-desc p {
    margin: 0 0 12px;
    color: #777782 !important;
    font-size: 13px !important;
    line-height: 1.6;
}

#order-standard_cart .products .product .product-desc ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#order-standard_cart .products .product .product-desc li {
    position: relative;
    margin: 7px 0;
    padding-left: 19px;
    color: #575762;
    font-size: 12px;
}

#order-standard_cart .products .product .product-desc li:before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #f3123e;
    font-weight: 900;
}

/* Footer / price / CTA */
#order-standard_cart .products .product > footer {
    position: relative;
    margin-top: auto;
    padding: 20px 24px 24px !important;
    border: 0 !important;
    border-top: 1px solid #efeff3 !important;
    background: linear-gradient(180deg,#fff,#fcfcfd) !important;
    text-align: left !important;
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 16px;
}

#order-standard_cart .products .product .product-pricing {
    margin: 0 !important;
    color: #6f6f79;
    font-size: 11px !important;
    line-height: 1.35;
    text-align: left !important;
}

#order-standard_cart .products .product .product-pricing .price {
    display: inline-block;
    margin: 0 0 2px;
    color: #111119 !important;
    font-size: 27px !important;
    line-height: 1;
    font-weight: 880;
    letter-spacing: -.035em;
}

#order-standard_cart .products .product .product-pricing small {
    color: #8a8a95;
    font-size: 10px;
}

#order-standard_cart .products .product .btn-order-now {
    width: 100%;
    min-height: 47px;
    margin: 0 !important;
    padding: 12px 16px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg,#f3123e,#ff3e5e) !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1.2;
    font-weight: 800;
    text-align: center;
    box-shadow: 0 10px 22px rgba(243,18,62,.20);
}

#order-standard_cart .products .product .btn-order-now:hover {
    transform: translateY(-1px);
    background: linear-gradient(135deg,#dc0e36,#f3123e) !important;
    box-shadow: 0 14px 28px rgba(243,18,62,.27);
}

#order-standard_cart .products .product .btn-order-now i {
    margin-right: 7px;
}

/* Small trust line above order button */
#order-standard_cart .products .product > footer:before {
    content: "Secure checkout  •  Fast activation";
    color: #898994;
    font-size: 10px;
    font-weight: 600;
}

/* Give the cart area a little more vertical polish */
.viptv-pro-theme #main-body {
    background:
        radial-gradient(circle at 88% 8%, rgba(243,18,62,.035), transparent 22%),
        #f6f6f8;
}

/* Sidebar should feel substantial, not tiny */
@media (min-width: 992px) {
    #order-standard_cart .cart-sidebar {
        flex: 0 0 250px;
        width: 250px;
        max-width: 250px;
        padding-right: 18px;
    }

    #order-standard_cart .cart-body {
        flex: 1 1 0;
        width: auto;
        max-width: calc(100% - 250px);
    }

    #order-standard_cart .cart-sidebar > .card:first-child {
        position: sticky;
        top: 18px;
    }
}

@media (max-width: 991.98px) {
    #order-standard_cart .header-lined h1,
    #order-standard_cart .header-lined .font-size-36 {
        font-size: 32px !important;
    }

    #order-standard_cart .products .product {
        min-height: 300px;
    }
}

@media (max-width: 767.98px) {
    #order-standard_cart .products .col-md-6 {
        margin-bottom: 14px;
    }

    #order-standard_cart .products .product > header {
        padding: 24px 20px 14px !important;
    }

    #order-standard_cart .products .product .product-desc {
        padding: 0 20px 16px !important;
    }

    #order-standard_cart .products .product > footer {
        padding: 18px 20px 21px !important;
    }

    #order-standard_cart .cart-sidebar .list-group-item {
        font-size: 14px !important;
    }
}


/* =========================================================
   VIPTV LIVE PRO v2.3.1 — COMPACT PACKAGE CARDS
   Completely replaces the tall product-card appearance.
   ========================================================= */

#order-standard_cart .products {
    margin-top: 8px !important;
}

/* Keep a clean 2-column desktop grid */
#order-standard_cart .products .row {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

#order-standard_cart .products .col-md-6 {
    padding-left: 8px !important;
    padding-right: 8px !important;
    margin-bottom: 16px !important;
}

/* NEW compact card */
#order-standard_cart .products .product {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 155px !important;
    grid-template-rows: auto auto !important;
    column-gap: 18px !important;
    row-gap: 0 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 22px 22px 20px !important;

    overflow: hidden !important;
    border: 1px solid #e5e6ec !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(243,18,62,.055), transparent 34%),
        #ffffff !important;

    box-shadow: 0 8px 24px rgba(10,10,18,.055) !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

#order-standard_cart .products .product:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(243,18,62,.24) !important;
    box-shadow: 0 15px 34px rgba(10,10,18,.09) !important;
}

/* Short premium top accent */
#order-standard_cart .products .product::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 92px !important;
    height: 4px !important;
    background: linear-gradient(90deg,#ff7900,#f3123e) !important;
    border-radius: 0 0 5px 0 !important;
}

/* Header becomes left/top content */
#order-standard_cart .products .product > header {
    grid-column: 1 !important;
    grid-row: 1 !important;

    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    text-align: left !important;
}

/* Small VIPTV label */
#order-standard_cart .products .product > header::before {
    content: "VIPTV LIVE" !important;
    display: block !important;
    margin: 0 0 8px !important;
    color: #f3123e !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .15em !important;
}

/* Product title */
#order-standard_cart .products .product > header > span:first-child,
#order-standard_cart .products .product > header .product-name,
#order-standard_cart .products .product > header h3,
#order-standard_cart .products .product > header h4 {
    display: block !important;
    margin: 0 !important;

    color: #101018 !important;
    font-size: 17px !important;
    line-height: 1.28 !important;
    font-weight: 850 !important;
    letter-spacing: -.02em !important;
}

/* Hide quantity bubble unless WHMCS truly needs it */
#order-standard_cart .products .product > header .qty {
    display: none !important;
}

/* Description is directly below title */
#order-standard_cart .products .product .product-desc {
    grid-column: 1 !important;
    grid-row: 2 !important;

    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 9px 0 0 !important;

    border: 0 !important;
    background: transparent !important;
    text-align: left !important;
    align-self: start !important;
}

#order-standard_cart .products .product .product-desc p {
    margin: 0 !important;
    padding: 0 !important;

    color: #777985 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

#order-standard_cart .products .product .product-desc ul {
    margin: 9px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#order-standard_cart .products .product .product-desc li {
    margin: 4px 0 !important;
    padding-left: 17px !important;
    color: #5d5f69 !important;
    font-size: 11px !important;
}

#order-standard_cart .products .product .product-desc li::before {
    content: "✓" !important;
    position: absolute !important;
    margin-left: -17px !important;
    color: #f3123e !important;
    font-weight: 900 !important;
}

/* RIGHT-SIDE price/action panel */
#order-standard_cart .products .product > footer {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;

    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 15px !important;

    border: 0 !important;
    border-left: 1px solid #ececf1 !important;
    border-radius: 13px !important;

    background: #fafafd !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 9px !important;

    text-align: left !important;
}

/* Replace long footer trust layout with a small badge */
#order-standard_cart .products .product > footer::before {
    content: "FAST ACTIVATION" !important;

    display: inline-block !important;
    align-self: flex-start !important;

    margin: 0 0 2px !important;
    padding: 5px 7px !important;

    border-radius: 6px !important;
    background: #fff0f3 !important;

    color: #e8113a !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .09em !important;
}

/* Pricing */
#order-standard_cart .products .product .product-pricing {
    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #898b95 !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    text-align: left !important;
}

#order-standard_cart .products .product .product-pricing .price {
    display: block !important;

    margin: 0 0 3px !important;
    padding: 0 !important;

    color: #0c0c14 !important;
    font-size: 25px !important;
    line-height: .95 !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
}

#order-standard_cart .products .product .product-pricing small,
#order-standard_cart .products .product .product-pricing .cycle {
    display: block !important;
    margin: 3px 0 0 !important;

    color: #858793 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
}

/* Compact full-width button inside right panel */
#order-standard_cart .products .product .btn-order-now,
#order-standard_cart .products .product > footer .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    height: 40px !important;

    margin: 2px 0 0 !important;
    padding: 0 12px !important;

    border: 0 !important;
    border-radius: 9px !important;

    background: linear-gradient(135deg,#f3123e,#ff3f5f) !important;
    color: #fff !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    white-space: nowrap !important;

    box-shadow: 0 8px 18px rgba(243,18,62,.17) !important;
}

#order-standard_cart .products .product .btn-order-now:hover,
#order-standard_cart .products .product > footer .btn:hover {
    transform: translateY(-1px) !important;
    background: linear-gradient(135deg,#dd0e36,#f3123e) !important;
    box-shadow: 0 11px 22px rgba(243,18,62,.24) !important;
}

/* Remove stale/empty sizing coming from previous theme rules */
#order-standard_cart .products .product *,
#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product .product-pricing,
#order-standard_cart .products .product > footer {
    max-height: none !important;
}

/* Sidebar stays as v2.3, but ensure text remains comfortably sized */
#order-standard_cart .cart-sidebar .list-group-item {
    font-size: 14px !important;
    min-height: 48px !important;
}

/* Tablet: keep card compact, slightly narrower price panel */
@media (max-width: 1199.98px) {
    #order-standard_cart .products .product {
        grid-template-columns: minmax(0,1fr) 138px !important;
        column-gap: 14px !important;
        padding: 20px !important;
    }

    #order-standard_cart .products .product .product-pricing .price {
        font-size: 22px !important;
    }
}

/* Mobile: stack naturally with no tall blank area */
@media (max-width: 767.98px) {
    #order-standard_cart .products .product {
        display: flex !important;
        flex-direction: column !important;

        min-height: 0 !important;
        height: auto !important;

        padding: 20px !important;
    }

    #order-standard_cart .products .product > header,
    #order-standard_cart .products .product .product-desc,
    #order-standard_cart .products .product > footer {
        width: 100% !important;
    }

    #order-standard_cart .products .product > footer {
        margin-top: 15px !important;
        padding: 14px !important;

        border-left: 0 !important;
        border-top: 1px solid #ececf1 !important;

        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    #order-standard_cart .products .product > footer::before {
        width: 100% !important;
    }

    #order-standard_cart .products .product .btn-order-now,
    #order-standard_cart .products .product > footer .btn {
        width: auto !important;
        min-width: 120px !important;
    }
}


/* =========================================================
   VIPTV LIVE PRO v2.3.2 — PRODUCT ACCESS / ORDERING UX
   ========================================================= */

/* Two clear actions in the dashboard hero */
.viptv-hero-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.viptv-btn-secondary {
    min-height: 46px;
    padding: 12px 18px;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,.065) !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: 750;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    text-decoration: none !important;
}

.viptv-btn-secondary:hover {
    border-color: rgba(255,255,255,.28) !important;
    background: rgba(255,255,255,.11) !important;
    color: #fff !important;
}

/* Five compact quick-access cards */
.viptv-quick-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    padding-bottom: 14px;
}

.viptv-quick-grid .viptv-action-card {
    min-height: 124px;
    margin: 0;
}

/* Make "Browse Packages" visually primary */
.viptv-action-shop {
    position: relative;
    overflow: hidden;
    border-color: rgba(243,18,62,.20) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(243,18,62,.10), transparent 43%),
        #fff8fa !important;
}

.viptv-action-shop:before {
    content: "ORDER";
    position: absolute;
    right: 12px;
    top: 10px;
    color: #f3123e;
    font-size: 8px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .12em;
}

.viptv-action-shop > i {
    background: #f3123e !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(243,18,62,.18);
}

.viptv-action-shop strong {
    color: #e8113a !important;
}

.viptv-action-shop:hover {
    border-color: rgba(243,18,62,.38) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(243,18,62,.14), transparent 43%),
        #fff !important;
}

/* Header package link now routes directly into WHMCS store. */
.v2-menu a[href*="rp=/store"] {
    position: relative;
}

.v2-menu a[href*="rp=/store"]:not(.v2-nav-cta):after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    width: 0;
    height: 2px;
    margin: auto;
    border-radius: 10px;
    background: #f3123e;
    transition: width .18s ease;
}

.v2-menu a[href*="rp=/store"]:hover:after {
    width: 70%;
}

@media (max-width: 1199.98px) {
    .viptv-quick-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .viptv-client-hero {
        align-items: stretch;
    }

    .viptv-hero-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .viptv-hero-actions .btn {
        flex: 1 1 180px;
    }

    .viptv-quick-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .viptv-quick-grid {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   VIPTV LIVE PRO v2.3.3 — LOGIN-AWARE NAVIGATION
   ========================================================= */

/* Correct homepage anchor. This is the actual package-section ID. */
#viptv-packages,
#devices {
    scroll-margin-top: 24px;
}

/* Logged-in menu contains longer labels. Give it sensible spacing. */
.v2-menu .v2-nav-order {
    padding-left: 17px;
    padding-right: 17px;
    white-space: nowrap;
}

/* Do not draw the older store-link underline beneath the red Order Package CTA. */
.v2-menu .v2-nav-order:after {
    display: none !important;
}

/* Keep "View Your Subscription" on one line on wider screens. */
@media (min-width: 851px) {
    .v2-menu > a {
        white-space: nowrap;
    }

    .v2-menu {
        gap: 23px;
    }
}

/* Smooth scrolling when Packages/Devices are clicked while already on homepage. */
html {
    scroll-behavior: smooth;
}

@media (max-width: 850px) {
    .v2-menu .v2-nav-order {
        width: 100%;
        justify-content: flex-start;
    }
}