/* LuxeLicense v43.66 — hard-fixed storefront header + unified premium customer UI */
:root{
  --ll-fixed-header-h:92px;
  --ll-ui-bg:#f5f7fb;
  --ll-ui-card:#fff;
  --ll-ui-text:#111827;
  --ll-ui-muted:#667085;
  --ll-ui-border:#e2e8f0;
  --ll-ui-gold:#e0b62f;
  --ll-ui-gold-soft:#fff4c7;
  --ll-ui-blue:#175cd3;
  --ll-ui-radius:24px;
  --ll-ui-shadow:0 20px 60px rgba(15,23,42,.09);
}
html{scroll-padding-top:calc(var(--ll-fixed-header-h) + 18px)!important}
body.ll-theme-ready{padding-top:var(--ll-fixed-header-h)!important;background:
 radial-gradient(circle at 8% 0%,rgba(224,182,47,.11),transparent 28%),
 radial-gradient(circle at 92% 4%,rgba(23,92,211,.09),transparent 30%),
 var(--ll-ui-bg)!important;color:var(--ll-ui-text)!important;}

/* Position fixed is intentional: it is immune to overflow/transform ancestors that can disable sticky. */
body.ll-theme-ready>.ll-header,
.ll-header{
 position:fixed!important;
 inset:0 0 auto 0!important;
 top:0!important;
 width:100%!important;
 z-index:2147482000!important;
 margin:0!important;
 transform:none!important;
 isolation:isolate!important;
 background:rgba(255,255,255,.94)!important;
 border-bottom:1px solid rgba(226,232,240,.92)!important;
 box-shadow:0 10px 38px rgba(15,23,42,.08)!important;
 backdrop-filter:blur(22px) saturate(170%)!important;
 -webkit-backdrop-filter:blur(22px) saturate(170%)!important;
 transition:box-shadow .2s ease,background .2s ease,border-color .2s ease!important;
}
.ll-header.ll-header-scrolled{
 background:rgba(255,255,255,.985)!important;
 border-bottom-color:rgba(212,175,55,.27)!important;
 box-shadow:0 18px 55px rgba(15,23,42,.15)!important;
}
.ll-header .ll-nav{
 width:min(100%,1540px)!important;
 max-width:1540px!important;
 min-height:92px!important;
 margin:0 auto!important;
 padding:12px 26px!important;
 display:flex!important;
 align-items:center!important;
 gap:16px!important;
}
.ll-header.ll-header-scrolled .ll-nav{min-height:76px!important;padding-top:8px!important;padding-bottom:8px!important}
.ll-header .ll-brand{flex:0 0 auto!important;min-width:170px!important;max-width:210px!important;overflow:visible!important}
.ll-header .ll-brand-logo-img{display:block!important;width:auto!important;height:auto!important;max-width:205px!important;max-height:58px!important;object-fit:contain!important}
.ll-header.ll-header-scrolled .ll-brand-logo-img{max-height:48px!important}
.ll-header .ll-nav-links{min-width:0!important;overflow:visible!important}
.ll-header .ll-nav-actions{flex:0 0 auto!important}
.ll-header .ll-menu-dropdown{z-index:2147482500!important}
.ll-mobile-panel{z-index:2147483000!important}

/* Premium page frame */
.ll-container,.container{width:min(100%,1480px)!important;max-width:1480px!important;margin-left:auto!important;margin-right:auto!important;padding-left:28px!important;padding-right:28px!important}
main{min-height:45vh}
main>section:first-child:not(.ll-home-hero):not(.lx-account-hero),
.page-hero,.ll-page-hero,.products-hero,.hosting-hero,.domain-hero{
 border:1px solid rgba(226,232,240,.95)!important;
 border-radius:30px!important;
 background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,250,252,.94))!important;
 box-shadow:var(--ll-ui-shadow)!important;
}

/* Reusable storefront surfaces */
.ll-card,.card,.lx-card,.product-card,.ll-product-card,.hosting-card,.server-card,.domain-card,.pricing-card,
.product-item,.service-card,.feature-card,.category-card,.order-card,.invoice-card,.license-card{
 border:1px solid var(--ll-ui-border)!important;
 border-radius:var(--ll-ui-radius)!important;
 background:rgba(255,255,255,.97)!important;
 box-shadow:0 15px 48px rgba(15,23,42,.075)!important;
 overflow:hidden;
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.product-card:hover,.ll-product-card:hover,.hosting-card:hover,.server-card:hover,.domain-card:hover,.pricing-card:hover,.service-card:hover,.category-card:hover{
 transform:translateY(-6px)!important;
 border-color:rgba(212,175,55,.48)!important;
 box-shadow:0 28px 70px rgba(15,23,42,.14)!important;
}

/* Forms */
input:not([type=checkbox]):not([type=radio]),select,textarea{
 min-height:48px;border:1px solid #d9e1ec!important;border-radius:14px!important;background:#fff!important;color:#101828!important;
 box-shadow:0 5px 14px rgba(15,23,42,.025);transition:border-color .16s ease,box-shadow .16s ease!important;
}
textarea{min-height:120px}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#d4af37!important;box-shadow:0 0 0 4px rgba(212,175,55,.14)!important}
button,.btn,.ll-btn,a.btn{border-radius:14px;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
button:hover,.btn:hover,.ll-btn:hover,a.btn:hover{transform:translateY(-1px)}

/* Tables */
table{border-collapse:separate!important;border-spacing:0!important;width:100%;background:#fff;border:1px solid var(--ll-ui-border);border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(15,23,42,.055)}
thead th{background:#f8fafc!important;color:#344054!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.045em;border-bottom:1px solid var(--ll-ui-border)!important}
th,td{padding:14px 16px!important;border-bottom:1px solid #edf1f6!important}tbody tr:last-child td{border-bottom:0!important}tbody tr:hover{background:#fffcf1!important}

/* Account/customer dashboard */
.lx-account-wrap{max-width:1540px!important;margin:0 auto!important;padding:34px 26px 70px!important}
.lx-account-layout{gap:24px!important;align-items:start!important}
.lx-account-sidebar{
 position:sticky!important;top:calc(var(--ll-fixed-header-h) + 20px)!important;
 border:1px solid var(--ll-ui-border)!important;border-radius:28px!important;background:rgba(255,255,255,.97)!important;
 box-shadow:var(--ll-ui-shadow)!important;padding:16px!important;max-height:calc(100vh - var(--ll-fixed-header-h) - 40px);overflow:auto;
}
.lx-customer-mini{border-radius:20px!important;background:linear-gradient(145deg,#0a1830,#15376c)!important;color:#fff!important;padding:15px!important;margin-bottom:14px!important}
.lx-customer-mini small{color:#bfd0ea!important}.lx-avatar{background:linear-gradient(135deg,#f6d463,#c99d1d)!important;color:#111827!important;box-shadow:0 8px 20px rgba(212,175,55,.24)!important}
.lx-account-nav a,.lx-nav-toggle{border-radius:14px!important;margin:3px 0!important;min-height:46px!important;font-weight:750!important}
.lx-account-nav a:hover,.lx-nav-toggle:hover,.lx-account-nav a.active{background:linear-gradient(135deg,#fff8dc,#fff1b6)!important;color:#111827!important;box-shadow:inset 0 0 0 1px rgba(212,175,55,.18)!important}
.lx-account-main{min-width:0!important}
.lx-account-hero{
 margin-bottom:22px!important;padding:30px 32px!important;border-radius:30px!important;color:#fff!important;
 background:radial-gradient(circle at 90% 0%,rgba(76,139,255,.38),transparent 34%),linear-gradient(135deg,#071426,#102d59 70%,#183e7b)!important;
 border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 25px 65px rgba(7,20,38,.22)!important;overflow:hidden;position:relative;
}
.lx-account-hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-90px;top:-140px;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.02)}
.lx-account-hero .eyebrow{display:inline-flex!important;padding:7px 11px!important;border-radius:999px!important;background:rgba(244,205,85,.14)!important;border:1px solid rgba(244,205,85,.28)!important;color:#ffe27b!important;font-weight:850!important;text-transform:uppercase;letter-spacing:.05em;font-size:11px!important}
.lx-account-hero h1{color:#fff!important;font-size:clamp(28px,3vw,42px)!important;letter-spacing:-.035em!important;margin:10px 0 8px!important}.lx-account-hero p{color:#c6d5e9!important;max-width:760px!important;margin:0!important;line-height:1.7!important}
.lx-account-main>.card,.lx-account-main>.ll-card,.lx-account-main>section:not(.lx-account-hero){border-radius:24px!important;border:1px solid var(--ll-ui-border)!important;background:#fff!important;box-shadow:0 16px 48px rgba(15,23,42,.07)!important}

/* Footer */
.ll-footer{position:relative;z-index:1;margin-top:72px!important;background:linear-gradient(145deg,#050d18,#0a1d36 58%,#103166)!important}

body[data-theme="dark"]{--ll-ui-bg:#07111f;--ll-ui-card:#0d1b30;--ll-ui-text:#f8fafc;--ll-ui-muted:#9db0ca;--ll-ui-border:rgba(255,255,255,.09)}
body[data-theme="dark"]>.ll-header,body[data-theme="dark"] .ll-header{background:rgba(5,13,25,.96)!important;border-color:rgba(255,255,255,.08)!important}
body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] textarea,body[data-theme="dark"] table,body[data-theme="dark"] .lx-account-sidebar,body[data-theme="dark"] .ll-card,body[data-theme="dark"] .card{background:#0c1a2e!important;color:#f8fafc!important;border-color:rgba(255,255,255,.09)!important}

@media(max-width:1240px){
 :root{--ll-fixed-header-h:78px}
 .ll-header .ll-nav{min-height:78px!important;padding:9px 18px!important}
 .ll-header .ll-nav-links{display:none!important}.ll-header .ll-mobile-btn{display:grid!important}.ll-header .ll-brand{min-width:0!important}.ll-header .ll-brand-logo-img{max-height:48px!important;max-width:175px!important}
 .lx-account-wrap{padding:24px 18px 60px!important}
}
@media(max-width:900px){
 .lx-account-sidebar{display:none!important}.lx-account-layout{display:block!important}.lx-account-mobile-toolbar{display:flex!important}
 .lx-account-hero{padding:25px 22px!important;border-radius:24px!important}
}
@media(max-width:760px){
 :root{--ll-fixed-header-h:70px}
 body.ll-theme-ready{padding-top:70px!important}
 .ll-header .ll-nav,.ll-header.ll-header-scrolled .ll-nav{min-height:70px!important;padding:8px 10px!important;gap:8px!important}
 .ll-header .ll-brand{max-width:145px!important}.ll-header .ll-brand-logo-img{max-width:145px!important;max-height:42px!important}
 .ll-header .ll-nav-actions{margin-left:auto!important}.ll-header .ll-theme-toggle,.ll-header .ll-nav-actions .ll-btn{display:none!important}
 .ll-header-cart-text{display:none!important}.ll-header-cart-btn{min-height:44px!important;padding:4px!important}.ll-header-cart-icon{width:34px!important;height:34px!important}
 .ll-container,.container{padding-left:14px!important;padding-right:14px!important}
 .lx-account-wrap{padding:16px 12px 48px!important}.lx-account-hero h1{font-size:29px!important}
 table{display:block;overflow-x:auto;white-space:nowrap}
}