.chopp-calculator{background:var(--cream);color:var(--ink);padding:clamp(80px,11vw,150px) 0;scroll-margin-top:80px;position:relative;overflow:hidden}.chopp-calculator:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 100% 0,#f2b13438,#0000 60%),radial-gradient(40% 40% at 0 100%,#2f6fd61a,#0000 60%);position:absolute;inset:0}.calculator-inner{width:min(100% - var(--gutter) * 2, var(--container));margin:0 auto;position:relative}.calculator-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:clamp(36px,4vw,56px);display:flex}.calculator-eyebrow{letter-spacing:.16em;color:var(--amber-ink);align-items:center;gap:10px;margin:0 0 22px;font-size:12px;font-weight:600;display:flex}.calculator-eyebrow>span{background:var(--amber-ink);border-radius:50%;width:7px;height:7px}.calculator-heading h2{font-family:var(--font-display);letter-spacing:-.035em;color:var(--ink);max-width:14ch;margin:0;font-size:clamp(40px,5.6vw,84px);font-weight:600;line-height:1}.calculator-heading h2>span{color:var(--amber-ink-display);font-style:italic;font-weight:500}.calculator-intro{color:var(--ink-2);max-width:360px;margin:0 0 8px;font-size:16px;line-height:1.7}.calculator-panel{border:1px solid var(--cream-3);border-radius:var(--radius-lg);background:#fffdf8;grid-template-columns:1.1fr 1fr;display:grid;overflow:hidden;box-shadow:0 40px 90px -50px #0c112259}.calculator-controls{padding:clamp(28px,3.4vw,44px)}.calculator-control-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.calculator-control-top>label{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.calculator-control-top>label>svg{color:var(--ink-3);flex-shrink:0}.calculator-stepper{border:1px solid var(--cream-3);background:#fff;border-radius:10px;flex-shrink:0;align-items:center;height:48px;display:flex;overflow:hidden}.calculator-stepper button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:100%;transition:background .2s;display:grid}.calculator-stepper button:hover:not(:disabled){background:var(--cream-2)}.calculator-stepper button:disabled{opacity:.35;cursor:default}.calculator-stepper input{text-align:center;width:58px;min-width:0;font-family:var(--font-display);color:var(--ink);appearance:textfield;background:0 0;border:0;outline:0;padding:0;font-size:26px;font-weight:600}.calculator-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.calculator-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calculator-helper{color:var(--ink-3);margin:8px 0 20px;font-size:12px;line-height:1.6}.calculator-range{appearance:none;background:linear-gradient(to right, var(--amber-deep) 0%, var(--amber) var(--range-fill), var(--cream-3) var(--range-fill), var(--cream-3) 100%);cursor:pointer;border:0;border-radius:6px;width:100%;height:6px;margin:16px 0;display:block}.calculator-range::-webkit-slider-thumb{appearance:none;background:var(--amber-deep);width:22px;height:22px;box-shadow:0 0 0 1px var(--amber-deep), 0 4px 12px #c8801a66;border:4px solid #fff;border-radius:50%;transition:box-shadow .2s,transform .2s}.calculator-range::-moz-range-thumb{background:var(--amber-deep);width:14px;height:14px;box-shadow:0 0 0 1px var(--amber-deep);border:4px solid #fff;border-radius:50%}.calculator-range:hover::-webkit-slider-thumb{transform:scale(1.08);box-shadow:0 0 0 6px #c8801a2e}.calculator-range-labels{color:var(--ink-3);justify-content:space-between;font-size:11px;display:flex}.calculator-duration{border-top:1px solid var(--cream-2);margin-top:30px;padding-top:26px}.calculator-duration-value{font-family:var(--font-display);white-space:nowrap;font-size:26px;font-weight:600}.calculator-duration-value small{color:var(--ink-3);font-family:inherit;font-size:14px;font-weight:400}.calculator-duration>.calculator-range{margin-top:22px}.calculator-duration-presets{gap:8px;margin-top:20px;display:flex}.calculator-duration-presets button{border:1px solid var(--cream-3);min-height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:999px;flex:1;padding:6px;font-family:inherit;font-size:12px;font-weight:600;transition:background .25s,border-color .25s,color .25s}.calculator-duration-presets button:hover{border-color:var(--amber-deep)}.calculator-duration-presets button.is-selected{background:var(--navy-900);border-color:var(--navy-900);color:var(--cream)}.calculator-event-details{border-top:1px solid var(--cream-2);margin-top:28px;padding-top:24px}.calculator-event-details summary{cursor:pointer;align-items:center;gap:8px;margin:-10px 0;padding:10px 0;font-size:13px;font-weight:600;list-style:none;display:flex}.calculator-event-details summary::-webkit-details-marker{display:none}.calculator-event-details summary>span{color:var(--ink-3);font-size:11px;font-weight:400}.calculator-event-details summary>svg{color:var(--ink-3);margin-left:auto;transition:transform .3s}.calculator-event-details[open] summary>svg{transform:rotate(180deg)}.calculator-detail-fields{grid-template-columns:1fr 1fr;gap:18px 12px;margin-top:22px;display:grid}.calculator-detail-fields label{flex-direction:column;gap:8px;min-width:0;font-size:12px;font-weight:600;display:flex}.calculator-detail-fields input{box-sizing:border-box;border:1px solid var(--cream-3);width:100%;min-width:0;max-width:100%;height:44px;color:var(--ink);background:#fff;border-radius:10px;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.calculator-detail-fields input:focus{outline:2px solid var(--amber-deep);outline-offset:0;border-color:#0000}.calculator-detail-fields input::placeholder{color:var(--ink-3);font-size:12px}.calculator-details-note{color:var(--ink-3);margin:14px 0 0;font-size:11px;line-height:1.5}.calculator-formula{max-width:440px;color:var(--ink-3);margin:24px 0 0;font-size:12px;line-height:1.7}.calculator-result{isolation:isolate;background:var(--navy-900);min-width:0;color:var(--text);flex-direction:column;padding:clamp(28px,3.4vw,42px);display:flex;position:relative;overflow:hidden}.calculator-result:before{content:"";z-index:-1;border:1px solid #f2b13438;border-radius:50%;width:300px;height:300px;position:absolute;top:-150px;right:-120px}.calculator-result:after{content:"";z-index:-1;border:1px solid #f2b13424;border-radius:50%;width:400px;height:400px;position:absolute;top:-200px;right:-170px}.calculator-result-topline{letter-spacing:.14em;z-index:1;color:var(--amber);justify-content:space-between;align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex;position:relative}.calculator-live{letter-spacing:.1em;color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.calculator-live i{background:#3ddc84;border-radius:100%;width:5px;height:5px;box-shadow:0 0 8px #3ddc84}.calculator-estimate{z-index:1;min-height:180px;margin:40px 0 30px;position:relative}.calculator-estimate>p:first-child{color:var(--text-2);max-width:80%;margin:0 0 6px;font-size:13px;line-height:1.6}.calculator-liters{align-items:center;gap:16px;display:flex}.calculator-liters>strong{font-family:var(--font-display);letter-spacing:-.05em;color:var(--amber);font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 96;font-size:clamp(76px,7.5vw,112px);font-weight:500;line-height:1.05}.calculator-liters>span{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;font-size:20px;line-height:1.15}.calculator-estimate>.calculator-barrels{color:var(--cream);background:#f2b1341a;border:1px solid #f2b13466;border-radius:30px;margin:16px 0 0;padding:9px 14px;font-size:12px;font-weight:600;display:table}.calculator-glass{z-index:-1;opacity:.7;background:linear-gradient(100deg,#ffffff14,#0000 30%,#ffffff0a 70%,#ffffff1f);border:1px solid #ffdc964d;border-top:2px solid #ffdc9666;border-radius:4px 4px 22px 22px;width:88px;height:150px;position:absolute;top:120px;right:34px;overflow:hidden;transform:rotate(10deg)}.calculator-glass:after{content:"";background:#fff9dc1a;border-radius:15px;width:5px;position:absolute;top:14px;bottom:10px;left:10px}.calculator-glass-beer{background:linear-gradient(#f2b1348c,#c8801a59);height:74%;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.calculator-glass-foam{background:#fff8e880;border-radius:40%;height:14px;animation:6s ease-in-out infinite alternate calculator-foam;position:absolute;top:25%;left:-8px;right:-8px}.calculator-glass-beer i{border:1px solid #ffe1a099;border-radius:50%;width:3px;height:3px;animation:4s linear infinite calculator-bubble;position:absolute;bottom:-8px}.calculator-glass-beer i:first-child{animation-delay:-2s;left:15%}.calculator-glass-beer i:nth-child(2){animation-delay:-.6s;left:38%}.calculator-glass-beer i:nth-child(3){width:2px;height:2px;animation-delay:-3s;left:58%}.calculator-glass-beer i:nth-child(4){animation-delay:-1.3s;left:78%}.calculator-glass-beer i:nth-child(5){width:2px;height:2px;animation-delay:-3.3s;left:25%}.calculator-glass-beer i:nth-child(6){animation-delay:-.1s;left:68%}.calculator-whatsapp{z-index:1;background:var(--amber);color:var(--navy-950);min-height:56px;transition:background .25s, transform .4s var(--ease), box-shadow .4s;box-sizing:border-box;box-shadow:0 14px 34px -14px var(--amber-glow);border-radius:999px;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding:15px 20px;font-size:14px;font-weight:700;text-decoration:none;display:flex;position:relative}.calculator-whatsapp:hover{background:var(--amber-light);transform:translateY(-2px)}.calculator-whatsapp svg{flex-shrink:0}.calculator-result-note{z-index:1;color:var(--text-3);max-width:360px;margin:14px 0 0;font-size:11px;line-height:1.7;position:relative}.calculator-footnote{color:var(--ink-2);margin:20px 0 0;font-size:12px;line-height:1.6}.chopp-calculator :where(button,input,summary,a):focus-visible{outline:2px solid var(--amber-deep);outline-offset:4px}.calculator-whatsapp:focus-visible{outline-color:var(--amber-light)}@keyframes calculator-bubble{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(-115px)}}@keyframes calculator-foam{0%{transform:rotate(-3deg)}to{transform:rotate(4deg)}}@media (max-width:1000px){.calculator-heading{gap:26px}.calculator-intro{max-width:300px;font-size:14px}.calculator-stepper input{width:48px}.calculator-glass{opacity:.4;right:19px}}@media (max-width:860px){.calculator-heading{display:block}.calculator-heading h2{max-width:none}.calculator-intro{max-width:none;margin-top:20px}.calculator-panel{grid-template-columns:1fr}.calculator-controls{padding:28px 24px}.calculator-result{padding:30px 24px}.calculator-estimate{min-height:150px;margin:30px 0 26px}.calculator-glass{opacity:.6;top:84px;right:28px}.calculator-result-note{max-width:none}}@media (max-width:420px){.calculator-controls{padding:24px 18px}.calculator-result{padding:26px 20px}.calculator-control-top>label{font-size:13px}.calculator-stepper button{width:40px}.calculator-stepper input{width:44px;font-size:22px}.calculator-detail-fields{grid-template-columns:1fr}.calculator-glass{opacity:.4;right:16px}.calculator-liters>strong{font-size:80px}.calculator-duration-presets button{font-size:11px}}@media (prefers-reduced-motion:reduce){.chopp-calculator *,.chopp-calculator :before,.chopp-calculator :after{transition:none!important;animation:none!important}}