.configuration-grid{--cfg-bg:var(--bg,#f4f7fb);--cfg-panel:var(--panel,#ffffff);--cfg-line:var(--line,#d4deec);--cfg-text:var(--text,#102640);--cfg-muted:var(--muted,#536780);--cfg-accent:var(--lime,#2158da);display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:48px;width:100%;align-items:start;color:var(--cfg-text)}.configuration-fields{min-width:0}.config-section{padding:32px 0;border-top:1px solid var(--cfg-line)}.config-section:first-child{padding-top:0;border:0}.config-section-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:26px}.config-section-heading>span{border:1px solid #b5c5df;color:var(--cfg-accent);width:32px;height:32px;line-height:30px;text-align:center;font-size:10px;border-radius:50%;flex-shrink:0;margin-top:3px}.config-section-heading h2{font-size:29px;line-height:1.2;margin:0!important;letter-spacing:-.04em}.config-section-heading p{font-size:13px;margin:8px 0 0;color:var(--cfg-muted)}.configuration-grid fieldset{border:0;padding:0;margin:0;min-width:0}.location-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice{display:flex;align-items:center;gap:14px;border:1px solid var(--cfg-line);background:var(--cfg-panel);border-radius:7px;padding:18px 15px;position:relative;cursor:pointer;margin:0!important;min-width:0}.choice:has(input:checked){border-color:#536780;background:#edf3fe}.choice:has(input:focus-visible){outline:2px solid var(--cfg-accent);outline-offset:3px}.choice input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}.choice strong{font-size:12px;line-height:1.4;font-weight:600;display:block;color:var(--cfg-text)}.choice small{display:block;font-size:10px;line-height:1.5;color:var(--cfg-muted);margin-top:4px}.location-code{font-size:11px;color:var(--cfg-accent);background:#edf3fe;border:1px solid #b5c5df;line-height:30px;width:34px;flex-shrink:0;text-align:center;border-radius:4px}.choice-tick{margin-left:auto;color:var(--cfg-accent);font-size:13px;visibility:hidden;flex-shrink:0}.choice:has(input:checked) .choice-tick{visibility:visible}.os-families{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}.os-family{border:1px solid var(--cfg-line);border-radius:7px;background:var(--cfg-panel);padding:18px 10px;color:var(--cfg-text);display:flex;flex-direction:column;align-items:center;gap:13px;cursor:pointer;font-size:12px;font-weight:600;min-height:102px}.os-family img{object-fit:contain;width:30px;height:30px}.os-family.selected{background:#edf3fe;border-color:#536780}.configuration-grid .config-label{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:600;margin-bottom:10px}.config-label small{color:var(--cfg-muted);font-size:11px;font-weight:400}.configuration-grid select,.configuration-grid input[type=text],.configuration-grid textarea{width:100%;color:var(--cfg-text);background:var(--cfg-panel);border:1px solid #b5c5df;border-radius:5px;padding:12px;font-size:14px;max-width:100%;box-sizing:border-box}.configuration-grid textarea{line-height:1.7;font-family:ui-monospace,monospace;font-size:12px;resize:vertical}.config-hint{font-size:11px!important;line-height:1.8!important;color:var(--cfg-muted);margin:12px 0 0!important}.panel-options{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px!important}.panel-options legend{font-size:13px;font-weight:600;margin-bottom:12px;padding:0}.panel-monogram{font-size:25px;line-height:1;width:36px;flex-shrink:0;text-align:center;color:var(--cfg-accent)}.panel-monogram img{height:29px;width:36px;object-fit:contain}.panel-choice{padding:16px}.panel-choice strong{font-size:14px}.panel-choice small{font-size:11px}.panel-choice.incompatible{opacity:.5;cursor:not-allowed}.panel-compatibility{color:#e0c6ad!important}.panel-compatibility[hidden]{display:none}.network-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.network-option{padding:22px;border:1px solid var(--cfg-line);background:var(--cfg-panel);border-radius:7px;min-width:0}.config-icon{font-size:12px;border:1px solid #b5c5df;border-radius:5px;padding:3px 6px;color:var(--cfg-accent);margin-right:10px}.network-option strong{font-size:14px}.network-option p{font-size:12px;line-height:1.7;margin:15px 0}.config-cost{color:var(--cfg-accent);font-size:11px;display:inline-block}.network-option select{margin-top:18px;background:#edf3fe}.custom-firewall{margin-top:24px;background:var(--cfg-panel);border-radius:7px;padding:20px;border:1px solid var(--cfg-line)}.custom-firewall[hidden]{display:none}.firewall-rules{display:grid;gap:12px}.firewall-rule{display:grid;grid-template-columns:85px minmax(80px,1fr) minmax(120px,1.7fr) 30px;gap:10px;align-items:end}.firewall-rule label{font-size:10px;color:var(--cfg-muted);display:grid;gap:5px}.firewall-rule input,.firewall-rule select{min-width:0;font-size:12px!important;padding:9px!important;min-height:42px}.remove-rule{padding:8px;background:transparent;border:1px solid var(--cfg-line);color:var(--cfg-text);border-radius:4px;min-height:42px;cursor:pointer;font-size:18px}.add-rule{background:transparent;border:1px solid #b5c5df;border-radius:4px;color:var(--cfg-accent);padding:9px 15px;font-size:12px;margin-top:15px}.configuration-summary{position:sticky;top:25px;background:#edf3fe;border:1px solid #b5c5df;border-radius:9px;padding:24px;min-width:0}.config-summary-heading{display:flex;gap:14px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--cfg-line)}.config-summary-heading img{width:82px;border-radius:5px;height:62px;object-fit:cover}.config-summary-heading p{font-size:10px;margin:0 0 6px;color:var(--cfg-muted)}.config-summary-heading h2{font-size:27px;letter-spacing:-.04em;line-height:1.2;margin:0!important}.config-resource-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:22px 0;padding-bottom:22px;border-bottom:1px solid var(--cfg-line)}.config-resource-list dt{font-size:10px;color:var(--cfg-muted)}.config-resource-list dd{font-size:18px;margin:2px 0 0;font-weight:600;line-height:1.4}.config-live-summary{margin:0 0 22px;display:grid;gap:10px}.config-live-summary>div{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.config-live-summary dt{font-size:11px;color:var(--cfg-muted);flex-shrink:0}.config-live-summary dd{font-size:11px;margin:0;text-align:right;max-width:65%;overflow-wrap:anywhere}.config-total{padding-block:22px;border-block:1px solid var(--cfg-line)}.config-total>span{display:flex;justify-content:space-between;font-size:12px;color:var(--cfg-muted)}.config-total>span small{font-size:10px}.config-total>strong{font-size:38px;font-weight:500;line-height:1.5;display:block;letter-spacing:-.05em;color:var(--cfg-accent)}.config-total>small{font-size:10px;line-height:1.7;color:var(--cfg-muted);display:block}.config-delivery{font-size:11px;line-height:1.8;margin:18px 0;color:var(--cfg-muted)}.configuration-summary .early-start{display:flex;gap:10px;font-size:10px;line-height:1.7;margin-block:18px 8px}.configuration-summary .early-start input{margin-top:4px;accent-color:var(--cfg-accent);flex-shrink:0}.configuration-summary .config-hint{font-size:10px!important}.configuration-summary .single_add_to_cart_button{width:100%;margin-top:23px!important;justify-content:center;float:none!important;font-size:14px!important;background:var(--cfg-accent)!important;color:#ffffff!important;min-height:51px;border-radius:5px!important}.config-purchase-note{font-size:10px!important;line-height:1.7;margin:14px 0 0!important;color:var(--cfg-muted)}.config-summary-error{padding:10px;border:1px solid #caa187;border-radius:5px;color:#ffdbbc;font-size:11px;margin-top:15px}.config-summary-error[hidden]{display:none}
@media(max-width:1050px){.configuration-grid{grid-template-columns:minmax(0,1fr) 300px;gap:30px}.location-options{grid-template-columns:1fr}.configuration-summary{padding:20px}.os-families{grid-template-columns:repeat(2,1fr)}.network-options{grid-template-columns:1fr}.firewall-rule{grid-template-columns:80px 1fr 30px}.firewall-rule>label:nth-child(3){grid-row:2;grid-column:1/3}.remove-rule{grid-column:3;grid-row:1/3}.config-section-heading h2{font-size:27px}}
@media(max-width:767px){.configuration-grid{grid-template-columns:minmax(0,1fr);gap:28px}.configuration-summary{position:static;padding:24px}.config-section{padding-block:28px}.config-section-heading{gap:12px}.config-section-heading h2{font-size:26px}.config-section-heading p{font-size:13px;line-height:1.7}.config-section-heading>span{width:28px;height:28px;line-height:26px}.location-options{grid-template-columns:1fr}.choice{padding:17px}.choice strong{font-size:14px}.choice small{font-size:11px}.os-families{grid-template-columns:repeat(2,1fr)}.os-family{font-size:13px}.configuration-grid select,.configuration-grid input[type=text],.configuration-grid textarea{font-size:16px}.config-hint{font-size:12px!important}.network-options{grid-template-columns:1fr 1fr;gap:10px}.network-option{padding:17px}.network-option strong{display:block;margin-top:13px}.network-option p{font-size:12px}.config-icon{margin:0}.custom-firewall{padding:16px}.firewall-rule{grid-template-columns:78px minmax(0,1fr) 28px;gap:8px}.config-resource-list{grid-template-columns:repeat(4,1fr);gap:12px}.config-resource-list dd{font-size:16px}.config-live-summary dt,.config-live-summary dd{font-size:12px}.configuration-summary .early-start{font-size:12px}.configuration-summary .config-hint{font-size:11px!important}.config-delivery{font-size:12px}.config-purchase-note{font-size:11px!important}.config-summary-heading h2{font-size:30px}.config-total>strong{font-size:43px}.config-total>small{font-size:11px}}
@media(max-width:370px){.config-section-heading h2{font-size:24px}.network-options{grid-template-columns:1fr}.network-option strong{display:inline;margin-left:8px}.configuration-summary{padding:20px}.config-resource-list{grid-template-columns:repeat(2,1fr)}}
.retention-controls{padding:22px;margin-top:20px;border:1px solid var(--cfg-line);border-radius:7px;background:var(--cfg-panel)}.retention-controls[hidden]{display:none}.retention-controls input{width:120px!important;max-width:100%;font-size:18px!important}.retention-controls .config-label span{font-weight:400;color:var(--cfg-muted)}.retention-price{font-size:12px;margin:12px 0 0;color:var(--cfg-muted)}.retention-price strong{color:var(--cfg-accent)}.panel-choice:has(input[value=cloudpanel]) .panel-monogram{width:65px}.panel-choice:has(input[value=cloudpanel]) .panel-monogram img{width:65px;background:#102640;border-radius:3px;padding:3px}
@media(min-width:768px){.configuration-summary{max-height:calc(100dvh - 50px);overflow:auto;scrollbar-width:thin;scrollbar-color:#b5c5df #edf3fe}.choice strong{font-size:14px}.choice small{font-size:11px}.config-live-summary dt,.config-live-summary dd{font-size:12px}}

.config-bottom-checkout{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:28px;padding:26px;background:#edf3fe;border:1px solid #b5c5df;border-radius:8px}.config-bottom-checkout>div>span{display:block;font-size:12px;color:var(--cfg-muted)}.config-bottom-checkout small{margin-left:8px}.config-bottom-checkout strong{display:block;font-size:32px;color:var(--cfg-accent);font-weight:500;line-height:1.5}.config-bottom-checkout .single_add_to_cart_button{float:none!important;margin:0!important;min-height:52px;font-size:14px!important;background:var(--cfg-accent)!important;color:#ffffff!important}.config-bottom-checkout p{flex-basis:100%;font-size:11px!important;line-height:1.7;color:var(--cfg-muted);margin:0!important}
@media(max-width:767px){.config-bottom-checkout{display:none}}
/* VastVPS configuration workspace */
.configuration-grid{gap:28px}.config-section{background:#fff;border:1px solid #d4deec;border-radius:18px;padding:28px;margin-bottom:20px}.config-section-heading h2{font-weight:700;font-size:25px;color:#102640}.config-section-heading>span{background:#edf3fe;color:#2158da;border:0;border-radius:10px}.choice{border-color:#d4deec;background:#f7f9fd;color:#102640;border-radius:10px}.choice:has(input:checked){background:#edf3fe;border-color:#2158da}.choice:has(input:checked) .choice-tick{background:#2158da;color:white}.choice strong{color:#102640}.choice small,.config-hint{color:#536780}.location-code,.panel-monogram{background:#e7effc;color:#2158da;border-radius:8px}.os-family{background:#fff;color:#102640;border-color:#d4deec;border-radius:10px}.os-family.selected{border-color:#2158da;background:#edf3fe;color:#102640}.configuration-fields input:not([type=radio]):not([type=checkbox]),.configuration-fields select,.configuration-fields textarea{background:#fff;color:#102640;border:1px solid #b5c5df;border-radius:8px}.configuration-summary{background:#102640;color:#fff;border-radius:18px;border:1px solid #102640;box-shadow:0 10px 30px #10264014}.configuration-summary p,.configuration-summary small,.configuration-summary dt,.configuration-summary .config-hint{color:#b5c7df}.configuration-summary h2,.configuration-summary dd,.configuration-summary strong,.config-summary-total{color:#fff}.configuration-summary .button,.configuration-summary button{background:#2158da;color:white;border-color:#2158da}.configuration-summary hr,.configuration-summary dl>div{border-color:#3c526b}.configuration-summary [data-config-total]{color:#fff}.configuration-summary a{color:#b9d2ff}.firewall-rules{background:#f4f7fb;border-radius:10px}.choice-tick{color:#2158da}.config-section-heading{gap:15px}.early-start{color:#536780}.configuration-summary .early-start{color:#b5c7df}
@media(max-width:767px){.config-section{padding:21px;border-radius:14px}.config-section-heading h2{font-size:22px}.configuration-grid{gap:20px}.configuration-summary{border-radius:14px}}
.configuration-grid .config-section:first-child{padding:28px;border:1px solid #d4deec}.configuration-grid .configuration-fields input[type=text],.configuration-grid .configuration-fields input[type=number],.configuration-grid .configuration-fields textarea{background:#fff!important;color:#102640!important;border-color:#b5c5df!important}.config-bottom-checkout{background:#fff;border-color:#d4deec;border-radius:14px}.config-bottom-checkout strong{color:#102640}.config-bottom-checkout .woocommerce-Price-amount{white-space:nowrap}.configuration-summary .config-summary-heading p{color:#b5c7df}.configuration-summary .config-resource-list dd{color:#fff}.configuration-summary .config-summary-heading img{border-radius:6px}.configuration-summary [data-config-total] .woocommerce-Price-currencySymbol{color:inherit}.choice-tick{border-radius:4px}.configuration-summary .single_add_to_cart_button{border-radius:10px!important}
@media(max-width:767px){.configuration-grid .config-section:first-child{padding:21px}}
.configuration-summary .config-total>span{color:#b5c7df}
.vastvps-preview button[disabled]{opacity:.65;cursor:not-allowed;transform:none}.configuration-summary .config-hint{line-height:1.8}
