.mastitis-calculator-container *{box-sizing:border-box;margin:0;padding:0}.mastitis-calculator-container .error-message{background-color:#e95a36;border-radius:6px;color:#fff;opacity:0;padding:12px 20px;position:fixed;right:20px;top:20px;transform:translateY(-20px);transition:all .3s ease;z-index:1000}.mastitis-calculator-container .error-message.show{opacity:1;transform:translateY(0)}.mastitis-calculator-container .container{margin:0 auto;max-width:1200px;padding:20px;width:100%}.mastitis-calculator-container .calculator-section{border-radius:12px;display:flex;min-height:400px;overflow:hidden}.mastitis-calculator-container .left-section{align-items:center;display:flex;flex:1;justify-content:center;min-height:400px;overflow:visible;padding:40px;position:relative}.mastitis-calculator-container .right-section{flex:1.5;padding:20px}.mastitis-calculator-container h2{margin-bottom:8px}.mastitis-calculator-container .subtitle{color:#666;margin-bottom:30px}.mastitis-calculator-container .input-groups-container{display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.mastitis-calculator-container .input-group{margin-bottom:0;margin-left:0;margin-right:auto;max-width:400px;text-align:left}.mastitis-calculator-container .input-group label{display:flex;flex-direction:column;font-weight:500;gap:8px;text-align:left}.mastitis-calculator-container .input-group label>span{align-items:center;display:flex;font-weight:1000;gap:8px;justify-content:flex-start;white-space:nowrap}.mastitis-calculator-container .subtext{color:#666;font-weight:400}.mastitis-calculator-container input{border:1px solid #000;border-radius:6px;max-width:none;padding:12px;text-align:left;width:50%}.mastitis-calculator-container input::placeholder{color:#aaa;opacity:1}.mastitis-calculator-container input::-moz-placeholder{color:#aaa;opacity:1}.mastitis-calculator-container input:-ms-input-placeholder{color:#aaa}.mastitis-calculator-container input::-webkit-input-placeholder{color:#aaa}.mastitis-calculator-container input[type=number]::-webkit-inner-spin-button,.mastitis-calculator-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mastitis-calculator-container input[type=number]{-moz-appearance:textfield;appearance:textfield}.mastitis-calculator-container .input-with-unit{align-items:center;display:inline-flex;margin-left:0;margin-right:auto;max-width:100%;position:relative;width:200px}.mastitis-calculator-container .input-with-unit input{padding-right:40px;text-align:left;width:100%}.mastitis-calculator-container .unit{font-weight:700;position:absolute;right:12px}.mastitis-calculator-container .calculate-btn,.mastitis-calculator-container .primary-btn{background-color:#e6461e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:12px 24px;transition:background-color .3s}.mastitis-calculator-container .primary-btn{display:inline-block}.mastitis-calculator-container .calculate-btn:hover,.mastitis-calculator-container .primary-btn:hover{background-color:#c93817}.mastitis-calculator-container .action-section{align-items:center;display:flex;gap:16px;margin-bottom:30px;margin-top:20px}.mastitis-calculator-container .how-it-works,.mastitis-calculator-container .secondary-btn{background:none;border:none;color:#e6461e;cursor:pointer;padding:8px 0;text-decoration:underline;transition:color .3s}.mastitis-calculator-container .how-it-works:hover,.mastitis-calculator-container .secondary-btn:hover{color:#c93817}.mastitis-calculator-container .results-section{background:#fff;border-radius:12px;margin-top:30px;padding:20px}.mastitis-calculator-container .results-section h2{font-weight:700;margin-bottom:20px}.mastitis-calculator-container .result-item{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 0}.mastitis-calculator-container .result-item.total{border-bottom:none;border-top:2px solid #ddd;font-weight:700;margin-top:8px;padding-top:20px}.mastitis-calculator-container .result-actions{display:flex;justify-content:flex-end;margin-top:20px}.mastitis-calculator-container .recalculate-btn{align-items:center;background-color:#f0f0f0;border:none;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:10px 20px;transition:background-color .3s}.mastitis-calculator-container .recalculate-btn:hover{background-color:#e0e0e0}.mastitis-calculator-container .sources h3{font-weight:700;margin-bottom:10px}.mastitis-calculator-container .sources p{color:#666;line-height:1.5;margin-bottom:10px}.mastitis-calculator-container .results-display{background:#fff;border-radius:0;margin:0;max-width:100%;padding:40px 20px;text-align:center;width:100%}.mastitis-calculator-container .results-display h2{color:#888;font-weight:700;margin-bottom:25px}.mastitis-calculator-container .losses-grid{display:flex;gap:40px;justify-content:center;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:1000px}.mastitis-calculator-container .loss-item{align-items:center;display:flex;flex-direction:column;margin-bottom:15px}.mastitis-calculator-container .icon-circle{align-items:center;background-color:#e6461e;border:2px solid #e6461e;border-radius:50%;display:flex;height:100px;justify-content:center;margin-bottom:16px;overflow:hidden;position:relative;width:100px}.mastitis-calculator-container .circle-image{height:auto;object-fit:contain;width:60%}.mastitis-calculator-container .loss-item:first-child .icon-circle{background-color:#e6461e}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.mastitis-calculator-container .loss-details{align-items:center;display:flex;flex-direction:column;gap:4px}.mastitis-calculator-container .loss-value{font-size:28px;font-weight:700;margin-bottom:8px}.mastitis-calculator-container .loss-number,.mastitis-calculator-container .loss-unit{display:inline;font-size:28px;font-weight:700}.mastitis-calculator-container .loss-period{color:#888}.mastitis-calculator-container .loss-conclusion{margin-top:20px;text-align:center}.mastitis-calculator-container .loss-conclusion h3{color:#888;font-weight:700;margin-bottom:20px}.mastitis-calculator-container .buttons-row{display:flex;gap:20px;justify-content:center;margin-bottom:30px}.mastitis-calculator-container .buttons-row .how-it-works{align-self:center}.mastitis-calculator-container .subtle-btn{align-items:center;background-color:transparent;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .3s}.mastitis-calculator-container .subtle-btn .icon{margin-right:5px}.mastitis-calculator-container .subtle-btn:hover{background-color:#f5f5f5;border-color:#ccc}.mastitis-calculator-container .contact-info{color:#666;line-height:1.6;margin:0 auto 20px;max-width:600px}.mastitis-calculator-container .cta-buttons{display:flex;gap:16px;justify-content:center}.contact-btn,.cta-buttons .recalculate-btn,.mastitis-calculator-container .emma-btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:12px 24px;transition:all .3s}.contact-btn,.mastitis-calculator-container .emma-btn{font-weight:700}.mastitis-calculator-container .contact-btn{background-color:#e6461e;border:none;color:#fff;padding:12px 20px}.mastitis-calculator-container .secondary-contact-btn{background-color:#fff;border:1px solid #e6461e;border-radius:6px;color:#e6461e;cursor:pointer;font-weight:700;padding:12px 20px;transition:all .3s}.mastitis-calculator-container .contact-btn .icon{margin-right:5px}.mastitis-calculator-container .contact-btn:hover{background-color:#c93817}.mastitis-calculator-container .secondary-contact-btn:hover{background-color:#f8f8f8;transform:translateY(-2px)}.contact-btn:hover,.cta-buttons .recalculate-btn:hover,.mastitis-calculator-container .emma-btn:hover{transform:translateY(-2px)}.mastitis-calculator-container .circles-container{height:100%;position:relative;width:100%}.mastitis-calculator-container .circle-large{animation:float-right 5s ease-in-out infinite;background-color:#e6461e;border:2px solid #e6461e;height:160px;left:50%;opacity:1;position:absolute;top:10%;transform:translateX(-50%);width:160px;z-index:5}.mastitis-calculator-container .circle-medium{animation:float 6s ease-in-out infinite;background-color:#e6461e;border:2px solid #e6461e;bottom:20%;height:120px;left:20%;opacity:1;position:absolute;width:120px;z-index:6}.mastitis-calculator-container .circle-small{animation:float 4s ease-in-out infinite;background-color:#e6461e;border:2px solid #e6461e;bottom:30%;height:100px;opacity:1;position:absolute;right:15%;width:100px;z-index:7}@keyframes float-right{0%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-15px)}to{transform:translateX(-50%) translateY(0)}}.mastitis-calculator-container .popup-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.mastitis-calculator-container .popup-content{background-color:#fff;border-radius:12px;max-height:80vh;max-width:95%;overflow-y:auto;padding:30px;position:relative;width:fit-content}.mastitis-calculator-container .popup-close{align-items:center;background:none;border:none;border-radius:50%;color:#e6461e;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:color .3s;width:30px}.mastitis-calculator-container .popup-close:hover{background-color:rgba(230,70,30,.2);color:#c93817}.mastitis-calculator-container .popup-content h2{font-weight:700;margin-bottom:20px;padding-right:30px}@media screen and (max-width:768px){.mastitis-calculator-container .calculator-section{flex-direction:column}.mastitis-calculator-container .left-section{display:none}.mastitis-calculator-container .right-section{flex:1}.mastitis-calculator-container .input-groups-container{max-width:100%}.input-with-unit,.mastitis-calculator-container input{width:100%}.mastitis-calculator-container .input-group{margin-left:auto;margin-right:auto;text-align:center}.mastitis-calculator-container .input-group label{text-align:center}.mastitis-calculator-container .input-group label>span{align-items:center;flex-direction:column;justify-content:center}.mastitis-calculator-container .input-with-unit{margin-left:auto;margin-right:auto;width:200px}.mastitis-calculator-container .input-with-unit input{text-align:center}.mastitis-calculator-container .subtext{display:block}.mastitis-calculator-container h2{margin-bottom:8px}.loss-conclusion h3,.mastitis-calculator-container .results-display h2{color:#888;margin-bottom:22px}.mastitis-calculator-container .losses-grid{flex-direction:column;gap:30px;margin-bottom:20px}.mastitis-calculator-container .loss-item{flex-direction:row;gap:20px;margin-bottom:10px;text-align:left}.mastitis-calculator-container .icon-circle{height:80px;margin-bottom:0;width:80px}.mastitis-calculator-container .loss-value{margin-bottom:2px}.mastitis-calculator-container .loss-period{margin-top:0}.mastitis-calculator-container .cta-buttons{flex-direction:column}.contact-btn,.mastitis-calculator-container .emma-btn,.secondary-contact-btn{width:100%}.mastitis-calculator-container .circle-large{background-color:#e6461e;border:2px solid #e6461e;height:120px;left:50%;opacity:1;top:10%;transform:translateX(-50%);width:120px;z-index:5}.mastitis-calculator-container .circle-medium{background-color:#e6461e;border:2px solid #e6461e;bottom:20%;height:90px;left:20%;opacity:1;width:90px;z-index:6}.mastitis-calculator-container .circle-small{background-color:#e6461e;border:2px solid #e6461e;bottom:20%;height:70px;opacity:1;right:10%;width:70px;z-index:7}.mastitis-calculator-container .results-display h2{margin-bottom:20px}.mastitis-calculator-container .loss-conclusion h3{margin-top:20px}}@media screen and (max-width:480px){.mastitis-calculator-container .container{padding:10px}.mastitis-calculator-container .action-section{align-items:stretch;flex-direction:column;gap:10px}.mastitis-calculator-container .left-section{min-height:200px;padding:20px}.input-with-unit,.mastitis-calculator-container input{max-width:200px;width:100%}.mastitis-calculator-container .action-section{margin-bottom:20px}.mastitis-calculator-container .calculate-btn{width:100%}.mastitis-calculator-container .results-section{padding:15px}.mastitis-calculator-container .result-item{flex-direction:column;gap:4px}.mastitis-calculator-container .popup-content{padding:20px;width:95%}.mastitis-calculator-container h2{margin-bottom:8px}.mastitis-calculator-container .subtitle{margin-bottom:20px}.mastitis-calculator-container .input-group label>span{align-items:center}.mastitis-calculator-container .subtext{margin-top:2px}.mastitis-calculator-container input{padding:10px}.mastitis-calculator-container .unit{right:10px}.mastitis-calculator-container .circle-large{animation:none;background-color:#e6461e;border:2px solid #e6461e;height:100px;left:50%;opacity:1;top:50%;transform:translate(-50%,-50%);width:100px;z-index:5}.mastitis-calculator-container .circle-medium{height:70px;left:20%;width:70px;z-index:6}.mastitis-calculator-container .circle-medium,.mastitis-calculator-container .circle-small{animation:none;background-color:#e6461e;border:2px solid #e6461e;bottom:auto;opacity:1;top:25%}.mastitis-calculator-container .circle-small{height:50px;right:20%;width:50px;z-index:7}.mastitis-calculator-container .cta-buttons{flex-direction:column;gap:10px}.mastitis-calculator-container .contact-btn,.mastitis-calculator-container .secondary-contact-btn{justify-content:center;padding:10px 16px;width:100%}.mastitis-calculator-container .results-display{margin:20px auto;padding:20px}.mastitis-calculator-container .results-display h2{color:#888;margin:5px 10px 25px}.mastitis-calculator-container .losses-grid{gap:25px;margin-bottom:30px}.mastitis-calculator-container .loss-item{align-items:center;gap:15px;margin:20px 0}.mastitis-calculator-container .icon-circle{flex-shrink:0;height:60px;width:60px}.mastitis-calculator-container .circle-image{width:50%}.mastitis-calculator-container .loss-details{align-items:flex-start}.mastitis-calculator-container .loss-value{line-height:1.2;margin-bottom:2px}.mastitis-calculator-container .loss-period{margin-top:0}.mastitis-calculator-container .loss-conclusion{padding:0 10px}.mastitis-calculator-container .loss-conclusion h3{color:#888;margin-bottom:18px}.mastitis-calculator-container .buttons-row{flex-direction:column;gap:10px;margin-bottom:20px}.mastitis-calculator-container .buttons-row .recalculate-btn{width:100%}.mastitis-calculator-container .contact-info{margin-bottom:20px}.mastitis-calculator-container .buttons-row{align-items:stretch}.mastitis-calculator-container .subtle-btn{justify-content:center}.mastitis-calculator-container .how-it-works{text-align:center}}@media screen and (max-width:350px){.mastitis-calculator-container h2{margin-bottom:6px}.mastitis-calculator-container .subtitle{margin-bottom:15px}.mastitis-calculator-container .popup-content h2,.mastitis-calculator-container .results-section h2{margin-bottom:12px}.mastitis-calculator-container .left-section{display:none}.mastitis-calculator-container .icon-circle{height:50px;width:50px}.mastitis-calculator-container .loss-details{flex:1}.mastitis-calculator-container .loss-value{margin-bottom:1px}.mastitis-calculator-container .loss-period{margin-top:0}.mastitis-calculator-container .loss-conclusion h3,.mastitis-calculator-container .results-display h2{margin-bottom:12px}.mastitis-calculator-container .contact-info{margin-bottom:15px}.mastitis-calculator-container .contact-btn{padding:8px 12px}.mastitis-calculator-container .subtle-btn{padding:6px 10px}.mastitis-calculator-container .buttons-row{margin-bottom:15px}.mastitis-calculator-container .how-it-works{padding:6px 0}.mastitis-calculator-container .losses-grid{margin-bottom:20px}.mastitis-calculator-container .loss-item{gap:10px}.mastitis-calculator-container .subtle-btn .icon{margin-right:4px}}