.alkalinity-calculator{--page-bg: #f3f3f5;--card-bg: #ffffff;--text-main: #112b52;--text-body: #5d6f88;--text-muted: #7d8aa0;--border: #d8dde6;--button-bg: #0f1d44;--button-hover: #16285c;--button-text: #ffffff;--shadow: 0 2px 12px rgba(17, 43, 82, .05);--warning: #a15c07;--warning-bg: #fffaeb;--warning-border: #f5d38b}.alkalinity-calculator *{box-sizing:border-box}.alkalinity-calculator.calculator-container{max-width:1060px;margin:0 auto;padding:36px 16px;background:transparent;box-shadow:none;border-radius:0;font-family:Arial,sans-serif;color:var(--text-body);line-height:1.6}.alkalinity-calculator .calculator-card{background:var(--card-bg);padding:34px 30px 36px;border-radius:20px;box-shadow:var(--shadow)}.alkalinity-calculator h1{font-size:clamp(2.1rem,4vw,3.1rem);line-height:1.08;font-weight:800;margin:0 0 16px;color:var(--text-main);letter-spacing:-.02em}.alkalinity-calculator h2{font-size:clamp(1.65rem,2.2vw,2rem);line-height:1.2;font-weight:800;margin:34px 0 12px;color:var(--text-main)}.alkalinity-calculator h3{font-size:clamp(1.45rem,2vw,1.75rem);line-height:1.25;font-weight:800;margin:28px 0 12px;color:var(--text-main)}.alkalinity-calculator p{font-size:1rem;line-height:1.85;color:var(--text-body);margin:0 0 14px}.alkalinity-calculator ul{list-style-type:disc;padding-left:22px;margin:0 0 14px}.alkalinity-calculator li{font-size:1rem;line-height:1.8;color:var(--text-body);margin-bottom:8px}.alkalinity-calculator .intro-text,.alkalinity-calculator .form-stack,.alkalinity-calculator .content-sections,.alkalinity-calculator .disclaimer-box,.alkalinity-calculator #result{max-width:770px}.alkalinity-calculator .intro-text{margin-bottom:24px}.alkalinity-calculator .form-group{margin-bottom:22px}.alkalinity-calculator .calc-label{display:block;margin:0 0 10px;font-weight:700;color:#111827;font-size:1rem;background:transparent!important;border:none!important}.alkalinity-calculator .calc-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;width:100%;background:transparent!important}.alkalinity-calculator .calc-row .calc-label{margin:0}.alkalinity-calculator input[type=number],.alkalinity-calculator select{width:100%;min-height:60px;padding:16px 18px;border:1px solid var(--border);border-radius:14px;font-size:1rem;color:#334760;font-weight:400;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.alkalinity-calculator input[type=number]::placeholder{color:#6f7e94;opacity:1}.alkalinity-calculator input[type=number]:focus,.alkalinity-calculator select:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 4px #0f172a14}.alkalinity-calculator select{background-image:linear-gradient(45deg,transparent 50%,#374151 50%),linear-gradient(135deg,#374151 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:42px}.alkalinity-calculator button{font-family:inherit;box-sizing:border-box}.alkalinity-calculator #calculateButton{width:100%;min-height:58px;padding:14px 18px;background:var(--button-bg);color:var(--button-text);border:none;border-radius:14px;cursor:pointer;font-size:1rem;font-weight:700;line-height:1.2;transition:background-color .2s ease,transform .15s ease;display:block;margin:18px 0 0}.alkalinity-calculator #calculateButton:hover{background:var(--button-hover)}.alkalinity-calculator #calculateButton:active{transform:translateY(1px)}.alkalinity-calculator #result{margin:20px 0 8px;font-size:1rem;color:#111827;font-weight:500;background:#f8fafc;padding:18px;border:1px solid #dbe3ea;border-radius:14px;display:none;text-align:left}.alkalinity-calculator #result.show{display:block}.alkalinity-calculator #result .result-main{font-size:1.08rem;margin-bottom:8px;color:#0f172a}.alkalinity-calculator #result .result-sub{font-size:.96rem;color:#475569;margin-bottom:10px}.alkalinity-calculator #result .result-split{margin-top:12px}.alkalinity-calculator #result .result-split ul{margin:8px 0 0;padding-left:20px}.alkalinity-calculator .toggle-container{display:inline-flex;align-items:center;gap:10px;flex-wrap:nowrap;flex-shrink:0}.alkalinity-calculator .toggle-container span{font-size:.95rem;font-weight:700;color:#455773}.alkalinity-calculator .switch{position:relative;display:inline-block;width:54px;height:30px}.alkalinity-calculator .switch input{opacity:0;width:0;height:0}.alkalinity-calculator .slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#cdd5e1;transition:.25s ease;border-radius:999px}.alkalinity-calculator .slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;top:4px;background-color:#fff;transition:.25s ease;border-radius:50%;box-shadow:0 1px 5px #00000029}.alkalinity-calculator .switch input:checked+.slider{background-color:var(--button-bg)}.alkalinity-calculator .switch input:checked+.slider:before{transform:translate(24px)}.alkalinity-calculator .disclaimer-box{margin-top:24px;padding:16px 18px;border:1px solid var(--warning-border);border-radius:14px;background:var(--warning-bg);color:var(--warning);font-size:.95rem;line-height:1.75}.alkalinity-calculator .disclaimer-box strong{color:var(--warning);font-weight:800;text-decoration:none}.alkalinity-calculator .content-sections{margin-top:34px}@media(max-width:840px){.alkalinity-calculator.calculator-container{padding:18px 10px}.alkalinity-calculator .calculator-card{padding:24px 18px 28px;border-radius:16px}.alkalinity-calculator h1{font-size:2.3rem}.alkalinity-calculator h2{font-size:1.35rem}.alkalinity-calculator p,.alkalinity-calculator li{font-size:.95rem}.alkalinity-calculator .intro-text,.alkalinity-calculator .form-stack,.alkalinity-calculator .content-sections,.alkalinity-calculator .disclaimer-box,.alkalinity-calculator #result{max-width:100%}.alkalinity-calculator .calc-row{flex-direction:column;align-items:flex-start;gap:10px}.alkalinity-calculator #calculateButton{width:100%;min-width:0}}@media(max-width:520px){.alkalinity-calculator .calculator-card{padding:20px 16px 24px;border-radius:14px}.alkalinity-calculator h1{font-size:1.9rem;margin-bottom:18px}.alkalinity-calculator h2{font-size:1.2rem}.alkalinity-calculator input[type=number],.alkalinity-calculator select,.alkalinity-calculator #calculateButton{font-size:16px}.alkalinity-calculator .toggle-container span{font-size:.85rem}}
/*# sourceMappingURL=/cdn/shop/t/205/assets/alkalinity-calculator.css.map */