.calculator-container{max-width:1200px;margin:0 auto;padding:15px;font-family:"Helvetica Neue",Arial,sans-serif;color:#333}.calculator-section{margin-bottom:20px;padding:0;border:1px solid #e5e5e5;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05);overflow:hidden}.ingredients-section{margin-bottom:25px;border:1px solid #e5e5e5;border-radius:6px;overflow:hidden}.ingredients-section:last-child{margin-bottom:0}.input-group{margin-bottom:12px;display:flex;align-items:center;position:relative;flex-wrap:wrap}.input-group label{width:120px;margin-right:12px;font-size:16px;color:#4a4a4a}.input-group-wrapper{position:relative;display:flex;width:auto;height:30px}.input-group input{width:50px;padding:4px 8px;border:1px solid #ddd;border-radius:0;font-size:14px;margin:0;height:100%;box-sizing:border-box}.input-group-addon{display:flex;align-items:center;padding:0 8px;background-color:#f5f5f5;color:#666;border:1px solid #ddd;font-size:13px;height:100%;box-sizing:border-box}.input-group-addon:first-child{border-right:none;border-radius:4px 0 0 4px}.input-group-addon:last-child{border-left:none;border-radius:0 4px 4px 0}.input-group input:first-child{border-radius:4px 0 0 4px}.input-group input:last-child{border-radius:0 4px 4px 0}.input-group-addon+input+.input-group-addon{border-radius:0 4px 4px 0}.input-group-addon+input{border-radius:0}.input-group input:focus{outline:none;border-color:#572604;box-shadow:0 0 0 2px rgba(76,175,80,.1)}.input-group::after{display:none}.ingredient-row{margin-bottom:8px;padding:8px;background-color:#f9f9f9;border-radius:6px}.ingredient-fields{display:grid;grid-template-columns:200px 120px 120px 120px;gap:12px}.ingredient-fields .input-group{margin-bottom:0;flex-direction:column;align-items:flex-start}.ingredient-fields .input-group label{width:auto;margin-bottom:4px;margin-right:0;font-size:13px;color:#666}.ingredient-fields .input-group-wrapper{width:100%}.ingredient-fields input[readonly]{background-color:#f8f8f8;color:#333;font-weight:500;transition:background-color 0.3s ease}.ingredient-fields .input-group input{width:100%}.ingredient-fields .input-group-wrapper{display:flex}.ingredient-fields .input-group-wrapper input{flex:1;min-width:0}.add-button-container{padding:0 15px 15px 15px}.add-button{background-color:#572604;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;margin-top:10px;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:background-color 0.2s}.add-button:hover{background-color:#45a049}.add-button:active{transform:translateY(1px)}h2,h3,h4{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:600;color:#2d2d2d}h2{text-align:center;margin-bottom:30px;font-size:28px;text-transform:uppercase;letter-spacing:1px}h3{margin-bottom:15px;font-size:22px;border-bottom:2px solid #572604;padding-bottom:10px}h4{margin-bottom:12px;font-size:18px;color:#4a4a4a}.ingredient-fields .extended-highlight{background-color:#edf7ed;transition:background-color 0.3s ease}.section-header{display:flex;justify-content:space-between;align-items:center;background-color:#f5f5f5;padding:12px 20px;margin-bottom:0;border-bottom:2px solid #572604}.section-header h3{margin:0;padding:0;flex:1;margin-right:20px;font-size:20px;border-bottom:none}.ingredients-content{padding:20px}.subsection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;background-color:#f8f8f8;padding:12px 15px;border-bottom:1px solid #e5e5e5}.subsection-header h4{margin:0;padding:0;font-size:16px}.total-cost{display:flex;align-items:center;gap:4px}.total-wrapper{display:flex;align-items:center}.total-amount{display:flex;align-items:center;gap:2px}.total-amount .currency{color:#666;font-size:14px;font-weight:500}.total-amount input{background:none;border:none;color:#333;font-weight:600;text-align:right;width:70px;font-size:14px;margin:0!important;padding:0!important}.total-cost .input-group-wrapper,.total-cost .input-group-addon,.total-label{display:none}.calculator-section>h3{margin:0;padding:12px 20px;background-color:#f5f5f5}.calculator-section>.input-group{padding:0 20px}.calculator-section>.input-group:first-of-type{margin-top:20px}.calculator-section>.input-group:last-of-type{margin-bottom:20px}.calculator-layout{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.calculator-results{position:sticky;top:20px}.results-content{padding:0}.result-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding:8px 15px}.result-row:nth-child(even){background-color:#f9f9f9}.result-row:last-child{margin-bottom:0}.result-row label{font-size:14px;color:#666;font-weight:500;width:160px}.result-value{display:flex;align-items:center;width:120px;height:30px}.result-value input{width:100%;background:#fff;border:1px solid #ddd;border-radius:0;color:#333;font-weight:600;margin-bottom:0!important;text-align:right;padding:4px 8px;font-size:14px;max-width:90px;height:100%;margin:0;box-sizing:border-box}.result-value .input-group-addon{display:flex;align-items:center;padding:0 8px;background-color:#f5f5f5;color:#666;border:1px solid #ddd;font-size:13px;height:100%;box-sizing:border-box}.result-value .input-group-addon:first-child{border-right:none;border-radius:4px 0 0 4px}.result-value .input-group-addon:last-child{border-left:none;border-radius:0 4px 4px 0}.result-value input:first-child{border-radius:4px 0 0 4px}.result-value input:last-child{border-radius:0 4px 4px 0}.calculator-results .calculator-section{width:340px}.calculator-inputs{width:100%}.ingredient-fields .input-group:first-child .input-group-wrapper{width:100%}.ingredient-fields .input-group:first-child input{width:100%}.ingredient-fields .input-group:not(:first-child) input{width:70px}.calculator-section>.input-group .input-group-wrapper{width:auto}.calculator-section>.input-group input{width:50px}.field-note{font-size:13px;color:#666;margin-left:12px;font-style:italic}#costPerGallon{width:80px}.input-group input:not(#costPerGallon):not(.malt-name):not(.hop-name){width:50px}.additional-inputs-content{padding:20px;display:flex;flex-wrap:wrap;gap:20px;max-width:400px}.additional-inputs-content .input-group{flex:1;min-width:180px;margin:0}.additional-inputs-content .input-group label{width:auto;margin-right:0;margin-bottom:4px;font-size:14px;color:#666}.additional-inputs-content .input-group-wrapper{width:100%}.additional-inputs-content input{width:100%!important}.calculator-section>.input-group{padding:0}.calculator-section>.input-group:first-of-type{margin-top:0}.calculator-section>.input-group:last-of-type{margin-bottom:0}.batch-info-content{padding:20px;display:flex;flex-wrap:wrap;gap:20px;max-width:600px}.batch-info-content .input-group{flex:1;min-width:150px;margin:0;display:flex;flex-direction:column;align-items:flex-start}.batch-info-content .input-group label{width:auto;margin-right:0;margin-bottom:4px;font-size:14px;color:#666}.batch-info-content .input-group-wrapper{width:100%}.batch-info-content input{width:100%!important}.batch-info-content .field-note{margin-top:4px;margin-left:0}.calculator-section>.input-group{padding:0}.calculator-section>.input-group:first-of-type{margin-top:0}.calculator-section>.input-group:last-of-type{margin-bottom:0}.export-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;padding:12px;background-color:#572604;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color 0.2s}.export-button:hover{background-color:#45a049}.export-button svg{width:16px;height:16px}@media (max-width:989px){.calculator-layout{grid-template-columns:1fr;gap:30px}.calculator-results{position:relative;top:0}.calculator-results .calculator-section{width:100%}.batch-info-content,.additional-inputs-content{gap:15px}.ingredient-fields{grid-template-columns:1fr 1fr;gap:10px}.ingredient-fields .input-group{grid-column:span 1}.ingredient-fields .input-group:first-child{grid-column:span 2}}@media (max-width:767px){.calculator-container{padding:10px}.calculator-container h2{font-size:24px;margin-bottom:20px}.section-header h3{font-size:18px}.subsection-header h4{font-size:16px}.ingredient-fields{grid-template-columns:1fr;gap:8px}.ingredient-fields .input-group,.ingredient-fields .input-group:first-child{grid-column:span 1}.result-row{padding:10px}.result-row label{font-size:13px;width:120px}.result-value{width:110px}.result-value input{font-size:13px;max-width:80px}.add-button,.export-button{padding:12px 20px;font-size:16px}.add-button-container{padding:0 10px 10px 10px}.field-note{margin-left:0;margin-top:4px;display:block}input[type="number"],input[type="text"]{min-height:36px}.input-group-addon{min-height:36px;padding:0 10px}}@media (max-width:480px){.calculator-container{padding:5px}.batch-info-content .input-group,.additional-inputs-content .input-group{width:100%}.input-group label{font-size:14px}.total-cost input{font-size:16px;font-weight:600}}.email-button{margin-top:10px}.email-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.email-modal-content{background-color:#fff;margin:15% auto;padding:20px;border-radius:4px;width:90%;max-width:500px;position:relative}.close-modal{position:absolute;right:20px;top:10px;font-size:28px;font-weight:700;cursor:pointer;color:#666}.email-form{margin-top:20px}.email-form .input-group{margin-bottom:15px}.email-form input[type="email"]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.checkbox-group{display:flex;align-items:center;gap:8px;margin-bottom:20px}.send-email-button{width:100%;padding:12px;background-color:#572604;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.send-email-button:hover{background-color:#45a049}