.hst-wrap{--hst-accent:#111827;--hst-button:#111827;--hst-button-text:#fff;--hst-row:#fff;--hst-radius:10px;font-family:inherit;color:#101828;line-height:1.45}
.hst-filterbar{display:block;padding:14px 20px 18px;border:1px solid #e5e7eb;border-radius:var(--hst-radius);background:#fff;margin-bottom:28px}
.hst-filterbar-top{display:flex;align-items:center;justify-content:space-between;min-height:30px;margin-bottom:10px}
.hst-filterbar-title{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#667085}
.hst-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:end}
.hst-filter{min-width:0}
.hst-filter span,.hst-sortbox span{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;color:#667085;margin-bottom:7px}
.hst-filter select,.hst-sortbox select{width:100%;height:44px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;padding:0 36px 0 12px;font-size:14px;color:#101828;box-shadow:none;transition:border-color .12s ease,background-color .12s ease}
.hst-filter select:hover,.hst-filter select:focus{border-color:#98a2b3;background:#fcfcfd;outline:none}
.hst-reset{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:68px;padding:0 14px;background:#fff!important;border:1px solid #98a2b3!important;border-radius:7px;color:#475467!important;font-weight:700;font-size:12px;cursor:pointer;line-height:1;transition:background-color .12s ease,border-color .12s ease,color .12s ease;box-shadow:none!important}
.hst-reset:hover{background:#f9fafb!important;border-color:#667085!important;color:#101828!important}
.hst-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin:0 0 22px}
.hst-heading h2{font-size:32px;line-height:1.15;margin:5px 0 7px;letter-spacing:-.02em}
.hst-heading p{margin:0;color:#667085;font-size:15px}
.hst-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--hst-accent)}
.hst-sortbox{min-width:210px}
.hst-table{width:100%}
.hst-table-head,.hst-row{display:grid;gap:20px;align-items:center}
.hst-cpu-table .hst-table-head,.hst-cpu-table .hst-row{grid-template-columns:2.15fr .9fr 1.15fr 1.12fr 1.08fr 1.3fr}
.hst-gpu-table .hst-table-head,.hst-gpu-table .hst-row{grid-template-columns:1.35fr 1.75fr .85fr 1.15fr 1.08fr 1.08fr 1.3fr}
.hst-table-head{padding:0 24px 12px;font-size:10.5px;font-weight:800;color:#667085;letter-spacing:.06em}
.hst-row{background:var(--hst-row);border:1px solid #e5e7eb;border-radius:var(--hst-radius);padding:22px 24px;margin-bottom:12px;min-height:142px;transition:background-color .12s ease,border-color .12s ease}
.hst-row:hover{background:#fcfcfd;border-color:#d0d5dd}
.hst-row strong{display:block;font-size:15px;font-weight:700;color:#101828}
.hst-row small{display:block;color:#667085;margin-top:5px;font-size:12px;line-height:1.45}
.hst-server>strong,.hst-gpu>strong{font-size:16px}
.hst-server .hst-badge{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.06em;padding:4px 8px;border-radius:5px;background:#ecfdf3;color:#027a48;margin-bottom:9px;line-height:1.4}
.hst-price{text-align:right;justify-self:stretch}
.hst-price-line{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;white-space:nowrap;line-height:1}
.hst-price-line>strong{font-size:25px;font-weight:800;letter-spacing:-.025em}
.hst-price .woocommerce-Price-amount{font-size:inherit;font-weight:800}
.hst-billing-suffix{font-size:14px;font-weight:400;color:#667085;letter-spacing:0}
.hst-deploy{display:inline-flex;justify-content:center;align-items:center;margin-top:14px;min-height:42px;padding:0 19px;border-radius:8px;background:var(--hst-button);color:var(--hst-button-text)!important;font-weight:800;font-size:12px;text-decoration:none;transition:background-color .12s ease,opacity .12s ease}
.hst-deploy:hover{opacity:.9;color:var(--hst-button-text)!important}
.hst-soldout{display:inline-block;margin-top:12px;font-size:11px;font-weight:800;color:#b42318}
.hst-mobile-label,.hst-mobile-filter-toggle{display:none}.hst-empty{text-align:center;padding:40px;color:#667085}.hst-empty[hidden]{display:none!important}
@media(max-width:1100px) and (min-width:850px){.hst-filterbar{padding:14px}.hst-filter-grid{gap:10px}.hst-table-head,.hst-row{gap:14px}.hst-row{padding-left:18px;padding-right:18px}.hst-price-line>strong{font-size:22px}}
@media(max-width:849px){.hst-mobile-filter-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;border:1px solid #d0d5dd;background:#fff;border-radius:8px;padding:13px 15px;font-weight:800;margin-bottom:12px}.hst-filterbar{display:none;margin-bottom:24px;padding:14px}.hst-filterbar.is-open{display:block}.hst-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hst-reset{width:auto}.hst-heading{display:block;margin-bottom:20px}.hst-table-head{display:none}.hst-cpu-table .hst-row,.hst-gpu-table .hst-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px;min-height:0}.hst-server,.hst-gpu,.hst-price{grid-column:1/-1}.hst-server,.hst-gpu{padding-bottom:14px;border-bottom:1px solid #eaecf0}.hst-mobile-label{display:block;font-size:9px;font-weight:800;letter-spacing:.08em;color:#98a2b3;margin-bottom:5px}.hst-price{display:grid;grid-template-columns:1fr auto;align-items:end;text-align:left;padding-top:14px;border-top:1px solid #eaecf0}.hst-price-line{justify-content:flex-start}.hst-price small{grid-column:1}.hst-deploy{grid-column:2;grid-row:1/3;margin:0;min-width:130px}}
@media(max-width:480px){.hst-filter-grid{grid-template-columns:1fr}.hst-reset{width:auto}.hst-heading h2{font-size:27px}.hst-heading p{font-size:14px}.hst-cpu-table .hst-row,.hst-gpu-table .hst-row{grid-template-columns:1fr 1fr;padding:18px 16px}.hst-price{grid-template-columns:1fr}.hst-price-line>strong{font-size:23px}.hst-deploy{grid-column:1;grid-row:auto;width:100%;margin-top:12px}}
/* v3.3.6: keep FILTERS and RESET on one header line */
.hst-filterbar-top{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;flex-wrap:nowrap!important;width:100%}
.hst-filterbar-title,.hst-reset{white-space:nowrap!important;margin:0!important}
@media(max-width:849px){.hst-filterbar-top{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.hst-filterbar-title,.hst-reset{width:auto!important}}

/* v3.3.7: visually distinguish reset action from FILTERS heading */
.hst-filterbar-title{color:#344054;font-weight:800}
.hst-reset{text-transform:none!important;letter-spacing:0!important}

/* v3.3.8: Reset is text-only with a visible border */
.hst-filterbar .hst-reset{border:1px solid #98a2b3!important;background:#fff!important;box-shadow:none!important}

/* v3.3.9: filtering visibility + reset control hardening */
.hst-wrap .hst-row[hidden]{display:none!important}
.hst-wrap .hst-empty[hidden]{display:none!important}
.hst-filterbar .hst-reset{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  height:34px!important;
  min-width:78px!important;
  padding:0 13px!important;
  margin:0!important;
  background:#fff!important;
  color:#475467!important;
  border:1px solid #98a2b3!important;
  border-radius:7px!important;
  box-shadow:inset 0 0 0 1px rgba(152,162,179,.08)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  text-transform:none!important;
  letter-spacing:0!important;
  cursor:pointer!important;
}
.hst-filterbar .hst-reset-icon{display:inline-block!important;font-size:13px!important;line-height:1!important;font-weight:700!important}
.hst-filterbar .hst-reset-text{display:inline-block!important;font-size:12px!important;line-height:1!important}
.hst-filterbar .hst-reset:hover,.hst-filterbar .hst-reset:focus{background:#f9fafb!important;border-color:#667085!important;color:#101828!important;outline:none!important}

.hst-wrap .hst-filter-hidden{display:none!important}

/* v3.3.13: custom frontend text/icon support */
.hst-custom-icon{display:inline-block;width:15px;height:15px;object-fit:contain;vertical-align:middle;flex:0 0 auto;margin:0}
.hst-table-head>div{display:flex;align-items:center;gap:6px;min-width:0}
.hst-kicker,.hst-heading h2,.hst-heading p{display:flex;align-items:center;gap:8px}
.hst-kicker .hst-custom-icon{width:14px;height:14px}
.hst-heading h2 .hst-custom-icon{width:24px;height:24px}
.hst-heading p .hst-custom-icon{width:16px;height:16px}
/* v3.3.14: optional NEW GEN + Delivery badges */
.hst-badges{display:flex;align-items:center;gap:5px;margin-bottom:9px;min-height:0}
.hst-badges .hst-badge{margin-bottom:0}
.hst-newgen-badge{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.06em;padding:4px 8px;border-radius:4px;background:#000;color:#fff;line-height:1.4}


/* v3.3.15: compact bare-metal desktop + polished compact mobile */
@media(min-width:850px){
  .hst-table-head,.hst-row{gap:18px}
  .hst-cpu-table .hst-table-head,.hst-cpu-table .hst-row{grid-template-columns:2.35fr .72fr 1.22fr 1.18fr 1.18fr 1.42fr}
  .hst-gpu-table .hst-table-head,.hst-gpu-table .hst-row{grid-template-columns:1.28fr 1.72fr .72fr 1.15fr 1.08fr 1.08fr 1.38fr}
  .hst-table-head{padding:0 12px 10px;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding-top:12px}
  .hst-table-head>div:last-child{justify-content:flex-end;text-align:right}
  .hst-row{border:0;border-bottom:1px solid #e5e7eb;border-radius:0;padding:16px 12px;margin:0;min-height:106px;background:transparent}
  .hst-row:hover{background:#fcfcfd;border-color:#e5e7eb}
  .hst-row strong{font-size:14px}
  .hst-server>strong,.hst-gpu>strong{font-size:15px}
  .hst-row small{margin-top:3px;font-size:11px}
  .hst-badges{margin-bottom:5px}
  .hst-server .hst-badge,.hst-newgen-badge{font-size:8px;padding:3px 7px}
  .hst-price{justify-self:end;min-width:150px}
  .hst-price-line>strong{font-size:23px}
  .hst-billing-suffix{font-size:12px}
  .hst-deploy{margin-top:10px;min-height:38px;padding:0 17px;border-radius:7px}
}
@media(max-width:849px){
  .hst-cpu-table .hst-row,.hst-gpu-table .hst-row{gap:13px 18px;padding:17px 16px;margin-bottom:12px;border-radius:10px}
  .hst-server,.hst-gpu{padding-bottom:12px}
  .hst-server>strong,.hst-gpu>strong{font-size:15px}
  .hst-row small{margin-top:3px;font-size:11px}
  .hst-mobile-label{margin-bottom:4px;font-size:8.5px}
  .hst-badges{margin-bottom:6px}
  .hst-server .hst-badge,.hst-newgen-badge{font-size:8px;padding:3px 7px}
  .hst-price{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-top:12px}
  .hst-price-line{align-items:baseline}
  .hst-price-line>strong{font-size:23px}
  .hst-billing-suffix{font-size:11px}
  .hst-deploy{grid-column:2;grid-row:1;margin:0;min-width:112px;min-height:39px;padding:0 14px}
}
@media(max-width:480px){
  .hst-cpu-table .hst-row,.hst-gpu-table .hst-row{padding:16px 14px;gap:12px 16px}
  .hst-price{grid-template-columns:minmax(0,1fr) auto}
  .hst-deploy{grid-column:2;grid-row:1;width:auto;margin-top:0;min-width:108px}
  .hst-price-line>strong{font-size:22px}
}


/* v3.3.16: balanced desktop columns + right-aligned mobile secondary column */
@media(min-width:850px){
  .hst-cpu-table .hst-table-head,.hst-cpu-table .hst-row{grid-template-columns:27fr 12fr 16fr 15fr 14fr 16fr}
  .hst-gpu-table .hst-table-head,.hst-gpu-table .hst-row{grid-template-columns:15fr 22fr 10fr 14fr 13fr 12fr 14fr}
  .hst-price{justify-self:stretch;text-align:right}
  .hst-price-line{justify-content:flex-end}
  .hst-deploy{float:right}
}
@media(max-width:849px){
  .hst-storage,.hst-location{text-align:right}
  .hst-storage .hst-mobile-label,.hst-location .hst-mobile-label{display:flex;align-items:center;justify-content:flex-end;gap:5px}
  .hst-memory .hst-mobile-label,.hst-network .hst-mobile-label{display:flex;align-items:center;justify-content:flex-start;gap:5px}
  .hst-mobile-label .hst-mobile-icon{width:11px;height:11px;margin:0}
}

/* v3.4.2: filter thresholds + configurable Load More */
.hst-wrap .hst-page-hidden{display:none!important}
.hst-load-more-wrap{display:flex;justify-content:center;align-items:center;margin:22px 0 6px}
.hst-load-more{appearance:none;border:1px solid var(--hst-load-border)!important;background:var(--hst-load-bg)!important;color:var(--hst-load-text)!important;border-radius:var(--hst-load-radius)!important;font-size:var(--hst-load-font)!important;font-weight:700!important;line-height:1.2!important;padding:var(--hst-load-py) var(--hst-load-px)!important;min-height:0!important;height:auto!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer!important;box-shadow:none!important;transition:background-color .15s ease,border-color .15s ease,color .15s ease!important}
.hst-load-more:hover,.hst-load-more:focus{filter:brightness(.96);outline:none}
.hst-load-more[hidden]{display:none!important}

.hst-load-more-wrap{display:flex;align-items:center;justify-content:center;gap:20px;}