.result-page { min-height: 100vh; display: flex; flex-direction: column; }.result-main { flex: 1; display: grid; align-items: center; max-width: 1180px; width: min(100% - 48px, 1180px); padding: 32px 0 72px; margin: 0 auto; }.page-navigation { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 18px; }.page-nav-link { padding: 0; border: 0; background: transparent; color: var(--store-muted); font: inherit; font-size: 13px; font-weight: 800; text-decoration: none; cursor: pointer; }.page-nav-link:hover { color: var(--store-accent); }.result-layout { display: grid; grid-template-columns: 1.05fr .95fr; min-height: 510px; overflow: hidden; border: 1px solid var(--store-line); border-radius: 18px; background: var(--paper); box-shadow: 0 22px 70px rgb(16 25 21 / .09); }.result-card { display: grid; min-width: 0; align-content: center; justify-items: start; padding: clamp(36px, 7vw, 92px); background: var(--store-soft); }.result-card h1 { max-width: 530px; margin: 12px 0 18px; color: var(--store-ink); font-size: clamp(38px, 4.4vw, 60px); letter-spacing: -.07em; line-height: 1; }.result-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: var(--store-ink); color: var(--store-surface); font-weight: 900; }.result-icon-cancel { background: transparent; border: 1px solid var(--store-ink); color: var(--store-ink); }.result-status { max-width: 500px; color: var(--store-muted); font-size: 16px; line-height: 1.7; }.result-note { max-width: 500px; margin: 18px 0 0; padding: 13px 15px; border-left: 2px solid var(--store-accent); background: color-mix(in srgb, var(--paper) 64%, transparent); color: var(--store-ink); font-size: 13px; line-height: 1.6; }.payment-confirmed { color: var(--store-ink); font-weight: 750; }.payment-attention { color: var(--danger); }.order-reference { display: grid; min-width: 0; max-width: 100%; gap: 4px; margin: 20px 0 0; color: var(--store-muted); font-size: 12px; }.order-reference strong { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; color: var(--store-ink); font-size: 15px; letter-spacing: .04em; }.result-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }.result-actions .button { min-height: 44px; padding: 0 17px; }.result-aside { display: grid; grid-template-rows: 1fr auto; min-height: 510px; background: var(--store-ink); color: #edf4ee; }.result-aside img { width: 100%; height: 100%; min-height: 330px; object-fit: cover; }.result-aside > div { padding: 26px 30px 30px; }.result-aside .eyebrow { color: #ffae91; margin-bottom: 8px; }.result-aside p:last-child { max-width: 360px; margin: 0; color: #d7e1da; line-height: 1.6; }.result-page .store-footer { width: 100%; margin-top: auto; }
:root[data-theme="dark"] .result-aside { background: #0e1813; }
@media (max-width: 760px) { .result-main { width: min(100% - 32px, 1180px); padding: 28px 0 50px; }.page-navigation { gap: 6px 16px; }.page-nav-link { display: inline-flex; align-items: center; min-height: 44px; }.result-layout { grid-template-columns: 1fr; min-height: 0; border-radius: 14px; }.result-card { min-height: 390px; padding: 42px 26px; }.result-aside { grid-template-columns: .9fr 1.1fr; grid-template-rows: auto; min-height: 230px; }.result-aside img { min-height: 230px; }.result-aside > div { align-self: center; padding: 26px; } }
.result-page a:focus-visible, .result-page button:focus-visible, .result-page input:focus-visible { outline: 3px solid var(--store-accent); outline-offset: 3px; }
@media (max-width: 440px) { .result-aside { grid-template-columns: 1fr; }.result-aside img { min-height: 220px; }.result-card h1 { font-size: 40px; } }
.orders-main { flex: 1; display: grid; align-items: center; width: min(100% - 48px, 1180px); margin: 0 auto; padding: 32px 0 72px; }.orders-layout { display: grid; grid-template-columns: .95fr 1.05fr; overflow: hidden; border: 1px solid var(--store-line); border-radius: 18px; background: var(--paper); box-shadow: 0 22px 70px rgb(16 25 21 / .09); }.orders-copy { padding: clamp(38px, 7vw, 84px); background: var(--store-ink); color: #edf4ee; }.orders-copy .eyebrow { color: #ffae91; }.orders-copy h1 { max-width: 500px; font-size: clamp(39px, 4.3vw, 59px); letter-spacing: -.07em; line-height: 1; margin: 12px 0 20px; }.orders-copy > p:not(.eyebrow) { max-width: 430px; color: #ced9d0; line-height: 1.7; }.orders-trust { display: flex; gap: 10px; max-width: 400px; margin-top: 30px; padding-top: 18px; border-top: 1px solid rgb(237 244 238 / .2); }.orders-trust span { color: #ffae91; font-weight: 900; }.orders-trust p { margin: 0; color: #d9e3db; font-size: 13px; line-height: 1.55; }.orders-panel { display: grid; align-content: center; padding: clamp(32px, 6vw, 68px); }.order-lookup-form { display: grid; gap: 15px; }.order-lookup-form label { display: grid; gap: 8px; color: var(--store-ink); font-size: 13px; font-weight: 800; }.order-lookup-form input { min-height: 45px; border: 1px solid var(--store-line); border-radius: 10px; padding: 0 13px; background: var(--paper); color: var(--store-ink); }.order-lookup-form .button { min-height: 45px; margin-top: 4px; }.order-lookup-message { margin: 18px 0 0; padding: 11px 13px; border-radius: 10px; background: var(--store-soft); color: var(--store-ink); font-size: 13px; line-height: 1.5; }.order-lookup-error { background: #f1dddd; color: var(--danger); }.order-lookup-retry { width: fit-content; min-height: 40px; margin-top: 10px; }.order-lookup-result { margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--store-line); }.order-lookup-result .eyebrow { margin-bottom: 7px; }.order-lookup-result h2 { margin: 0; font-size: 18px; letter-spacing: .02em; }.order-lookup-result dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin: 19px 0 0; }.order-lookup-result dl div { padding: 12px; border-radius: 10px; background: var(--store-soft); }.order-lookup-result dt { color: var(--store-muted); font-size: 11px; }.order-lookup-result dd { margin: 6px 0 0; color: var(--store-ink); font-size: 13px; font-weight: 800; line-height: 1.35; }.order-after-sales { display: grid; gap: 10px; margin-top: 18px; padding: 14px; border: 1px solid var(--store-line); border-radius: 11px; background: var(--store-soft); }.order-after-sales h3 { margin: 0; font-size: 14px; }.order-after-sales dl { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; margin: 0 !important; }.order-after-sales dl div { background: var(--paper) !important; }.order-after-sales p { margin: 0; color: var(--store-muted); font-size: 11px; line-height: 1.55; }.order-item-statuses { display: grid; gap: 10px; margin-top: 22px; }.order-item-statuses h3 { margin: 0 0 2px; font-size: 15px; }.order-item-status { display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: center; padding: 13px; border: 1px solid var(--store-line); border-radius: 11px; }.order-item-status > div { display: grid; gap: 4px; }.order-item-status > div:last-child { justify-items: end; text-align: right; }.order-item-status small { color: var(--store-muted); font-size: 11px; }.order-item-status span { color: var(--store-ink); font-size: 12px; font-weight: 800; }.order-item-status a { color: var(--store-accent); font-size: 12px; font-weight: 800; }
.orders-support { display: grid; gap: 5px; margin-top: 22px; padding: 14px 0 0; border-top: 1px solid rgb(237 244 238 / .2); }
.orders-support a { width: fit-content; color: #ffae91; font-weight: 850; }
.orders-support small, .orders-support-unavailable { color: #d9e3db; font-size: 12px; line-height: 1.55; }
.customer-journey { display: grid; gap: 14px; margin: 20px 0; padding: 18px; border: 1px solid var(--store-line); border-radius: 14px; background: var(--store-soft); }
.customer-journey ol { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin: 0; padding: 0; list-style: none; }
.customer-journey-step { position: relative; display: grid; justify-items: center; gap: 7px; min-width: 0; color: var(--store-muted); text-align: center; font-size: 11px; font-weight: 750; }
.customer-journey-step:not(:last-child)::after { content: ""; position: absolute; top: 13px; left: calc(50% + 16px); right: calc(-50% + 16px); height: 1px; background: var(--store-line); }
.customer-journey-dot { position: relative; z-index: 1; display: grid; width: 27px; height: 27px; place-items: center; border: 1px solid var(--store-line); border-radius: 50%; background: var(--paper); font-size: 11px; }
.customer-journey-step.done, .customer-journey-step.current { color: var(--store-ink); }
.customer-journey-step.done .customer-journey-dot { border-color: var(--store-accent); background: var(--store-accent); color: white; }
.customer-journey-step.current .customer-journey-dot { border-color: var(--store-ink); box-shadow: 0 0 0 4px color-mix(in srgb, var(--store-accent) 18%, transparent); }
.customer-next-step { margin: 0; color: var(--store-ink); font-size: 12px; line-height: 1.65; }
.customer-attention { padding: 12px 13px; border-radius: 10px; background: #f1e4d9; color: #5f321d; }
.customer-attention-error { background: #f1dddd; color: var(--danger); }
.customer-attention-success { background: #e4f0e7; color: #24553e; }
.customer-attention strong { display: block; margin-bottom: 4px; }
.customer-attention p { margin: 0 0 8px; font-size: 12px; line-height: 1.55; }
.customer-support-link { color: inherit; font-size: 12px; font-weight: 850; text-decoration: underline; }
.customer-support-unavailable { font-size: 12px; }
.success-journey { width: min(100%, 540px); margin-top: 20px; }
.order-reference-actions { display: flex; max-width: 100%; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.order-reference-actions button { min-height: 36px; max-width: 100%; padding: 0 12px; border: 1px solid var(--store-line); border-radius: 999px; background: var(--paper); color: var(--store-ink); font: inherit; font-size: 12px; font-weight: 800; white-space: normal; cursor: pointer; }
.order-reference-actions button:hover { border-color: var(--store-accent); color: var(--store-accent); }
.result-support { margin: 18px 0 0; color: var(--store-muted); font-size: 13px; line-height: 1.6; }
.result-support a { color: var(--store-accent); font-weight: 850; }
:root[data-theme="dark"] .orders-copy { background: #0e1813; }@media (max-width: 760px) { .orders-main { width: min(100% - 32px, 1180px); padding: 28px 0 50px; }.orders-layout { grid-template-columns: 1fr; border-radius: 14px; }.orders-copy, .orders-panel { padding: 40px 26px; }.order-lookup-result dl { grid-template-columns: 1fr; }.order-after-sales dl { grid-template-columns: 1fr !important; }.order-item-status { grid-template-columns: 1fr; }.order-item-status > div:last-child { justify-items: start; text-align: left; }.customer-journey ol { grid-template-columns: 1fr; gap: 10px; }.customer-journey-step { grid-template-columns: 28px 1fr; justify-items: start; align-items: center; text-align: left; }.customer-journey-step:not(:last-child)::after { top: 28px; bottom: -10px; left: 13px; right: auto; width: 1px; height: auto; } }