.tracking-page{max-width:720px;margin:auto;padding:55px 24px 80px}.tracking-heading{text-align:center;margin-bottom:45px}.tracking-heading h1,.confirmation-design .confirmation-heading h1{font-size:clamp(30px,3vw,42px);margin:0 0 18px}.tracking-heading p{font-size:16px;line-height:1.7}.tracking-form{max-width:520px;margin:0 auto 40px}.tracking-form label{display:block;margin:22px 0 10px;font-size:16px}.tracking-form input{display:block;width:100%;min-width:0;padding:16px;border:1px solid var(--line);background:transparent;font-size:16px}.tracking-form .button{width:100%;margin-top:28px}.tracking-form input:focus{border-color:var(--ink)}.order-progress{background:#f5f4f1;padding:32px;margin:30px auto;max-width:720px}.tracking-result-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.tracking-result-heading h2{font-size:19px;overflow-wrap:anywhere}.tracking-badge{font-size:14px;border:1px solid var(--line);padding:5px 10px;flex-shrink:0;max-width:50%;text-align:center}.tracking-test-note,.tracking-alert{font-size:14px;margin-top:18px;line-height:1.7;color:var(--muted)}.tracking-alert{color:#803720}.tracking-timeline{list-style:none;margin:30px 0;padding:0}.tracking-timeline li{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:12px;padding:0 0 28px;font-size:16px;align-items:start}.tracking-timeline li:before{content:'';position:absolute;left:7px;top:15px;bottom:0;width:1px;background:var(--line)}.tracking-timeline li:last-child{padding-bottom:0}.tracking-timeline li:last-child:before{display:none}.tracking-dot{width:15px;height:15px;border:1px solid var(--muted);border-radius:50%;background:#f5f4f1;margin-top:4px;z-index:1}.is-complete .tracking-dot{background:var(--ink);border-color:var(--ink)}.tracking-timeline time,.tracking-pending{font-size:14px;color:var(--muted)}.tracking-details{margin-top:30px}.tracking-details>div{margin:22px 0}.tracking-details dt{font-size:16px;font-weight:600;margin-bottom:6px}.tracking-details dd{margin:0;font-size:16px;overflow-wrap:anywhere}.tracking-help{text-align:center;margin-top:30px;font-size:16px}.tracking-help a{text-decoration:underline;text-underline-offset:5px}.tracking-help a:hover{color:#8b422e}.tracking-clear{text-align:center}.confirmation-design{max-width:900px;padding-top:55px}.confirmation-design .confirmation-heading{margin-bottom:45px}.confirmation-design .confirmation-heading p{font-size:16px;margin:12px 0}.confirmation-design .order-reference{padding:0;background:transparent;border:0;letter-spacing:0;font-size:16px}.confirmation-design .confirmation-note{color:var(--muted);font-size:14px!important}.confirmation-order{background:transparent;padding:36px;border:1px solid var(--line)}.confirmation-order h2{font-size:21px;margin-bottom:25px}.confirmation-lines>div,.confirmation-totals>div{display:flex;justify-content:space-between;gap:24px;margin:18px 0;font-size:16px}.confirmation-lines strong,.confirmation-totals strong{font-weight:500;white-space:nowrap}.confirmation-lines span,.confirmation-totals span{overflow-wrap:anywhere}.confirmation-totals{border-top:1px solid var(--line);padding-top:12px;margin-top:25px}.confirmation-facts{border-top:1px solid var(--line);margin:30px 0 0;padding-top:18px}.confirmation-facts>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:30px;margin:18px 0;font-size:16px}.confirmation-facts dd{margin:0;text-align:right;overflow-wrap:anywhere}.confirmation-design .confirmation-address{background:transparent;padding:0}.confirmation-design .payment-panel{margin:30px 0;padding:30px;border:1px solid var(--line);background:transparent}.confirmation-design .order-progress{max-width:none}.confirmation-design .confirmation-action{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px}.confirmation-design .payment-panel .button{white-space:normal;overflow-wrap:anywhere;max-width:100%}
@media(max-width:600px){.tracking-page{padding:35px 20px 55px}.tracking-heading{margin-bottom:30px}.order-progress{padding:22px 18px}.tracking-result-heading{flex-direction:column;gap:12px}.tracking-badge{max-width:100%}.tracking-timeline li{grid-template-columns:18px minmax(0,1fr);gap:6px 12px}.tracking-timeline time,.tracking-pending{grid-column:2}.confirmation-design{padding:35px 20px 55px}.confirmation-order{padding:22px 18px}.confirmation-lines>div,.confirmation-totals>div{gap:16px}.confirmation-lines strong,.confirmation-totals strong{white-space:normal;text-align:right}.confirmation-facts>div{grid-template-columns:minmax(0,1fr);gap:8px}.confirmation-facts dd{text-align:left}.confirmation-design .payment-panel{padding:22px 18px}.confirmation-design .confirmation-heading h1{font-size:32px}}

.tracking-page .order-progress{max-width:520px}.tracking-form{padding-bottom:35px;border-bottom:1px solid var(--line)}.tracking-form label{text-transform:uppercase;font-size:14px;font-weight:600;letter-spacing:.7px}.tracking-badge{border-color:#486a51}.tracking-timeline .tracking-dot{width:8px;height:8px;border-radius:0;margin-top:8px}.tracking-timeline li:before{display:none}.confirmation-editorial img{width:100%;height:auto;max-height:550px;object-fit:cover}.confirmation-design .confirmation-action .button{background:transparent;border:1px solid var(--ink);color:var(--ink)}.confirmation-design .confirmation-action .button:hover{background:var(--ink);color:white}.confirmation-design .confirmation-check{margin:0 auto 25px;color:#24633a;border:1px solid #24633a;background:transparent}.confirmation-order h2{text-transform:uppercase;font-weight:600;font-size:18px;letter-spacing:.7px}@media(max-width:600px){.confirmation-editorial img{height:210px;object-position:center}}
