/* Langkah "Alamat & ongkir" wizard order kunafa — netral, mengikuti variabel warna tiap situs. */
.kship { display: grid; gap: 12px; max-width: 760px; }
.kship__title { font-size: .78rem; font-weight: 800; }
.kship__courier { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 10px 14px; border: 1px solid var(--line, var(--edge, #dfe8e5)); border-radius: 14px; background: #fff; font-size: .82rem; font-weight: 600; }
.kship__courier img { height: 26px; width: auto; }
.kship__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.kship__grid label { display: grid; gap: 6px; font-size: .78rem; font-weight: 800; }
.kship__grid select, .kship__grid input, .kship__grid textarea { width: 100%; min-width: 0; box-sizing: border-box; border: 1px solid var(--line, var(--edge, #dfe8e5)); border-radius: 12px; padding: 11px 12px; background: #fff; color: inherit; font: 500 16px/1.3 inherit; }
.kship__grid select:disabled { opacity: .55; }
.kship__wide { grid-column: 1 / -1; }
.kship__hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.kship__options { display: grid; gap: 8px; }
.kship__opt { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100%; text-align: left; border: 1px solid var(--line, var(--edge, #dfe8e5)); border-radius: 14px; padding: 11px 14px; background: #fff; color: inherit; font: inherit; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.kship__opt:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(16,33,43,.1); }
.kship__opt[aria-pressed="true"] { border-color: var(--choice-accent, var(--wa, #20B85A)); box-shadow: 0 0 0 2px var(--choice-accent, var(--wa, #20B85A)) inset; }
.kship__opt img { height: 20px; width: auto; }
.kship__svc { display: grid; gap: 2px; min-width: 0; }
.kship__svc b { font-size: .86rem; }
.kship__svc small { font-size: .74rem; opacity: .75; }
.kship__opt strong { font-size: .92rem; white-space: nowrap; }
.kship__status { margin: 0; font-size: .78rem; opacity: .8; }
.kship__status.is-error { color: #b3261e; opacity: 1; font-weight: 600; }
.order-builder__notice { margin-top: 12px; padding: 12px 14px; border-radius: 14px; font-size: .84rem; line-height: 1.45; background: #fff; border: 1px solid var(--line, var(--edge, #dfe8e5)); }
.order-builder__notice.is-error { border-color: #e6b3ae; background: #fdf1f0; color: #7a1f17; }
.order-builder__notice a { font-weight: 700; }
.order-builder__button.is-busy { opacity: .6; pointer-events: none; }
@media (max-width: 720px) { .kship__grid { grid-template-columns: 1fr; } .kship__opt { grid-template-columns: minmax(0, 1fr) auto; } .kship__opt img { display: none; } }
/* Validasi isian wajib per langkah */
.order-builder .is-invalid, .kship .is-invalid { border-color: #c62828 !important; box-shadow: 0 0 0 3px rgba(198,40,40,.14) !important; }
.kship__options.is-invalid { border: 1px solid #c62828; border-radius: 14px; padding: 6px; }
.order-field__error { display: block; margin-top: 2px; color: #b3261e; font-size: .76rem; font-weight: 600; line-height: 1.35; }
/* Wizard 25 Sep: pilihan cepat jumlah, warna tersusun ke bawah, tombol Kembali berlatar */
.order-qty { margin-bottom: 8px; }
.order-builder .order-qty__input { max-width: 260px; }
.order-choice[data-choice-for="color"] { flex-direction: column; flex-wrap: nowrap; align-items: stretch; max-width: 420px; }
.order-choice[data-choice-for="color"] .order-choice__button { width: 100%; text-align: left; }
.order-builder--wizard .order-builder__nav [data-order-prev] { background: var(--cream-2, var(--sand-2, var(--mint-2, #EEF1F0))); border-color: transparent; }
.order-builder--wizard .order-builder__nav [data-order-prev]:disabled { background: var(--cream-2, var(--sand-2, var(--mint-2, #EEF1F0))); }
/* Tombol warna menampilkan warnanya sendiri (bulatan + latar saat dipilih) */
.order-choice .order-choice__button--color { display: flex; align-items: center; gap: 10px; }
.order-choice .order-choice__button--color::before { content: ""; flex: 0 0 18px; width: 18px; height: 18px; border-radius: 50%; background: var(--sw); box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); }
.order-choice .order-choice__button--color[aria-pressed="true"] { background: var(--sw); border-color: var(--sw); color: #2B2620; box-shadow: 0 10px 22px rgba(0,0,0,.14), inset 0 0 0 2px rgba(0,0,0,.12); }
.order-choice .order-choice__button--color[aria-pressed="true"][data-sw-dark="true"] { color: #fff; }
.order-choice .order-choice__button--color[aria-pressed="true"]::before { box-shadow: inset 0 0 0 2px rgba(255,255,255,.85); }