:root{
    --tdsto-bg:#faf8f2;
    --tdsto-white:#fff;
    --tdsto-ink:#17211c;
    --tdsto-muted:#69716b;
    --tdsto-green:#33c54b;
    --tdsto-green-dark:#22983a;
    --tdsto-orange:#f2a51a;
    --tdsto-soft:#f4f1ea;
    --tdsto-line:#dfdbd2;
    --tdsto-dark:#10251b;
    --tdsto-error:#9a3232;
}

.tds-track-order-page .entry-header,
.tds-track-order-page .entry-title,
.tds-track-order-page article.page > header.entry-header{
    display:none!important;
}

.tds-track-order-page .site-content>.ast-container,
.tds-track-order-page .site-content .ast-container{
    max-width:none!important;
    padding:0!important;
}

.tds-track-order-page .site-main,
.tds-track-order-page #primary,
.tds-track-order-page article.page,
.tds-track-order-page article.page .entry-content{
    width:100%!important;
    margin:0!important;
    padding:0!important;
}

.tdsto-wrap{
    background:var(--tdsto-bg);
    color:var(--tdsto-ink);
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.tdsto-wrap *{box-sizing:border-box}

.tdsto-inner{
    width:min(1120px,calc(100% - 40px));
    margin:auto;
}

.tdsto-eyebrow{
    color:var(--tdsto-green-dark);
    font-size:11px;
    font-weight:900;
    letter-spacing:.065em;
    text-transform:uppercase;
}

.tdsto-hero{
    padding:70px 0 64px;
    background:linear-gradient(135deg,#fff 0%,#faf8f2 65%,#fff3d5 100%);
    border-bottom:1px solid var(--tdsto-line);
}

.tdsto-hero-grid{
    display:grid;
    grid-template-columns:1fr .72fr;
    gap:70px;
    align-items:center;
}

.tdsto-hero h1{
    margin:14px 0 18px;
    color:var(--tdsto-ink);
    font-size:clamp(48px,5.3vw,72px);
    line-height:.97;
    letter-spacing:-.052em;
}

.tdsto-hero h1 span{color:var(--tdsto-orange)}

.tdsto-hero>div>div:first-child>p{
    max-width:650px;
    margin:0;
    color:var(--tdsto-muted);
    font-size:16px;
    line-height:1.72;
}

.tdsto-hero-card{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:17px;
    padding:27px;
    background:#fff;
    border:1px solid var(--tdsto-line);
    border-radius:15px;
    box-shadow:0 18px 45px rgba(26,42,33,.07);
}

.tdsto-hero-card>span{
    display:grid;
    place-items:center;
    width:50px;
    height:50px;
    border-radius:50%;
    background:#fff3d8;
    color:#c47e00;
    font-size:20px;
    font-weight:900;
}

.tdsto-hero-card strong{
    display:block;
    font-size:16px;
}

.tdsto-hero-card p{
    margin:5px 0 0;
    color:var(--tdsto-muted);
    font-size:12px;
    line-height:1.55;
}

.tdsto-main{
    padding:70px 0 80px;
}

.tdsto-layout{
    display:grid;
    grid-template-columns:1.15fr .65fr;
    gap:25px;
    align-items:start;
}

.tdsto-form-card,
.tdsto-help-card{
    background:#fff;
    border:1px solid var(--tdsto-line);
    border-radius:16px;
    padding:31px;
}

.tdsto-form-card{
    box-shadow:0 18px 45px rgba(26,42,33,.06);
}

.tdsto-form-card h2{
    margin:10px 0 5px;
    font-size:31px;
    letter-spacing:-.035em;
}

.tdsto-intro{
    margin:0 0 24px;
    color:var(--tdsto-muted);
    font-size:12px;
}

.tdsto-alert{
    margin-bottom:18px;
    padding:13px 15px;
    border:1px solid #e5bcbc;
    border-radius:8px;
    background:#fff1f1;
    color:var(--tdsto-error);
    font-size:12px;
    font-weight:800;
    line-height:1.5;
}

.tdsto-form label{
    display:block;
    margin-bottom:17px;
}

.tdsto-form label>span{
    display:block;
    margin-bottom:7px;
    font-size:12px;
    font-weight:850;
}

.tdsto-form input{
    width:100%!important;
    height:50px!important;
    margin:0!important;
    padding:0 14px!important;
    border:1px solid #d9d5cd!important;
    border-radius:7px!important;
    background:#fff!important;
    color:var(--tdsto-ink)!important;
    font-size:16px!important;
    box-shadow:none!important;
}

.tdsto-form input:focus{
    border-color:var(--tdsto-green)!important;
    box-shadow:0 0 0 3px rgba(51,197,75,.09)!important;
    outline:none!important;
}

.tdsto-form button{
    width:100%;
    min-height:52px;
    border:0;
    border-radius:7px;
    background:var(--tdsto-orange);
    color:#fff;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
    transition:.2s ease;
}

.tdsto-form button:hover{background:var(--tdsto-green)}

.tdsto-form-note{
    display:block;
    margin-top:10px;
    color:var(--tdsto-muted);
    font-size:10px;
    line-height:1.5;
    text-align:center;
}

.tdsto-honeypot{
    position:absolute!important;
    left:-9999px!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
}

.tdsto-help-card{
    position:sticky;
    top:105px;
}

.tdsto-help-icon{
    display:grid;
    place-items:center;
    width:49px;
    height:49px;
    margin-bottom:17px;
    border-radius:50%;
    background:#eaf8ed;
    color:var(--tdsto-green-dark);
    font-size:19px;
}

.tdsto-help-card h3{
    margin:9px 0 6px;
    font-size:22px;
}

.tdsto-help-card>p{
    margin:0 0 20px;
    color:var(--tdsto-muted);
    font-size:12px;
    line-height:1.65;
}

.tdsto-primary-link{
    min-height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    background:var(--tdsto-green);
    color:#fff!important;
    font-size:10px;
    font-weight:900;
    text-decoration:none!important;
}

.tdsto-primary-link:hover{background:var(--tdsto-orange)}

.tdsto-email{
    display:block;
    margin:13px 0 19px;
    color:var(--tdsto-green-dark)!important;
    font-size:11px;
    font-weight:900;
    text-align:center;
    overflow-wrap:anywhere;
}

.tdsto-help-links{
    display:grid;
    gap:7px;
    padding-top:17px;
    border-top:1px solid var(--tdsto-line);
}

.tdsto-help-links a{
    color:var(--tdsto-muted)!important;
    font-size:11px;
    font-weight:800;
    text-decoration:none!important;
}

.tdsto-result{
    margin-top:32px;
    padding:32px;
    background:#fff;
    border:1px solid var(--tdsto-line);
    border-radius:16px;
    box-shadow:0 18px 45px rgba(26,42,33,.05);
}

.tdsto-result-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.tdsto-result-head h2{
    margin:7px 0 0;
    font-size:30px;
    letter-spacing:-.035em;
}

.tdsto-status-pill{
    padding:8px 12px;
    border-radius:999px;
    background:#eaf8ed;
    color:var(--tdsto-green-dark);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
}

.tdsto-timeline{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin:31px 0 13px;
}

.tdsto-step{
    position:relative;
    padding-top:42px;
    color:#9a9f9b;
    font-size:10px;
    text-align:center;
}

.tdsto-step:before{
    content:"";
    position:absolute;
    top:15px;
    left:-50%;
    width:100%;
    height:2px;
    background:#e0ded8;
}

.tdsto-step:first-child:before{display:none}

.tdsto-step>span{
    position:absolute;
    z-index:2;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#eceae5;
    color:#888;
    font-size:10px;
    font-weight:900;
}

.tdsto-step.is-active:before{background:var(--tdsto-green)}
.tdsto-step.is-active>span{background:var(--tdsto-green);color:#fff}
.tdsto-step.is-active{color:var(--tdsto-ink)}
.tdsto-step.is-current>span{box-shadow:0 0 0 5px rgba(51,197,75,.13)}

.tdsto-status-note{
    margin:0 0 27px;
    color:var(--tdsto-muted);
    font-size:12px;
    text-align:center;
}

.tdsto-order-meta{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:11px;
    margin-bottom:28px;
}

.tdsto-order-meta article{
    padding:17px;
    border:1px solid var(--tdsto-line);
    border-radius:10px;
    background:var(--tdsto-soft);
}

.tdsto-order-meta small,
.tdsto-order-meta strong{
    display:block;
}

.tdsto-order-meta small{
    color:var(--tdsto-muted);
    font-size:9px;
    font-weight:900;
    letter-spacing:.045em;
}

.tdsto-order-meta strong{
    margin-top:5px;
    font-size:13px;
}

.tdsto-items{
    padding-top:5px;
}

.tdsto-items h3{
    margin:0 0 13px;
    font-size:18px;
}

.tdsto-item{
    display:grid;
    grid-template-columns:58px 1fr;
    gap:14px;
    align-items:center;
    padding:11px 0;
    border-bottom:1px solid var(--tdsto-line);
}

.tdsto-item-image{
    width:58px;
    height:58px;
    overflow:hidden;
    border-radius:8px;
    background:var(--tdsto-soft);
}

.tdsto-item-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.tdsto-item strong,
.tdsto-item small{
    display:block;
}

.tdsto-item strong{font-size:13px}
.tdsto-item small{margin-top:4px;color:var(--tdsto-muted);font-size:10px}

.tdsto-tracking-note{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:14px;
    margin-top:23px;
    padding:18px;
    border-radius:10px;
    background:#fff5dc;
}

.tdsto-tracking-note>span{
    width:37px;
    height:37px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--tdsto-orange);
    color:#fff;
    font-weight:900;
}

.tdsto-tracking-note strong{font-size:13px}
.tdsto-tracking-note p{margin:4px 0 0;color:var(--tdsto-muted);font-size:11px;line-height:1.55}

.tdsto-explain{
    padding:72px 0;
    background:var(--tdsto-soft);
    border-top:1px solid var(--tdsto-line);
}

.tdsto-section-head{
    max-width:700px;
    margin:0 auto 36px;
    text-align:center;
}

.tdsto-section-head h2{
    margin:11px 0 0;
    font-size:38px;
    letter-spacing:-.04em;
}

.tdsto-explain-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.tdsto-explain-grid article{
    padding:25px;
    background:#fff;
    border:1px solid var(--tdsto-line);
    border-radius:13px;
}

.tdsto-explain-grid article>span{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#eaf8ed;
    color:var(--tdsto-green-dark);
    font-size:9px;
    font-weight:900;
}

.tdsto-explain-grid article:nth-child(even)>span{
    background:#fff3d8;
    color:#c47e00;
}

.tdsto-explain-grid h3{
    margin:16px 0 7px;
    font-size:16px;
}

.tdsto-explain-grid p{
    margin:0;
    color:var(--tdsto-muted);
    font-size:11px;
    line-height:1.6;
}

.tdsto-bottom{
    padding:58px 0;
    background:var(--tdsto-dark);
    color:#fff;
}

.tdsto-bottom-grid{
    display:grid;
    grid-template-columns:1fr auto;
    gap:40px;
    align-items:center;
}

.tdsto-eyebrow-light{color:#8be69a}

.tdsto-bottom h2{
    margin:8px 0 5px;
    color:#fff;
    font-size:35px;
    letter-spacing:-.035em;
}

.tdsto-bottom p{
    margin:0;
    color:rgba(255,255,255,.68);
    font-size:13px;
}

.tdsto-bottom-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.tdsto-bottom-primary,
.tdsto-bottom-secondary{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 20px;
    border-radius:7px;
    font-size:10px;
    font-weight:900;
    text-decoration:none!important;
}

.tdsto-bottom-primary{
    background:var(--tdsto-orange);
    color:#fff!important;
}

.tdsto-bottom-primary:hover{background:var(--tdsto-green)}

.tdsto-bottom-secondary{
    border:1px solid rgba(255,255,255,.45);
    color:#fff!important;
}

@media(max-width:900px){
    .tdsto-hero-grid,
    .tdsto-layout,
    .tdsto-bottom-grid{
        grid-template-columns:1fr;
    }

    .tdsto-help-card{position:static}
    .tdsto-explain-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:620px){
    .tdsto-inner{width:min(100% - 28px,1120px)}
    .tdsto-hero{padding:44px 0 52px}
    .tdsto-hero h1{font-size:46px}
    .tdsto-main{padding:48px 0 58px}
    .tdsto-form-card,.tdsto-help-card,.tdsto-result{padding:21px 18px}
    .tdsto-timeline{grid-template-columns:1fr;gap:8px}
    .tdsto-step{min-height:39px;padding:9px 0 9px 49px;text-align:left}
    .tdsto-step:before{top:-9px;left:15px;width:2px;height:28px}
    .tdsto-step:first-child:before{display:none}
    .tdsto-step>span{left:0;top:3px;transform:none}
    .tdsto-order-meta{grid-template-columns:1fr}
    .tdsto-explain{padding:55px 0}
    .tdsto-explain-grid{grid-template-columns:1fr}
    .tdsto-bottom-actions{display:grid}
}