/* Order lookup and detail only. Shared shop components keep their other pages. */
.order-result-page #main{max-width:760px;padding:40px 24px 64px}
.order-result-page #body{display:grid;gap:24px;min-width:0}
.order-result-page #body > *{margin:0}
.order-result-page .result-heading h1{margin:0;font-size:clamp(26px,4.4vw,36px);line-height:1.35;letter-spacing:-.04em;overflow-wrap:anywhere}
.order-result-page .result-heading > p{margin:12px 0 0;line-height:1.7}
.order-result-page #body > .card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;padding:24px;box-shadow:0 6px 20px rgb(43 5 20 / 3%)}
.order-result-page .result-lookup{display:grid;gap:24px}
.order-result-page .result-lookup .field{display:grid;gap:8px;margin:0;min-width:0}
.order-result-page .result-lookup .field > span{font-size:15px;font-weight:600;line-height:1.6}
.order-result-page .result-lookup .input{width:100%;min-width:0;min-height:52px;margin:0;font-size:16px;border-radius:10px;padding:13px 14px}
.order-result-page .result-lookup-actions{display:grid;gap:12px;margin-top:4px}
.order-result-page #body .btn{min-height:48px;border-radius:10px;white-space:normal;overflow-wrap:anywhere;line-height:1.45;text-align:center;padding:12px 18px}
.order-result-page #body .btn--compact{min-height:44px}
.order-result-page .result-lookup-actions .btn{width:100%;min-height:52px}
.order-result-page .result-meta{display:grid;grid-template-columns:minmax(64px,.7fr) minmax(0,1.3fr);align-items:start;gap:12px;margin:0;padding:14px 0;line-height:1.6}
.order-result-page .result-meta:first-child{padding-top:0}
.order-result-page .result-meta:last-child{padding-bottom:0}
.order-result-page .result-meta + .result-meta{border-top:1px solid var(--c-border)}
.order-result-page .result-meta > :last-child{min-width:0;text-align:right;overflow-wrap:anywhere}
.order-result-page .result-amount .money{font-size:22px;line-height:1.4}
.order-result-page .result-section-title{margin:0 0 24px;font-size:18px;line-height:1.5;font-weight:700}
.order-result-page .result-item{min-width:0}
.order-result-page .result-item + .result-item{border-top:1px solid var(--c-border);margin-top:20px;padding-top:20px}
.order-result-page .result-item .oline{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:start;gap:16px;margin:0;padding:0;border:0}
.order-result-page .result-item .opic{width:64px;height:80px;flex:none;border:1px solid var(--c-border);border-radius:8px;background:var(--c-surface-soft);overflow:hidden}
.order-result-page .result-item .opic img{width:100%;height:100%;display:block}
.order-result-page .result-item .otxt{min-width:0;overflow-wrap:anywhere;word-break:normal;line-height:1.65}
.order-result-page .result-item .otxt b{font-size:16px;line-height:1.55}
.order-result-page .result-item .otxt .sub{line-height:1.65}
.order-result-page .result-item .omoney{min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:16px;line-height:1.6;text-align:right}
.order-result-page .result-retention{border-radius:12px;line-height:1.7;padding:18px 20px}
.order-result-page #pay-msg:empty{display:none}
.order-result-page .result-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.order-result-page .result-actions > .btn{flex:1 1 140px}
.order-result-page #body > .sub{line-height:1.7;overflow-wrap:anywhere}
@media(max-width:560px){
  .order-result-page #main{padding:28px 16px 48px}
  .order-result-page #body{gap:20px}
  .order-result-page #body > .card{padding:20px 16px}
  .order-result-page .result-lookup{gap:20px}
  .order-result-page .result-section-title{margin-bottom:20px}
  .order-result-page .result-item .oline{grid-template-columns:56px minmax(0,1fr);gap:10px 12px}
  .order-result-page .result-item .opic{width:56px;height:70px;grid-row:1 / span 2}
  .order-result-page .result-item .omoney{grid-column:2;text-align:left}
  .order-result-page .result-item > .btn{width:100%}
  .order-result-page .result-meta{grid-template-columns:72px minmax(0,1fr)}
  .order-result-page .result-amount .money{font-size:20px}
  .order-result-page .result-actions > .btn{flex-basis:calc(50% - 6px);min-width:0}
}
