:root{color-scheme:light;--green:#087f50;--green-dark:#075e3e;--ink:#101915;--muted:#63706a;--line:#d9e5df;--soft:#eef7f2;--white:#fff;--danger:#b42318}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f7fbf9,#edf6f1);color:var(--ink);font-family:Tahoma,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.order-header{min-height:72px;padding:12px max(20px,calc((100% - 1040px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);position:sticky;top:0;z-index:3}
.order-header>a:last-child{color:var(--green-dark);font-weight:700}
.order-brand{display:flex;align-items:center;gap:10px;font-size:1.08rem}
.order-brand img{width:45px;height:45px;border-radius:12px;object-fit:cover}
.order-shell{width:min(720px,calc(100% - 28px));margin:42px auto;padding-bottom:42px}
.tracking-shell{width:min(900px,calc(100% - 28px));display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:18px;align-items:start}
.order-card{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,5vw,42px);box-shadow:0 16px 42px rgba(20,70,47,.08)}
.success-card{text-align:center}
.success-mark{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:2.2rem;font-weight:900;box-shadow:0 10px 24px rgba(8,127,80,.24)}
.eyebrow{margin:0 0 8px;color:var(--green);font-weight:800}
h1{margin:0 0 12px;font-size:clamp(1.65rem,5vw,2.45rem);line-height:1.25}
.order-card>p:not(.eyebrow):not(.privacy-note):not(.form-error){color:var(--muted);line-height:1.8}
.tracking-code-box{margin:28px 0;padding:18px;border-radius:18px;background:var(--soft);border:1px dashed #9ac7af;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.tracking-code-box small{width:100%;color:var(--muted)}
.tracking-code-box strong,.result-head strong{font-family:Arial,sans-serif;direction:ltr;font-size:1.35rem;letter-spacing:.04em}
.tracking-code-box button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer;color:var(--green-dark);font-weight:700}
.price-summary{display:grid;gap:0;margin:22px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-align:right}
.price-summary span{display:flex;justify-content:space-between;gap:18px;padding:13px 16px;border-bottom:1px solid var(--line);color:var(--muted)}
.price-summary span:last-child{border-bottom:0}
.price-summary strong{color:var(--ink)}
.price-summary .price-final{background:var(--soft);font-weight:800;color:var(--ink)}
.price-summary .price-final strong{color:var(--green-dark);font-size:1.08rem}
.order-actions{display:grid;gap:10px}
.whatsapp-action-hint{margin:0!important;padding:10px 12px;border-radius:11px;background:#eef7f2;color:var(--green-dark)!important;font-size:.9rem;font-weight:800;line-height:1.6!important}
.primary-action,.secondary-action,.plain-action{min-height:48px;padding:12px 18px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-weight:800;border:0;cursor:pointer;font:inherit}
.primary-action{background:var(--green);color:#fff}
.primary-action:hover{background:var(--green-dark)}
.secondary-action{background:#101915;color:#fff}
.plain-action{color:var(--green-dark)}
.privacy-note{margin:20px 0 0;color:var(--muted);font-size:.82rem;line-height:1.7}
.tracking-search form{display:grid;gap:14px;margin-top:24px}
.tracking-search label{display:grid;gap:7px;font-weight:700}
.tracking-search input{width:100%;height:48px;border:1px solid #c9d8d0;border-radius:12px;padding:0 13px;font:inherit;background:#fff}
.tracking-search input:focus{outline:3px solid rgba(8,127,80,.14);border-color:var(--green)}
.form-error{min-height:22px;margin:0;color:var(--danger);font-size:.9rem}
.result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.result-head div{display:grid;gap:6px}
.result-head small{color:var(--muted)}
.status-chip{padding:8px 12px;border-radius:999px;background:var(--soft);color:var(--green-dark);font-weight:800;font-size:.88rem}
.status-chip.cancelled{background:#fff0ef;color:var(--danger)}
.status-chip.returned{background:#fff4de;color:#8a4b00}
.status-timeline{list-style:none;padding:0;margin:26px 0;display:grid;gap:0}
.status-timeline li{position:relative;padding:0 34px 24px 0;color:#87928d}
.status-timeline li:last-child{padding-bottom:0}
.status-timeline li::before{content:'';position:absolute;right:4px;top:7px;width:12px;height:12px;border:3px solid #c9d8d0;background:#fff;border-radius:50%;z-index:1}
.status-timeline li::after{content:'';position:absolute;right:11px;top:22px;bottom:0;width:2px;background:#dbe7e1}
.status-timeline li:last-child::after{display:none}
.status-timeline li.done{color:var(--ink)}
.status-timeline li.done::before{border-color:var(--green);background:var(--green)}
.status-timeline li.returned-step{color:#6d3d00}
.status-timeline li.returned-step::before{border-color:#c87800;background:#c87800}
.status-timeline li strong{display:block;margin-bottom:3px}
.status-timeline li small{color:var(--muted)}
.tracked-items{border-top:1px solid var(--line);padding-top:18px}
.tracked-items h2{font-size:1rem;margin:0 0 10px}
.tracked-items ul{margin:0;padding:0 20px 0 0;color:var(--muted);line-height:1.9}
.updated-note{margin:18px 0 0!important;font-size:.84rem;color:var(--muted)!important}
.recent-orders{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.recent-orders h2{font-size:1rem;margin:0 0 10px}
.recent-orders>div{display:grid;gap:8px}
.recent-orders button{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;color:var(--ink);text-align:right}
.recent-orders small{color:var(--muted)}
.shipping-reference{padding:12px 14px;border-radius:10px;background:#f0f8f5;color:var(--ink)}
@media(max-width:720px){.order-header{min-height:62px;padding:9px 14px}.order-brand img{width:39px;height:39px}.order-shell,.tracking-shell{margin:20px auto;width:min(100% - 20px,720px);display:grid;grid-template-columns:1fr}.order-card{border-radius:18px;padding:22px 17px}.success-mark{width:60px;height:60px}.tracking-code-box{margin:22px 0}.result-head{align-items:flex-start;flex-direction:column}.tracking-code-box strong,.result-head strong{font-size:1.08rem}}