.ord-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.ord-head h2{margin:5px 0 0;font-size:clamp(23px,5vw,30px);letter-spacing:-.06em;line-height:1.25}
.ord-head .eyebrow{font-size:10px;letter-spacing:.18em;color:#996141;font-weight:800}
.ord-close,.ord-stepper button,.ord-link,.ord-order-row,.ord-method,.ord-toggle button,.ord-btn{font:inherit;cursor:pointer}
.ord-close{margin-left:auto;width:38px;height:38px;border-radius:50%;background:#f2efe7;color:#463c31;border:0;display:grid;place-items:center;flex:0 0 auto}
.ord-close svg,.ord-btn svg,.ord-strip svg,.ord-method svg,.ord-stepper svg{display:block}
.ord-body{text-align:left;display:grid;align-content:start;gap:14px}
.ord-head+.ord-body{margin-top:15px}
.ord-empty{display:grid;justify-items:center;text-align:center;padding:32px 16px 22px;gap:11px}
.ord-empty-icon{background:#f4eadb;color:#925733;border-radius:50%;display:grid;place-items:center;width:70px;height:70px;margin-bottom:5px}
.ord-empty h3,.ord-k-title b,.ord-empty p,.ord-check-amount strong,.ord-line-info h3,.ord-order-row h3{margin:0}
.ord-empty h3{font-size:19px}
.ord-empty p,.ord-muted,.ord-note{font-size:13px;color:#685d52;line-height:1.6}
.ord-empty p{max-width:30ch}
.ord-btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:10px 16px;border-radius:12px;font-weight:750;font-size:14px;line-height:1.35;transition:filter .15s ease}
.ord-btn:hover,.ord-stepper button:hover,.ord-link:hover{filter:brightness(.92)}
.ord-btn.primary{background:var(--ord-accent,#a3472a);color:white}
.ord-btn.secondary{background:transparent;border-color:#dacebe;color:#5a4535}
.ord-wide{width:100%}
.ord-strip{display:flex;align-items:center;gap:8px;border-radius:12px;background:#f2eee4;padding:13px;font-size:14px}
.ord-strip span{font-size:12px;margin-left:auto;color:#756855}
.ord-cart-row{display:flex;align-items:center;gap:12px;padding:8px 0 13px;border-bottom:1px solid #e8e1d8}
.ord-cart-row img{display:block;object-fit:cover;background:#f2e9d8;width:62px;height:62px;flex:0 0 62px;border-radius:12px}
.ord-line-info{flex:1;min-width:0;display:grid;gap:3px}
.ord-line-info h3,.ord-order-row h3{font-size:15px;color:#302b25;font-weight:750}
.ord-line-info strong{font-size:14px}
.ord-line-info small,.ord-receipt-row small,.ord-method small,.ord-meta,.ord-section-label,.ord-k-card li small,.ord-field-heading small,.ord-field small,.ord-order-row small,.ord-order-row span{font-size:12px;color:#786a5e}
.ord-stepper{display:flex;align-items:center;border:1px solid #dfd4c5;border-radius:100px;overflow:hidden;flex:none}
.ord-stepper button{display:grid;place-items:center;background:transparent;border:0;color:#493b2f;width:34px;height:36px}
.ord-stepper span{min-width:18px;text-align:center;font-size:13px;font-weight:700}
.ord-form{display:grid;gap:12px}
.ord-field,.ord-field-heading{font-size:14px;font-weight:700}
.ord-field{display:block}
.ord-field small{font-weight:400;margin-left:5px}
.ord-field input,.ord-field textarea,.ord-field select{display:block;width:100%;margin-top:6px;border:1px solid #d9cdbd;border-radius:10px;background:#fffdf8;color:#302b25;min-height:43px;padding:9px 12px;font-family:inherit;font-size:16px;box-sizing:border-box}
.ord-field textarea{resize:vertical}
.ord-field-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ord-field-heading small{font-weight:500}
.ord-link{border:0;background:transparent;color:#995034;font-size:13px;padding:5px;font-weight:700}
.ord-muted,.ord-note{margin:0}
.ord-note{background:#f4f0e6;border-radius:9px;padding:9px 11px;overflow-wrap:anywhere}
.ord-total,.ord-pair,.ord-k-title{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}
.ord-total{margin-top:5px;padding-top:12px;border-top:1px solid #ddd2c3;font-weight:700}
.ord-total strong{font-size:25px;letter-spacing:-.05em}
.ord-pair span{color:#796a5a}
.ord-check-amount,.ord-ticket{border-radius:15px;padding:18px;background:#f4ebdc;display:grid;gap:4px;color:#493d31}
.ord-check-amount small,.ord-ticket small{font-size:12px;color:#73604e}
.ord-check-amount strong,.ord-ticket strong{font-size:32px;letter-spacing:-.055em;line-height:1.2;font-weight:800}
.ord-check-amount span{font-size:12px;color:#786956}
.ord-section-label{font-weight:700}
.ord-method{border-radius:12px;background:transparent;border:1px solid #ded3c4;display:flex;gap:11px;padding:11px;align-items:center;text-align:left;min-height:61px;color:#2c3029}
.ord-method.is-on{background:#f5f5ea;border-color:#667754;box-shadow:inset 0 0 0 1px #667754}
.ord-brand{width:38px;height:38px;border-radius:11px;color:white;display:grid;place-items:center;flex:none;font-weight:800;font-size:19px}
.ord-brand.line{background:#287847}.ord-brand.apple{background:#323733}.ord-brand.taiwan{background:#aa482d}
.ord-method b,.ord-method small{display:block}.ord-method b{font-size:15px}
.ord-method i{margin-left:auto;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;border:1px solid #bfb3a3}
.ord-method.is-on i{background:#4c6340;color:white;border-color:#4c6340}
.ord-toggle,.ord-actions{display:flex;gap:6px}
.ord-toggle{border:1px solid #e4dacb;background:#eee9df;border-radius:12px;padding:3px}
.ord-toggle button{flex:1;min-height:40px;background:transparent;border:0;color:#6e6356;border-radius:9px;font-size:13px;font-weight:650}
.ord-toggle button.is-on{background:#fffdf8;color:#433529;box-shadow:0 1px 4px #3927161c}
.ord-actions .ord-btn{flex:1}
.ord-order-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:#fffdf7;border:1px solid #e1d7c8;border-radius:13px;text-align:left;padding:13px;color:#352f27}
.ord-order-row>div:first-child{min-width:0;display:grid;gap:4px}
.ord-order-row>div:last-child{display:flex;gap:5px;align-items:center}
.ord-order-row h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.ord-order-row span{display:block}
.ord-pill{display:inline-flex;width:fit-content;align-items:center;white-space:nowrap;justify-content:center;padding:4px 8px;border-radius:30px;background:#e5ebd9;color:#47593c;font-weight:700;font-size:11px}
.ord-ticket{position:relative;grid-template-columns:1fr auto}
.ord-ticket small{grid-column:1/-1}.ord-ticket .ord-pill{align-self:center}
.ord-progress{display:flex;padding:0;margin:0;list-style:none}
.ord-progress li{flex:1;min-width:0;position:relative;text-align:center;font-size:10px;color:#716a60}
.ord-progress li i{position:relative;display:block;margin:1px auto 5px;z-index:1;width:10px;height:10px;border-radius:50%;background:#d6cec0;border:2px solid #fbf8ee;box-sizing:content-box}
.ord-progress li:after{position:absolute;content:"";background:#d6cec0;height:2px;top:6px;left:50%;width:100%}
.ord-progress li:last-child:after{display:none}.ord-progress .past i,.ord-progress li.past:has(+.past):after{background:#697e50}
.ord-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ord-receipt-row{display:grid;gap:8px;grid-template-columns:1fr auto auto;align-items:center;border-bottom:1px solid #e7decf;padding:5px 0 9px;font-size:14px}
.ord-receipt-row small{display:block}.ord-receipt-row>span{color:#806c57}
.ord-refund{display:grid;gap:4px;grid-template-columns:1fr auto;border-left:3px solid #a45b38;background:#f5ecdf;padding:8px 10px;font-size:13px}
.ord-refund small{grid-column:1/-1;color:#6d5f50}
.ord-back{justify-self:center}
.ord-k-card{border:1px solid #e6dccd;border-radius:13px;background:#fffdf7;padding:14px;display:grid;gap:10px}
.ord-k-card ol{display:grid;gap:5px;padding:0;margin:0;list-style:none}
.ord-k-card li{display:flex;gap:7px;font-size:14px}.ord-k-card li strong{color:#8a583a}
.ord-k-action{display:flex;justify-content:flex-end}
.ord-dispute{background:#f3eadc;padding:10px;border-radius:9px;font-size:14px}
.ord-dispute p{margin:3px 0 8px;font-size:12px}
@media(max-width:360px){.ord-cart-row{gap:7px}.ord-cart-row img{width:43px;height:43px;flex-basis:43px}.ord-stepper button{width:29px}.ord-actions .ord-btn{padding-inline:9px}}