/* Public order tracking: scoped styles, native form and progressive enhancement. */
.ot-page{--ot-ink:#193744;--ot-muted:#617782;--ot-line:#dce8ed;--ot-surface:#fff;--ot-soft:#f2f7f9;--ot-accent:#0a6977;--ot-mint:#a7e9d2;direction:rtl;color:var(--ot-ink);background:linear-gradient(180deg,#eef6f7 0,#f8fafb 600px);padding:30px 24px 54px;font-family:inherit}
.ot-page *{box-sizing:border-box}.ot-container{max-width:1180px;margin:auto}.ot-page button,.ot-page input{font:inherit}.ot-page button{cursor:pointer}.ot-page a{text-decoration:none}.ot-page button:focus-visible,.ot-page a:focus-visible,.ot-page summary:focus-visible{outline:3px solid #61b6c2;outline-offset:4px}.ot-breadcrumb{display:flex;align-items:center;gap:11px;font-size:11px;color:var(--ot-muted);margin-bottom:26px}.ot-breadcrumb a{color:var(--ot-accent)}.ot-breadcrumb i{font-size:8px}
.ot-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:40px;background:#103f4c;border-radius:28px;padding:40px;position:relative;overflow:hidden;box-shadow:0 16px 45px #244e5a0d}.ot-intro{position:relative;display:flex;flex-direction:column;align-items:flex-start;color:#fff;min-width:0}.ot-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#b7d9df;font-size:11px;line-height:1.9}.ot-eyebrow>span{width:6px;height:6px;flex:none;border-radius:50%;background:var(--ot-mint)}.ot-intro h1{font-size:40px;line-height:1.65;font-weight:750;margin:18px 0 12px;letter-spacing:-1px;color:#fff}.ot-intro h1 em{font-style:normal;color:var(--ot-mint)}.ot-intro>p{font-size:13px;color:#c2d9e0;line-height:2.1;max-width:400px;margin:0}.ot-route-art{width:100%;padding:22px 10px 15px;display:flex;flex-direction:column;align-items:center;gap:17px}.ot-package{display:grid;place-items:center;width:125px;height:110px;border:1px solid #65919b;border-radius:23px;background:#ffffff08;transform:rotate(-5deg)}.ot-package>i{font-size:50px;line-height:1.3;color:#b8e9df}.ot-package>span{font-size:8px;letter-spacing:1px;color:#a0c9ce}.ot-art-route{display:flex;align-items:center;width:100%;max-width:350px;gap:10px;color:#b7d9df;font-size:10px}.ot-art-route span{display:grid;gap:8px;justify-items:center;white-space:nowrap}.ot-art-route span i{display:grid;place-items:center;width:31px;height:31px;border:1px solid #57808c;border-radius:50%;font-size:13px;color:var(--ot-mint)}.ot-art-route b{height:1px;flex:1;background:#4e7b87;margin-bottom:22px}.ot-share{display:inline-flex;align-items:center;gap:6px;padding:8px 0;background:transparent;border:0;color:#c6e4e9;font-size:10px;margin-top:auto}.ot-share>i{font-size:18px}
.ot-form-card{border:1px solid #ffffff30;border-radius:20px;padding:27px;background:var(--ot-surface);align-self:center;box-shadow:0 5px 30px #00000008}.ot-icon-tile{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--ot-soft);color:var(--ot-accent);font-size:19px}.ot-form-card h2{font-size:22px;margin:13px 0 6px;font-weight:700;color:var(--ot-ink)}.ot-form-lead{color:var(--ot-muted);font-size:11px;line-height:1.9;margin:0 0 20px}.ot-form-card label{display:flex;justify-content:space-between;gap:8px;color:var(--ot-ink);font-size:12px;font-weight:600;margin:18px 0 8px}.ot-form-card label span{font-size:10px;font-weight:400;color:var(--ot-muted)}.ot-input{display:flex;align-items:center;border:1px solid var(--ot-line);border-radius:11px;background:var(--ot-soft);gap:9px;padding:0 13px;transition:border-color .15s,box-shadow .15s}.ot-input>i{font-size:16px;color:var(--ot-muted);flex:none}.ot-input input{background:transparent;color:var(--ot-ink);border:0;outline:0;width:100%;min-width:0;height:48px;padding:8px 0;font-size:14px;letter-spacing:.6px}.ot-input input::placeholder{color:#8a9ca6;font-size:12px}.ot-input:focus-within{border-color:#408b98;box-shadow:0 0 0 3px #469da31c}.ot-input:has([aria-invalid=true]){border-color:#d59586}.ot-form-card form>small{display:block;margin-top:6px;color:var(--ot-muted);font-size:9px;line-height:1.8}.ot-submit{display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;border-radius:11px;background:var(--ot-accent);color:#fff;width:100%;padding:13px 17px;font-size:12px;font-weight:600;margin-top:23px;min-height:48px}.ot-submit:disabled{opacity:.65;cursor:wait}.ot-form-note{display:flex;align-items:center;gap:5px;justify-content:center;color:var(--ot-muted);font-size:9px;line-height:1.9;margin:12px 0 0}.ot-error{display:flex;align-items:flex-start;gap:8px;border:1px solid #edc9bf;background:#fff1ed;color:#9b3a27;padding:12px;border-radius:11px;font-size:11px;line-height:2;margin:14px 0;outline:0}.ot-field-error{display:block;font-size:10px;line-height:1.9;margin:5px 0;color:#a6412c}
.ot-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0 40px}.ot-benefits>div{display:flex;align-items:center;gap:12px;padding:0 22px;border-inline-start:1px solid var(--ot-line)}.ot-benefits>div:first-child{border:0}.ot-benefits i{display:grid;place-items:center;width:41px;height:41px;flex:none;border:1px solid var(--ot-line);border-radius:12px;background:var(--ot-surface);font-size:18px;color:var(--ot-accent)}.ot-benefits b,.ot-benefits small{display:block;line-height:1.9}.ot-benefits b{font-size:11px;font-weight:600}.ot-benefits small{font-size:9px;color:var(--ot-muted)}
.ot-result{background:var(--ot-surface);border:1px solid var(--ot-line);border-radius:23px;margin:28px 0;padding:28px;outline:0;scroll-margin-top:110px;box-shadow:0 8px 35px #20475005}.ot-result-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.ot-section-eyebrow{font-size:10px;color:var(--ot-accent);font-weight:600;line-height:1.9}.ot-result-head h2{color:var(--ot-ink);font-size:23px;line-height:1.8;margin:7px 0;font-weight:700}.ot-result-head h2 bdi{font-size:19px;letter-spacing:.3px}.ot-result-head p{font-size:10px;color:var(--ot-muted);margin:0}.ot-status{display:inline-flex;align-items:center;gap:7px;flex:none;border-radius:30px;background:#e9f6ef;color:#226647;border:1px solid #cde7d7;padding:9px 14px;font-size:11px;font-weight:600}.ot-status.is-attention{color:#955025;background:#fff4e7;border-color:#edd9bd}.ot-status-note{display:flex;align-items:center;gap:12px;background:var(--ot-soft);border:1px solid var(--ot-line);border-radius:12px;padding:13px 16px;margin:22px 0;color:var(--ot-ink)}.ot-status-note>i{font-size:19px;color:var(--ot-accent)}.ot-status-note p{font-size:11px;line-height:2;margin:0}.ot-status-note.is-attention{background:#fff4e7;color:#955025;border-color:#edd9bd}.ot-status-note.is-attention i{color:inherit}
.ot-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:30px 0;padding:0;list-style:none}.ot-progress li{text-align:center;position:relative;display:flex;align-items:center;flex-direction:column;color:var(--ot-muted);min-width:0}.ot-progress li::before{content:"";position:absolute;top:17px;inset-inline-start:50%;width:100%;height:2px;background:var(--ot-line);z-index:0}.ot-progress li:last-child::before{display:none}.ot-progress-node{position:relative;display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--ot-line);border-radius:50%;background:var(--ot-surface);font-size:12px;z-index:1}.ot-progress b{font-size:11px;font-weight:600;line-height:1.9;margin:9px 0 2px}.ot-progress small{font-size:9px;color:var(--ot-muted);line-height:1.7}.ot-progress .is-done::before{background:#6baa9a}.ot-progress .is-done .ot-progress-node{background:#e9f6ef;border-color:#8cbdab;color:#24664c}.ot-progress .is-current .ot-progress-node{background:var(--ot-accent);border-color:var(--ot-accent);color:#fff;box-shadow:0 0 0 5px #08717c13}.ot-progress .is-current b{color:var(--ot-accent)}.ot-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--ot-line);background:var(--ot-soft);border-radius:13px;padding:18px;margin:25px 0;gap:20px}.ot-summary>div{border-inline-start:1px solid var(--ot-line);padding-inline-start:20px}.ot-summary>div:first-child{border:0;padding:0}.ot-summary dt{color:var(--ot-muted);font-size:10px;font-weight:400;display:flex;gap:7px;align-items:center}.ot-summary dd{color:var(--ot-ink);font-size:12px;font-weight:600;line-height:1.9;margin:8px 0 0}.ot-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.ot-result-grid>section{min-width:0}.ot-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:9px 0 18px}.ot-section-head h3{font-size:16px;font-weight:700;color:var(--ot-ink);margin:0}.ot-section-head>span{border-radius:20px;background:var(--ot-soft);color:var(--ot-muted);padding:5px 10px;font-size:9px;flex:none}.ot-product{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--ot-line)}.ot-product-icon{display:grid;place-items:center;width:42px;height:48px;background:var(--ot-soft);border-radius:12px;font-size:20px;flex:none;color:var(--ot-accent)}.ot-product>div{flex:1;min-width:0}.ot-product h4{color:var(--ot-ink);font-size:12px;line-height:1.9;font-weight:600;margin:0;overflow-wrap:anywhere}.ot-product p{font-size:10px;color:var(--ot-muted);line-height:1.9;margin:4px 0}.ot-product small{font-size:9px;color:var(--ot-muted)}.ot-quantity{border:1px solid var(--ot-line);background:var(--ot-surface);border-radius:9px;padding:5px 9px;font-size:11px;flex:none}
.ot-parcel{border:1px solid var(--ot-line);border-radius:13px;padding:16px;margin-bottom:12px;background:var(--ot-surface)}.ot-parcel-head{display:flex;align-items:center;gap:10px}.ot-parcel-icon{display:grid;place-items:center;width:38px;height:38px;background:var(--ot-soft);border-radius:11px;color:var(--ot-accent);font-size:18px;flex:none}.ot-parcel h4{color:var(--ot-ink);font-size:12px;font-weight:600;line-height:1.9;margin:0}.ot-parcel-head small{font-size:10px;color:var(--ot-muted);line-height:1.9}.ot-tracking-code{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border-radius:9px;background:var(--ot-soft);margin-top:15px;flex-wrap:wrap}.ot-tracking-code>span{font-size:9px;color:var(--ot-muted)}.ot-tracking-code>div{display:flex;gap:8px;align-items:center;min-width:0}.ot-tracking-code bdi{font-size:11px;font-weight:600;letter-spacing:.5px;overflow-wrap:anywhere}.ot-tracking-code button{display:grid;place-items:center;border:1px solid var(--ot-line);border-radius:7px;background:var(--ot-surface);color:var(--ot-accent);width:30px;height:30px;flex:none}.ot-parcel-date{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--ot-muted);line-height:1.9;margin:11px 0}.ot-parcel-items{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid var(--ot-line)}.ot-parcel-items li{display:flex;justify-content:space-between;gap:8px;font-size:10px;line-height:1.9;color:var(--ot-muted);padding-top:8px}.ot-parcel-items li span{flex:none}.ot-carrier-link{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid var(--ot-line);padding-top:13px;margin-top:13px;color:var(--ot-accent);font-size:10px;font-weight:600}.ot-empty,.ot-parcel-note{color:var(--ot-muted);font-size:10px;line-height:2;margin:12px 0}.ot-no-parcel{padding:25px 18px;border:1px dashed var(--ot-line);border-radius:13px;text-align:center;background:var(--ot-soft)}.ot-no-parcel>i{color:var(--ot-accent);font-size:29px}.ot-no-parcel h4{font-size:12px;margin:14px 0 6px;color:var(--ot-ink)}.ot-no-parcel p{font-size:10px;color:var(--ot-muted);line-height:2;margin:0}.ot-parcel-history{margin-top:14px;border-top:1px solid var(--ot-line);padding-top:11px}.ot-parcel-history summary{display:flex;justify-content:space-between;gap:8px;font-size:10px;cursor:pointer;color:var(--ot-muted)}.ot-parcel-history ul{list-style:none;border-inline-start:1px solid var(--ot-line);padding:0 12px 0 0;margin:15px 0}.ot-parcel-history li{display:grid;gap:5px;margin-bottom:13px}.ot-parcel-history b{font-size:10px;font-weight:600}.ot-parcel-history small{font-size:9px;color:var(--ot-muted)}.ot-result-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--ot-line);padding-top:18px;margin-top:20px;font-size:10px;color:var(--ot-muted);line-height:1.9}.ot-result-footer span{display:flex;align-items:center;gap:6px}.ot-result-footer a{color:var(--ot-accent);font-weight:600;flex:none}
.ot-help{display:grid;grid-template-columns:1fr 1.5fr;gap:35px;padding:26px 0;margin-top:25px}.ot-help h2{color:var(--ot-ink);font-size:21px;font-weight:700;margin:9px 0 12px;line-height:1.9}.ot-help>div>p{font-size:11px;color:var(--ot-muted);line-height:1.9}.ot-faq details{border-bottom:1px solid var(--ot-line);padding:15px 0}.ot-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:12px;font-weight:600;color:var(--ot-ink);list-style:none}.ot-faq summary::-webkit-details-marker{display:none}.ot-faq summary i{color:var(--ot-muted);font-size:16px}.ot-faq p{font-size:11px;color:var(--ot-muted);line-height:2.1;margin:12px 0 0}.ot-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:12px;background:#153c47;color:#fff;font-size:12px;z-index:9999;box-shadow:0 6px 24px #0002;max-width:calc(100% - 40px);text-align:center}.ot-toast[hidden]{display:none}.has-result .ot-route-art{display:none}.has-result .ot-intro h1{font-size:34px}.has-result .ot-hero{padding:28px 35px}.has-result .ot-share{margin-top:22px}
:is([data-theme=dark],[data-bs-theme=dark],body.theme-dark) .ot-page{--ot-ink:#e3edf2;--ot-muted:#adc0ca;--ot-line:#344d5a;--ot-surface:#1d3440;--ot-soft:#172c36;--ot-accent:#87dcd3;background:#112630}.ot-page .ot-submit{background:#0a6977;color:#fff}:is([data-theme=dark],[data-bs-theme=dark],body.theme-dark) .ot-status{background:#234439;color:#b5e2cb;border-color:#416553}:is([data-theme=dark],[data-bs-theme=dark],body.theme-dark) .ot-status.is-attention,:is([data-theme=dark],[data-bs-theme=dark],body.theme-dark) .ot-status-note.is-attention{background:#453726;color:#f2d5aa;border-color:#69543b}:is([data-theme=dark],[data-bs-theme=dark],body.theme-dark) .ot-progress .is-current .ot-progress-node{background:#236875;border-color:#6fabb0;color:#fff}:is([data-theme=dark],[data-bs-theme=dark],body.theme-dark) .ot-progress .is-done .ot-progress-node{background:#244438;color:#b5e2cb;border-color:#527b67}
@media(max-width:900px){.ot-hero{gap:24px;padding:28px;grid-template-columns:1fr 1fr}.ot-intro h1{font-size:33px}.ot-form-card{padding:23px}.ot-art-route{gap:6px}.ot-result-grid{gap:22px}.ot-result-head h2{font-size:20px}.ot-benefits{gap:8px}.ot-benefits>div{padding:0 10px}.ot-form-note{font-size:8px}}
@media(max-width:650px){.ot-page{padding:20px 14px 32px}.ot-breadcrumb{font-size:10px;margin-bottom:18px}.ot-hero,.has-result .ot-hero{grid-template-columns:1fr;padding:22px 17px;gap:24px;border-radius:20px}.ot-intro h1,.has-result .ot-intro h1{font-size:30px;margin:10px 0 8px;line-height:1.6}.ot-intro h1 br{display:none}.ot-intro>p{font-size:11px;line-height:2}.ot-route-art{display:none}.ot-share,.has-result .ot-share{margin-top:10px;font-size:10px}.ot-form-card{padding:20px;border-radius:16px}.ot-form-card h2{font-size:20px}.ot-form-card label{font-size:12px}.ot-input input{font-size:16px}.ot-form-note{font-size:9px;justify-content:flex-start}.ot-benefits{grid-template-columns:1fr;gap:18px;margin:26px 0}.ot-benefits>div{padding:0 8px;border:0}.ot-benefits b{font-size:12px}.ot-benefits small{font-size:10px}.ot-result{padding:19px 16px;border-radius:18px;scroll-margin-top:85px}.ot-result-head{align-items:flex-start;flex-direction:column;gap:12px}.ot-result-head h2{font-size:21px}.ot-result-head h2 bdi{font-size:17px}.ot-status-note{padding:12px;align-items:flex-start;gap:8px}.ot-status-note p{font-size:11px}.ot-progress{grid-template-columns:1fr;margin:22px 0;gap:0}.ot-progress li{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:13px;align-items:center;text-align:right;padding-bottom:18px}.ot-progress li::before{top:20px;inset-inline-start:17px;inset-inline-end:auto;width:2px;height:100%}.ot-progress-node{grid-row:1/3}.ot-progress b{margin:0;font-size:12px}.ot-progress small{font-size:10px}.ot-summary{grid-template-columns:1fr;padding:15px;gap:14px}.ot-summary>div{border:0;padding:0;display:flex;justify-content:space-between;align-items:center;gap:10px}.ot-summary dd{margin:0;font-size:11px}.ot-summary dt{font-size:10px}.ot-result-grid{grid-template-columns:1fr;gap:22px}.ot-section-head h3{font-size:16px}.ot-product h4{font-size:12px}.ot-tracking-code>div{max-width:100%}.ot-tracking-code bdi{font-size:12px}.ot-result-footer{flex-direction:column;font-size:11px}.ot-help{grid-template-columns:1fr;gap:10px;padding:10px 0}.ot-help h2{font-size:20px;margin:6px 0}.ot-help>div>p{margin-bottom:0}.ot-faq summary{font-size:12px}.ot-faq p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ot-page *{scroll-behavior:auto!important;transition:none!important}}