.calculator-mode-selector{max-width:1112px;margin:0 auto 12px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.calculator-mode-selector a{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:18px 20px;border:1px solid var(--border);background:var(--bg-2);transition:.2s}.calculator-mode-selector a:hover,.calculator-mode-selector a:focus-visible{border-color:var(--red);transform:translateY(-2px)}.calculator-mode-selector span{grid-row:1/3;color:var(--red);font-size:.68rem}.calculator-mode-selector b{font-family:'Chakra Petch',sans-serif}.calculator-mode-selector small{color:var(--muted)}
#computer-calculator{scroll-margin-top:70px}.computer-calculator-layout{margin-top:10px}.computer-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.computer-filter{position:relative;padding:13px;text-align:center;background:var(--bg);border:1px solid var(--border);cursor:pointer;font-size:.77rem}.computer-filter input{position:absolute;opacity:0}.computer-filter:has(input:checked){border-color:var(--red);background:rgba(237,28,36,.08);color:var(--red)}.computer-device-grid .select-card strong{font-size:.78rem;color:var(--red)}
.computer-service-options{display:grid;gap:8px}.computer-service-option{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:start;padding:15px;background:var(--bg);border:1px solid var(--border);cursor:pointer;position:relative}.computer-service-option>input{position:absolute;opacity:0}.computer-check{width:19px;height:19px;border:1px solid var(--border);color:transparent;display:grid;place-items:center;font-size:.7rem;margin-top:2px}.computer-service-copy{display:grid}.computer-service-copy small{color:var(--muted);font-size:.74rem}.computer-service-option>strong{color:var(--red);font:700 1rem 'Chakra Petch',sans-serif;white-space:nowrap}.computer-service-option:has(input:checked){border-color:var(--red);background:rgba(237,28,36,.045)}.computer-service-option:has(input:checked) .computer-check{background:var(--red);border-color:var(--red);color:#fff}.computer-service-option.is-package-included{border-color:rgba(62,207,106,.55)!important;background:rgba(62,207,106,.045)!important;cursor:default}.computer-service-option.is-package-included .computer-check{background:#3ecf6a;border-color:#3ecf6a;color:#07140b}.computer-service-option.is-package-included>strong,.computer-service-option.is-package-included .option-status{color:#3ecf6a}.computer-service-option[hidden]{display:none}
.computer-addon{display:flex;gap:12px;align-items:flex-start;padding:17px;background:var(--bg);border:1px solid var(--border);cursor:pointer}.computer-addon>input{position:absolute;opacity:0}.computer-addon>span:nth-of-type(2){display:grid;flex:1}.computer-addon small{color:var(--muted)}.computer-addon>strong{color:var(--red)}.computer-addon:has(input:checked){border-color:var(--red);background:rgba(237,28,36,.05)}.computer-addon.is-disabled{opacity:.52;cursor:not-allowed}.computer-addon.is-package-included{opacity:1;border-color:rgba(62,207,106,.55)!important}.computer-addon.is-package-included>strong,.computer-addon.is-package-included .option-status{color:#3ecf6a}
.computer-package-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.computer-package-option{display:grid;gap:4px;padding:18px;background:var(--bg);border:1px solid var(--border);cursor:pointer;position:relative;min-height:145px}.computer-package-option>input{position:absolute;opacity:0}.computer-package-option .select-check{position:absolute;right:12px;top:10px;color:transparent}.computer-package-option>strong{color:var(--red);font:700 1.35rem 'Chakra Petch',sans-serif}.computer-package-option small{color:var(--muted)}.computer-package-option:has(input:checked){border-color:var(--red);box-shadow:0 0 22px rgba(237,28,36,.1)}.computer-package-option:has(input:checked) .select-check{color:var(--red)}.computer-package-option.featured{border-color:rgba(237,28,36,.45)}.package-popular{position:absolute;right:12px;bottom:10px;color:var(--red);font-size:.55rem}.parts-calc-warning{margin-top:12px;color:#d6b96a;font-size:.65rem}.computer-final-total{margin-top:18px;padding:19px;border:1px solid var(--red);background:rgba(237,28,36,.06);display:grid}.computer-final-total small{color:var(--muted)}.computer-final-total strong{color:var(--red);font:700 2.3rem 'Chakra Petch',sans-serif}.computer-final-total span{color:#d6b96a;font-size:.78rem}.parts-separate{margin-top:12px;padding:15px;border:1px solid rgba(214,185,106,.5);background:rgba(214,185,106,.04)}.parts-separate b,.sticky-parts{color:#d6b96a;font:600 .68rem 'JetBrains Mono',monospace}.parts-separate p{color:var(--muted);font-size:.78rem;margin-top:4px}.computer-sticky-summary .summary-line.included{color:#3ecf6a}.computer-sticky-summary .summary-line.credit{color:#3ecf6a}.computer-mobile-bar,.computer-mobile-modal{display:none}
@media(max-width:960px){body.computer-calc-active .mobile-estimate-bar{display:none}.computer-mobile-bar{position:fixed;z-index:59;bottom:0;left:0;width:100%;border:0;border-top:1px solid var(--red);background:rgba(10,10,12,.97);color:var(--text);padding:13px 16px;font:600 .78rem 'JetBrains Mono',monospace;cursor:pointer}body.computer-calc-active .computer-mobile-bar{display:block}.computer-mobile-bar strong{color:var(--red)}.computer-mobile-modal{position:fixed;z-index:81;inset:0;background:rgba(0,0,0,.78);padding:20px;align-items:flex-end}.computer-mobile-modal.open{display:flex}.computer-mobile-total{display:grid;margin-top:14px;padding:12px;border:1px solid var(--border)}.computer-mobile-total small{color:var(--muted)}.computer-mobile-total strong{color:var(--red);font:700 1.7rem 'Chakra Petch',sans-serif}.computer-mobile-modal .btn{margin-top:16px;justify-content:center;width:100%}}
@media(max-width:700px){.calculator-mode-selector{grid-template-columns:1fr;padding:0 16px}.computer-filter-grid,.computer-package-options{grid-template-columns:1fr 1fr}.computer-service-option{grid-template-columns:20px 1fr}.computer-service-option>strong{grid-column:2}.computer-package-option{min-height:135px}}@media(max-width:480px){.computer-filter-grid,.computer-package-options{grid-template-columns:1fr}.computer-package-option{min-height:auto}.calculator-mode-selector small{font-size:.7rem}}