/* Patel Host - WHMCS 9.0.8 custom theme */
:root{--ph-orange:#f47721;--ph-orange-dark:#dc5e0d;--ph-ink:#172033;--ph-navy:#111b2e;--ph-muted:#667085;--ph-line:#e9edf2;--ph-soft:#fff7f1;--primary:#f47721;--primary-lifted:#e96916;--primary-accented:#cf570c;--primary-500:#f47721;--primary-600:#e96916;--primary-700:#cf570c;--primary-800:#a94308;--primary-900:#7f3108;--primary-950:#4c1d05;}
body{color:#344054;background:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--ph-orange)}a:hover,a:focus{color:var(--ph-orange-dark)}
#header{background:#fff;box-shadow:0 3px 22px rgba(16,24,40,.055)}#header .navbar{background:#fff!important}#header .navbar-brand{display:flex;align-items:center;gap:10px;color:var(--ph-ink);font-weight:800;letter-spacing:-.7px;font-size:25px}.patelhost-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#ff9a43,#e85d0b);color:#fff;font-size:18px;box-shadow:0 7px 15px rgba(244,119,33,.24)}.patelhost-brand-name{color:#172033}.patelhost-brand-name strong{color:var(--ph-orange)}#header .main-navbar-wrapper{border-top:1px solid #f0f1f3;border-bottom:1px solid #edf0f3}#header .navbar-nav .nav-link{font-weight:600;color:#344054}#header .navbar-nav .nav-link:hover,#header .navbar-nav .nav-link:focus{color:var(--ph-orange)}#header .cart-btn{color:#344054}#header .cart-btn .badge{background:var(--ph-orange);color:#fff}
.btn-primary,.btn-primary:focus,.btn-primary:active{background:var(--ph-orange)!important;border-color:var(--ph-orange)!important;color:#fff!important}.btn-primary:hover{background:var(--ph-orange-dark)!important;border-color:var(--ph-orange-dark)!important}.btn-outline-primary{color:var(--ph-orange);border-color:var(--ph-orange)}.btn-outline-primary:hover{background:var(--ph-orange);border-color:var(--ph-orange);color:#fff}
#main-body{padding-top:0}.master-breadcrumb{background:#fafbfc}.master-breadcrumb a{color:#667085}.footer{border-top:1px solid #edf0f3}
.ph-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 45%,rgba(244,119,33,.19),transparent 28%),linear-gradient(115deg,#111b2e 0%,#18253b 58%,#243047 100%);color:#fff;margin:0 calc((100vw - 100%)/-2);padding:78px max(24px,calc((100vw - 1140px)/2)) 28px;min-height:490px}.ph-hero-inner{position:relative;z-index:2;max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:38px;min-height:350px}.ph-hero-copy{max-width:620px}.ph-eyebrow,.ph-section-kicker{display:inline-flex;align-items:center;gap:8px;color:#ff9b55;font-size:11px;font-weight:800;letter-spacing:1.5px}.ph-eyebrow{padding:9px 13px;border:1px solid rgba(255,255,255,.16);border-radius:30px;background:rgba(255,255,255,.06)}.ph-hero h1{font-size:clamp(38px,5vw,58px);line-height:1.08;font-weight:850;letter-spacing:-2px;margin:22px 0 18px;color:#fff}.ph-hero h1 span{color:#ff974a}.ph-hero-copy>p{font-size:16px;line-height:1.8;color:#c6cfdd;max-width:550px;margin-bottom:27px}.ph-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.ph-btn-primary{background:linear-gradient(135deg,#ff963f,#ed6815);border:0;color:#fff!important;border-radius:9px;padding:13px 20px;font-weight:750;box-shadow:0 9px 22px rgba(244,119,33,.22)}.ph-btn-primary:hover{background:linear-gradient(135deg,#f17d25,#d9570b);color:#fff;transform:translateY(-1px)}.ph-btn-primary i{margin-left:8px}.ph-btn-ghost{border:1px solid rgba(255,255,255,.34);color:#fff!important;border-radius:9px;padding:13px 20px;font-weight:700}.ph-btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}.ph-hero-points{display:flex;flex-wrap:wrap;gap:17px;margin-top:24px;color:#d9e0e9;font-size:12px}.ph-hero-points i{color:#ff984d;margin-right:5px}.ph-hero-art{height:320px;position:relative;display:flex;align-items:center;justify-content:center}.ph-orbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;transform:rotate(-22deg)}.ph-orbit-a{width:340px;height:210px}.ph-orbit-b{width:420px;height:270px}.ph-server-card{position:relative;z-index:1;width:280px;padding:19px 22px 22px;border-radius:18px;background:linear-gradient(145deg,#fff,#f4f6f8);box-shadow:0 28px 70px rgba(0,0,0,.3);color:#172033;transform:rotate(-4deg)}.ph-server-top{display:flex;align-items:center;gap:5px;border-bottom:1px solid #e9edf2;padding-bottom:13px}.ph-server-top>span{width:7px;height:7px;border-radius:50%;background:#f47721}.ph-server-top>span:nth-child(2){background:#f8bd75}.ph-server-top>span:nth-child(3){background:#b8c1ce}.ph-server-top b{margin-left:auto;font-size:8px;letter-spacing:1px;color:#98a2b3}.ph-server-icon{width:65px;height:65px;margin:23px auto 12px;display:grid;place-items:center;border-radius:18px;background:#fff0e4;color:#f47721;font-size:28px}.ph-server-title{text-align:center;font-size:17px;font-weight:800}.ph-server-status{text-align:center;color:#15965b;font-size:11px;margin:8px 0 17px}.ph-server-status i{display:inline-block;width:7px;height:7px;background:#20b978;border-radius:50%;margin-right:5px}.ph-server-lines{display:grid;gap:7px}.ph-server-lines span{height:6px;border-radius:8px;background:#e9edf2}.ph-server-lines span:nth-child(2){width:78%}.ph-server-lines span:nth-child(3){width:55%}.ph-float-tag{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#fff;color:#172033;border:1px solid rgba(255,255,255,.6);border-radius:12px;padding:11px 14px;box-shadow:0 12px 30px rgba(0,0,0,.18)}.ph-float-tag>i{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#fff0e4;color:#ed6c19}.ph-float-tag b,.ph-float-tag small{display:block}.ph-float-tag b{font-size:11px}.ph-float-tag small{font-size:10px;color:#7b8493;margin-top:2px}.ph-tag-speed{top:36px;right:0}.ph-tag-shield{bottom:30px;left:0}.ph-hero-bottom{max-width:1140px;margin:40px auto 0;display:flex;align-items:center;gap:15px;color:#aeb8c8;font-size:9px;letter-spacing:1.7px;font-weight:700}.ph-bottom-line{height:1px;flex:1;background:rgba(255,255,255,.17)}
.ph-trust-strip{max-width:1140px;margin:0 auto;padding:27px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-bottom:1px solid var(--ph-line)}.ph-trust-strip>div{display:flex;align-items:center;gap:12px}.ph-trust-strip>div>i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#fff2e8;color:var(--ph-orange);font-size:17px}.ph-trust-strip b,.ph-trust-strip small{display:block}.ph-trust-strip b{font-size:12px;color:#202b3d}.ph-trust-strip small{font-size:10px;color:#8992a1;margin-top:3px}
.ph-section{max-width:1140px;margin:0 auto;padding:72px 20px}.ph-section-heading{text-align:center;max-width:680px;margin:0 auto 38px}.ph-section-heading h2,.ph-domain-copy h2,.ph-account-band h2{font-size:clamp(27px,3vw,36px);font-weight:850;letter-spacing:-1px;color:#172033;margin:12px 0}.ph-section-heading h2 span{color:var(--ph-orange)}.ph-section-heading>p,.ph-domain-copy>p,.ph-account-band p{color:#737e8e;line-height:1.7;font-size:14px}.ph-product-card{height:100%;padding:28px;border:1px solid #e9edf2;border-radius:15px;background:#fff;box-shadow:0 8px 28px rgba(16,24,40,.045);transition:.2s}.ph-product-card:hover{transform:translateY(-5px);border-color:#f7c39e;box-shadow:0 15px 35px rgba(16,24,40,.09)}.ph-product-icon{width:51px;height:51px;display:grid;place-items:center;border-radius:14px;background:#fff1e6;color:var(--ph-orange);font-size:21px;margin-bottom:20px}.ph-product-card h3{font-size:19px;font-weight:800;color:#202b3d}.ph-product-card p{min-height:44px;font-size:13px;color:#7b8493;line-height:1.6}.ph-product-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:800;color:var(--ph-orange);margin-top:12px}.ph-domain-band{max-width:1100px;margin:0 auto 20px;padding:35px 40px;border-radius:18px;background:linear-gradient(110deg,#fff4eb,#fffaf6);border:1px solid #ffe1ca;display:flex;align-items:center;justify-content:space-between;gap:25px}.ph-domain-copy h2{font-size:27px}.ph-domain-copy>p{max-width:600px;margin-bottom:0}.ph-domain-actions{display:flex;gap:10px;flex-wrap:wrap}.ph-btn-light{background:#fff;border:1px solid #f5c6a3;color:#b84e0b!important;border-radius:9px;padding:13px 17px;font-weight:700}.ph-help-section{padding-top:60px}.ph-help-card{height:100%;min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 10px;border:1px solid #e9edf2;border-radius:13px;color:#263247!important;background:#fff;transition:.2s}.ph-help-card:hover{border-color:#f4a36a;transform:translateY(-3px);box-shadow:0 10px 25px rgba(16,24,40,.06)}.ph-help-card i{font-size:23px;color:var(--ph-orange);margin-bottom:12px}.ph-help-card b{font-size:13px}.ph-help-card small{font-size:10px;color:#8992a1;margin-top:5px}.ph-account-band{max-width:1100px;margin:0 auto 65px;padding:30px 36px;border-radius:16px;background:#172337;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}.ph-account-band h2{color:#fff;font-size:25px;margin:8px 0}.ph-account-band p{color:#c1cad7;margin:0}.ph-account-band .ph-section-kicker{color:#ff9b55}
@media(max-width:991px){.ph-hero{padding-top:55px}.ph-hero-inner{grid-template-columns:1fr;gap:10px}.ph-hero-copy{max-width:720px}.ph-hero-art{height:280px;max-width:540px;width:100%;margin:0 auto}.ph-hero-bottom{margin-top:25px}.ph-trust-strip{grid-template-columns:repeat(2,1fr)}.ph-domain-band,.ph-account-band{margin-left:20px;margin-right:20px}}
@media(max-width:575px){.ph-hero{padding:48px 22px 24px}.ph-hero h1{font-size:39px;letter-spacing:-1.5px}.ph-hero-copy>p{font-size:14px}.ph-hero-art{height:245px;transform:scale(.9);margin:-5px auto}.ph-server-card{width:245px}.ph-tag-speed{right:-4px;top:15px}.ph-tag-shield{left:-2px;bottom:8px}.ph-float-tag{padding:8px 10px}.ph-float-tag>i{width:29px;height:29px}.ph-hero-bottom{font-size:8px;gap:8px}.ph-trust-strip{padding:22px 18px;gap:17px 10px}.ph-trust-strip>div{gap:8px}.ph-trust-strip>div>i{width:35px;height:35px;font-size:14px}.ph-trust-strip b{font-size:10px}.ph-trust-strip small{font-size:9px}.ph-section{padding:52px 18px}.ph-domain-band,.ph-account-band{padding:25px 22px;display:block}.ph-domain-actions{margin-top:18px}.ph-account-band .btn{margin-top:18px}.ph-help-card{min-height:132px}}
