@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800&display=swap');
#drinks-calculator-v1 { --dc-white:#fff; --dc-text:#292125; --dc-muted:#746b6e; --dc-wine:#822a37; --dc-wine-dark:#70212e; --dc-border:#e9dfe1; --dc-soft:#fbf7f8; --dc-soft-strong:#f5eaec; container-type:inline-size; width:min(100%,1160px); max-width:100%; margin:0 auto; padding:0 10px; color:var(--dc-text); font:15px/1.4 "Nunito Sans",Arial,sans-serif; box-sizing:border-box; }
#drinks-calculator-v1 *, #drinks-calculator-v1 *::before, #drinks-calculator-v1 *::after { box-sizing:border-box; }
#drinks-calculator-v1, #drinks-calculator-v1 * { font-family:"Nunito Sans",Arial,sans-serif !important; text-transform:none !important; letter-spacing:normal !important; box-shadow:none !important; }
#drinks-calculator-v1 .dc-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,340px); align-items:start; gap:10px; }
#drinks-calculator-v1 .dc-form { display:grid; gap:10px; }
#drinks-calculator-v1 .dc-section, #drinks-calculator-v1 .dc-results { min-width:0; border:1px solid var(--dc-border); border-radius:14px; background:var(--dc-white); }
#drinks-calculator-v1 .dc-section { padding:15px; }
#drinks-calculator-v1 .dc-section-head { display:flex; align-items:center; gap:10px; margin:0 0 14px; padding-bottom:12px; border-bottom:1px solid #f0e9ea; }
#drinks-calculator-v1 .dc-section-head::before { content:""; width:4px; height:18px; flex:none; border-radius:4px; background:var(--dc-wine); }
#drinks-calculator-v1 h3 { margin:0; font-size:18px; font-weight:800; line-height:1.2; }
#drinks-calculator-v1 .dc-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
#drinks-calculator-v1 .dc-drinks-grid { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:20px; row-gap:15px; }
#drinks-calculator-v1 .dc-field { display:block; min-width:0; color:#4b3f43; font-size:13px; font-weight:800; line-height:1.35; }
#drinks-calculator-v1 .dc-field input[type="number"], #drinks-calculator-v1 .dc-field select { display:block; width:100%; height:42px !important; min-height:42px !important; max-height:42px; margin-top:6px; padding:7px 12px; border:1px solid var(--dc-border); border-radius:8px; outline:none; background:var(--dc-soft); color:var(--dc-text); font:inherit; font-size:15px; font-weight:700; transition:border-color .15s,background .15s; }
#drinks-calculator-v1 .dc-field input:hover, #drinks-calculator-v1 .dc-field select:hover { border-color:#cfb9be; }
#drinks-calculator-v1 .dc-field input:focus, #drinks-calculator-v1 .dc-field select:focus { border-color:var(--dc-wine); background-color:#fff; box-shadow:none; }
#drinks-calculator-v1 .dc-wide { grid-column:1/-1; }
#drinks-calculator-v1 .dc-hint { display:block; margin-top:3px; color:var(--dc-muted); font-size:12px; font-weight:400; }
#drinks-calculator-v1 .dc-slider-label { display:block; min-height:18px; }
#drinks-calculator-v1 .dc-slider { position:relative; display:block; height:44px; padding-top:7px; }
#drinks-calculator-v1 input[type="range"] { appearance:none !important; -webkit-appearance:none !important; display:block; width:100%; height:4px !important; margin:0; padding:0; border:0 !important; border-radius:99px; outline:none; background:linear-gradient(to right,var(--dc-wine) 0%,var(--dc-wine) var(--dc-fill,0%),#e8dedf var(--dc-fill,0%),#e8dedf 100%) !important; cursor:pointer; }
#drinks-calculator-v1 input[type="range"]::-webkit-slider-thumb { -webkit-appearance:none !important; appearance:none !important; width:22px; height:22px; border:0; border-radius:50%; background:var(--dc-wine); box-shadow:none; }
#drinks-calculator-v1 input[type="range"]::-moz-range-thumb { width:22px; height:22px; border:0; border-radius:50%; background:var(--dc-wine); box-shadow:none; }
#drinks-calculator-v1 .dc-slider-value { position:absolute; top:23px; left:0; min-width:42px; padding:2px 6px; border-radius:6px; background:var(--dc-soft-strong); color:var(--dc-wine-dark); font-size:12px; font-weight:800; text-align:center; white-space:nowrap; transform:translateX(-50%); pointer-events:none; }
#drinks-calculator-v1 input[type="range"]:focus-visible { outline:2px solid var(--dc-wine); outline-offset:9px; }
#drinks-calculator-v1 .dc-toggle-list { display:grid; gap:6px; margin-top:7px; }
#drinks-calculator-v1 .dc-toggle { position:relative; display:flex; align-items:center; gap:10px; min-height:30px; margin:0 !important; padding:0 !important; cursor:pointer; color:#4b3f43; font-size:14px; font-weight:700; }
#drinks-calculator-v1 .dc-toggle::before, #drinks-calculator-v1 .dc-toggle::after { content:none !important; }
#drinks-calculator-v1 .dc-toggle input { position:absolute !important; width:1px !important; height:1px !important; margin:0 !important; padding:0 !important; opacity:0 !important; pointer-events:none; }
#drinks-calculator-v1 .dc-switch { position:relative; display:block; width:44px; height:24px; flex:none; border-radius:99px; background:#e8dedf; transition:background .2s; }
#drinks-calculator-v1 .dc-switch::after { content:""; position:absolute; top:2px; left:2px; width:20px; height:20px; border-radius:50%; background:#fff; transition:transform .2s; }
#drinks-calculator-v1 .dc-toggle input:checked + .dc-switch { background:var(--dc-wine); }
#drinks-calculator-v1 .dc-toggle input:checked + .dc-switch::after { transform:translateX(20px); }
#drinks-calculator-v1 .dc-toggle input:focus-visible + .dc-switch { outline:2px solid var(--dc-wine); outline-offset:3px; }
#drinks-calculator-v1 .dc-error { margin-top:10px; padding:12px 14px; border:1px solid #eac6cc; border-radius:8px; background:#fff5f6; color:#9c2334; font-size:13px; }
#drinks-calculator-v1 .dc-results { position:sticky; top:20px; padding:15px; border-color:var(--dc-wine); background:var(--dc-wine); color:#fff; }
#drinks-calculator-v1 .dc-result-title { margin:0 0 10px; color:#fff; font-size:20px; }
#drinks-calculator-v1 .dc-result-sub { display:flex; flex-wrap:wrap; gap:5px; margin:0 0 15px; }
#drinks-calculator-v1 .dc-result-sub span { display:inline-flex; align-items:center; min-height:25px; padding:3px 8px; border:1px solid rgba(255,255,255,.22); border-radius:6px; background:rgba(255,255,255,.10); color:#fff; font-size:12px; font-weight:800; }
#drinks-calculator-v1 .dc-group-title { margin:16px 0 3px; padding-bottom:7px; border-bottom:1px solid rgba(255,255,255,.25); color:#fff; font-size:16px; font-weight:800; }
#drinks-calculator-v1 .dc-result-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.16); }
#drinks-calculator-v1 .dc-result-row.dc-group-end { border-bottom:0; }
#drinks-calculator-v1 .dc-result-row:last-of-type { border-bottom:0; }
#drinks-calculator-v1 .dc-result-row span { min-width:0; overflow-wrap:anywhere; color:#fff; font-size:14px !important; font-weight:700; }
#drinks-calculator-v1 .dc-result-row strong { white-space:nowrap; color:#fff; font-size:16px !important; font-weight:800; }
#drinks-calculator-v1 .dc-result-row small { display:block; color:#f0dcdf; font-size:12px; text-align:right; }
#drinks-calculator-v1 .dc-note { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@container (max-width:800px) { #drinks-calculator-v1 .dc-layout { grid-template-columns:1fr; } #drinks-calculator-v1 .dc-results { position:static; } }
@container (max-width:720px) { #drinks-calculator-v1 .dc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@container (max-width:520px) { #drinks-calculator-v1 .dc-section, #drinks-calculator-v1 .dc-results { padding:15px; } #drinks-calculator-v1 .dc-grid { grid-template-columns:1fr; } #drinks-calculator-v1 .dc-slider-label { min-height:0; } }
@container (max-width:520px) { #drinks-calculator-v1 .dc-result-row { display:block; } #drinks-calculator-v1 .dc-result-row > div { display:flex; align-items:baseline; gap:8px; margin-top:2px; } #drinks-calculator-v1 .dc-result-row small { text-align:left; } }
@media (max-width:820px) { #drinks-calculator-v1 .dc-layout { grid-template-columns:1fr; } #drinks-calculator-v1 .dc-results { position:static; } }
@media (min-width:1500px) { #drinks-calculator-v1 .dc-result-row > div { display:flex; align-items:baseline; gap:6px; } }
@media (max-width:540px) { #drinks-calculator-v1 { width:100vw; max-width:none; margin-left:calc(50% - 50vw); padding:0 10px; } #drinks-calculator-v1 .dc-section, #drinks-calculator-v1 .dc-results { padding:15px; } #drinks-calculator-v1 .dc-grid { grid-template-columns:1fr; } #drinks-calculator-v1 .dc-slider-label { min-height:0; } #drinks-calculator-v1 .dc-result-row { display:block; } #drinks-calculator-v1 .dc-result-row > div { display:flex; align-items:baseline; gap:8px; margin-top:2px; } #drinks-calculator-v1 .dc-result-row small { text-align:left; } }
#drinks-calculator-v1 { --dc-text:#292929; --dc-muted:#757575; --dc-border:#e8dfe2; width:min(100%,1160px); font-size:16px; }
#drinks-calculator-v1 .dc-layout { grid-template-columns:minmax(0,1fr) minmax(0,374px); gap:20px; }
#drinks-calculator-v1 .dc-form { gap:10px; }
#drinks-calculator-v1 .dc-section, #drinks-calculator-v1 .dc-results { border:0; border-radius:10px; }
#drinks-calculator-v1 .dc-section { padding:20px; }
#drinks-calculator-v1 .dc-section-head { gap:10px; margin:0 0 18px; padding:0; border:0; }
#drinks-calculator-v1 .dc-section-head::before { content:none; }
#drinks-calculator-v1 .dc-section-head img { display:block; width:24px; height:24px; flex:none; }
#drinks-calculator-v1 .dc-section-head h3 { font-size:22px; font-weight:600; line-height:1.2; }
#drinks-calculator-v1 .dc-grid { gap:20px 12px; }
#drinks-calculator-v1 .dc-drinks-grid { grid-template-columns:1fr; gap:18px; }
#drinks-calculator-v1 .dc-field { color:var(--dc-muted); font-size:14px; font-weight:400; line-height:1.3; }
#drinks-calculator-v1 .dc-field input[type="number"], #drinks-calculator-v1 .dc-field select { height:42px !important; min-height:42px !important; margin-top:8px; padding:7px 14px; border:1px solid var(--dc-border); border-radius:9px; background:#fffbfc; color:var(--dc-text); font-size:16px; font-weight:600; }
#drinks-calculator-v1 .dc-slider-label { min-height:0; }
#drinks-calculator-v1 .dc-slider { height:42px; margin-top:8px; padding:0; }
#drinks-calculator-v1 input[type="range"] { height:42px !important; border:1px solid var(--dc-border) !important; border-radius:9px; background:linear-gradient(to right,#f0e5e8 0%,#f0e5e8 var(--dc-fill,0%),#fffbfc var(--dc-fill,0%),#fffbfc 100%) !important; }
#drinks-calculator-v1 input[type="range"]::-webkit-slider-thumb { width:2px; height:40px; border-radius:0; background:#dfcbd0; }
#drinks-calculator-v1 input[type="range"]::-moz-range-thumb { width:2px; height:40px; border-radius:0; background:#dfcbd0; }
#drinks-calculator-v1 .dc-slider-value { top:10px; left:14px; min-width:0; padding:0; border-radius:0; background:transparent; color:var(--dc-wine); font-size:16px; font-weight:700; transform:none; }
#drinks-calculator-v1 .dc-hint { display:none; }
#drinks-calculator-v1 .dc-wide > .dc-field { color:var(--dc-text); font-size:16px; font-weight:800; }
#drinks-calculator-v1 .dc-toggle-list { gap:8px; margin-top:9px; }
#drinks-calculator-v1 .dc-toggle { min-height:32px; color:var(--dc-text); font-size:14px; font-weight:600; }
#drinks-calculator-v1 .dc-switch { width:46px; height:26px; }
#drinks-calculator-v1 .dc-switch::after { width:22px; height:22px; }
#drinks-calculator-v1 .dc-results { padding:5px; background:var(--dc-wine); }
#drinks-calculator-v1 .dc-result-head { padding:17px 20px 20px; }
#drinks-calculator-v1 .dc-result-title { margin:0 0 15px; font-size:28px; font-weight:600; line-height:1.2; }
#drinks-calculator-v1 .dc-result-sub { gap:5px; margin:0; }
#drinks-calculator-v1 .dc-result-sub span { min-height:30px; padding:4px 9px; border:0; border-radius:5px; background:rgba(255,255,255,.10); font-size:14px; font-weight:600; }
#drinks-calculator-v1 .dc-result-group { margin:0 0 5px; padding:15px 20px 12px; border-radius:6px; background:#fffdfa; }
#drinks-calculator-v1 .dc-result-group:last-of-type { margin-bottom:0; }
#drinks-calculator-v1 .dc-group-title { margin:0 0 7px; padding:0; border:0; color:var(--dc-wine); font-size:16px; font-weight:800; }
#drinks-calculator-v1 .dc-result-row { gap:8px; padding:8px 0; border-bottom:1px dashed #ded1d4; }
#drinks-calculator-v1 .dc-result-row > div { display:flex; align-items:baseline; gap:8px; }
#drinks-calculator-v1 .dc-result-row span { color:var(--dc-text); font-size:14px !important; font-weight:600; }
#drinks-calculator-v1 .dc-result-row strong { color:var(--dc-text); font-size:16px !important; }
#drinks-calculator-v1 .dc-result-row small { color:#565052; font-size:12px; white-space:nowrap; }
@container (max-width:980px) { #drinks-calculator-v1 .dc-grid:not(.dc-drinks-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@container (max-width:800px) { #drinks-calculator-v1 .dc-layout { grid-template-columns:1fr; } }
@container (max-width:520px) { #drinks-calculator-v1 .dc-grid { grid-template-columns:1fr !important; } #drinks-calculator-v1 .dc-result-row { display:block; } #drinks-calculator-v1 .dc-result-row > div { margin-top:2px; } }
@media (max-width:820px) { #drinks-calculator-v1 .dc-layout { grid-template-columns:1fr; } }
@media (max-width:540px) { #drinks-calculator-v1 { width:100vw; } #drinks-calculator-v1 .dc-section { padding:16px; } #drinks-calculator-v1 .dc-results { padding:5px; } #drinks-calculator-v1 .dc-grid { grid-template-columns:1fr !important; } #drinks-calculator-v1 .dc-result-row { display:block; } #drinks-calculator-v1 .dc-result-row > div { margin-top:2px; } }
#drinks-calculator-v1 .dc-field select { appearance:none !important; -webkit-appearance:none !important; -moz-appearance:none !important; padding-right:36px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%23822A37' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 10px center; background-size:12px 8px; }
#drinks-calculator-v1 .dc-results-wrap { position:sticky; top:80px; min-width:0; }
#drinks-calculator-v1 .dc-results { position:static; }
#drinks-calculator-v1 .dc-result-row { display:grid; grid-template-columns:minmax(0,1fr) 164px; }
#drinks-calculator-v1 .dc-result-row > div { display:grid; grid-template-columns:70px 88px; gap:6px; align-items:baseline; }
#drinks-calculator-v1 .dc-result-row strong, #drinks-calculator-v1 .dc-result-row small { text-align:right; }
#drinks-calculator-v1 .dc-reset { display:flex; align-items:center; justify-content:center; gap:7px; width:100%; margin:9px 0 0; padding:7px 10px; border:0; background:transparent; color:#898184; font:600 13px/1.3 "Nunito Sans",Arial,sans-serif; cursor:pointer; }
#drinks-calculator-v1 .dc-reset:hover { color:var(--dc-wine); }
#drinks-calculator-v1 .dc-reset:focus-visible { outline:2px solid var(--dc-wine); outline-offset:2px; border-radius:6px; }
#drinks-calculator-v1 .dc-reset img { display:block; width:16px; height:16px; opacity:.55; }
#drinks-calculator-v1 .dc-reset:hover img { opacity:.8; }
#drinks-calculator-v1 .dc-slider { overflow:hidden; border:1px solid var(--dc-border); border-radius:9px; background:linear-gradient(to right,#f0e5e8 0%,#f0e5e8 var(--dc-fill,0%),#fffbfc var(--dc-fill,0%),#fffbfc 100%); }
#drinks-calculator-v1 .dc-slider input[type="range"] { position:absolute; z-index:1; inset:0; width:100%; height:100% !important; margin:0; border:0 !important; opacity:0 !important; cursor:pointer; }
#drinks-calculator-v1 .dc-slider:focus-within { outline:2px solid var(--dc-wine); outline-offset:2px; }
@container (max-width:800px) { #drinks-calculator-v1 .dc-results-wrap { position:static; } }
@media (max-width:820px) { #drinks-calculator-v1 .dc-results-wrap { position:static; } }
@container (max-width:520px) { #drinks-calculator-v1 .dc-result-row { display:block; } #drinks-calculator-v1 .dc-result-row > div { margin-top:2px; } #drinks-calculator-v1 .dc-result-row strong, #drinks-calculator-v1 .dc-result-row small { text-align:left; } }
@media (max-width:540px) { #drinks-calculator-v1 .dc-result-row { display:block; } #drinks-calculator-v1 .dc-result-row > div { margin-top:2px; } #drinks-calculator-v1 .dc-result-row strong, #drinks-calculator-v1 .dc-result-row small { text-align:left; } }
@media (min-width:541px) { #drinks-calculator-v1 { padding:0; } }