.dosage-calculator__header{max-width:720px;margin-block-end:3rem}.dosage-calculator__title{margin-block-end:1rem}.dosage-calculator__intro{color:var(--color-foreground);line-height:1.6}.dosage-calculator__main{display:grid;grid-template-columns:1fr;gap:2.5rem;margin-block-end:4rem}@media screen and (min-width:750px){.dosage-calculator__main{grid-template-columns:1fr 1fr;align-items:start}}.dosage-calculator__form{display:flex;flex-direction:column;gap:1.5rem}.dosage-calculator__field{display:flex;flex-direction:column;gap:.375rem}.dosage-calculator__label{display:flex;justify-content:space-between;align-items:baseline;font-size:.875rem;font-weight:600;color:var(--color-foreground-heading)}.dosage-calculator__unit-badge{font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:100px;background:rgb(var(--color-foreground-rgb, 0 0 0) / .08);color:var(--color-foreground)}.dosage-calculator__input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-input-border, var(--color-border));border-radius:var(--inputs_border_radius, 4px);background:var(--color-input-background, transparent);color:var(--color-input-text, var(--color-foreground));font-family:var(--font-body--family);font-size:1rem;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;appearance:none}.dosage-calculator__input:focus{outline:none;border-color:#1b2b5e;box-shadow:0 0 0 3px #1b2b5e26}.dosage-calculator__hint{font-size:.75rem;color:var(--color-foreground);opacity:.65;line-height:1.4}.dosage-calculator__error{padding:.75rem 1rem;background:#fff0f0;border:1px solid #ffcccc;border-radius:6px;color:#c0392b;font-size:.875rem;line-height:1.4}.dosage-calculator__submit{margin-block-start:.5rem;width:100%}.dosage-calculator__results{display:flex;flex-direction:column;gap:1.5rem}.dosage-calculator__results-heading{font-size:var(--font-size--h3, 2rem);color:var(--color-foreground-heading);margin:0}.dosage-calculator__results-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dosage-calculator__result-card{display:flex;flex-direction:column;gap:.25rem;padding:1.25rem;border-radius:12px;background:rgb(var(--color-foreground-rgb, 0 0 0) / .04);border:1px solid rgb(var(--color-foreground-rgb, 0 0 0) / .08);transition:transform .2s ease}.dosage-calculator__result-card--highlight{background:#1b2b5e;border-color:#1b2b5e;color:#fff;grid-column:1 / -1}.dosage-calculator__result-card--highlight .dosage-calculator__result-label,.dosage-calculator__result-card--highlight .dosage-calculator__result-unit,.dosage-calculator__result-card--highlight .dosage-calculator__result-note{color:#fffc}.dosage-calculator__result-card--highlight .dosage-calculator__result-value{color:#fff;font-size:clamp(2rem,5vw,3rem)}.dosage-calculator__result-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-foreground);opacity:.7}.dosage-calculator__result-value{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--color-foreground-heading);line-height:1.1;font-variant-numeric:tabular-nums}.dosage-calculator__result-unit{font-size:.8125rem;color:var(--color-foreground);opacity:.65}.dosage-calculator__result-note{font-size:.75rem;color:var(--color-foreground);opacity:.6;font-style:italic;margin-block-start:.25rem}.dosage-calculator__explanation{padding:1rem 1.25rem;border-left:3px solid #00A99D;background:#00a99d0f;border-radius:0 8px 8px 0;font-size:.9rem;color:var(--color-foreground);line-height:1.5}.dosage-calculator__how-it-works{border-top:1px solid rgb(var(--color-foreground-rgb, 0 0 0) / .1);padding-block-start:3rem;margin-block-end:3rem}.dosage-calculator__how-heading{margin-block-end:2rem}.dosage-calculator__steps{display:flex;flex-direction:column;gap:1.5rem}@media screen and (min-width:750px){.dosage-calculator__steps{flex-direction:row;gap:2rem}}.dosage-calculator__step{display:flex;gap:1rem;align-items:flex-start;flex:1}.dosage-calculator__step-number{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;min-width:2.25rem;border-radius:50%;background:#1b2b5e;color:#fff;font-weight:700;font-size:.875rem;line-height:1}.dosage-calculator__step-body{display:flex;flex-direction:column;gap:.375rem}.dosage-calculator__step-title{font-size:.9375rem;font-weight:600;color:var(--color-foreground-heading)}.dosage-calculator__step-text{font-size:.875rem;color:var(--color-foreground);opacity:.8;line-height:1.5;margin:0}.dosage-calculator__disclaimer{padding:1.25rem 1.5rem;border-radius:8px;background:rgb(var(--color-foreground-rgb, 0 0 0) / .04);border:1px solid rgb(var(--color-foreground-rgb, 0 0 0) / .1);font-size:.8125rem;color:var(--color-foreground);opacity:.8;line-height:1.5}.dosage-calculator__disclaimer p{margin:0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-custom-dosage-calculator.css.map */