.px-showcase [hidden]{display:none!important}
.px-showcase .px-vps-compact{padding:16px;gap:0;border-radius:16px}
.px-vps-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.px-vps-heading h3{margin:0 0 6px;font-size:22px}
.px-vps-heading .px-datacenter-badge{margin:0;padding:3px 8px;font-size:11px}
.px-vps-meta{font-size:11px;color:#526581}
.px-vps-symbol{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;background:#e8f4ff;color:#245bb0;border-radius:15px}
.px-vps-symbol svg{width:29px;height:29px}
.px-vps-compact .px-vps-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:22px 0 16px;line-height:1.5}
.px-vps-price strong{font-size:26px;font-weight:800;letter-spacing:-.5px}
.px-vps-price span{font-size:11px;color:#526581}
.px-vps-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}
.px-vps-resources>div{background:#f1f5fb;border-radius:10px;text-align:center;padding:10px 3px}
.px-vps-resources dt{display:flex;align-items:center;flex-direction:column;gap:4px;font-size:10px;color:#315782}
.px-vps-resources dd{margin:4px 0 0;font-size:12px;font-weight:700;white-space:nowrap}
.px-vps-resources svg{width:21px;height:21px}
.px-vps-facts{display:grid;gap:7px;margin-bottom:14px}
.px-vps-facts p{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0;font-size:12px}
.px-vps-facts p>span{color:#526581}.px-vps-facts strong{font-weight:600;text-align:end}
.px-vps-compact .px-service-actions{padding-top:8px;gap:7px}
.px-vps-compact .px-service-actions small{font-size:10px;color:#526581;text-align:center}
.px-vps-compact .px-service-details{font-size:12px}
.px-showcase .px-service-badge{background:#fff0d6;color:#854000;border:1px solid #f4be68;font-weight:700}
.px-vps-compact .px-service-badge{align-self:flex-end;margin-top:0;font-size:11px;max-width:100%}
.px-showcase .px-vps-heading h3{margin:0 0 4px;font-size:20px;line-height:1.4}
.px-showcase .px-vps-header-mark{max-width:46%;text-align:left}
.px-showcase .px-vps-symbol{width:36px;height:36px;border-radius:10px}
.px-showcase .px-vps-symbol svg{width:22px;height:22px}
.px-showcase .px-vps-compact .px-vps-price{margin:12px 0 10px;line-height:1.3}
.px-showcase .px-vps-price strong{font-size:24px}
.px-showcase .px-vps-resources{margin:0 0 10px;gap:6px}
.px-showcase .px-vps-resources>div{padding:7px 3px}
.px-showcase .px-vps-resources dt{flex-direction:row;justify-content:center;gap:4px;line-height:1.4}
.px-showcase .px-vps-resources svg{width:16px;height:16px}
.px-showcase .px-vps-resources dd{margin:4px 0 0;line-height:1.6}
.px-showcase .px-vps-facts{gap:4px;margin:0 0 8px}
.px-showcase .px-vps-facts p{margin:0;line-height:1.65}
.px-showcase .px-vps-compact .px-service-actions{padding-top:6px;gap:4px}
.px-showcase .px-vps-compact .px-service-order{padding:8px 10px;font-size:13px;line-height:1.7}
.px-showcase .px-vps-compact .px-service-actions small{line-height:1.5}
.px-showcase .px-vps-compact .px-service-details{line-height:1.7}
/* Approved B design: scoped to VPS cards, never page chrome or other widgets. */
.px-showcase .px-vps-navy{padding:0;border-radius:12px;overflow:hidden;border-color:#dbe3ef}
.px-showcase .px-vps-navy.px-service-featured{border-color:#386bf2}
.px-showcase .px-vps-navy .px-vps-cap{background:#102c4d;color:#fff;padding:16px 16px 14px}
.px-showcase .px-vps-navy .px-vps-heading{align-items:flex-start;gap:8px}
.px-showcase .px-vps-navy .px-vps-heading h3{color:#fff;font-size:20px;margin:0 0 4px}
.px-showcase .px-vps-navy .px-datacenter-badge{padding:0;background:none;color:#c7d7ed;font-size:11px}
.px-showcase .px-vps-navy .px-vps-meta{color:#c7d7ed}
.px-showcase .px-vps-navy .px-vps-header-mark{max-width:45%}
.px-showcase .px-vps-navy .px-service-badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:10px}
.px-showcase .px-vps-navy .px-vps-price{margin:12px 0 0;justify-content:flex-start;gap:5px;color:white}
.px-showcase .px-vps-navy .px-vps-price strong{font-size:27px;color:white}
.px-showcase .px-vps-navy .px-vps-price span{color:#d7e3f3;font-size:10px}
.px-showcase .px-vps-navy .px-vps-resources{display:block;margin:8px 16px 0}
.px-showcase .px-vps-navy .px-vps-resources>div{display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;border-radius:0;border-bottom:1px solid #e8edf4;padding:6px 0}
.px-showcase .px-vps-navy .px-vps-resources dt{font-size:12px;color:#183b60;gap:7px}
.px-showcase .px-vps-navy .px-vps-resources dd{margin:0;font-size:12px;line-height:1.6}
.px-showcase .px-vps-navy .px-vps-facts{gap:0;margin:0 16px 8px}
.px-showcase .px-vps-navy .px-vps-facts p{padding:6px 0;border-bottom:1px solid #e8edf4;font-size:12px;line-height:1.6}
.px-showcase .px-vps-navy .px-vps-facts p:last-child{border:0}
.px-showcase .px-vps-navy .px-service-actions{padding:4px 16px 14px;gap:6px}
.px-showcase .px-vps-navy .px-service-order{background:white;color:#245bd8!important;border:1px solid #386bf2;border-radius:7px;padding:8px}
.px-showcase .px-vps-navy.px-service-featured .px-service-order{background:#386bf2;color:white!important}
.px-showcase .px-vps-navy .px-service-order:hover{background:#edf3ff}
.px-showcase .px-vps-navy.px-service-featured .px-service-order:hover{background:#245bd8}
.px-showcase .px-vps-navy .px-service-details{font-size:11px;color:#315782}
.px-showcase-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:22px;background:#f4f7fb;border:1px solid #dbe3ef;border-radius:12px;gap:14px}
.px-showcase-filters label{min-width:0}
.px-showcase-filters select{width:100%;min-height:44px;border:1px solid #bccadd;border-radius:8px;background:#fff;color:#102744;padding:8px;font:inherit;font-size:13px}
.px-showcase-filters input{font-size:13px}
.px-showcase-filters .px-stock-filter{display:flex;align-items:center;gap:8px;min-height:44px}
.px-showcase-filters .px-stock-filter input,.px-compare-choice input{min-height:0;width:18px;height:18px;accent-color:var(--px-accent);flex-shrink:0}
.px-results-count{font-size:13px;color:#526581;margin-bottom:18px}
.px-country-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 16px}
.px-showcase .px-country-tabs a{display:inline-flex;align-items:center;gap:6px;border:1px solid #bccadd;border-radius:6px;padding:5px 10px;min-height:34px;box-sizing:border-box;font-size:12px;line-height:1.5;color:#102744;background:white;font-weight:600;text-decoration:none}
.px-showcase .px-country-tabs img{width:20px;height:15px;object-fit:contain}
.px-dc-tabs{display:flex;gap:6px;border-bottom:1px solid #dbe3ef;margin:0 0 12px;overflow-x:auto}
.px-showcase .px-dc-tabs a{display:flex;flex-direction:column;gap:2px;flex-shrink:0;padding:9px 16px;border-bottom:3px solid transparent;color:#526581;font-size:13px;font-weight:600;text-decoration:none;line-height:1.6}
.px-showcase .px-dc-tabs a[aria-current]{color:#2056cf;border-bottom-color:var(--px-accent);background:#eaf0ff;border-radius:6px 6px 0 0}
.px-dc-tabs small{font-size:10px;font-weight:400;color:#526581}
.px-dc-tabs a:focus-visible{outline:2px solid #386bf2;outline-offset:-2px}
.px-showcase .px-country-tabs a[aria-current]{border-color:var(--px-accent);background:#eaf0ff;color:#2056cf}
.px-country-tabs a:focus-visible{outline:3px solid #386bf2;outline-offset:3px}
.px-country-heading{display:flex;align-items:center;gap:12px;font:inherit;font-size:26px;font-weight:800;margin:36px 0 18px;color:#102744}
.px-datacenter-section{margin-bottom:32px}
.px-datacenter-heading{display:flex;align-items:center;gap:14px;border-inline-start:4px solid var(--px-accent);padding:10px 16px;background:#f4f7fb;margin:0 0 18px;font:inherit;font-size:18px;font-weight:700;color:#102744}
.px-datacenter-heading small{font-size:13px;font-weight:400;color:#526581}
.px-datacenter-badge{align-self:flex-start;display:inline-flex;padding:5px 10px;border-radius:6px;background:#eaf0ff;color:#2056cf;font-size:12px;font-weight:700;margin-bottom:12px}
.px-showcase-empty{border-inline-start:3px solid var(--px-accent);padding:24px}
.px-showcase-empty h3{font:inherit;font-size:19px;font-weight:700;margin:0 0 8px}
.px-showcase-empty p{margin:0}
.px-compare-choice{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;cursor:pointer}
.px-compare-bar{position:sticky;bottom:18px;z-index:20;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#102744;color:#fff;padding:16px 20px;margin-top:24px;border-radius:12px;box-shadow:0 8px 28px #10274420}
.px-compare-status{margin-inline-end:auto;font-size:14px}
.px-showcase button.px-compare-open,.px-showcase button.px-compare-clear,.px-showcase button.px-compare-close{font:inherit;font-size:13px;padding:9px 14px;border-radius:6px;border:1px solid #bccadd;cursor:pointer;background:#fff;color:#102744}
.px-showcase button.px-compare-open{background:var(--px-accent);border-color:var(--px-accent);color:white}
.px-showcase button:disabled{opacity:.5;cursor:not-allowed}
.px-compare-dialog{width:min(1080px,calc(100% - 32px));max-height:85dvh;border:1px solid #dbe3ef;border-radius:14px;background:#fff;color:#102744;padding:24px;font:inherit;text-align:start;overflow:auto}
.px-compare-dialog::backdrop{background:#07182b99}
.px-compare-dialog h3{font:inherit;font-size:24px;font-weight:800;margin:16px 0 6px}
.px-compare-dialog p{font-size:13px}
.px-compare-table{overflow-x:auto}
.px-compare-table table{border-collapse:collapse;min-width:560px;width:100%;font-size:13px}
.px-compare-table caption{text-align:start;padding:12px 0;color:#526581}
.px-compare-table th,.px-compare-table td{text-align:start;padding:15px 12px;border:1px solid #dbe3ef;vertical-align:top}
.px-compare-table thead th{background:#eaf0ff}
.px-compare-table tbody th{background:#f4f7fb;font-weight:500}
.px-compare-table .px-service-order{display:block;font-size:12px;padding:8px}
.px-service-detail{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:32px;margin-top:24px;align-items:start}
.px-detail-copy{padding:8px 0;max-width:70ch}
.px-detail-copy h3{font:inherit;font-size:22px;font-weight:800;margin:12px 0}
.px-detail-copy p{font-size:15px;line-height:2.1;overflow-wrap:anywhere}
.px-detail-back{display:inline-block;padding:8px 0;font-size:14px}
@media(max-width:1024px){.px-showcase-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.px-showcase-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:12px}.px-showcase-filters .px-stock-filter{grid-column:1/-1}.px-service-detail{grid-template-columns:1fr;gap:16px}.px-compare-dialog{padding:16px}.px-compare-status{flex-basis:100%}.px-compare-bar{bottom:8px;padding:12px}.px-compare-bar button{flex:1}}