/* V16 — service/server tree navigation + clean package pages */
.lc-mobile-tree{margin:4px 0 8px;padding:0 8px 0 20px;position:relative}
.lc-mobile-tree:before{content:"";position:absolute;left:30px;top:0;bottom:12px;width:1px;background:rgba(148,163,184,.28)}
.lc-mobile-tree-item{position:relative;display:flex;align-items:center;gap:9px;min-height:38px;padding:7px 10px 7px 28px;border-radius:10px;color:rgba(226,232,240,.72)!important;text-decoration:none;font-size:.76rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-mobile-tree-item:before{content:"";position:absolute;left:10px;top:50%;width:12px;height:1px;background:rgba(148,163,184,.35)}
.lc-mobile-tree-item:hover,.lc-mobile-tree-item.active{background:rgba(52,211,153,.08);color:#48d391!important}
.lc-mobile-tree-item i{width:17px!important;font-size:15px!important;color:inherit!important}
.lc-mobile-tree-item.manage{color:#48d391!important;font-weight:760}
.lc-mobile-tree-item .lc-tree-dot{width:7px;height:7px;border-radius:50%;background:#30c98a;box-shadow:0 0 0 3px rgba(48,201,138,.11);flex:0 0 auto}
.lc-mobile-tree-count{margin-left:auto;min-width:22px;height:20px;display:grid;place-items:center;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.64rem;color:rgba(255,255,255,.62)}

@media(max-width:1199.98px){
  .lc-mobile-drawer{background:#151b31!important;border-left:1px solid rgba(255,255,255,.06)!important;color:#fff!important}
  .lc-mobile-drawer-head{background:#151b31!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:#fff!important}
  .lc-mobile-drawer-head button{background:rgba(255,255,255,.07)!important;color:#aeb8cb!important}
  .lc-mobile-drawer-body{background:#151b31!important}
  .lc-mobile-user{background:#1c223b!important;border-color:rgba(255,255,255,.07)!important}
  .lc-mobile-user strong{color:#fff!important}.lc-mobile-user span{color:#8f9bb3!important}
  .lc-mobile-label{color:#727f9d!important}
  .lc-mobile-link{color:#aab4ca!important}
  .lc-mobile-link i{color:#8d9ab6!important}
  .lc-mobile-link:hover,.lc-mobile-link.active{background:rgba(255,255,255,.055)!important;color:#fff!important}
  .lc-mobile-link:hover i,.lc-mobile-link.active i{color:#fff!important}
  .lc-mobile-service-parent{color:#45cc8d!important;font-weight:760!important}
  .lc-mobile-service-parent i{color:#45cc8d!important}
  .lc-mobile-manage-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:6px 0 10px!important}
  .lc-mobile-manage-grid a{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;min-height:46px!important;padding:9px 10px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:rgba(255,255,255,.035)!important;color:#aeb9ce!important;text-decoration:none!important;font-size:.73rem!important;font-weight:700!important;transition:.16s ease!important}
  .lc-mobile-manage-grid a:hover,.lc-mobile-manage-grid a.active{background:rgba(72,211,145,.08)!important;border-color:rgba(72,211,145,.16)!important;color:#48d391!important}
  .lc-mobile-manage-grid a i{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;border-radius:8px!important;background:rgba(255,255,255,.055)!important;color:#7f91b4!important;font-size:15px!important}
  .lc-mobile-manage-grid a:hover i,.lc-mobile-manage-grid a.active i{background:rgba(72,211,145,.1)!important;color:#48d391!important}
  .lc-mobile-manage-grid a span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .lc-mobile-auth .btn{border-color:rgba(255,255,255,.12)!important}
  .lc-mobile-auth .lc-btn-ghost{background:rgba(255,255,255,.06)!important;color:#fff!important}
}

.lc-mega-service-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #edf1f6}
.lc-mega-service-group{border:1px solid #e6ebf3;border-radius:14px;padding:11px;background:#fbfcff}
.lc-mega-service-group h6{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:.76rem;color:#334158}
.lc-mega-service-links{display:flex;flex-wrap:wrap;gap:6px}
.lc-mega-service-links a{display:inline-flex;align-items:center;gap:6px;border:1px solid #e3e8f0;background:#fff;border-radius:9px;padding:6px 8px;color:#5b687e;text-decoration:none;font-size:.7rem;font-weight:650}
.lc-mega-service-links a:hover{border-color:#b8caef;background:#f3f7ff;color:#285dcc}
.lc-mega-service-links a.manage{color:#0aa66f;background:#f0fcf7;border-color:#ccefe1}

/* Purchase pages only show packages; server is selected from the header tree. */
.lc-package-page{padding-bottom:10px}
.lc-package-page .lc-page-head{margin-bottom:18px}
.lc-package-shell{border:1px solid #e5eaf2!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 14px 38px rgba(15,23,42,.045)!important}
.lc-package-shell .card-header{padding:17px 20px!important;background:#fff!important}
.lc-package-shell .card-body{padding:20px!important}
.lc-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lc-package-card{position:relative;border:1px solid #e3e9f2!important;border-radius:19px!important;background:#fff;overflow:hidden;transition:.18s ease;box-shadow:none!important}
.lc-package-card:hover{transform:translateY(-3px);border-color:#bfd1fb!important;box-shadow:0 18px 44px rgba(45,92,180,.09)!important}
.lc-package-card .card-body{padding:22px!important}
.lc-package-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#eef3ff,#e7efff);color:#4f63ef;font-size:20px}
.lc-package-type{font-size:.7rem;color:#8a96aa;margin-bottom:2px}
.lc-package-name{font-size:1.02rem;font-weight:780;color:#24324a;margin:0}
.lc-package-price{display:flex;align-items:baseline;gap:6px;margin:18px 0 16px}.lc-package-price strong{font-size:1.9rem;line-height:1;color:#5260ef;letter-spacing:-.045em}.lc-package-price span{font-size:.75rem;color:#8a95a8}
.lc-package-feature-list{display:grid;gap:0;margin:0 0 18px;padding:0;list-style:none;border-top:1px solid #edf1f6}
.lc-package-feature-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f6;font-size:.76rem}.lc-package-feature-list li span{color:#7d899d}.lc-package-feature-list li strong{color:#25344d;font-weight:700;text-align:right}
.lc-package-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 17px}
.lc-capability{display:flex;align-items:center;gap:7px;padding:8px 9px;border-radius:10px;background:#f7f9fc;color:#57667d;font-size:.67rem;font-weight:650}.lc-capability i{color:#12b981}
.lc-package-card .btn-primary{min-height:44px;border-radius:12px!important}
.lc-package-empty{padding:52px 20px;text-align:center;color:#8490a4}

@media(max-width:991.98px){.lc-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lc-mega-service-groups{grid-template-columns:1fr}}
@media(max-width:575.98px){
 .lc-package-grid{grid-template-columns:1fr}.lc-package-shell .card-body{padding:14px!important}.lc-package-card .card-body{padding:18px!important}.lc-package-price strong{font-size:1.72rem}.lc-package-capabilities{grid-template-columns:1fr 1fr}
}
@media(max-width:1199.98px){
 .lc-mobile-search{height:46px;margin:2px 0 12px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#242a43;color:#aab4c9}
 .lc-mobile-search i{font-size:18px}.lc-mobile-search input{min-width:0;flex:1;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font-size:.8rem;box-shadow:none!important}.lc-mobile-search input::placeholder{color:#7f8ba6}
 .lc-mobile-menu-hidden{display:none!important}
}
@media(max-width:1199.98px){
 .lc-mobile-drawer-brand{display:flex;align-items:center;max-width:190px;height:48px;text-decoration:none}.lc-mobile-drawer-brand img{display:block;max-width:178px;max-height:42px;object-fit:contain;filter:none}
}

/* V17.3 — mobile drawer manage/account visibility fix */
@media(max-width:1199.98px){
  .lc-mobile-panel,.lc-mobile-drawer{height:100dvh!important;max-height:100dvh!important}
  .lc-mobile-drawer{overflow:hidden!important}
  .lc-mobile-drawer-body{display:block!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding-bottom:max(34px,calc(env(safe-area-inset-bottom) + 24px))!important}
  .lc-mobile-label{display:block!important;visibility:visible!important}
  .lc-mobile-label + .lc-mobile-link,.lc-mobile-drawer-body > .lc-mobile-link{display:flex!important;visibility:visible!important;opacity:1!important}
  .lc-mobile-drawer-body > .lc-mobile-link.text-danger{color:#fb7185!important;margin-bottom:8px!important}
  .lc-mobile-drawer-body > .lc-mobile-link.text-danger i{color:#fb7185!important}
}
@media(max-width:420px){
  .lc-mobile-manage-grid{grid-template-columns:1fr 1fr!important}
  .lc-mobile-manage-grid a{padding:8px!important;font-size:.69rem!important}
}

/* V17.4 — compact Hosting/Reseller package cards like the requested reference.
   Keep every specification directly after the previous one; do not stretch rows
   or push the buy button to the bottom of an artificially tall card. */
.lc-package-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  align-items:start;
}
.lc-package-card{
  height:auto!important;
}
.lc-package-card .card-body{
  padding:22px!important;
}
.lc-package-simple-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  min-height:0;
}
.lc-package-simple-head .lc-package-name{
  font-size:1.12rem;
  line-height:1.3;
  font-weight:700;
  color:#172033;
  margin:0;
}
.lc-package-simple-head .badge{
  flex:0 0 auto;
}
.lc-package-price{
  margin:8px 0 18px;
  gap:5px;
}
.lc-package-price strong{
  color:#00ad63;
  font-size:1.62rem;
  font-weight:800;
  letter-spacing:-.025em;
}
.lc-package-price span{
  color:#00ad63;
  font-size:.94rem;
  font-weight:650;
}
.lc-package-spec-title{
  margin:0 0 12px;
  color:#172033;
  font-size:.9rem;
  line-height:1.35;
  font-weight:700;
}
.lc-package-feature-list,
.lc-package-feature-list.flex-grow-1{
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:column;
  align-items:stretch;
  gap:6px!important;
  margin:0 0 16px!important;
  padding:0!important;
  border:0!important;
  list-style:none;
}
.lc-package-feature-list li{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  color:#202b3d;
  font-size:.84rem!important;
  line-height:1.42!important;
}
.lc-package-feature-list li > i{
  flex:0 0 auto;
  margin-top:1px;
  color:#078b69;
  font-size:1rem;
  line-height:1.2;
}
.lc-package-feature-list li > div{
  min-width:0;
  display:block;
}
.lc-package-feature-list li span{
  color:#202b3d!important;
}
.lc-package-feature-list li strong{
  color:#202b3d!important;
  font-weight:500!important;
  text-align:left!important;
}
.lc-package-buy-btn{
  width:auto!important;
  align-self:flex-start;
  min-height:42px!important;
  margin-top:2px!important;
  padding:9px 18px!important;
  border-radius:8px!important;
  font-weight:650;
  background:#00ad63!important;
  border-color:#00ad63!important;
  box-shadow:none!important;
}
.lc-package-buy-btn:hover,
.lc-package-buy-btn:focus{
  background:#07965a!important;
  border-color:#07965a!important;
}

@media(max-width:1399.98px){
  .lc-package-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:991.98px){
  .lc-package-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:575.98px){
  .lc-package-grid{grid-template-columns:1fr;gap:14px;}
  .lc-package-card .card-body{padding:18px!important;}
  .lc-package-price strong{font-size:1.48rem;}
  .lc-package-price span{font-size:.88rem;}
  .lc-package-feature-list li{font-size:.82rem!important;}
}
