/* Checkout feature illustrations and CPU counts. Shared kit stays unchanged. */
#stcv2 .stcv2-feature-art {
  display:block;width:76px;height:76px;flex:0 0 auto;
  background-image:url(art/features-1.3.png);background-repeat:no-repeat;
  background-size:400% 200%;background-position:0 0;
}
#stcv2 .stcv2-feature-art--backups {background-position:33.333333% 0}
#stcv2 .stcv2-feature-art--support {background-position:66.666667% 0}
#stcv2 .stcv2-feature-art--players {background-position:100% 0}
#stcv2 .stcv2-feature-art--files {background-position:0 100%}
#stcv2 .stcv2-feature-art--modpacks {background-position:33.333333% 100%}
#stcv2 .stcv2-feature-art--cpu {background-position:66.666667% 100%}
#stcv2 .stcv2-plan-cpu {display:flex;align-items:center;gap:5px;margin:0 0 13px;color:var(--st-text);font-size:11px;line-height:1.6}
#stcv2 .stcv2-plan-cpu>.stcv2-feature-art {width:30px;height:30px}
#stcv2 .stcv2-plan-cpu>span:last-child {min-width:0}
#stcv2 .stcv2-plan-cpu>span>span {display:block}
#stcv2 .stcv2-plan-cpu b {color:var(--tier);font-weight:650}
#stcv2 .stcv2-location-block h4,#stcv2 .stcv2-features-block>h3 {font-size:18px;line-height:1.4}
#stcv2 .stcv2-location-block .location-card {gap:18px;padding:17px 20px;background:var(--st-surface-raised)}
#stcv2 .stcv2-location-block .location-card strong {font-size:19px;line-height:1.4}
#stcv2 .stcv2-location-block .location-card p {font-size:14px;line-height:1.6;margin-top:4px}
#stcv2 .stcv2-location-block .location-card>div {min-width:0}
#stcv2 .stcv2-location-block .check-circle {flex-shrink:0}
/* Included features are static checked cards, scoped to their own server. */
#stcv2 .stcv2-server-features {margin:20px 0 22px}
#stcv2 .stcv2-server-features>h4 {font-size:14px;font-weight:600;margin:0 0 12px;color:var(--st-text)}
#stcv2 .stcv2-feature-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#stcv2 .stcv2-feature-grid>.stcv2-feature-card,#stcv2 .stcv2-launcher-card {padding:13px;min-width:0;border:1px solid color-mix(in srgb,var(--st-orange) 45%,var(--st-line));background:linear-gradient(140deg,color-mix(in srgb,var(--st-orange) 7%,var(--st-surface-raised)),var(--st-surface-raised));border-radius:8px}
#stcv2 .stcv2-feature-heading {display:grid;grid-template-columns:46px minmax(0,1fr) 19px;align-items:center;gap:8px}
#stcv2 .stcv2-feature-heading .stcv2-feature-art {width:46px;height:46px}
#stcv2 .stcv2-feature-grid .stcv2-feature-heading strong,
#stcv2 .stcv2-launcher-heading :is(h3,h5) {font:600 14px/1.4 var(--st-font);margin:0;color:var(--st-text);letter-spacing:normal;text-transform:none;text-shadow:none}
#stcv2 .stcv2-feature-heading .check-circle {width:19px;height:19px;margin:0;font-size:11px;border-color:var(--st-orange);color:var(--st-orange);background:color-mix(in srgb,var(--st-orange) 10%,transparent)}
#stcv2 .stcv2-feature-detail,#stcv2 .stcv2-feature-grid .stcv2-core-line {font-size:12px;line-height:1.6;margin:9px 0 0;color:var(--st-muted)}
#stcv2 .stcv2-feature-subtitle {display:block;color:var(--st-orange);font-size:11px;font-weight:500;margin-top:3px}
#stcv2 .stcv2-feature-grid .stcv2-core-line {color:var(--st-text)}
#stcv2 .server-setup>.label-row h3 {font-size:18px}
#stcv2 .server-setup .server-package {font-size:15px;line-height:1.5}
#stcv2 .server-setup>label:not(.migration) {font-size:14px;margin-top:17px}
#stcv2 .server-setup>input,#stcv2 .server-setup>select {font-size:14px}
#stcv2 .server-setup>p.small,#stcv2 .server-setup .migration small {font-size:12px;line-height:1.65}
#stcv2 .server-setup .migration {margin-top:18px}
#stcv2 .server-setup .migration strong {font-size:14px}
#stcv2 .stcv2-server-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--st-line)}
#stcv2 .stcv2-server-actions .secondary {font-size:13px;min-height:42px;padding:10px 16px}
#stcv2 .stcv2-server-actions .stcv2-remove-server {color:var(--st-danger);border-color:color-mix(in srgb,var(--st-danger) 45%,var(--st-line));background:var(--st-surface)}
#stcv2 .stcv2-server-actions .stcv2-remove-server:hover {border-color:var(--st-danger)}
/* Both account forms are visible; each form owns its fields and validation. */
#stcv2 .stcv2-account-forms {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
#stcv2 .stcv2-auth-form {min-width:0;padding:20px;border:1px solid var(--st-line);background:var(--st-surface-raised);border-radius:8px}
#stcv2 .stcv2-account-forms #account-form {max-width:none}
#stcv2 .stcv2-auth-form h4 {font-size:18px;line-height:1.4;color:var(--st-text);margin:0}
#stcv2 .stcv2-auth-intro {font-size:12px;line-height:1.6;color:var(--st-muted);margin-top:5px}
#stcv2 .stcv2-auth-form label:not(.checkbox-line) {font-size:13px;margin-top:16px}
#stcv2 .stcv2-auth-form input:not([type=checkbox]) {font-size:13px}
#stcv2 .stcv2-auth-form .checkbox-line,#stcv2 .stcv2-sso-section .checkbox-line {font-size:12px;line-height:1.5}
#stcv2 .stcv2-auth-form .secondary {font-size:13px;min-height:42px;margin-top:4px}
#stcv2 .stcv2-register-terms {font-size:11px;line-height:1.6;margin-top:10px}
#stcv2 .stcv2-auth-message {font-size:12px;line-height:1.6;color:var(--st-warning);overflow-wrap:anywhere;margin:12px 0 0}
#stcv2 .stcv2-auth-message:empty {display:none}
#stcv2 .stcv2-auth-divider {display:flex;align-items:center;gap:16px;color:var(--st-muted);font-size:12px;font-weight:600;margin:24px 0 16px}
#stcv2 .stcv2-auth-divider:before,#stcv2 .stcv2-auth-divider:after {content:'';flex:1;border-top:1px solid var(--st-line)}
#stcv2 .stcv2-sso-intro {font-size:13px;text-align:center;margin-bottom:12px;color:var(--st-muted)}
#stcv2 .stcv2-sso-section .sso-providers a {font-size:13px;min-height:44px}
#stcv2 .stcv2-sso-section>.checkbox-line {justify-content:center}
#stcv2 .sso-providers a[aria-disabled=true] {opacity:.5;cursor:wait}
@media(max-width:1150px) {#stcv2 .stcv2-feature-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px) {#stcv2 .stcv2-account-forms {grid-template-columns:1fr}}
@media(max-width:600px) {
  #stcv2 .stcv2-feature-grid {grid-template-columns:1fr}
  #stcv2 .stcv2-feature-heading {grid-template-columns:42px minmax(0,1fr) 19px}
  #stcv2 .stcv2-feature-heading .stcv2-feature-art {width:42px;height:42px}
  #stcv2 .stcv2-location-block {padding:16px}
  #stcv2 .stcv2-location-block .location-card {gap:10px;padding:12px}
  #stcv2 .stcv2-location-block .stcv2-feature-art {width:58px;height:58px}
  #stcv2 .stcv2-location-block .location-card strong {font-size:17px}
  #stcv2 .stcv2-location-block .location-card p {font-size:13px}
  #stcv2 .server-setup,#stcv2 .account-box {padding:16px}
  #stcv2 .stcv2-auth-form {padding:16px}
  #stcv2 .stcv2-account-forms {gap:14px}
}

/* Each server owns its location display; only the currently offered location is shown. */
#stcv2 .stcv2-server-location {margin:20px 0 0}
#stcv2 .stcv2-server-location h4 {font-size:14px;margin:0;line-height:1.4}
#stcv2 .stcv2-server-location .label-row {margin-bottom:12px}
#stcv2 .server-setup .stcv2-server-location {padding:0}
#stcv2 .pricing-billing small {display:block;margin-top:3px;line-height:1.4}
#stcv2 .pricing-billing small:empty {display:none}

/* One full-width card; individual launcher marks have no boxes or controls. */
#stcv2 .stcv2-launcher-card {margin-top:10px;padding:16px}
#stcv2 .stcv2-launcher-heading {display:flex;align-items:center;justify-content:space-between;gap:12px}
#stcv2 .stcv2-launcher-heading .check-circle {flex:0 0 19px;width:19px;height:19px;font-size:11px;border-color:var(--st-orange);color:var(--st-orange)}
#stcv2 .stcv2-launcher-card .stcv2-feature-detail {margin-top:5px}
#stcv2 .stcv2-launcher-logos {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:12px 14px;list-style:none;margin:18px 0 0;padding:0}
#stcv2 .stcv2-launcher-logos li {display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;margin:0;padding:0}
#stcv2 .stcv2-launcher-logo {display:block;width:100%;max-width:190px;aspect-ratio:2.5;background-color:#fff;-webkit-mask-image:url(art/launchers-white-1.8.png);mask-image:url(art/launchers-white-1.8.png);-webkit-mask-size:200% 500%;mask-size:200% 500%;mask-mode:luminance;-webkit-mask-position:var(--launcher-x) var(--launcher-y);mask-position:var(--launcher-x) var(--launcher-y);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
@media(max-width:1150px) {#stcv2 .stcv2-launcher-logos {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px) {#stcv2 .stcv2-launcher-logos {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}#stcv2 .stcv2-launcher-card {padding:13px}}

#stcv2 #plans-launchers .stcv2-launcher-card {margin-top:24px}

/* Additional white server-software marks share the existing open logo grid. */
#stcv2 .stcv2-launcher-logo--software {aspect-ratio:2.25;-webkit-mask-image:url(art/server-software-white-1.10.png);mask-image:url(art/server-software-white-1.10.png);-webkit-mask-size:200% 300%;mask-size:200% 300%}
#stcv2 .stcv2-launcher-caption {display:block;width:100%;margin-top:-5px;color:#fff;text-align:center;font-size:11px;font-weight:500;line-height:1.3}

/* PaperMC uses its paper-aeroplane mark from the supplied reference. */
#stcv2 .stcv2-launcher-logo--paper {-webkit-mask-image:url(art/papermc-white-1.11.png);mask-image:url(art/papermc-white-1.11.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}

/* Full refund guarantee uses the same compact graphic size as other features. */
#stcv2 .stcv2-feature-art--refund {background-image:url(art/refund-guarantee-1.12.png);background-size:contain;background-position:center}

/* Profile and split illustrations share the existing compact feature sizing. */
#stcv2 .stcv2-feature-art--profiles {background-image:url(art/server-profiles-1.13.png);background-size:contain;background-position:center}
#stcv2 .stcv2-feature-art--split {background-image:url(art/server-split-1.13.png);background-size:contain;background-position:center}

/* Inclusions show their price last. Host transfer is an optional, free request. */
#stcv2 .stcv2-feature-grid>.stcv2-feature-card{display:flex;flex-direction:column}
#stcv2 .stcv2-feature-grid .stcv2-feature-price{display:block;margin:auto 0 0;padding-top:12px;font:600 11px/1.6 var(--st-font);color:var(--st-text)}
#stcv2 .stcv2-feature-grid>.stcv2-feature-card--optional{padding:0;transition:border-color .15s,background .15s}
#stcv2 .server-setup .stcv2-feature-card>.stcv2-feature-option{display:flex;flex-direction:column;flex:1;position:relative;margin:0;padding:13px;cursor:pointer;border-radius:inherit;color:var(--st-text);font:inherit}
#stcv2 .stcv2-feature-option>input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#stcv2 .stcv2-feature-option .stcv2-feature-detail{display:block}
#stcv2 .stcv2-feature-grid>.stcv2-feature-card--optional[data-selected=false]{border-color:var(--st-line);background:var(--st-surface-raised)}
#stcv2 .stcv2-feature-card--optional[data-selected=false] .check-circle{border-color:var(--st-muted);background:transparent;color:var(--st-muted)}
#stcv2 .stcv2-feature-card--optional[data-selected=false] .check-circle>span{visibility:hidden}
#stcv2 .stcv2-feature-grid>.stcv2-feature-card--optional:hover{border-color:var(--st-orange)}
#stcv2 .stcv2-feature-card--optional:focus-within{outline:2px solid var(--st-focus);outline-offset:3px}

/* Keep the order action at the right of each server's action row. */
#stcv2 .stcv2-server-actions{align-items:center}
#stcv2 .stcv2-server-actions .stcv2-review-order{margin-left:auto;font-size:13px;min-height:42px;padding:10px 16px}
@media(max-width:600px){#stcv2 .stcv2-server-actions .stcv2-review-order{flex-basis:100%;margin-left:0}}

#stcv2 .stcv2-server-actions .checkout-disabled-help:has(>.stcv2-review-order){margin-left:auto}
@media(max-width:600px){#stcv2 .stcv2-server-actions .checkout-disabled-help:has(>.stcv2-review-order){flex-basis:100%;margin-left:0}#stcv2 .stcv2-server-actions .checkout-disabled-help>.stcv2-review-order{width:100%}}
