.kowa-catalog{max-width:1080px;margin:0 auto;padding:clamp(22px,4vw,56px) 18px 120px;color:#163446;font:16px/1.65 system-ui,-apple-system,'Noto Sans JP',sans-serif}
.catalog-heading{max-width:760px;margin-bottom:24px}.catalog-eyebrow{color:#0c6672;font-weight:700;margin:0 0 5px}.catalog-heading h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 10px;line-height:1.35}.catalog-heading p{margin:0}.catalog-surface{background:#fff;border:1px solid #cbd9df;border-radius:12px;padding:clamp(14px,3vw,28px)}
.catalog-category{display:grid;gap:7px;font-weight:700;max-width:410px}.catalog-category select{font:inherit;padding:12px;background:#fff;border:1px solid #9eafb9;border-radius:7px;color:#163446;min-height:50px}.catalog-state{margin:16px 0;color:#4d6370}
.catalog-rows{display:grid;gap:0}.catalog-row{display:grid;grid-template-columns:46px 78px minmax(0,1fr);align-items:center;gap:16px;padding:14px 8px;border-top:1px solid #dce5e9;min-height:91px}.catalog-row input{width:23px;height:23px;accent-color:#126471;cursor:pointer}.catalog-row input:disabled{cursor:default}.catalog-photo{width:78px;height:78px;object-fit:contain;border-radius:7px;background:#f0f5f6;border:1px solid #d7e1e4}.catalog-photo-empty{display:grid;place-items:center;text-align:center;color:#54707d;font-size:13px}.catalog-row strong{font-size:1rem;line-height:1.45;display:block;overflow-wrap:anywhere}.catalog-row small{font-size:.82rem;color:#526b77;display:block;margin-top:4px}.catalog-badge{display:inline-block;font-size:.8rem;font-weight:700;color:#0d6971;margin-top:4px}
.catalog-row .catalog-restock{color:#135c71;background:#edf7f9;border-left:3px solid #2e8291;padding:5px 9px;margin-top:8px;overflow-wrap:anywhere}
.catalog-selection{position:sticky;bottom:12px;z-index:2;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;background:#123c4f;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:0 8px 28px #0e304247;margin-top:18px}.catalog-selection[hidden],.catalog-pagination[hidden]{display:none}.catalog-selection button{border:0;background:#f6cb55;color:#1a3545;border-radius:6px;font:inherit;font-weight:700;padding:10px 16px;min-height:44px;cursor:pointer}.catalog-selection button:disabled{opacity:.55;cursor:default}.catalog-selection p{width:100%;margin:0}.catalog-pagination{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:20px}.catalog-pagination button{font:inherit;background:white;border:1px solid #a5bac3;border-radius:6px;padding:9px 12px}.catalog-pagination button:disabled{opacity:.4}.catalog-footnote{font-size:.88rem;color:#4d6370;margin:20px 0 0}
@media(max-width:540px){.catalog-row{grid-template-columns:34px 66px minmax(0,1fr);gap:9px;padding:12px 0}.catalog-photo{width:66px;height:66px}.catalog-selection{bottom:0;border-radius:10px 10px 0 0;margin-left:-18px;margin-right:-18px}.catalog-pagination{flex-wrap:wrap}}
.sample-dialog{width:min(680px,calc(100vw - 28px));max-height:min(85vh,860px);border:1px solid #aac1cb;border-radius:12px;padding:24px;color:#163446;font:16px/1.65 system-ui,-apple-system,'Noto Sans JP',sans-serif;box-shadow:0 25px 80px #102f4070}.sample-dialog::backdrop{background:#08263599}.sample-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.sample-dialog h2{font-size:1.5rem;line-height:1.3;margin:0}.sample-dialog button{font:inherit;border:1px solid #aabdc5;border-radius:7px;padding:8px 15px;background:#fff;color:#163446;cursor:pointer}.sample-dialog [data-sample-submit]{background:#f6cb55;border:0;font-weight:700;min-height:44px}.sample-dialog [data-sample-submit]:disabled{opacity:.5;cursor:default}.sample-dialog [data-sample-quote]{padding:12px 16px;background:#f0f6f8;border-radius:8px}.sample-quote-item{margin:6px 0;border-bottom:1px solid #d7e5ea;padding-bottom:7px}.sample-quote-total{display:block;margin:12px 0 3px}.sample-dialog-note{font-size:.9rem}.sample-ack{display:flex;gap:10px;align-items:start;margin:18px 0}.sample-ack input{width:20px;height:20px;flex:none;margin-top:4px}.sample-dialog [data-sample-message]{min-height:1.5em}
.sample-history{margin-top:44px}.sample-history h2{font-size:1.35rem}.sample-history-item{background:#fff;border:1px solid #d2e0e6;border-radius:9px;padding:18px;margin:12px 0}.sample-history-item h3{margin:0 0 8px}.sample-history-item p{margin:5px 0}.sample-confirm{background:#f6cb55;border:0;border-radius:6px;padding:12px 16px;font:inherit;font-weight:700;cursor:pointer}.sample-confirm:disabled{opacity:.55;cursor:default}