.calc{margin:clamp(2rem,5vw,3.5rem) 0 clamp(2.5rem,6vw,4rem);display:grid;gap:clamp(1.5rem,3vw,2.5rem)}.calc__pick{display:flex;gap:0.5rem;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:0.5rem;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.calc__chip{flex:0 0 auto;scroll-snap-align:start;width:clamp(5rem,22vw,6.5rem);display:grid;justify-items:center;gap:0.4rem;padding:0.75rem 0.35rem 0.6rem;border:1px solid var(--hair);background:radial-gradient(78% 60% at 50% 30%,#202024 0%,#131315 55%,#0c0c0d 100%);color:var(--steel);cursor:pointer;transition:border-color var(--t-micro) var(--e-out),color var(--t-micro) var(--e-out)}.calc__chip img{width:100%;max-width:2.6rem;height:auto}.calc__chipname{font-size:var(--fs-micro);letter-spacing:0.12em;font-weight:500}.calc__chip:hover{border-color:rgba(255,255,255,0.3);color:var(--silver)}.calc__chip[aria-checked=true]{border-color:var(--ac, var(--red));color:var(--white)}.calc__chip:focus-visible{outline:2px solid var(--ac, var(--red));outline-offset:2px}.calc__panel{display:grid;gap:clamp(1.5rem,3vw,2.25rem);padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--hair)}.calc__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0.75rem 1.5rem;padding-bottom:clamp(1rem,2vw,1.4rem);border-bottom:1px solid var(--hair)}.calc__name{font-size:var(--fs-h3);font-weight:400;letter-spacing:0.04em;color:var(--ac, var(--white));margin:0}.calc__sub{font-size:var(--fs-micro);letter-spacing:0.14em;text-transform:uppercase;color:var(--steel);margin:0.2rem 0 0}.calc__facts{display:flex;flex-wrap:wrap;gap:0.35rem 1.5rem;margin:0}.calc__facts div{display:grid;gap:0.15rem}.calc__facts dt{font-size:var(--fs-micro);letter-spacing:0.16em;text-transform:uppercase;color:var(--steel)}.calc__facts dd{margin:0;font-size:var(--fs-body);font-variant-numeric:tabular-nums}.calc__field{display:grid;gap:0.7rem}.calc__label{font-size:var(--fs-micro);letter-spacing:0.18em;text-transform:uppercase;color:var(--steel);margin:0}.calc__opts{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem}.calc__opts--vol{grid-template-columns:repeat(auto-fit,minmax(4.75rem,1fr))}.calc__opt{display:grid;gap:0.15rem;justify-items:center;align-content:center;min-height:3.5rem;padding:0.6rem 0.5rem;border:1px solid var(--hair);color:var(--silver);cursor:pointer;font-variant-numeric:tabular-nums;transition:border-color var(--t-micro) var(--e-out),background var(--t-micro) var(--e-out),color var(--t-micro) var(--e-out)}.calc__opt--vol{min-height:2.9rem;font-size:var(--fs-body);letter-spacing:0.04em}.calc__opt:hover{border-color:rgba(255,255,255,0.3);color:var(--white)}.calc__opt[aria-checked=true]{background:var(--white);border-color:var(--white);color:var(--black)}.calc__opt:focus-visible{outline:2px solid var(--red);outline-offset:2px}.calc__optname{font-size:var(--fs-body);font-weight:500;letter-spacing:0.02em}.calc__optratio{font-size:var(--fs-micro);letter-spacing:0.1em;color:inherit;opacity:0.75}.calc__optnote{font-size:var(--fs-micro);letter-spacing:0.08em;opacity:0.55}.calc__custom{display:flex;align-items:center;gap:0.85rem;flex-wrap:wrap}.calc__custom span{font-size:var(--fs-micro);letter-spacing:0.14em;text-transform:uppercase;color:var(--steel)}.calc__custom input{flex:0 1 7rem;min-height:44px;padding:0.5rem 0.75rem;border:1px solid var(--hair);background:rgba(255,255,255,0.02);color:var(--white);font:inherit;font-variant-numeric:tabular-nums}.calc__custom input:focus-visible{outline:2px solid var(--red);outline-offset:1px}.calc__out{padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--hair);background:radial-gradient(90% 120% at 12% 0%,rgba(255,255,255,0.05),transparent 62%);display:grid;gap:0.9rem}.calc__outlbl{font-size:var(--fs-micro);letter-spacing:0.18em;text-transform:uppercase;color:var(--steel);margin:0}.calc__amounts{display:flex;align-items:baseline;flex-wrap:wrap;gap:0.5rem clamp(1rem,3vw,2.5rem)}.calc__amount{display:grid;gap:0.1rem}.calc__amount b{font-size:clamp(2rem,7vw,3.4rem);font-weight:200;letter-spacing:-0.035em;line-height:1;font-variant-numeric:tabular-nums;color:var(--white)}.calc__amount--product b{color:var(--ac, var(--white))}.calc__amount span{font-size:var(--fs-micro);letter-spacing:0.16em;text-transform:uppercase;color:var(--steel)}.calc__plus{font-size:clamp(1.1rem,3vw,1.6rem);font-weight:200;color:var(--steel);align-self:center}.calc__yield{font-size:var(--fs-micro);letter-spacing:0.06em;line-height:1.6;color:#8b8b8b;margin:0}.calc__yield b{color:var(--silver);font-weight:500;font-variant-numeric:tabular-nums}.calc__neat{display:grid;gap:0.5rem}.calc__neatline{font-size:clamp(1.5rem,4.5vw,2.2rem);font-weight:300;letter-spacing:-0.025em;margin:0}.calc__neatnote{font-size:var(--fs-body);line-height:1.55;color:var(--silver);max-width:46ch;margin:0}.calc__foot{margin-top:clamp(2rem,5vw,3rem)}@media(min-width:701px){.calc__pick{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0}.calc__chip{flex:1 1 0;min-width:0;width:auto}.calc__panel{grid-template-columns:1fr 1fr;align-items:start}.calc__head,.calc__out,.calc__neat{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.calc__pick{scroll-behavior:auto}}.calc__guide{margin:0.9rem 0 0;max-width:46ch;color:var(--steel);font-size:var(--fs-micro, 0.75rem);line-height:1.6}.calc__cap{margin:0.85rem 0 0;max-width:42ch;color:var(--steel);font-size:var(--fs-micro, 0.75rem);line-height:1.6}
