/** DDALSHOP Tracking Experience 1.1.0 — page 18470 only. */
body.page-id-18470 #main #content.page-wrapper { padding: 0; }
body.page-id-18470 #content > .row-main { width: 100%; max-width: none; }
body.page-id-18470 #content > .row-main > .col { padding: 0; }
body.page-id-18470 .ddal-track {
    --track-ink: #192d4b;
    --track-blue: #376fae;
    --track-muted: #687383;
    --track-line: #e4e9ef;
    position: relative;
    isolation: isolate;
    width: 100%;
    color: var(--track-ink);
    background:
        radial-gradient(ellipse at 96% 8%, #e8eafb88 0%, transparent 38%),
        radial-gradient(ellipse at 4% 96%, #f4e7d855 0%, transparent 36%),
        linear-gradient(112deg, #fffaf1 0%, #fffcf6 55%, #f5f8fd 100%);
    font-family: inherit;
}
body.page-id-18470 .ddal-track *,
body.page-id-18470 .ddal-track *::before,
body.page-id-18470 .ddal-track *::after { box-sizing: border-box; }
body.page-id-18470 .ddal-track__container {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: 48px 24px 28px;
}
body.page-id-18470 .ddal-track__grid {
    display: grid;
    grid-template-columns: minmax(0, 408px) minmax(0, 1fr);
    align-items: center;
    gap: 44px;
}
body.page-id-18470 .ddal-track__content,
body.page-id-18470 .ddal-track__visual { min-width: 0; }
body.page-id-18470 .ddal-track__icon { width: 22px; height: 22px; flex: 0 0 22px; vertical-align: middle; }
body.page-id-18470 .ddal-track__eyebrow {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 15px;
    color: #58708e;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    line-height: 1.5;
}
body.page-id-18470 .ddal-track__eyebrow .ddal-track__icon { width: 17px; height: 17px; flex-basis: 17px; }
body.page-id-18470 .ddal-track h1 {
    margin: 0 0 14px;
    color: var(--track-ink);
    font-family: inherit;
    font-size: clamp(34px, 3.3vw, 44px);
    font-weight: 700;
    line-height: 1.17;
    letter-spacing: -.035em;
    text-transform: none;
}
body.page-id-18470 .ddal-track h1 span { color: var(--track-blue); }
body.page-id-18470 .ddal-track__lead { margin: 0 0 25px; color: #526174; font-size: 14px; line-height: 1.8; }
body.page-id-18470 .ddal-track__card {
    padding: 26px;
    border: 1px solid #e9e6e0;
    border-radius: 23px;
    background: #fff;
    box-shadow: 0 12px 32px #243b5310, 0 2px 5px #243b5305;
}
body.page-id-18470 .ddal-track__card-intro { display: flex; align-items: center; gap: 11px; margin-bottom: 23px; }
body.page-id-18470 .ddal-track__card-icon { display: grid; flex: 0 0 40px; height: 40px; place-items: center; color: var(--track-blue); background: #edf4fb; border-radius: 12px; }
body.page-id-18470 .ddal-track__card-intro h2 { margin: 0 0 4px; color: var(--track-ink); font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1.4; text-transform: none; letter-spacing: 0; }
body.page-id-18470 .ddal-track__card-intro p { margin: 0; color: var(--track-muted); font-size: 11px; line-height: 1.6; }
body.page-id-18470 .ddal-track .woocommerce,
body.page-id-18470 .ddal-track form.track_order { margin: 0; }
body.page-id-18470 .ddal-track form.track_order { display: flex; flex-direction: column; gap: 18px; width: 100%; }
body.page-id-18470 .ddal-track form.track_order > p:first-of-type:not(.form-row),
body.page-id-18470 .ddal-track form.track_order > .clear { display: none; }
body.page-id-18470 .ddal-track form.track_order .form-row { display: block; float: none; clear: both; width: 100%; margin: 0; padding: 0; }
body.page-id-18470 .ddal-track form.track_order label { display: block; margin: 0 0 8px; color: var(--track-ink); font-size: 12px; font-weight: 600; line-height: 1.5; }
body.page-id-18470 .ddal-track form.track_order input#orderid,
body.page-id-18470 .ddal-track form.track_order input#order_email {
    display: block;
    width: 100%;
    min-width: 0;
    height: 50px;
    margin: 0;
    padding: 0 17px;
    border: 1px solid #d9e0e9;
    border-radius: 12px;
    background: #fbfcfe;
    box-shadow: none;
    color: var(--track-ink);
    font: inherit;
    font-size: 14px;
    line-height: normal;
    transition: border-color .15s, box-shadow .15s;
}
body.page-id-18470 .ddal-track form.track_order input::placeholder { color: #7c8796; opacity: 1; }
body.page-id-18470 .ddal-track form.track_order input:focus { border-color: var(--track-blue); outline: 2px solid #b8d7f1; outline-offset: 2px; background: #fff; }
body.page-id-18470 .ddal-track form.track_order button[type="submit"] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    min-height: 50px;
    margin: 3px 0 0;
    padding: 12px 20px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: var(--track-blue);
    box-shadow: 0 5px 12px #376fae25;
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: none;
    letter-spacing: 0;
    transition: background .15s;
}
body.page-id-18470 .ddal-track form.track_order button[type="submit"]::after { content: "→"; font-size: 20px; line-height: 1; }
body.page-id-18470 .ddal-track form.track_order button[type="submit"]:hover { background: #285b95; }
body.page-id-18470 .ddal-track a:focus-visible,
body.page-id-18470 .ddal-track button:focus-visible { outline: 3px solid #85bce7; outline-offset: 4px; }
body.page-id-18470 .ddal-track__hint { display: flex; align-items: flex-start; gap: 7px; margin: 17px 0 0; color: #6c7888; font-size: 10px; line-height: 1.65; }
body.page-id-18470 .ddal-track__hint .ddal-track__icon { flex-basis: 15px; width: 15px; height: 17px; color: #7891a8; }
body.page-id-18470 .ddal-track__illustration { margin: 0 -15px 10px; }
body.page-id-18470 .ddal-track__illustration img { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; }
body.page-id-18470 .ddal-track__journey { padding: 19px 18px 16px; border: 1px solid #e2e8ef; border-radius: 18px; background: #ffffffbd; }
body.page-id-18470 .ddal-track__journey-heading { margin-bottom: 16px; text-align: center; }
body.page-id-18470 .ddal-track__journey h2 { margin: 0 0 5px; color: var(--track-ink); font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.6; text-transform: none; letter-spacing: 0; }
body.page-id-18470 .ddal-track__journey-heading > span { color: #708096; font-size: 9px; letter-spacing: .13em; }
body.page-id-18470 .ddal-track__journey ol { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; margin: 0; padding: 0; list-style: none; }
body.page-id-18470 .ddal-track__journey li { position: relative; margin: 0; text-align: center; }
body.page-id-18470 .ddal-track__step { position: relative; z-index: 1; display: grid; place-items: center; width: 30px; height: 30px; margin: 0 auto 8px; border: 1px solid #ccdae9; border-radius: 50%; background: #f0f5fb; color: #58779c; font-size: 11px; font-weight: 500; }
body.page-id-18470 .ddal-track__journey li:not(:last-child)::after { content: ""; position: absolute; top: 15px; left: calc(50% + 20px); width: calc(100% - 34px); border-top: 1px dashed #bfcedf; }
body.page-id-18470 .ddal-track__journey li strong { display: block; color: #4f6278; font-size: 11px; font-weight: 500; line-height: 1.65; }
body.page-id-18470 .ddal-track__journey-note { margin: 14px 0 0; color: #6c7b8b; text-align: center; font-size: 10px; line-height: 1.6; }
body.page-id-18470 .ddal-track__help { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 35px; padding: 20px 0 0; border-top: 1px solid #dde3e9; }
body.page-id-18470 .ddal-track__help-copy { display: flex; align-items: center; gap: 12px; }
body.page-id-18470 .ddal-track__help-copy > .ddal-track__icon { color: #5b7b9c; }
body.page-id-18470 .ddal-track__help-copy p { margin: 0; }
body.page-id-18470 .ddal-track__help-copy strong { display: block; color: #445773; font-size: 12px; font-weight: 500; }
body.page-id-18470 .ddal-track__help-copy p span { display: block; margin-top: 3px; color: #718093; font-size: 11px; }
body.page-id-18470 .ddal-track__help a,
body.page-id-18470 .ddal-track__retry { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 42px; padding: 9px 18px; border: 1px solid #bacbdc; border-radius: 11px; background: #ffffffb3; color: #305e92; font-size: 12px; font-weight: 500; text-decoration: none; line-height: 1.5; }
body.page-id-18470 .ddal-track__help a:hover,
body.page-id-18470 .ddal-track__retry:hover { background: #edf4fb; border-color: #8aa9c9; }
body.page-id-18470 .ddal-track__help a .ddal-track__icon { width: 17px; height: 17px; flex-basis: 17px; }
/* Native errors remain visible and readable within the card. */
body.page-id-18470 .ddal-track :is(.woocommerce-error, .woocommerce-message, .woocommerce-info) { margin: 0 0 18px; padding: 14px; border: 1px solid #ecd1c9; border-radius: 10px; background: #fff5f1; color: #853f2c; font-size: 12px; line-height: 1.7; }
body.page-id-18470 .ddal-track :is(.woocommerce-error, .woocommerce-message, .woocommerce-info) li { margin: 0; }
body.page-id-18470 .ddal-track :is(.woocommerce-error, .woocommerce-message, .woocommerce-info)::before { display: none; }
/* Successful lookup: preserve the full native order details. */
body.page-id-18470 .ddal-track--result .ddal-track__grid { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); align-items: start; }
body.page-id-18470 .ddal-track--result .ddal-track__visual { padding-top: 40px; }
body.page-id-18470 .ddal-track--result .ddal-track__card { overflow-wrap: anywhere; }
body.page-id-18470 .ddal-track--result .order-info { margin: 0 0 20px; padding: 14px; border-radius: 10px; background: #f0f6fc; font-size: 13px; line-height: 1.9; }
body.page-id-18470 .ddal-track--result mark { background: transparent; color: #305e92; font-weight: 600; }
body.page-id-18470 .ddal-track--result :is(.woocommerce-order-details__title, .woocommerce-column__title, .woocommerce h2) { color: var(--track-ink); font-family: inherit; font-size: 16px; font-weight: 600; line-height: 1.6; text-transform: none; letter-spacing: 0; }
body.page-id-18470 .ddal-track--result table { width: 100%; table-layout: fixed; margin-bottom: 18px; font-size: 12px; }
body.page-id-18470 .ddal-track--result :is(th, td) { padding: 12px 5px; border-color: var(--track-line); line-height: 1.6; overflow-wrap: anywhere; }
body.page-id-18470 .ddal-track--result :is(th, td):last-child { width: 36%; }
body.page-id-18470 .ddal-track--result address { margin: 0 0 20px; padding: 15px; border: 1px solid var(--track-line); border-radius: 10px; font-size: 12px; font-style: normal; line-height: 1.9; }
body.page-id-18470 .ddal-track--result .ddal-track__retry { margin-top: 14px; }
body.page-id-18470 .ddal-track__status-card { padding: 22px; border: 1px solid #dbe5ef; border-radius: 18px; background: #ffffffdf; }
body.page-id-18470 .ddal-track__status-label { display: block; margin-bottom: 7px; color: #61738a; font-size: 12px; }
body.page-id-18470 .ddal-track__status-card strong { display: block; color: #305e92; font-size: 22px; font-weight: 600; }
body.page-id-18470 .ddal-track__status-card p { margin: 12px 0 0; color: #627186; font-size: 12px; line-height: 1.8; }
@media (max-width: 1000px) {
    body.page-id-18470 .ddal-track__container { padding: 38px 24px 26px; }
    body.page-id-18470 .ddal-track__grid { grid-template-columns: minmax(0, .95fr) minmax(0, 1.1fr); gap: 28px; }
    body.page-id-18470 .ddal-track__card { padding: 22px; }
    body.page-id-18470 .ddal-track__illustration { margin-inline: 0; }
    body.page-id-18470 .ddal-track__journey { padding-inline: 12px; }
}
@media (max-width: 760px) {
    body.page-id-18470 .ddal-track__container { max-width: 590px; padding: 32px 20px 26px; }
    body.page-id-18470 .ddal-track__grid,
    body.page-id-18470 .ddal-track--result .ddal-track__grid { grid-template-columns: minmax(0,1fr); gap: 27px; }
    body.page-id-18470 .ddal-track h1 { font-size: 38px; }
    body.page-id-18470 .ddal-track__lead { margin-bottom: 22px; }
    body.page-id-18470 .ddal-track form.track_order input#orderid,
    body.page-id-18470 .ddal-track form.track_order input#order_email { font-size: 16px; }
    body.page-id-18470 .ddal-track__illustration { max-width: 460px; margin: 0 auto 10px; }
    body.page-id-18470 .ddal-track__help { margin-top: 24px; }
    body.page-id-18470 .ddal-track__help-copy > .ddal-track__icon { display: none; }
    body.page-id-18470 .ddal-track__help-copy strong { font-size: 11px; }
    body.page-id-18470 .ddal-track__help-copy p span { font-size: 10px; }
    body.page-id-18470 .ddal-track__help a { padding-inline: 12px; white-space: nowrap; }
    body.page-id-18470 .ddal-track--result .ddal-track__visual { padding-top: 0; }
}
@media (max-width: 400px) {
    body.page-id-18470 .ddal-track__container { padding-inline: 16px; }
    body.page-id-18470 .ddal-track__card { padding: 21px 18px; border-radius: 19px; }
    body.page-id-18470 .ddal-track h1 { font-size: 35px; }
    body.page-id-18470 .ddal-track__lead { font-size: 13px; }
    body.page-id-18470 .ddal-track__help { align-items: flex-start; flex-direction: column; gap: 12px; }
    body.page-id-18470 .ddal-track__journey li strong { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    body.page-id-18470 .ddal-track :is(input, button, a) { transition: none; }
}