:root{--green:#C41E2A;--ink:#1E1A18;--muted:#6B6B6B;--paper:#FAF6EF;--line:#E8E8E8;--amber:#87520d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Malgun Gothic',sans-serif;line-height:1.6}a{color:inherit}header{max-width:1140px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 30px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:24px;font-weight:850;letter-spacing:-1px}.brand span{display:block;font-size:11px;font-weight:450;letter-spacing:1px;color:var(--muted)}nav{display:flex;gap:20px;align-items:center;font-size:13px}.testbadge{padding:5px 10px;background:#F5F5F5;border-radius:5px;color:var(--green)}main{max-width:1060px;margin:38px auto 80px;padding:0 24px;min-height:65vh}h1{font-size:34px;line-height:1.25;letter-spacing:-1.2px;margin:12px 0}h2{font-size:22px;margin:0 0 15px}h3{margin:0 0 10px}.sub,.muted{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--green)}.steps{display:flex;gap:4px;padding:0;margin:0 0 34px;list-style:none}.steps li{flex:1;border-top:3px solid var(--line);padding-top:8px;font-size:11px;color:#6B6B6B}.steps .current{border-color:var(--green);color:var(--green);font-weight:800}.panel,.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.panel{margin-top:22px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:26px}.card{display:flex;flex-direction:column}.card .price{font-size:30px;font-weight:750;margin:18px 0}.price small{font-size:13px;font-weight:400;color:var(--muted)}.card .category{padding:6px 10px;border-radius:5px;align-self:flex-start;background:#f5efe8;color:#805531;font-size:12px}.card p{margin:6px 0}.divider{border-top:1px solid var(--line);margin:18px 0}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{background:white;color:var(--green);border:1px solid var(--line);padding:12px 18px;border-radius:30px}.chip.selected{background:var(--green);color:white;border-color:var(--green)}button,.button{font:inherit;font-weight:650;border:none;border-radius:8px;background:var(--green);color:white;padding:13px 20px;cursor:pointer;display:inline-block;text-align:center;text-decoration:none}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:white;border:1px solid var(--line);color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #C41E2A;outline-offset:3px}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.actions.right{justify-content:flex-end}label{display:block;font-size:14px;font-weight:650;margin:15px 0 5px}input,select{display:block;width:100%;padding:12px 13px;border:1px solid #D0D0D0;border-radius:7px;background:#fff;color:var(--ink);font:inherit}input[readonly]{background:#F5F5F5}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.formgrid .full{grid-column:1/-1}.direct-input{margin-top:10px;padding:10px 12px;background:#F5F5F5;border-radius:7px}.direct-input label{margin-top:0}.hidden{display:none!important}.checkbox{display:flex;gap:12px;align-items:flex-start}.checkbox input{width:20px;flex-shrink:0;margin-top:5px}.lock{border-left:3px solid var(--green);padding:8px 14px;background:#F5F5F5;font-size:13px;margin:20px 0}.warning,#notice.error{padding:14px 18px;background:#fff1d7;color:#714910;border-radius:9px;margin-bottom:16px;overflow-wrap:anywhere}#notice:empty{display:none}#notice.busy{padding:13px 18px;background:#F5F5F5;color:var(--green);border-radius:9px}.line{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}.line:last-child{border:0}.line .amount{font-weight:750;white-space:nowrap}.line p{margin:3px 0;font-size:14px}.small{font-size:12px}.total{display:flex;justify-content:space-between;align-items:center;background:var(--green);color:white;border-radius:10px;padding:20px;margin-top:22px}.total strong{font-size:27px}.success{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#F5F5F5;color:var(--green);font-size:34px}.center{text-align:center;padding:32px 0}.operator{display:grid;grid-template-columns:270px 1fr;gap:22px;margin-top:25px}.orderpick{display:block;background:white;color:var(--ink);text-align:left;width:100%;margin:8px 0;border:1px solid var(--line);overflow-wrap:anywhere;font-size:12px}.five{display:flex;flex-wrap:wrap;gap:8px}.five button{flex:1;min-width:90px;padding:12px 8px}.five .done{background:#F5F5F5;color:var(--green)}.timeline{list-style:none;padding:0}.timeline li{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-size:13px}.timeline small{color:var(--muted)}.mono{font-family:ui-monospace,monospace;font-size:12px;overflow-wrap:anywhere}.check{color:var(--green);font-weight:700}.summarychecks{display:flex;gap:14px;flex-wrap:wrap;background:#F5F5F5;padding:12px;font-size:13px}footer{border-top:1px solid var(--line);max-width:1080px;padding:22px;margin:auto;color:var(--muted);font-size:12px;display:flex;justify-content:space-between}@media(max-width:680px){header{padding:18px 20px;align-items:flex-start}.brand{font-size:22px}nav{flex-direction:column;gap:7px;font-size:11px;align-items:flex-end}main{margin-top:24px;padding:0 18px}h1{font-size:29px}.grid,.formgrid,.operator{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.steps li{font-size:10px}.panel,.card{padding:18px}.line{gap:12px}.total strong{font-size:24px}.five{gap:5px}.five button{min-width:70px;font-size:12px}.actions button{flex:1}footer{display:block}footer span{display:block}.operator aside{max-height:180px;overflow:auto}}

/* v1.26 approved palette; no spacing/type/size changes. */
.testbadge{color:#6B6B6B;background:#F5F5F5}
.eyebrow,h1,h2,h3,.price{color:#1A1A1A}
.chip{background:#FFFFFF;border-color:#D0D0D0;color:#1A1A1A}
.chip.selected{background:#C41E2A;border-color:#C41E2A;color:#FFFFFF}
.orderpick.selected,.orderpick.selected:hover{background:#C41E2A;color:#FFFFFF;border-color:#C41E2A}
.orderpick:not(.selected):hover:not(:disabled){background:#F5F5F5;color:#1A1A1A}
.chip:not(.selected):hover:not(:disabled){background:#F5F5F5;border-color:#6B6B6B}
button:not(.chip):not(.secondary):hover:not(:disabled),.button:hover{background:#9E1822}
button:not(.secondary):active:not(:disabled),.button:active,.chip.selected:active{background:#9E1822;color:#FFFFFF}
.chip:not(.selected):active:not(:disabled){background:#E8E8E8;color:#1A1A1A}
.secondary{background:#FFFFFF;color:#1A1A1A;border-color:#D0D0D0}
.secondary:hover:not(:disabled){background:#F5F5F5}
.secondary:active:not(:disabled){background:#E8E8E8}
.steps li{border-color:#E5E5E5}.steps .current,.steps .done{border-color:#C41E2A;color:#C41E2A}
.total{background:#F5F5F5;color:#1A1A1A}
input,select,textarea{accent-color:#C41E2A}
textarea:focus-visible{outline:3px solid #C41E2A;outline-offset:3px}

/* v1.29: first-screen scope only; warm paper, larger type/touch targets. */
body:has(.stage-one){background:#FFF8F6}
body:has(.stage-one) header{border-bottom:2px solid #C41E2A}
main:has(.stage-one){padding-left:16px;padding-right:16px}
.stage-one{--section-gap:14px;--chip-gap:8px;--card-x:16px;color:#1A1A1A;background:#FFF8F6;overflow-anchor:none}
.stage-one h1{font-size:28px;font-weight:800;line-height:1.25;margin:0}
.stage-one .sub{font-size:15px;line-height:1.5;color:#5C5C5C;margin:12px 0}
.stage-one .panel{padding:16px var(--card-x) 18px;background:#FFFFFF;border-color:#F0E4E2;margin-top:0}
.stage-one .selection-section+.selection-section{margin-top:var(--section-gap)}
.stage-one h2{margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.4;color:#C41E2A}
.stage-one .part-label{color:#1A1A1A}
.stage-one .usage-context{font-size:15px;font-weight:400;color:#5C5C5C}
.stage-one .chips{display:grid;gap:var(--chip-gap);align-items:start}
.stage-one .condition-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
.stage-one .usage-chips{grid-template-columns:repeat(3,minmax(0,1fr))}
.stage-one .use-chip{box-sizing:border-box;width:100%;height:48px;min-height:calc(2lh + 3px);padding:0 16px;border:1.5px solid #E2C9C9;border-radius:999px;font-size:16px;font-weight:600;line-height:20px;background:#FFFFFF;color:#1A1A1A;display:flex;align-items:center;justify-content:center;white-space:normal;overflow-wrap:anywhere;word-break:keep-all}
.stage-one .use-chip.selected{background:#C41E2A;border-color:#C41E2A;color:#FFFFFF}
.stage-one .use-chip:not(.selected):hover:not(:disabled){background:#FFFFFF;border-color:#C41E2A}
.stage-one .usage-cut-divider{height:1px;background:#E8E8E8;margin:12px 0}
.stage-one .usage-part-panel{border-left:2px solid #C41E2A;padding:0 0 0 12px;min-width:0}
.stage-one .part-options,.stage-one .cut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--chip-gap)}
.stage-one .cut-chip{box-sizing:border-box;width:100%;height:44px;min-height:calc(2lh + 4px);padding:0 14px;border:2px solid #E2C9C9;border-radius:12px;font-size:16px;font-weight:600;line-height:20px;background:#FFFFFF;color:#1A1A1A;display:flex;align-items:center;justify-content:center;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.stage-one .cut-chip:not(.selected):hover:not(:disabled){background:#FFFFFF;border-color:#C41E2A}
.stage-one .cut-chip.selected{background:#C41E2A;border-color:#9E1822;color:#FFFFFF}
.stage-one .cut-chip.cut-custom{background:#FFFFFF;border:2px dashed #C41E2A;color:#1A1A1A}
.stage-one .cut-chip.cut-custom.selected{background:#C41E2A;color:#FFFFFF}
.stage-one .use-chip:focus-visible,.stage-one .cut-chip:focus-visible{outline:3px solid #C41E2A;outline-offset:2px}
.stage-one .use-chip:active:not(:disabled),.stage-one .cut-chip:active:not(:disabled){background:#9E1822;color:#FFFFFF}
.stage-one .usage-part-panel>.cut-grid{margin-top:8px}
.stage-one .usage-part-panel h3{margin:14px 0 8px}
.stage-one input,.stage-one select,.stage-one textarea{min-height:44px}
.stage-one .usage-actions{margin-top:12px}
.stage-one .usage-actions button{width:100%;height:48px;padding:0 14px;border-radius:8px;background:#C41E2A;color:#FFFFFF}
.stage-one .usage-actions button:active:not(:disabled){background:#9E1822}
.stage-one .usage-actions button:disabled{background:#E5E5E5;color:#6B6B6B;opacity:1}
/* v1.31: local feedback only; reduced motion keeps a static accessible outline. */
.child-parts{grid-column:1/-1}
.stage-one .usage-actions button[data-incomplete="true"]{background:#E5E5E5;color:#6B6B6B}
.flow-nav{display:flex;justify-content:space-between;margin-bottom:16px}
.flow-message{padding:12px;border:1px solid #C41E2A}
.required-attention{outline:2px solid #C41E2A;background-color:#fff1f2;animation:required-pulse .5s ease-in-out 2}
.required-message{color:#9E1822;font-weight:700}
.pickup-code span{display:block;font-size:1rem}
.pickup-code strong{display:block;font-size:3rem;line-height:1.2;letter-spacing:.15em}
@keyframes required-pulse{50%{outline-color:#E8E8E8}}
@media(prefers-reduced-motion:reduce){.required-attention{animation:none}}

/* 12173-F1: customer specification fields only */
html.gogi-customer #spec .spec-chips{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html.gogi-customer #spec .spec-chips .chip{min-height:48px;font-size:14px;width:100%;white-space:normal}
html.gogi-customer #spec .spec-value{position:absolute;width:1px;height:1px;min-height:0;padding:0;border:0;opacity:0;pointer-events:none}

/* 12173-F1b: selected condition rows only */
html.gogi-customer .stage-one .condition-summary{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
html.gogi-customer .stage-one .condition-summary h2{margin:0;flex-shrink:0}
html.gogi-customer .stage-one .condition-summary .condition-value{min-width:0;overflow-wrap:anywhere}
html.gogi-customer .stage-one .condition-summary button{margin-left:auto;flex-shrink:0}

/* 12173-B2-1 customer back links */
html.gogi-customer .spec-back{min-height:44px}

/* 12173-B2-1 customer specification headings */
html.gogi-customer #spec .formgrid>div>label{font-size:17px;font-weight:700}
html.gogi-customer #spec .optional-mark{font-size:15px;font-weight:400;color:#6B625B;line-height:1}

/* 12173-B2-1 customer warning wrapping */
html.gogi-customer .warning,html.gogi-customer #notice.error{word-break:keep-all}

/* 12173-B2-2: customer usage choices */
html.gogi-customer .stage-one .usage-chips{grid-template-columns:repeat(2,minmax(0,1fr))}

/* 12173-B2-2: order sheet controls */
html.gogi-customer .sheet-meat-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
html.gogi-customer .sheet-meat-heading h2{margin:0}
html.gogi-customer .sheet-line-actions{display:flex;gap:8px;flex-wrap:wrap}

/* 12173-B2-2b: order sheet wrapping and pickup choices */
html.gogi-customer .order-sheet .other-store-link{min-width:0;min-height:44px;white-space:normal;word-break:keep-all}
html.gogi-customer .order-sheet .other-store-tail{white-space:nowrap}
html.gogi-customer .order-sheet .pickup-method-chips,html.gogi-customer .order-sheet .pickup-date-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html.gogi-customer .order-sheet .pickup-method-chips .chip,html.gogi-customer .order-sheet .pickup-date-chips .chip{width:100%;min-width:0;min-height:48px;padding:8px;word-break:keep-all;overflow-wrap:normal;white-space:normal}
