.batch{--batch-accent: #174837;--batch-accent-soft: #e8f1ec;--batch-line: #d9e0db;--batch-ink: #1c2b24;--batch-muted: #5d6f65;--batch-warn: #8a5b00;--batch-warn-bg: #fff5dd;--batch-ok: #136b3f;--batch-ok-bg: #e7f6ec;--batch-err: #a12d1f;color:var(--batch-ink);font-size:15px;line-height:1.45;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.batch *,.batch *:before,.batch *:after{box-sizing:border-box}.batch [hidden]{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.batch-toolbar{display:none!important;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;padding:10px 12px;background:#f7f9f7;border:1px solid var(--batch-line);border-radius:10px}.batch-search{flex:1 1 220px;min-width:0}.batch-search input{width:100%;padding:10px 12px;border:1px solid #b9c6be;border-radius:8px;font:inherit;font-size:16px;background:#fff}.batch-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;color:var(--batch-muted);cursor:pointer;white-space:nowrap}.batch-toggle input{width:20px;height:20px;accent-color:var(--batch-accent)}.batch-count{margin:0;flex:1 1 100%;font-size:13px;color:var(--batch-muted)}.batch-table{display:grid;grid-template-columns:minmax(180px,210px) repeat(var(--size-count, 5),minmax(112px,1fr));border:1px solid var(--batch-line);border-radius:12px;background:#fff;overflow:hidden}.batch-head{display:contents}.batch-head-cell{padding:10px 8px;font-size:12px;font-weight:600;color:var(--batch-muted);background:#f2f5f3;border-bottom:1px solid var(--batch-line);text-align:center;line-height:1.25}.batch-head-pattern{text-align:left;padding-left:14px}.batch-head-cell .size-name{display:block}.batch-head-cell .size-price{display:block;margin-top:2px;font-weight:500;color:var(--batch-ink)}.batch-body,.pattern{display:contents}.pattern-head{display:flex;gap:10px;align-items:center;padding:6px 10px;border-bottom:1px solid #edf1ee}.pattern-thumb{flex:0 0 auto;width:52px;height:52px;padding:0;border:1px solid var(--batch-line);border-radius:8px;background:#f4f7f5;overflow:hidden;cursor:zoom-in;display:grid;place-items:center}.pattern-thumb img{width:100%;height:100%;object-fit:contain;display:block}.thumb-fallback{font-size:11px;font-weight:700;color:var(--batch-muted);padding:4px;text-align:center}.pattern-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.pattern-code{font-weight:650;font-size:14px}.pattern-badge{font-size:11px;color:var(--batch-accent);font-weight:600}.pattern-collapse{display:none;margin-top:2px;padding:0;border:0;background:none;color:var(--batch-muted);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}.sizes{display:contents}.size-cell{padding:8px 6px 10px;border-bottom:1px solid #edf1ee;border-left:1px solid #f2f5f3;text-align:center}.size-cell .size-label,.size-cell .size-price{display:none}.qty{display:inline-flex;align-items:center;border:1px solid #b9c6be;border-radius:8px;overflow:hidden;background:#fff}.qty:focus-within{border-color:var(--batch-accent);box-shadow:0 0 0 3px #1748371f}.qty input{width:40px;padding:8px 2px;border:0;text-align:center;font:inherit;font-size:16px;color:inherit;background:transparent;-moz-appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty input:disabled{color:#a9b5ae;background:#f7f8f7}.qty-step{width:30px;height:38px;border:0;background:#f4f7f5;color:var(--batch-ink);font-size:17px;line-height:1;cursor:pointer}.qty-step:hover:not(:disabled){background:var(--batch-accent-soft)}.qty-step:disabled{color:#c2cbc5;cursor:not-allowed}.qty-error{margin:4px 0 0;font-size:11.5px;color:var(--batch-err);line-height:1.3}.is-sold-out{background:#fafafa}.is-sold-out .qty{border-color:#e2e6e3}.batch-empty{grid-column:1 / -1;margin:0;padding:20px 14px;font-size:14px;color:var(--batch-muted);text-align:center}.pattern[hidden]{display:none}.batch-summary{background:#fff;border:1px solid var(--batch-line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px #14281e0d}.summary-lines{display:flex;flex-direction:column;gap:2px}.summary-main{margin:0;font-size:13px;color:var(--batch-muted)}.summary-main [data-summary-items],.summary-main [data-summary-units]{font-weight:700;color:var(--batch-ink);font-size:15px}.summary-sub{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.summary-label{font-size:12px;font-weight:600;color:var(--batch-muted);text-transform:uppercase;letter-spacing:.04em;margin-right:4px}.summary-hint{margin:2px 0 0;font-size:11.5px;color:#7b8a81;line-height:1.35}.summary-actions{display:flex;flex-direction:column;gap:8px}.btn-submit,.btn-view-cart{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:9px;font:inherit;font-size:15px;font-weight:650;text-decoration:none;cursor:pointer}.btn-submit{border:1px solid var(--batch-accent);background:var(--batch-accent);color:#fff}.btn-submit:hover:not(:disabled){background:#0f382a}.btn-submit:disabled{background:#c9d3cd;border-color:#c9d3cd;color:#f4f7f5;cursor:not-allowed}.btn-submit[aria-busy=true]{background:#2b6a51;border-color:#2b6a51}.btn-view-cart{border:1px solid var(--batch-accent);background:#fff;color:var(--batch-accent)}.batch-status{border-radius:9px;padding:10px 12px;font-size:13.5px;line-height:1.4}.batch-status[data-tone=ok]{background:var(--batch-ok-bg);color:var(--batch-ok);border:1px solid #bfe4cd}.batch-status[data-tone=warn]{background:var(--batch-warn-bg);color:var(--batch-warn);border:1px solid #f0dcae}.batch-status[data-tone=pending]{background:#eef2f0;color:var(--batch-muted);border:1px solid var(--batch-line)}.status-message{margin:0;font-weight:650}.status-detail{margin:6px 0 0;font-size:12.5px;font-weight:400}.batch-status a{color:inherit;text-decoration:underline;font-weight:650}.pattern .pattern-head{border-bottom:1px solid #edf1ee}@media(min-width:900px){.batch{display:block;max-width:620px}.batch-summary{position:static;margin-top:8px}.batch-table{border:0;background:none;display:block}.batch-head{display:none}.pattern{border:1px solid var(--batch-line);border-radius:12px;background:#fff;overflow:hidden;margin-bottom:10px}.size-cell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:6px 12px;border-left:0;text-align:left}.size-cell .size-label{display:flex;flex-direction:row;align-items:baseline;gap:8px;min-height:0}.size-cell .size-label .size-name{font-size:13.5px;font-weight:600}.size-cell .size-label .size-price{display:block;font-size:12.5px;color:var(--batch-muted)}.qty{grid-column:2;grid-row:1}}@media(max-width:899px){.batch{display:block}.batch-toolbar{position:sticky;top:0;z-index:6;border-radius:0;margin:0 -14px 12px;padding:10px 14px}.batch-table{display:block;border:0;background:none;overflow:visible}.batch-head{display:none}.pattern{display:block;background:#fff;border:1px solid var(--batch-line);border-radius:12px;margin-bottom:10px;overflow:hidden}.pattern-head{padding:10px 12px;background:#fafcfb;align-items:center}.pattern-thumb{width:64px;height:64px;min-width:64px;cursor:pointer}.pattern-head{padding:10px 12px}.pattern-code{font-size:15px}.pattern-collapse{display:inline-block;min-height:24px;text-underline-offset:2px}.sizes{display:block}.pattern-head{cursor:pointer}.size-cell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:5px 12px;border-left:0;text-align:left}.size-cell+.size-cell{border-top:1px solid #f2f5f3}.size-cell .size-label{display:flex;flex-direction:row;align-items:baseline;gap:8px;min-height:0;flex-wrap:wrap}.size-cell .size-label .size-name{font-size:13.5px;font-weight:600}.size-cell .size-label .size-price{font-size:12.5px;color:var(--batch-muted)}.size-cell .size-label .size-price{display:block}.qty{grid-column:2;grid-row:1}.qty input{width:46px;min-height:44px;font-size:16px}.qty-step{width:40px;height:44px;font-size:19px}.qty-error{grid-column:1 / -1;margin:0}.summary-lines{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.summary-main{order:1}.summary-sub{order:2;font-size:17px}.summary-hint{order:3;flex:1 1 100%;margin:0}.summary-actions{flex-direction:row;align-items:stretch}.summary-actions .btn-submit{flex:1 1 auto}.batch-status{font-size:12.5px}.summary-actions{padding-right:0}}@media(max-width:480px){.summary-hint{display:none}}.batch-zoom{border:0;border-radius:14px;padding:12px;max-width:min(92vw,620px);max-height:92vh}.batch-zoom::backdrop{background:#0c18128c}.batch-zoom img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain}.batch-zoom p{margin:8px 0 0;text-align:center;font-weight:650}.zoom-close{position:absolute;top:6px;right:8px;width:40px;height:40px;border:0;border-radius:50%;background:#f1f4f2;font-size:22px;line-height:1;cursor:pointer}@media(prefers-reduced-motion:reduce){.batch *{transition:none!important;animation:none!important}}@media(max-width:899px){.batch{padding-bottom:0}.batch-summary{position:static;margin-top:8px;border-radius:12px;padding:10px 12px;gap:8px}}.batch-chips{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 8px}.chip{position:relative;flex:0 0 auto;width:90px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid var(--batch-line);border-radius:10px;background:#fff;font:inherit;cursor:pointer}.chip img{width:50px;height:50px;object-fit:contain;display:block}.chip-code{font-size:11px;font-weight:650;letter-spacing:-.02em;white-space:nowrap}.chip[aria-pressed=true]{border-color:var(--batch-accent);box-shadow:0 0 0 2px #17483729}.chip-dot{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--batch-accent);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}.pattern{display:none}.pattern.is-active,.pattern.is-active .sizes{display:block}.pattern .pattern-collapse{display:none}.pattern .pattern-head{cursor:default}@media(max-width:899px){.batch-chips{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.chip{position:relative;flex:0 0 auto;width:94px;padding:7px 6px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid var(--batch-line);border-radius:10px;background:#fff;font:inherit;cursor:pointer;scroll-snap-align:start}.chip img{width:52px;height:52px;object-fit:contain;display:block}.chip-code{font-size:11px;font-weight:650;letter-spacing:-.02em;white-space:nowrap}.chip[aria-pressed=true]{border-color:var(--batch-accent);box-shadow:0 0 0 2px #17483729}.chip-dot{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--batch-accent);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}.pattern{display:none}.pattern.is-active,.pattern.is-active .sizes{display:block}.pattern .pattern-collapse{display:none}.pattern .pattern-head{cursor:default}}.batch--dense .chip{width:78px;padding:4px 3px;border-radius:8px}.batch--dense .chip img{width:36px;height:36px}.batch--dense .chip-code{font-size:9.5px;letter-spacing:-.03em;white-space:nowrap}.batch--dense .batch-chips{gap:5px}.batch--single .batch-chips,.batch--single .pattern-head{display:none}.batch--single .pattern.is-active{border-top-left-radius:12px;border-top-right-radius:12px}@media(max-width:749px){.batch:not(.batch--single) .batch-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible;scroll-snap-type:none;padding:4px 2px 8px}.batch .chip{width:100%;min-width:0;min-height:76px;padding:6px 2px}.batch .chip img{width:min(100%,48px);height:48px}.batch .chip-code{max-width:100%;font-size:10px;line-height:1.2;letter-spacing:-.03em;white-space:normal;overflow-wrap:anywhere;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/pattern-batch-selector.css.map */