.tracking-page { color:#203f39; padding:0 18px; }
.tracking-page * { box-sizing:border-box; }
.tracking-page [hidden] { display:none!important; }
.tracking-breadcrumb { display:flex; gap:12px; flex-wrap:wrap; margin:0 0 28px; font-size:12px; color:#68746a; }
.tracking-breadcrumb a { color:inherit; text-decoration:none; }
.tracking-hero { display:grid; grid-template-columns:1.08fr 1fr; border:1px solid #dcded3; }
.tracking-hero { scroll-margin-top:calc(var(--ah-sticky-height, 100px) + 25px); }
.tracking-page.is-tracking .tracking-demo { display:none; }
.tracking-results-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:18px; margin-bottom:24px; }
.tracking-results-heading h1 { margin:0; color:#203f39; font:normal 36px/1.2 Georgia,serif; }
.tracking-search-again { padding:12px 18px; border:1px solid #b8c3b2; background:#fffdf8; color:#203f39; font:14px/1.4 Arial,sans-serif; cursor:pointer; }
.tracking-search-again:hover { background:#e8eddf; }
.tracking-intro { background:#203f39; color:#faf4e5; padding:52px 46px; display:flex; flex-direction:column; justify-content:center; }
.tracking-page .tracking-eyebrow { font:11px/1.6 Arial,sans-serif; letter-spacing:.16em; text-transform:uppercase; color:#88703f; margin:0 0 15px; }
.tracking-intro .tracking-eyebrow { color:#d7c496; }
.tracking-intro h1 { font:normal clamp(37px,4vw,55px)/1.12 Georgia,serif; letter-spacing:-.025em; margin:0 0 25px; color:#faf4e5; }
.tracking-intro > p:not(.tracking-eyebrow) { max-width:370px; font-size:16px; line-height:1.8; color:#d4ddd3; margin:0; }
.tracking-seal { display:flex; align-items:center; gap:15px; border-top:1px solid #ffffff26; padding-top:28px; margin-top:42px; color:#dac89f; font:16px/1.5 Georgia,serif; }
.tracking-seal small { font:10px/2 Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; color:#c4cfc3; }
.tracking-form-panel { padding:38px 42px; background:#fffdf8; }
.tracking-page h2 { font:normal 30px/1.25 Georgia,serif; color:#203f39; margin:0 0 12px; }
.tracking-form-panel > p:not(.tracking-eyebrow) { color:#637166; font-size:14px; }
#tracking-form { margin-top:23px; }
#tracking-form label { display:block; margin:20px 0 7px; font-size:13px; font-weight:bold; }
#tracking-form input { display:block; width:100%; height:49px; padding:12px 14px; border:1px solid #bfc8bb; border-radius:2px; background:#fffefb; color:#203f39; font:16px Arial,sans-serif; }
#tracking-form input::placeholder { color:#788174; }
#tracking-form input:focus { outline:2px solid #8a6b35; outline-offset:2px; }
#tracking-form small { display:block; margin-top:6px; font-size:11px; color:#687366; }
#tracking-form button { width:100%; display:flex; justify-content:space-between; align-items:center; background:#203f39; color:#fff9ed; border:0; padding:15px 18px; margin-top:25px; font:14px Arial,sans-serif; cursor:pointer; }
#tracking-form button:hover { background:#31564b; }
#tracking-form button:disabled { opacity:.65; cursor:wait; }
#tracking-feedback { margin:18px 0 0; padding:14px; color:#853e30; font-size:13px; background:#f8eee8; border-left:3px solid #a2533f; }
#tracking-results { margin-top:30px; scroll-margin-top:calc(var(--ah-sticky-height, 100px) + 25px); }
#tracking-results:focus { outline:none; }
.tracking-result { border:1px solid #d2dacb; padding:30px; background:#fffdf8; margin:18px 0; }
.tracking-result-top { display:flex; gap:15px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.tracking-result h2 { font-size:27px; }
.tracking-badge { background:#e8eddf; color:#36573e; padding:6px 12px; font-size:12px; }
.tracking-result[data-state="awaiting_stock"] .tracking-badge { background:#f2e6cc; color:#705521; }
.tracking-result p { font-size:14px; color:#647160; }
.tracking-progress { display:grid; grid-template-columns:repeat(4,1fr); padding:0; list-style:none; margin:26px 0 0; gap:12px; }
.tracking-progress li { border-top:3px solid #d9dfd3; padding-top:12px; font-size:12px; color:#70796b; }
.tracking-progress li.is-complete { border-color:#496947; color:#28492f; }
.tracking-progress li[aria-current] { border-color:#a68b4c; font-weight:bold; color:#203f39; }
.tracking-progress small { display:block; font-weight:normal; margin-top:4px; }
.tracking-parcels { margin-top:24px; border-top:1px solid #dedbd3; padding-top:16px; }
.tracking-parcels p { margin:7px 0; }
.tracking-parcels strong { color:#203f39; overflow-wrap:anywhere; }
.tracking-demo { padding:12px 18px; border:1px dashed #a99054; background:#f6edda; color:#5c4a25; font:13px/1.7 Arial,sans-serif; margin-bottom:20px; }
.tracking-demo button { margin:5px; padding:5px 9px; cursor:pointer; border:1px solid #b2a17d; background:#fffdf8; color:#203f39; }
@media(max-width:850px) { .tracking-page { padding:0; } .tracking-intro,.tracking-form-panel { padding:32px 26px; } .tracking-intro h1 { font-size:39px; } }
@media(max-width:620px) { .tracking-hero { grid-template-columns:1fr; } .tracking-intro { padding:30px 25px; } .tracking-intro h1 { font-size:38px; } .tracking-seal { display:none; } .tracking-result { padding:22px; } .tracking-progress { grid-template-columns:1fr; gap:0; } .tracking-progress li { border-top:0; border-left:3px solid #d9dfd3; padding:0 0 19px 14px; } .tracking-progress li:last-child { padding-bottom:0; } }