.order-body{min-height:100vh}.order-header{max-width:1280px}.header-route{margin-left:30px;color:var(--np-muted);font-size:12px;font-weight:700}.order-page{max-width:1180px;margin:0 auto;padding:34px 24px 90px}.order-heading{max-width:700px;margin:0 auto 42px;text-align:center}.order-heading .eyebrow{margin-bottom:10px}.order-heading h1{margin:0;color:var(--np-ink);font-size:clamp(38px,5vw,58px);line-height:1.08;letter-spacing:-3.4px;font-weight:900}.order-heading h1 em{color:var(--np-green);font-style:normal}.order-heading>p:not(.eyebrow){margin:15px 0 22px;color:var(--np-muted);font-size:13px;line-height:1.8}.order-steps{display:flex;align-items:center;justify-content:center;gap:14px;color:#819087;font-size:10px;font-weight:800}.order-steps span{display:flex;align-items:center;gap:6px}.order-steps b{width:24px;height:24px;display:grid;place-items:center;border:1px solid #c9d5cc;border-radius:50%;font-size:9px}.order-steps .step-active{color:var(--np-green)}.order-steps .step-active b{background:var(--np-green);border-color:var(--np-green);color:var(--np-lime)}.order-steps>i{width:36px;height:1px;background:#d6dfd8}.order-layout{display:grid;grid-template-columns:minmax(0,1.26fr) minmax(280px,.74fr);align-items:start;gap:22px}.order-form{display:grid;gap:14px}.form-panel,.membership-callout{padding:24px 25px;border:1px solid #dce4de;border-radius:18px;background:#fff;box-shadow:0 7px 22px #17372e08}.form-panel-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}.panel-step{width:34px;height:34px;display:grid;place-items:center;border-radius:11px 11px 11px 2px;background:#e4eee6;color:var(--np-green);font-size:11px;font-weight:900}.form-panel-head>div p{margin:0;color:#829088;font-size:9px;font-weight:900;letter-spacing:.8px}.form-panel-head h2{margin:2px 0 0;color:var(--np-ink);font-size:17px;letter-spacing:-.6px}.panel-caption{margin-left:auto;color:#839087;font-size:9px;text-align:right}.field-grid{display:grid;gap:12px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.order-form label{display:grid;gap:7px;color:#3d5147;font-size:11px;font-weight:800}.order-form input:not([type=radio]),.order-form select{width:100%;min-width:0;min-height:46px;padding:0 13px;border:1px solid #d8e0da;border-radius:9px;background:#fbfcfa;color:var(--np-ink);font-size:13px;font-weight:500}.order-form input::placeholder{color:#9aa59e}.order-form input:not([type=radio]):focus,.order-form select:focus{border-color:#4f8068;outline:3px solid #dcebdc;outline-offset:1px}.privacy-hint,.payment-hint,.vehicle-field-note{margin:12px 0 0;color:#718077;font-size:10px;line-height:1.65}.privacy-hint span{width:15px;height:15px;display:inline-grid;place-items:center;margin-right:4px;border-radius:50%;background:#edf1e7;color:#718b5c;font-size:9px;font-weight:900}.address-group{display:grid;grid-template-columns:32px minmax(0,1fr);gap:13px}.address-marker{width:30px;height:30px;display:grid;place-items:center;margin-top:24px;border-radius:50% 50% 50% 3px;background:var(--np-green);color:var(--np-lime);font-size:10px;font-weight:900;transform:rotate(-45deg)}.address-marker::first-letter{transform:rotate(45deg)}.destination-marker{background:#d7ac60;color:#fff}.address-fields{min-width:0}.address-fields>label{margin:0 0 7px}.address-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.address-search-row input{font-size:12px!important}.address-search{min-width:82px;padding:0 12px;border:1px solid #b8cdbd;border-radius:9px;background:#edf4ee;color:var(--np-green);font-size:10px;font-weight:900;cursor:pointer}.address-search:hover{background:#dcebdc}.order-form input.detail-address{margin-top:7px}.field-status{margin:5px 0 0;color:#849188;font-size:9px;line-height:1.5}.address-connector{height:25px;display:flex;align-items:center;gap:3px;margin:0 0 0 14px}.address-connector span{width:4px;height:4px;border-radius:50%;background:#a2b5a7}.postcode-status{min-height:14px;margin:8px 0 0 45px;color:#8b6840;font-size:10px}.vehicle-fieldset,.payment-fieldset{min-width:0;margin:0;padding:0;border:0}.vehicle-fieldset legend,.payment-fieldset legend{margin:0 0 10px;color:#3d5147;font-size:11px;font-weight:900}.vehicle-fieldset legend span{margin-left:6px;color:#8b9890;font-size:9px;font-weight:600}.order-vehicle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.order-vehicle-choice{position:relative;display:block!important;cursor:pointer}.order-vehicle-choice>input{position:absolute;opacity:0;pointer-events:none}.radio-card{display:flex;flex-direction:column;align-items:center;min-height:117px;padding:8px 5px;border:1px solid #dbe3dc;border-radius:12px;background:#fbfcfa;text-align:center;transition:border-color .15s,background .15s}.radio-card img{width:82px;height:57px;object-fit:contain}.radio-card b{margin-top:2px;color:#31493d;font-size:9px;line-height:1.35}.radio-card small{margin-top:4px;color:#859188;font-size:8px;font-weight:600}.order-vehicle-choice>input:checked+.radio-card{border:2px solid var(--np-green);background:#eff5ed;box-shadow:0 0 0 2px #c5f578 inset}.order-vehicle-choice>input:focus-visible+.radio-card{outline:3px solid #bdde6b;outline-offset:3px}.field-gap-top{margin-top:16px}.payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.payment-grid label{position:relative;display:block!important;cursor:pointer}.payment-grid input{position:absolute;opacity:0;pointer-events:none}.payment-grid label span{display:grid;place-items:center;min-height:43px;padding:8px 6px;border:1px solid #dce3dd;border-radius:9px;background:#fbfcfa;color:#43564c;font-size:10px;text-align:center}.payment-grid input:checked+span{border:2px solid var(--np-green);background:#eff5ed;color:var(--np-green);font-weight:900}.payment-grid input:focus-visible+span{outline:3px solid #bdde6b;outline-offset:2px}.membership-callout{display:grid;grid-template-columns:58px 1fr;gap:15px;align-items:center;padding:17px 20px;background:#f4f1e7;border-color:#e8e0ce}.membership-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:17px 17px 17px 3px;background:#e8d4a5;color:#476344;font-size:16px;font-weight:900}.membership-mark span{padding:0 2px;color:#a7854e}.membership-callout .eyebrow{margin:0 0 3px;font-size:8px;letter-spacing:1px;color:#887246}.membership-callout h2{margin:0;font-size:13px;letter-spacing:-.3px}.membership-callout p:last-child{margin:4px 0 0;color:#7f7d6f;font-size:9px;line-height:1.5}.submit-row{display:flex;align-items:center;gap:14px;margin-top:3px}.submit-preview{min-width:190px;min-height:53px;cursor:pointer}.submit-row p{margin:0;color:#7e8a83;font-size:9px;line-height:1.55}.form-feedback{display:none;margin:0;padding:13px 15px;border:1px solid #cadfcd;border-radius:10px;background:#edf5ed;color:#315942;font-size:11px;line-height:1.6}.form-feedback.is-visible{display:block}.quote-aside{position:sticky;top:18px;display:grid;gap:12px}.quote-card{padding:25px;border-radius:18px;background:var(--np-green);color:#fff;box-shadow:var(--np-shadow)}.quote-card-top{display:flex;align-items:center;justify-content:space-between}.quote-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px 10px 10px 2px;background:#3b6f57;color:var(--np-lime);font-size:17px;font-weight:900}.quote-status{padding:6px 9px;border:1px solid #799582;border-radius:999px;color:#e5efdc;font-size:9px;font-weight:800}.quote-card h2{margin:21px 0 0;color:#fff;font-size:26px;line-height:1.2;letter-spacing:-1.2px}.quote-card>p:not(.quote-footnote){margin:12px 0 0;color:#d4e1d8;font-size:11px;line-height:1.7}.quote-route{display:grid;grid-template-columns:1fr;gap:9px;margin:22px 0 17px;padding:15px;border:1px solid #64816f;border-radius:12px;background:#255440}.quote-route>div:not(.quote-route-dots){display:flex;align-items:center;gap:9px;min-width:0;color:#edf3ea;font-size:10px;font-weight:700}.quote-route>div>i{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:50%;background:var(--np-lime);color:var(--np-green);font-size:9px;font-style:normal;font-weight:900}.quote-route>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote-route-dots{height:13px;margin-left:10px;border-left:2px dotted #96b49d}.quote-vehicle,.quote-amount{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;border-top:1px solid #64816f;font-size:10px}.quote-vehicle span,.quote-amount span{color:#d0ded3}.quote-vehicle strong{color:#fff;font-size:11px}.quote-amount{padding-top:15px}.quote-amount strong{color:var(--np-lime);font-size:13px}.quote-footnote{margin:14px 0 0;padding-top:12px;border-top:1px solid #64816f;color:#ccdbd0;font-size:9px;line-height:1.7}.notice-card{display:grid;grid-template-columns:25px 1fr;gap:11px;padding:15px;border:1px solid #eadcbf;border-radius:14px;background:#f7f0e1}.notice-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#ead09c;color:#6e5833;font-size:13px;font-weight:900}.notice-card strong{color:#614f34;font-size:11px}.notice-card p{margin:4px 0 0;color:#7b6b51;font-size:9px;line-height:1.6}.order-footer{max-width:1180px;margin:auto;padding:22px 24px 35px;border-top:1px solid #dfe5df;display:flex;align-items:center;gap:15px}.order-footer .wordmark-small{font-size:12px}.order-footer .brand-mark{width:24px;height:24px;border-radius:7px 7px 7px 2px;font-size:11px}.order-footer>span{margin-left:auto;color:#87928b;font-size:9px}.login-dialog{width:min(452px,calc(100% - 28px));max-width:none;max-height:calc(100% - 28px);padding:0;border:1px solid #dce5dd;border-radius:22px;background:#fbfcf9;color:var(--np-ink);box-shadow:0 30px 90px #102b2050}.login-dialog::backdrop{background:#0c211aa6;backdrop-filter:blur(4px)}.dialog-content{padding:29px 32px 24px}.dialog-wordmark{margin-bottom:25px;font-size:17px}.dialog-wordmark .brand-mark{width:29px;height:29px;font-size:15px}.dialog-eyebrow{margin-bottom:8px;font-size:9px}.dialog-content h2{margin:0;font-size:25px;line-height:1.25;letter-spacing:-1px}.dialog-lede{margin:10px 0 18px;color:#6c7b72;font-size:11px;line-height:1.7}.provider-buttons{display:grid;gap:7px}.provider-buttons button{position:relative;display:flex;align-items:center;gap:10px;min-height:43px;padding:0 12px;border:1px solid #e0e5e0;border-radius:9px;background:#f2f4f1;color:#89958d;font-size:11px;font-weight:800;text-align:left;cursor:not-allowed}.provider-buttons button small{margin-left:auto;font-size:9px;font-weight:700}.provider-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#fff;color:#89958d;font-size:11px;font-weight:900}.provider-icon.kakao{background:#f5df6a;color:#403d22}.provider-icon.naver{background:#26a65b;color:#fff}.provider-icon.email{background:#e1e9e2;color:#47634f}.dialog-divider{display:flex;align-items:center;gap:10px;margin:15px 0;color:#93a097;font-size:9px}.dialog-divider:before,.dialog-divider:after{content:"";height:1px;flex:1;background:#e0e5df}.guest-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:49px;padding:0 15px;border:0;border-radius:10px;background:var(--np-green);color:#fff;font-size:12px;font-weight:900;cursor:pointer}.guest-button span{color:var(--np-lime);font-size:17px}.guest-button:hover{background:#103f32}.dialog-footnote{margin:10px 0 0;color:#8a958d;font-size:9px;line-height:1.6}.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}
@media(max-width:900px){.order-layout{grid-template-columns:minmax(0,1fr) 300px;gap:14px}.form-panel{padding:21px 19px}.quote-card{padding:21px}.order-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.radio-card{min-height:110px}}
@media(max-width:720px){.header-route{display:none}.order-page{padding:25px 14px 55px}.order-heading{margin-bottom:24px}.order-heading h1{font-size:41px;letter-spacing:-2.4px}.order-heading>p:not(.eyebrow){font-size:11px}.order-steps{gap:7px;font-size:8px}.order-steps b{width:20px;height:20px;font-size:8px}.order-steps>i{width:18px}.order-layout{grid-template-columns:1fr;gap:14px}.order-form{gap:11px}.form-panel{padding:18px 15px;border-radius:14px}.form-panel-head{gap:9px;margin-bottom:17px}.panel-step{width:29px;height:29px;font-size:9px}.form-panel-head h2{font-size:15px}.panel-caption{max-width:82px;font-size:8px;line-height:1.35}.field-grid.two{grid-template-columns:1fr;gap:11px}.order-form label{font-size:10px}.order-form input:not([type=radio]),.order-form select{min-height:46px;font-size:16px}.privacy-hint,.payment-hint,.vehicle-field-note{font-size:9px}.address-group{grid-template-columns:25px minmax(0,1fr);gap:9px}.address-marker{width:24px;height:24px;margin-top:25px;font-size:8px}.address-connector{height:21px;margin-left:11px}.address-search-row{grid-template-columns:minmax(0,1fr) 75px;gap:5px}.address-search{min-width:0;padding:0 5px;font-size:9px}.address-search-row input{font-size:11px!important}.order-form input.detail-address{font-size:13px!important}.field-status{font-size:8px}.postcode-status{margin-left:34px;font-size:9px}.vehicle-fieldset legend,.payment-fieldset legend{font-size:10px}.order-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.radio-card{min-height:106px;padding:7px 4px}.radio-card img{width:90px;height:54px}.radio-card b{font-size:10px}.radio-card small{font-size:8px}.payment-grid{gap:6px}.payment-grid label span{min-height:43px;font-size:9px}.membership-callout{grid-template-columns:47px 1fr;gap:11px;padding:14px;border-radius:14px}.membership-mark{width:44px;height:44px;border-radius:14px 14px 14px 3px;font-size:13px}.membership-callout h2{font-size:12px}.membership-callout p:last-child{font-size:8px}.submit-row{display:block}.submit-preview{width:100%}.submit-row p{margin-top:7px;text-align:center;font-size:8px}.quote-aside{position:static;order:2}.quote-card{padding:19px}.quote-card h2{font-size:23px}.quote-card>p:not(.quote-footnote){font-size:10px}.quote-aside .notice-card{grid-template-columns:22px 1fr;padding:12px}.order-footer{padding:17px 14px 25px}.order-footer>span{font-size:8px}.dialog-content{padding:25px 22px 20px}.dialog-content h2{font-size:22px}.dialog-lede{font-size:10px}.provider-buttons button{min-height:41px}.order-body .prototype-note{font-size:9px}}
@media(max-width:720px){.order-steps{font-size:10px}.order-steps b{font-size:9px}.panel-caption{font-size:9px}.privacy-hint,.payment-hint,.vehicle-field-note{font-size:10px}.address-search-row input{font-size:12px!important}.field-status,.postcode-status{font-size:10px}.radio-card small{font-size:9px}.payment-grid label span{font-size:10px}.membership-callout p:last-child{font-size:9px}.submit-row p{font-size:9px}.order-footer>span{font-size:9px}}
@media(max-width:720px){.address-search-row input,.order-form input.detail-address{font-size:16px!important}.field-status,.postcode-status{font-size:11px}}
@media(max-width:720px){.order-form label,.panel-caption,.privacy-hint,.payment-hint,.vehicle-field-note{font-size:11px}.panel-caption{font-size:10px}.radio-card small,.membership-callout p:last-child,.submit-row p{font-size:10px}.vehicle-field-note{line-height:1.6}}

.marketing-consent{min-width:0;margin:0;padding:15px;border:1px solid #d8d3c7;border-radius:3px;background:#fff}
.marketing-consent legend{padding:0 5px;color:var(--np-ink);font-size:11px;font-weight:900}
.marketing-consent legend span{margin-left:5px;color:#716e62;font-size:9px;font-weight:700}
.marketing-choice-row{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}
.marketing-choice-row label{position:relative;display:block!important;cursor:pointer}
.marketing-choice-row input{position:absolute;width:1px;height:1px;opacity:0}
.marketing-choice-row label span{display:grid;place-items:center;min-height:43px;padding:8px;border:1px solid #d8d3c7;border-radius:3px;background:#fff;color:#393933;font-size:10px;text-align:center}
.marketing-choice-row input:checked+span{border:2px solid var(--np-ink);background:#fff8d5;font-weight:900}
.marketing-choice-row input:focus-visible+span{outline:3px solid var(--np-gold);outline-offset:2px}
.marketing-consent>p{margin:10px 0 0;color:#68675f;font-size:9px;line-height:1.7}
.privacy-consent small a{color:#292718;text-decoration:underline;text-underline-offset:2px;font-weight:800}
.order-footer .legal-links{flex-basis:100%;margin:0;}
.order-footer .legal-links a{color:#56564f}
@media(max-width:720px){.marketing-consent{padding:12px}.marketing-consent legend{font-size:10px}.marketing-choice-row{grid-template-columns:1fr 1.4fr;gap:6px}.marketing-choice-row label span{min-height:44px;padding:7px 5px;font-size:9px}.marketing-consent>p{font-size:9px}.order-footer .legal-links{gap:8px 13px}}

/* Order-page feedback: visible controls and a compact, stable milestone badge. */
.order-page .address-search{min-width:80px;background:var(--np-ink);border-color:var(--np-ink);color:var(--np-lime);font-size:10px;font-weight:900;white-space:nowrap}
.order-page .address-search:hover,.order-page .address-search:focus-visible{background:var(--np-lime);border-color:var(--np-ink);color:var(--np-ink)}
.order-page .address-search:focus-visible{outline:3px solid var(--np-ink);outline-offset:2px}
.membership-mark{display:flex;align-items:center;justify-content:center}
.membership-count{display:flex;align-items:center;gap:3px;white-space:nowrap;font-size:11px;line-height:1}
.membership-mark .membership-count b{color:var(--np-ink);font-size:12px;font-weight:950}
.membership-mark .membership-count i{color:#806216;font-size:10px;font-style:normal;font-weight:800}
.quote-status{white-space:nowrap}
.quote-amount strong{max-width:62%;text-align:right;line-height:1.4}
@media(max-width:720px){.order-page .address-search{min-width:75px;padding:0 5px;font-size:10px}.membership-count{gap:2px}.membership-mark .membership-count b{font-size:12px}.quote-amount strong{max-width:67%}}
.order-body .order-page button.address-search{color:var(--np-lime)!important;font-size:10px!important}
.order-body .order-page button.address-search:hover,.order-body .order-page button.address-search:focus-visible{color:var(--np-ink)!important}
.privacy-hint #privacy-hint-copy{width:auto;height:auto;display:inline;margin:0;border-radius:0;background:transparent;color:inherit;font-size:inherit;font-weight:inherit}
@media(max-width:720px){.panel-caption{max-width:none;white-space:nowrap;font-size:9px}}

.parcel-fields { min-width: 0; border: 0; padding: 0; margin-inline: 0; }
.parcel-fields legend { font-weight: 800; margin-bottom: 12px; }
.parcel-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) minmax(78px, .65fr); gap: 14px; }
.parcel-row label, .parcel-description-label, .dispatch-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; font-size: 13px; font-weight: 700; }
.parcel-row select, .parcel-row input, .parcel-description-label input, .dispatch-field select { width: 100%; min-width: 0; min-height: 48px; padding: 10px; border: 1px solid var(--np-line); border-radius: 5px; background: white; font-size: 16px; }
.parcel-description-label { margin-top: 16px; }.parcel-description-label span { color: var(--np-muted); font-weight: 400; }.dispatch-field { margin-top: 20px; }
.cash-timing { border: 1px solid var(--np-line); padding: 14px; margin: 16px 0 0; }.cash-timing legend { font-size: 13px; font-weight: 800; }.cash-timing label { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-right: 20px; font-size: 13px; }.cash-timing input { width: 20px; height: 20px; }
.cash-timing[hidden], .transfer-success[hidden] { display: none; }.payment-unavailable { opacity: .6; cursor: not-allowed; }.payment-grid label span { min-height: 48px; }
.transfer-success { margin-top: 20px; padding: 20px; border: 1px solid var(--np-line); background: var(--np-cream); overflow-wrap: anywhere; }.transfer-success h2 { font-size: 18px; }.transfer-success p { font-size: 13px; }.transfer-success button { min-height: 48px; padding: 10px 18px; font-weight: 800; }.transfer-success button:disabled { opacity: .55; }
@media (max-width: 420px) { .parcel-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 12px; }.parcel-row label:last-child { grid-column: 1 / -1; }.parcel-row label:last-child input { max-width: 130px; }.cash-timing label { display: flex; margin-right: 0; } }

.receipt-email-preview { margin-top: 18px; padding: 16px; border: 1px solid var(--np-line); border-radius: 5px; }
.receipt-email-preview label { display: block; font-size: 13px; font-weight: 800; }.receipt-email-preview label span { font-weight: 400; color: var(--np-muted); }.receipt-email-preview input { width: 100%; min-width: 0; min-height: 48px; margin-top: 10px; padding: 10px; border: 1px solid var(--np-line); border-radius: 5px; background: #fff; font-size: 16px; }.receipt-email-preview input[aria-invalid="true"] { border-color: #9c3a20; }.receipt-email-preview p { font-size: 12px; overflow-wrap: anywhere; }