.coffee-calculator-wrapper{background:linear-gradient(135deg,#f8f5f1,#f0eae3);padding:60px 0}.coffee-calculator-wrapper *{box-sizing:border-box}.coffee-calculator-wrapper .container{max-width:700px;margin:0 auto;padding:0 30px}.coffee-calculator-wrapper .header{text-align:center;margin-bottom:50px}.coffee-calculator-wrapper .logo{max-width:220px;height:auto;margin-bottom:30px}.coffee-calculator-wrapper .calculator-title{font-size:2.4em;font-weight:700;color:#3d2914;margin-bottom:20px;font-family:inherit;line-height:1.2}.coffee-calculator-wrapper .calculator-subtitle{font-size:1.2em;color:#5c4032;max-width:500px;margin:0 auto;line-height:1.5}.coffee-calculator-wrapper .calculator{background:#fff;border-radius:16px;padding:40px;box-shadow:0 8px 32px #3d29141a;margin-bottom:40px;border:1px solid #e6d9cc}.coffee-calculator-wrapper .unit-toggle{display:flex;justify-content:center;margin-bottom:35px;background:#f7f3ee;border-radius:12px;padding:6px;gap:6px;box-shadow:inset 0 2px 4px #3d29140d}.coffee-calculator-wrapper .unit-btn{flex:1;padding:12px 24px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;color:#5c4032;font-family:inherit;font-size:1em}.coffee-calculator-wrapper .unit-btn.active{background:#fff;color:#3d2914;box-shadow:0 2px 8px #3d291426}.coffee-calculator-wrapper .unit-btn:hover:not(.active){background:#fff9}.coffee-calculator-wrapper .input-section{margin-bottom:35px}.coffee-calculator-wrapper .label{display:block;font-weight:600;color:#3d2914;margin-bottom:15px;font-size:1.15em;line-height:1.4}.coffee-calculator-wrapper .input-container{position:relative}.coffee-calculator-wrapper .water-input{width:100%;padding:18px 20px;font-size:1.2em;border:2px solid #e6d9cc;border-radius:12px;transition:all .3s ease;background:#fdfcfa;font-family:inherit;color:#3d2914}.coffee-calculator-wrapper .water-input:focus{outline:none;border-color:#c17b47;background:#fff;box-shadow:0 0 0 3px #c17b471a}.coffee-calculator-wrapper .unit-display{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#5c4032;font-weight:600;pointer-events:none}.coffee-calculator-wrapper .ratio-section{margin:30px 0}.coffee-calculator-wrapper .ratio-options{display:flex;gap:12px;flex-wrap:wrap}.coffee-calculator-wrapper .ratio-btn{flex:1;min-width:90px;padding:16px 12px;border:2px solid #e6d9cc;background:#fdfcfa;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center;font-weight:600;color:#5c4032;font-family:inherit;font-size:.95em;line-height:1.3}.coffee-calculator-wrapper .ratio-btn:hover{border-color:#c17b47;background:#f9f6f2;transform:translateY(-1px)}.coffee-calculator-wrapper .ratio-btn.active{border-color:#c17b47;background:linear-gradient(135deg,#c17b47,#a86638);color:#fff;box-shadow:0 4px 12px #c17b474d;transform:translateY(-1px)}.coffee-calculator-wrapper .results{background:linear-gradient(135deg,#f7f3ee,#f0eae3);padding:35px;border-radius:16px;text-align:center;margin:30px 0;border:2px solid #e6d9cc;box-shadow:0 4px 16px #3d291414}.coffee-calculator-wrapper .result-value{font-size:3.2em;font-weight:700;color:#3d2914;margin-bottom:8px;line-height:1}.coffee-calculator-wrapper .result-label{color:#5c4032;font-size:1.2em;font-weight:500;line-height:1.3}.coffee-calculator-wrapper .conversion-note{background:#fff8f0;border:2px solid #e6d9cc;border-radius:12px;padding:20px;margin:20px 0;font-size:.95em;color:#5c4032;text-align:center;line-height:1.4}.coffee-calculator-wrapper .educational{background:#fff;border-radius:16px;padding:40px;box-shadow:0 8px 32px #3d29141a;border:1px solid #e6d9cc}.coffee-calculator-wrapper .educational h3{color:#3d2914;margin-bottom:20px;font-weight:700;font-family:inherit;font-size:1.5em;line-height:1.3}.coffee-calculator-wrapper .educational p{color:#5c4032;line-height:1.6;margin-bottom:25px;font-size:1.05em}.coffee-calculator-wrapper .ratio-guide{margin:30px 0}.coffee-calculator-wrapper .ratio-item{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 0;border-bottom:1px solid #f0eae3;gap:20px}.coffee-calculator-wrapper .ratio-item:last-child{border-bottom:none}.coffee-calculator-wrapper .ratio-name{font-weight:600;color:#3d2914;font-size:1.05em;min-width:120px}.coffee-calculator-wrapper .ratio-description{color:#5c4032;font-size:.95em;text-align:right;max-width:280px;line-height:1.5}.coffee-calculator-wrapper .tip-box{background:linear-gradient(135deg,#fff8f0,#f7f3ee);border-left:4px solid #c17b47;padding:25px;margin:30px 0;border-radius:0 12px 12px 0;box-shadow:0 2px 8px #c17b471a}.coffee-calculator-wrapper .tip-box p{margin:0;color:#3d2914;line-height:1.6;font-size:1.05em}@media (max-width: 600px){.coffee-calculator-wrapper .container{padding:0 15px}.coffee-calculator-wrapper .ratio-options{flex-direction:column}.coffee-calculator-wrapper .ratio-btn{min-width:auto}.coffee-calculator-wrapper .ratio-item{flex-direction:column;align-items:flex-start;gap:5px}.coffee-calculator-wrapper .ratio-description{text-align:left;max-width:none}.coffee-calculator-wrapper .unit-toggle{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/coffee-calculator.css.map */