.calculator-online-ordering{--brand-blue:#1769ff;--brand-blue-strong:#00288a;--ink:#080d13;--surface-dark:#1b2a5e;--surface-darker:#0d0a2e;--lime:#ddfea3;--white:#ffffff;--text:#44536a;--text-muted:#6a7686;--bg-subtle:#f3f4f6;--border:#e2e6e9;--font:"Sofia Pro","Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif;--fs-overline:0.75rem;--fs-sm:0.875rem;--fs-base:1rem;--fs-lg:1.25rem;--fs-title:1.5rem;--fs-display:3rem;margin-right:0;margin-left:0}.calculator-online-ordering .calculator-shell,.calculator-online-ordering .calculator-shell *{box-sizing:border-box;margin:0;padding:0}.calculator-online-ordering .calculator-shell{font-family:var(--font);border-radius:24px;background:var(--Primary-Color-Black-100,#090d12);color:var(--text);padding:2.5rem 1.5rem;display:flex;justify-content:center;align-items:flex-start}.calculator-online-ordering .calculator-content{width:100%;max-width:1393px;display:flex;flex-direction:column}.calculator-online-ordering .calculator-heading{width:100%;order:1}.calculator-online-ordering .calculator-card{background:var(--white);width:100%;max-width:1080px;border-radius:24px;padding:2rem 2.25rem 2.25rem;box-shadow:0 30px 70px -24px rgba(0,0,0,.55);order:2}.calculator-online-ordering .brand-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.calculator-online-ordering .brand-bar .spoton-logo svg{height:30px;width:auto;display:block}.calculator-online-ordering .brand-bar .divider{width:1px;height:30px;background:var(--border)}.calculator-online-ordering .brand-bar-title{font-size:var(--fs-title);font-weight:700;color:var(--ink);letter-spacing:-.01em}.calculator-online-ordering .brand-subtitle{margin-top:.6rem;font-size:var(--fs-base);color:var(--text-muted);max-width:760px;line-height:1.5}.calculator-online-ordering .brand-head{padding-bottom:1.4rem;border-bottom:1px solid var(--border);margin-bottom:1.6rem}.calculator-online-ordering .layout{display:grid;grid-template-columns:minmax(360px,430px) minmax(0,1fr);gap:1.25rem;align-items:start}.calculator-online-ordering .input-panel{background:var(--bg-subtle);border:1px solid var(--border);border-radius:18px;padding:1.5rem 1.5rem 1.6rem}.calculator-online-ordering .panel-title{font-size:var(--fs-overline);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:1.15rem}.calculator-online-ordering .field{margin-bottom:1.3rem}.calculator-online-ordering .field:last-of-type{margin-bottom:0}.calculator-online-ordering .field label,.calculator-online-ordering .field-label{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--text);margin-bottom:.45rem}.calculator-online-ordering .brand-select{width:100%;font-family:inherit;font-size:var(--fs-sm);font-weight:600;color:var(--ink);background-color:var(--white);border:1px solid var(--border);border-radius:10px;padding:.6rem .8rem;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236A7686' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;transition:border-color .15s ease,box-shadow .15s ease}.calculator-online-ordering .brand-select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px rgba(23,105,255,.15)}.calculator-online-ordering .slider-top{display:flex;justify-content:space-between;align-items:baseline;gap:.4rem;margin-bottom:.2rem}.calculator-online-ordering .slider-top label{margin-bottom:0}.calculator-online-ordering .value-display{font-size:var(--fs-sm);font-weight:700;color:var(--brand-blue);white-space:nowrap;font-variant-numeric:tabular-nums}.calculator-online-ordering input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--border);outline:none;margin-top:.45rem;touch-action:pan-y}.calculator-online-ordering input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--white);border:2px solid var(--brand-blue);cursor:pointer;box-shadow:0 1px 4px rgba(10,9,27,.2);-webkit-transition:transform .1s ease;transition:transform .1s ease}.calculator-online-ordering input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.calculator-online-ordering input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--white);border:2px solid var(--brand-blue);cursor:pointer}.calculator-online-ordering .section-divider{height:1px;background:var(--border);margin:1.3rem 0}.calculator-online-ordering .reset-button{margin-top:1.4rem;background:none;border:none;font-family:inherit;font-size:var(--fs-sm);font-weight:600;color:#c0c8d4;cursor:default;text-decoration:underline;text-underline-offset:3px;transition:none;pointer-events:none;-webkit-tap-highlight-color:transparent}.calculator-online-ordering .reset-button.is-dirty{color:var(--brand-blue);cursor:pointer;pointer-events:auto}.calculator-online-ordering .reset-button.is-dirty:hover{color:var(--brand-blue-hover)}.calculator-online-ordering .results-bottom{background:linear-gradient(165deg,var(--surface-dark) 0,var(--surface-darker) 100%);border-radius:22px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px -16px rgba(8,13,19,.5);padding:2rem;color:var(--white);min-width:0;display:flex;flex-direction:column;justify-content:center;height:100%}.calculator-online-ordering .results-caption{font-size:var(--fs-overline);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.5);margin-bottom:1.4rem}.calculator-online-ordering .output-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.3rem}.calculator-online-ordering .output-row-label{font-size:var(--fs-base);font-weight:500;color:rgba(255,255,255,.75)}.calculator-online-ordering .output-row-value{font-size:var(--fs-lg);font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.calculator-online-ordering .output-divider{height:1px;background:rgba(255,255,255,.1);margin:.25rem 0 1.6rem}.calculator-online-ordering .savings-total-label{font-size:var(--fs-overline);text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.6);font-weight:600;margin-bottom:.5rem}.calculator-online-ordering .output-value{font-size:var(--fs-display);font-weight:800;color:var(--white);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.calculator-online-ordering .output-value.output-value-empty{color:rgba(255,255,255,.5)}.calculator-online-ordering .output-period{font-size:var(--fs-sm);color:rgba(255,255,255,.6);font-weight:500;margin-left:.3rem}.calculator-online-ordering .savings-pct-pill{display:inline-block;background:rgba(221,254,163,.18);color:var(--lime);font-weight:700;font-size:var(--fs-overline);padding:.2rem .6rem;border-radius:999px;margin-top:.9rem}@media (max-width:860px){.calculator-online-ordering .calculator-shell{padding:1.5rem 1rem}.calculator-online-ordering .calculator-card{padding:1.75rem 1.5rem;border-radius:18px}.calculator-online-ordering .layout{grid-template-columns:1fr;gap:1.25rem}.calculator-online-ordering .input-panel{grid-template-columns:1fr}.calculator-online-ordering .results-bottom{padding:1.75rem 1.5rem}.calculator-online-ordering .output-value{font-size:2.5rem}.calculator-online-ordering .reset-button{display:block;margin:1.4rem auto 0}.calculator-online-ordering .output-row{align-items:center;gap:1rem}.calculator-online-ordering .output-row-label{font-size:.82rem;flex:1}.calculator-online-ordering .output-row-value{font-size:1.2rem;white-space:nowrap;flex-shrink:0}.calculator-online-ordering .slider-top{gap:1.5rem}}@media (min-width:1024px){.calculator-online-ordering .calculator-shell{width:100%;padding:10px}}@media (min-width:1200px){.calculator-online-ordering .calculator-content{display:grid;grid-template-columns:minmax(0,783px) minmax(280px,1fr);grid-template-areas:"calculator-card calculator-heading";-moz-column-gap:36px;column-gap:36px;align-items:start}.calculator-online-ordering .calculator-heading{grid-area:calculator-heading;max-width:430px;padding-top:2rem}.calculator-online-ordering .calculator-card{grid-area:calculator-card}}@media (min-width:1440px){.calculator-online-ordering .calculator-content{max-width:none;grid-template-columns:2fr 1fr}.calculator-online-ordering .calculator-card{min-width:850px}}