:root{--ink:#122c29;--green:#087b50;--muted:#64756f;--border:#dce5de;--pale:#edf5ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#fafbf7;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a:hover{text-decoration:underline}header{max-width:1280px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--border)}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand>span:last-child{font-weight:400}.mark{font-size:32px;color:var(--green);margin-right:8px}nav{display:flex;gap:30px;font-size:13px}.headerbadge{font-size:10px;font-weight:700;letter-spacing:1px;border:1px solid var(--border);border-radius:30px;padding:8px 14px}main{max-width:1200px;margin:auto}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:85px;align-items:center;padding:64px 40px 60px}.eyebrow{color:var(--green);font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}.dot,.resultdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#0c8a55;margin-right:6px}h1{font-size:clamp(44px,4.7vw,68px);line-height:1.06;letter-spacing:-3px;margin:23px 0}h1 em{font-style:normal;color:var(--green)}.lead{font-size:17px;line-height:1.75;color:var(--muted);max-width:440px}.trust{display:flex;gap:20px;font-size:11px;margin:27px 0;color:#425d50}.textlink{font-size:12px;font-weight:700;color:var(--green)}.scanpanel{padding:23px;border:1px solid var(--border);background:white;border-radius:20px;box-shadow:0 20px 60px #1e4e3310}.paneltop{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:17px}.step{font-size:9px;letter-spacing:1px;font-weight:700}.beta{font-size:8px;background:#edf4e9;color:#427b44;padding:4px 7px;border-radius:4px}.viewfinder{height:240px;position:relative;overflow:hidden;border-radius:10px;background:radial-gradient(ellipse at 50% 40%,#e5eedb,#b6c5a7);display:flex;justify-content:center;align-items:center;margin-bottom:18px}.bracket{width:28px;height:28px;border-color:#18734e;border-style:solid;position:absolute;z-index:2}.tl{top:20px;left:20px;border-width:3px 0 0 3px}.tr{top:20px;right:20px;border-width:3px 3px 0 0}.bl{bottom:40px;left:20px;border-width:0 0 3px 3px}.br{bottom:40px;right:20px;border-width:0 3px 3px 0}.findertext{position:absolute;bottom:11px;font-size:10px;color:#26462f;background:#ffffffb0;border-radius:20px;padding:3px 10px}.bottle{width:93px;position:relative;filter:drop-shadow(8px 8px 9px #243c3438);transform:rotate(-7deg)}.cap{width:30px;height:13px;background:#1d3c2d;margin:auto;border-radius:3px}.neck{height:30px;width:27px;margin:auto;background:#35562e}.glass{height:150px;border-radius:28px 28px 8px 8px;background:linear-gradient(90deg,#27482b,#73915a 30%,#36552e 75%,#233e23);padding-top:30px}.bottlelabel{text-align:center;background:#f7edd6;height:95px;display:flex;flex-direction:column;justify-content:center;line-height:1.2}.bottlelabel small{font-size:6px;letter-spacing:1.2px}.bottlelabel strong{font-family:Georgia,serif;font-size:22px;margin:6px 0}.bottlelabel span{font-size:7px}#photo{width:100%;height:100%;object-fit:contain;position:absolute;background:#e6ecdf}.primary,.secondary{width:100%;border-radius:8px;padding:13px 18px;font-weight:700;font-size:13px;border:1px solid var(--green)}.primary{color:white;background:var(--green)}.primary:hover{background:#065e3e}.secondary{background:white;color:var(--ink);border-color:var(--border);margin-top:9px}.scanpanel p{font-size:10px;line-height:1.6;color:var(--muted);text-align:center}.scanpanel>.textlink{display:block;text-align:center}.rulebar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 40px;font-size:12px}.rulebar>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.rulebar b{font-weight:400;color:var(--green);margin-left:10px}.rulebar small{font-size:9px;color:var(--muted)}.rulebar small a{display:block;text-align:right}.calculator,#how,.guidance{padding:65px 40px}.sectiontitle{margin-bottom:30px}h2{font-size:33px;letter-spacing:-1px;line-height:1.2;margin:13px 0}p{color:var(--muted)}.sectiontitle p{margin:0;font-size:13px}.calcgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}form{padding:29px;border:1px solid var(--border);border-radius:13px;background:white}label{display:block;font-size:11px;font-weight:700;margin-bottom:20px}.optional{font-weight:400;font-size:10px;color:var(--muted)}input,select{border:1px solid var(--border);border-radius:6px;padding:12px 10px;background:#fff;color:var(--ink);min-width:0;width:100%;margin-top:6px;font-size:13px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #94cdb0;outline-offset:2px}.two,.three{display:grid;gap:16px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:.8fr 1.4fr 1.2fr}.volume,.suffix{display:flex;position:relative}.volume input{border-radius:6px 0 0 6px}.volume select{width:70px;padding:8px 4px;border-left:0;border-radius:0 6px 6px 0}.suffix span{position:absolute;right:10px;top:20px;font-size:10px;color:var(--muted)}.suffix input{padding-right:48px}.confirm{display:flex;align-items:flex-start;gap:10px;font-size:11px;font-weight:400}.confirm input{width:17px;height:17px;margin:0;flex-shrink:0;accent-color:var(--green)}.micro{font-size:10px;line-height:1.7}.result{padding:28px;background:#edf4e9;border:1px solid #d8e6d3;border-radius:13px}.resulthead{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;font-weight:700;color:#51734d}h3{font-size:19px;line-height:1.3;margin:20px 0 5px}.result>p{font-size:11px}.result .price{font-size:64px;font-weight:700;line-height:1.1;letter-spacing:-3px;color:var(--green);margin:25px 0 4px}.result .price.message{font-size:26px;letter-spacing:-.7px}.result dl{border-top:1px solid #d0ddc9;margin-top:23px;padding-top:12px;font-size:11px}.result dl>div{display:flex;justify-content:space-between;padding:5px 0}.result dd{font-weight:700;margin:0}.result .micro{font-size:10px}#comparison{padding:10px;background:#fff;border-radius:6px;font-size:12px;margin:15px 0}#how{border-top:1px solid var(--border)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article>span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#e5efdf;border-radius:50%;color:var(--green);font-size:11px;font-weight:700}.steps h3{font-size:17px}.steps p{font-size:12px;line-height:1.8}.guidance{border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1.4fr;gap:65px}.guidance>div>p{font-size:12px}.guidance details{border-bottom:1px solid var(--border);padding:18px 0}.guidance summary{cursor:pointer;font-size:13px;font-weight:700}.guidance details p{font-size:12px}.guidance details a{font-size:11px;color:var(--green);text-decoration:underline}footer{background:#152e29;color:#eaf0e6;padding:30px max(30px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px}footer .brand{font-size:20px}[hidden]{display:none!important}@media(max-width:850px){header{padding:0 22px;height:78px}nav{gap:16px}.headerbadge{display:none}.hero{gap:30px;padding:45px 25px}.trust{flex-direction:column;gap:3px}.rulebar{flex-wrap:wrap;padding:20px 25px}.rulebar small{width:100%;display:flex;justify-content:space-between}.calcgrid{grid-template-columns:1fr 1fr}.three{grid-template-columns:1fr}.three label{margin-bottom:10px}.two{grid-template-columns:1fr}.calculator,#how,.guidance{padding:45px 25px}.guidance{gap:30px}footer{padding:25px;flex-wrap:wrap}}@media(max-width:600px){nav a:not(:last-child){display:none}.brand{font-size:21px}nav{font-size:11px}.hero{grid-template-columns:1fr;gap:27px;padding:32px 20px}.eyebrow{font-size:9px}h1{font-size:47px;letter-spacing:-2px;margin:18px 0}.lead{font-size:14px;max-width:360px}.trust{flex-direction:row;font-size:9px;gap:14px;margin:19px 0}.intro>.textlink{display:none}.scanpanel{padding:18px}.viewfinder{height:210px}.rulebar{padding:20px;font-size:11px}.rulebar>span{width:100%}.calcgrid{grid-template-columns:1fr}.calculator,#how,.guidance{padding:38px 20px}h2{font-size:28px}.two{grid-template-columns:1fr}.three{grid-template-columns:1fr 1.4fr 1.3fr;gap:8px}.three label{font-size:10px}form{padding:20px}.volume select{width:56px}.suffix span{font-size:9px;right:6px}.suffix input{padding-right:39px}.result{padding:24px}.steps{grid-template-columns:1fr;gap:23px}.steps article{position:relative;padding-left:54px}.steps article>span{position:absolute;left:0;top:5px}.steps h3{margin-top:4px}.steps p{margin-bottom:0}.guidance{grid-template-columns:1fr;gap:15px}footer{gap:15px}footer>span{width:100%;order:3}}
dialog{border:0;border-radius:18px;padding:25px;width:min(520px,96vw);max-height:94dvh;overflow:auto;background:#fafbf7;color:var(--ink);box-shadow:0 20px 100px #0005}dialog::backdrop{background:#102b24bd}.livehead{display:flex;justify-content:space-between;align-items:center}.livehead h2{font-size:26px;margin-top:6px}.livehead button{border:1px solid var(--border);border-radius:50%;width:36px;height:36px;background:white}.modetabs{display:flex;gap:8px;margin-bottom:12px}.modetabs button{flex:1;padding:10px;border:1px solid var(--border);border-radius:8px;background:white;font-size:12px}.modetabs button[aria-pressed=true]{background:var(--green);color:white}.liveview{height:260px;position:relative;background:#132720;border-radius:12px;overflow:hidden}#liveVideo{width:100%;height:100%;object-fit:cover}.liveguide{position:absolute;inset:23% 8%;border:2px solid #a9f2b9;border-radius:14px;pointer-events:none}.liveview>span{position:absolute;bottom:10px;left:10px;right:10px;text-align:center;color:white;font-size:11px;background:#0007;border-radius:20px;padding:5px}#liveStatus{font-size:12px;min-height:36px}#liveResult{border:1px solid #d0dfc8;background:#edf4e9;border-radius:10px;padding:18px}#liveResult h3{margin-top:0}#liveResult p{font-size:12px}#livePrice{display:block;font-size:44px;line-height:1.2;color:var(--green);letter-spacing:-1px}#livePriceNote{margin-top:4px}#productSource{display:block;color:var(--green);font-size:10px;margin:10px 0}#useLive{margin-top:10px}.barcodeentry{display:flex;gap:10px;align-items:end;margin-top:18px}.barcodeentry label{flex:1;margin:0}.barcodeentry button{width:auto;margin:0;padding:12px;font-size:11px}button:disabled{opacity:.55;cursor:wait}@media(max-width:600px){dialog{padding:18px}.liveview{height:230px}}
/* Reference homepage layout */
:root{--ink:#0c1938;--green:#007a43;--muted:#52637f;--border:#e0e5eb;--pale:#f0f6f2}body{background:#f5f7f9;color:var(--ink);font-family:Arial,Helvetica,sans-serif}header{max-width:1280px;background:#fff;height:84px;padding:0 48px;border:0}.brand{display:flex;align-items:center;gap:11px;font-size:25px;letter-spacing:-1px;font-weight:750}.scanmark{display:inline-block;position:relative;width:29px;height:29px;background:linear-gradient(var(--green),var(--green)) left top/10px 4px no-repeat,linear-gradient(var(--green),var(--green)) left top/4px 10px no-repeat,linear-gradient(var(--green),var(--green)) right top/10px 4px no-repeat,linear-gradient(var(--green),var(--green)) right top/4px 10px no-repeat,linear-gradient(var(--green),var(--green)) left bottom/10px 4px no-repeat,linear-gradient(var(--green),var(--green)) left bottom/4px 10px no-repeat,linear-gradient(var(--green),var(--green)) right bottom/10px 4px no-repeat,linear-gradient(var(--green),var(--green)) right bottom/4px 10px no-repeat;flex-shrink:0}nav{gap:30px;font-size:12px}.headerbadge{font-size:10px;letter-spacing:0;color:#005f3c;background:#edf6f1;border:1px solid #cfe7dc;border-radius:7px;padding:8px 12px;font-weight:500}main{background:white;max-width:1280px}.hero{position:relative;display:block;padding:32px 48px 22px;isolation:isolate;overflow:hidden;background:#f8f8f7}.hero-photo{position:absolute;inset:0;z-index:-2;background-image:url('/assets/homepage-reference.png');background-size:337% 492%;background-position:64.75% 11.5%;opacity:.8}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f7f7f6 0%,#f7f7f6f5 35%,#f7f7f655 65%,#f7f7f600 100%),linear-gradient(0deg,#fff 0%,#ffffff00 30%)}.intro{margin-bottom:23px}.intro .eyebrow{display:inline-block;background:#ebedf0;border-radius:30px;color:var(--ink);font-size:10px;letter-spacing:0;text-transform:none;padding:4px 10px}.intro h1{font-size:46px;line-height:1.05;letter-spacing:-1.8px;margin:16px 0 10px;max-width:900px}.lead{font-size:19px;color:var(--ink);line-height:1.5;max-width:none;margin:0}.herocards{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;align-items:stretch}.scanpanel{padding:20px;background:#fffffffa;border:1px solid #e1e6eb;border-radius:12px;box-shadow:0 6px 24px #132b4010;min-width:0}.nationtop{display:flex;align-items:center;gap:15px;font-size:12px;margin:0 0 18px}.nationtop select{width:180px;margin:0;padding:9px 12px;font-size:12px}.scancontent{display:grid;grid-template-columns:1.12fr 1fr;gap:22px;align-items:center}.viewfinder{height:auto;aspect-ratio:308/234;margin:0;border-radius:8px;background:#dfe6df;min-width:0}.scan-art{position:absolute;inset:0;background-image:url('/assets/homepage-reference.png');background-size:498.701% 437.607%;background-position:7.899% 46.709%}.scanactions .primary,.scanactions .secondary{padding:13px 10px;font-size:12px;border-radius:7px}.scanactions .secondary{border-color:var(--green);margin-top:9px}.scanactions #scanstatus{font-size:10px;margin:10px 0;line-height:1.5}.scanactions .textlink{display:block;text-align:center;text-decoration:underline;font-size:11px}.result{background:#fffffff5;border:1px solid #e0e5ec;border-radius:12px;padding:18px 23px;box-shadow:0 6px 24px #132b4010}.resulthead{font-size:10px;letter-spacing:0;color:var(--ink);font-weight:500}.resulthead>span:first-child{background:#eef0f4;padding:1px 9px;border-radius:15px}.result h3{font-size:23px;margin:9px 0 2px;letter-spacing:-.6px}.result>p{font-size:12px;margin:4px 0 10px}.result .price{font-size:55px;margin:12px 0 0;padding-top:10px;border-top:1px solid #d6dce6;letter-spacing:-2px}.result #pricelabel{font-size:14px;color:var(--ink);margin:0 0 12px}.result dl{margin:10px 0 6px;padding-top:8px;border-color:#d6dce6;display:flex;gap:20px}.result dl>div{display:block;padding:0;font-size:10px}.result dd{margin:0;font-size:13px}.result .micro{font-size:9px;line-height:1.5;margin:7px 0 0}.result .micro:last-child{display:none}#how{padding:0 48px 17px;border:0;background:white}.steps{gap:16px}.steps article{border-radius:9px;background:#f2f7f4;padding:19px 15px 16px 83px;min-height:112px;position:relative}.steps article>span{position:absolute;left:18px;top:23px;width:49px;height:49px;background:#cef1df;color:var(--green);font-size:25px}.steps h3{font-size:15px;letter-spacing:-.3px;margin:0 0 4px}.steps p{font-size:11px;line-height:1.5;margin:0}.calculator{border:1px solid var(--border);border-radius:11px;padding:17px 22px;margin:0 48px 25px;background:#fff;box-shadow:0 4px 20px #132b4008}.sectiontitle{position:relative;margin-bottom:15px}.sectiontitle h2{font-size:20px;letter-spacing:-.5px;margin:0 0 3px}.sectiontitle p{font-size:12px}.sectiontitle>a{position:absolute;right:0;top:4px;color:var(--muted);font-size:10px;text-decoration:underline}.calcgrid{display:block}#calcform{padding:0;border:0;box-shadow:none;display:grid;grid-template-columns:1fr 1.45fr 1.2fr;gap:12px 20px}.advancedrow{grid-column:1/3;display:grid;grid-template-columns:1fr 1.5fr;gap:16px}.advancedrow label{margin:0}.sellingfield{grid-column:3;grid-row:1;margin:0}.three{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:16px;grid-column:1/3}#calcform label{font-size:10px;margin-bottom:0}#calcform input,#calcform select{padding:10px;font-size:12px}#calcform .confirm{grid-column:1/3;font-size:10px;align-items:center}#calcform .confirm input{padding:0}#calcform>.primary{grid-column:3;grid-row:2;align-self:end;padding:12px 10px;font-size:12px}#calcform>.micro{grid-column:1/3;margin:0;font-size:9px}.minisummary{grid-column:3;grid-row:3/5;background:#edf5f0;border-radius:7px;padding:8px 10px;text-align:center;display:flex;flex-direction:column;justify-content:center}.minisummary strong{font-size:28px;color:var(--green);line-height:1.1}.minisummary span{font-size:9px;color:var(--ink);margin-top:3px}.guidance{padding:27px 48px 35px;border-top:1px solid #e7ebf0;grid-template-columns:1fr 1.7fr;gap:50px}.guidance h2{font-size:25px}.guidance details{padding:12px 0}.guidance details p{font-size:11px}.guidance summary{font-size:12px}.guidance>div>p{font-size:11px}footer{max-width:1280px;margin:auto;padding:23px 48px;background:#172641;gap:25px}footer .brand{font-size:21px}footer .scanmark{filter:brightness(0) invert(1);width:23px;height:23px}dialog{color:var(--ink)}.livehead h2{font-size:26px}.result .price.message{font-size:26px}
@media(min-width:1450px){body{padding:28px 0}header{border-radius:16px 16px 0 0}footer{border-radius:0 0 12px 12px}}
@media(max-width:1000px){header{padding:0 30px}.hero{padding:30px}.intro h1{font-size:40px}.lead{font-size:16px}.scancontent{gap:15px;grid-template-columns:1fr}.viewfinder{aspect-ratio:1.7}.scan-art{background-size:498.701% 437.607%}.scanactions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scanactions .secondary{margin:0}.scanactions #scanstatus,.scanactions>.textlink{grid-column:1/-1;margin:0}.herocards{grid-template-columns:1.3fr 1fr}#how{padding:0 30px 20px}.steps article{padding:16px 12px 16px 64px}.steps article>span{width:35px;height:35px;left:14px;top:18px;font-size:20px}.calculator{margin:0 30px 25px}.guidance{padding:25px 30px}.sectiontitle>a{position:static;display:block;margin-top:5px}footer{padding:22px 30px}.headerbadge{display:none}}
@media(max-width:650px){body{background:white}header{height:70px;padding:0 20px}.brand{font-size:23px}nav{gap:12px}nav a{font-size:10px}nav a:not(:last-child){display:none}.hero{padding:18px 18px 22px;background:#fafbfc;overflow:visible}.hero-photo{opacity:.12;background-size:cover;background-position:right}.hero:after{background:linear-gradient(90deg,#fff,#ffffffe0)}.intro{margin-bottom:18px;padding-top:49px}.intro h1{font-size:34px;line-height:1.08;letter-spacing:-1.1px;margin-top:13px;max-width:350px}.lead{font-size:14px;line-height:1.5;max-width:350px}.herocards{display:flex;flex-direction:column;gap:16px}.scanpanel{position:static;padding:13px;border-radius:10px}.nationtop{position:absolute;top:9px;left:18px;right:18px;display:flex;font-size:11px;margin:0;justify-content:space-between;background:white;border:1px solid var(--border);border-radius:7px;padding:0 10px;height:38px}.nationtop select{width:70%;border:0;padding:6px;margin:0;background:transparent}.scancontent{display:block}.viewfinder{aspect-ratio:308/185;max-height:260px}.scan-art{background-size:498.701% 437.607%;background-position:7.899% 46.709%}.scanactions{display:block;margin-top:10px}.scanactions .primary,.scanactions .secondary{font-size:13px;padding:12px}.scanactions .secondary{margin-top:8px}.scanactions #scanstatus{margin:7px 0;font-size:10px}.scanactions .textlink{margin:7px 0 1px;font-size:11px}.result{padding:18px 19px}.result h3{font-size:22px}.result .price{font-size:49px}.result #pricelabel{font-size:13px}.result dl{gap:30px}.result .micro{font-size:10px}.steps{grid-template-columns:1fr;gap:8px}#how{padding:0 18px 18px}.steps article{min-height:88px;padding:16px 16px 16px 77px}.steps article>span{width:43px;height:43px;left:17px;top:19px}.steps h3{font-size:14px}.steps p{font-size:11px}.calculator{margin:0 18px 23px;padding:17px 15px}#calcform{display:block}.advancedrow{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:13px}.three{grid-template-columns:.8fr 1.25fr 1fr;gap:8px;margin-bottom:13px}#calcform label{font-size:10px}.sellingfield{margin-bottom:13px!important}#calcform .confirm{margin:13px 0}#calcform>.primary{margin-bottom:10px}#calcform .micro{margin-bottom:12px}.minisummary{padding:13px}.minisummary strong{font-size:31px}.guidance{padding:20px 18px;grid-template-columns:1fr;gap:12px}.guidance h2{font-size:23px}.guidance .eyebrow{font-size:9px}footer{padding:24px 20px;gap:13px}footer .brand{font-size:21px}footer>span{font-size:9px}.sectiontitle h2{font-size:20px}.volume select{width:58px;padding:6px!important}.result .price.message{font-size:24px}}
/* Readable 15px interface text on desktop and mobile. */
body{font-size:15px}p,label,input,select,button,nav a,dt,dd,summary,.micro,.eyebrow,.optional,.textlink,.headerbadge,.resulthead,.resulthead>span,.minisummary span,.suffix span,.nationtop,.findertext,.beta,.step,.rulebar,.rulebar span,.rulebar small,.sectiontitle>a,.guidance details a,.scanactions #scanstatus,#liveStatus,#liveResult p,#productSource,.liveview>span,footer>span,footer>a:not(.brand){font-size:15px!important}p,label,.micro,nav a,dt,dd,summary,.textlink{line-height:1.5}.suffix span{top:20px}.suffix input{padding-right:66px}.steps article{min-height:145px}.scanactions .primary,.scanactions .secondary{padding:13px 10px}.result dl{gap:22px}.result .micro{margin-top:10px}#calcform .confirm{align-items:flex-start}#calcform .confirm input{margin-top:3px}.sectiontitle>a{position:static;display:block;margin-top:7px}.barcodeentry{align-items:end}.barcodeentry button{white-space:nowrap}.volume select{width:76px;flex-shrink:0}.three{grid-template-columns:1fr 1.6fr 1.4fr}footer{flex-wrap:wrap}.headerbadge{white-space:nowrap}@media(max-width:1000px){.scancontent{grid-template-columns:1fr}.steps article{padding-left:64px}.three{grid-template-columns:1fr 1.6fr 1.4fr}}@media(max-width:650px){.steps article{min-height:112px;padding-left:77px}.nationtop select{width:64%}.advancedrow{grid-template-columns:1fr}.three{grid-template-columns:1fr 1.6fr 1.4fr;gap:8px}.suffix span{position:static;display:flex;align-items:center;white-space:nowrap;border:1px solid var(--border);border-left:0;border-radius:0 6px 6px 0;margin-top:6px;padding:0 5px}.suffix input{padding-right:6px!important;border-radius:6px 0 0 6px}#calcform .three{grid-template-columns:1fr 1fr}#calcform .three label:last-child{grid-column:1/-1}.volume select{width:70px}.livehead h2{font-size:25px}.barcodeentry{flex-wrap:wrap}.barcodeentry label{flex-basis:100%}.barcodeentry button{width:100%}footer>span{line-height:1.5}}
/* Retailer tools */
.accountlinks{display:flex;gap:14px;font-size:15px}.accountlinks a{white-space:nowrap;color:var(--green)}.barcodefield{grid-column:1/3}.sellingfield{grid-row:2!important}.three{grid-row:3}#calcform>.primary{grid-row:3}#calcform>.confirm{grid-row:5}.packshortcuts{grid-column:1/-1;grid-row:4;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px}.packshortcuts button{background:#edf6f0;color:var(--green);border:1px solid #cee3d7;border-radius:6px;padding:7px 10px}.packshortcuts label{display:flex;gap:6px;align-items:center!important}.packshortcuts input{width:72px!important;margin:0!important}.minisummary{grid-row:5/7!important}.resulttools{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.resulttools button{width:auto}.featuresection{padding:27px 24px;margin:0 48px 25px;border:1px solid var(--border);border-radius:12px;background:#fff}.featuresection>form{padding:0;border:0}.featuresection a{color:var(--green)}.featuresection form>label{margin:16px 0}.featuresection .confirm{display:flex;gap:10px}.featuresection .confirm input{width:18px;flex-shrink:0}.offerrow{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr auto;gap:10px;padding:14px 0;border-bottom:1px solid var(--border);align-items:end}.offerrow label{margin:0}.offerrow button{margin:0;padding:10px}.offerresult{padding:18px;margin-top:18px;background:#edf5ef;border:1px solid #cfe2d4;border-radius:8px}.savedcolumns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.savedcard{border:1px solid var(--border);border-radius:8px;padding:15px;margin-top:12px}.savedcard p{margin:5px 0}.savedcard small{display:block;font-size:15px;color:var(--muted)}.rowbuttons{display:flex;gap:10px}.rowbuttons button{width:auto}.listhead{display:flex;align-items:center;gap:12px;justify-content:space-between}.listhead button{width:auto}footer button{background:transparent;color:white;border:1px solid #61708b;border-radius:6px;padding:6px 10px}.shelflabel{height:38mm;width:76mm;padding:2.5mm;color:#000;background:white;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr;align-items:center;border:1px dashed #999;overflow:hidden;box-sizing:border-box}.shelfname{font:700 12pt Arial;max-height:12mm;overflow:hidden;grid-column:1/-1;line-height:1.1}.shelfdetails{font:9pt Arial;grid-column:1}.shelfprice{grid-column:2;grid-row:2/4;font:700 28pt Arial;line-height:1}.shelflabel svg{width:42mm;max-height:12mm;grid-column:1;grid-row:3}#labelPreview{margin:15px 0;overflow:auto}#printSheet{display:none}.featuresection p{line-height:1.6}#offerRows:empty:after{content:'Add an alcohol product to begin.'}@media(max-width:1000px){header{flex-wrap:wrap;height:auto;min-height:84px;gap:12px;padding-top:15px;padding-bottom:15px}nav{flex-wrap:wrap;gap:14px}.featuresection{margin:0 30px 25px}.offerrow{grid-template-columns:1fr 1fr}.offerrow label:first-child{grid-column:1/-1}.offerrow button{grid-column:2}.packshortcuts{grid-row:auto}}@media(max-width:650px){.accountlinks{gap:10px}.accountlinks a{font-size:15px}header nav{width:100%;order:3;justify-content:space-between}header nav a{display:block!important;font-size:15px!important}.featuresection{margin:0 18px 22px;padding:18px 15px}.savedcolumns{grid-template-columns:1fr}.resulttools{display:grid}.resulttools button{width:100%}.packshortcuts{margin:15px 0}.barcodefield{margin:12px 0!important}.offerrow{grid-template-columns:1fr 1fr}.offerrow label:first-child{grid-column:1/-1}.offerrow button{grid-column:1/-1}.rowbuttons button{flex:1}.shelflabel{transform-origin:left top}}@media print{body>*{display:none!important}#printSheet{display:block!important;width:auto;margin:0;padding:0}#printSheet .shelflabel{border:0;margin:0;break-after:page}html,body{background:white!important;margin:0!important;padding:0!important}}
#uploadPreview{width:100%;max-height:220px;object-fit:contain;border-radius:9px;background:#eff3ef}#uploadProgress{width:100%;accent-color:var(--green)}#uploadReview{padding:0;border:0;margin:15px 0}#uploadReview label{margin-bottom:12px}#uploadReview .confirm{display:flex;align-items:flex-start;gap:10px}#uploadReview .confirm input{width:18px;height:18px;flex-shrink:0;margin-top:3px}.uploadfields{display:grid;grid-template-columns:1fr 1.2fr .8fr 1fr;gap:10px}.uploadprice{padding:15px;background:#eaf4ec;border-radius:9px;margin:15px 0;display:flex;flex-direction:column}.uploadprice strong{font-size:42px;color:var(--green);line-height:1.2}#uploadDialog .rowbuttons{flex-wrap:wrap}#uploadDialog .rowbuttons button{flex:1}#uploadDialog p{font-size:15px}@media(max-width:600px){.uploadfields{grid-template-columns:1fr 1fr}#uploadDialog .rowbuttons{display:block}#uploadDialog .rowbuttons button{width:100%}}
#uploadCropCanvas{display:block;max-width:100%;max-height:440px;width:auto;height:auto;border:1px solid #a7bbaa;border-radius:8px;touch-action:none;cursor:crosshair;margin:12px auto}#focusUpload{margin-bottom:10px}#uploadCropControls p{margin:8px 0}