.uzozest-phase-4-3-tracking-page .uz-page-shell {
    background: #f7f4ef;
}

.uzozest-track-shell {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 34px 0 70px;
    color: #0F2D75;
}

.uzozest-track-hero,
.uzozest-track-form,
.uzozest-track-help,
.uzozest-track-result {
    background: #ffffff;
    border: 1px solid rgba(15, 45, 117, .1);
    box-shadow: 0 18px 50px rgba(15, 45, 117, .08);
}

.uzozest-track-hero {
    border-radius: 28px;
    padding: clamp(24px, 5vw, 56px);
    margin-bottom: 22px;
}

.uzozest-track-eyebrow,
.uzozest-track-result__head p {
    margin: 0 0 8px;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 12px;
    font-weight: 900;
    color: #C69145;
}

.uzozest-track-hero h1 {
    margin: 0;
    font-size: clamp(34px, 5vw, 62px);
    line-height: .98;
    letter-spacing: -.04em;
    color: #0F2D75;
}

.uzozest-track-hero p:last-child {
    max-width: 620px;
    margin: 16px 0 0;
    color: rgba(15, 45, 117, .72);
    font-size: 16px;
    line-height: 1.6;
}

.uzozest-track-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, .8fr);
    gap: 20px;
    align-items: stretch;
}

.uzozest-track-form,
.uzozest-track-help,
.uzozest-track-result {
    border-radius: 24px;
    padding: 22px;
}

.uzozest-track-form label {
    display: block;
    margin: 0 0 8px;
    font-size: 13px;
    font-weight: 900;
    color: #0F2D75;
}

.uzozest-track-form input {
    width: 100%;
    min-height: 50px;
    border: 1px solid rgba(15, 45, 117, .16);
    border-radius: 14px;
    padding: 0 15px;
    margin: 0 0 16px;
    background: #fff;
    color: #0F2D75;
    font-size: 15px;
}

.uzozest-track-form input:focus {
    outline: none;
    border-color: #C69145;
    box-shadow: 0 0 0 4px rgba(198, 145, 69, .18);
}

.uzozest-track-form button {
    min-height: 52px;
    width: 100%;
    border: 0;
    border-radius: 999px;
    background: #C69145;
    color: #ffffff;
    font-weight: 900;
    cursor: pointer;
}

.uzozest-track-form button:hover,
.uzozest-track-form button:focus {
    background: #A8732E;
}

.uzozest-track-alert {
    margin-top: 14px;
    border-radius: 14px;
    padding: 12px 14px;
    background: #fff3f0;
    color: #9f321e;
    font-size: 14px;
    font-weight: 700;
}

.uzozest-track-help {
    background: #0F2D75;
    color: #ffffff;
}

.uzozest-track-help strong {
    display: block;
    margin-bottom: 8px;
    color: #ffffff;
}

.uzozest-track-help p {
    margin: 0 0 18px;
    color: rgba(255, 255, 255, .76);
    line-height: 1.55;
}

.uzozest-track-help p:last-child {
    margin-bottom: 0;
}

.uzozest-track-result {
    margin-top: 22px;
}

.uzozest-track-result__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(15, 45, 117, .1);
}

.uzozest-track-result__head h2 {
    margin: 0;
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1;
    letter-spacing: -.03em;
}

.uzozest-track-result__head > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(198, 145, 69, .14);
    color: #8A5B20;
    font-size: 13px;
    font-weight: 900;
}

.uzozest-track-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0;
}

.uzozest-track-facts div,
.uzozest-track-step,
.uzozest-track-state-note,
.uzozest-track-item {
    border: 1px solid rgba(15, 45, 117, .1);
    border-radius: 18px;
    background: #fbfaf8;
}

.uzozest-track-facts div {
    padding: 15px;
}

.uzozest-track-facts span,
.uzozest-track-item span {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: rgba(15, 45, 117, .58);
    font-weight: 900;
}

.uzozest-track-facts strong,
.uzozest-track-item strong {
    color: #0F2D75;
    font-weight: 900;
}

.uzozest-track-timeline {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0;
}

.uzozest-track-step {
    padding: 16px;
    min-height: 148px;
}

.uzozest-track-step span {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    background: rgba(15, 45, 117, .1);
    color: #0F2D75;
    font-weight: 900;
}

.uzozest-track-step.is-done span,
.uzozest-track-step.is-current span {
    background: #C69145;
    color: #ffffff;
}

.uzozest-track-step.is-current {
    border-color: rgba(198, 145, 69, .55);
    box-shadow: 0 12px 30px rgba(198, 145, 69, .14);
}

.uzozest-track-step strong {
    display: block;
    margin-bottom: 6px;
    color: #0F2D75;
}

.uzozest-track-step p {
    margin: 0;
    color: rgba(15, 45, 117, .67);
    line-height: 1.45;
    font-size: 14px;
}

.uzozest-track-state-note {
    padding: 17px 18px;
    background: rgba(198, 145, 69, .11);
}

.uzozest-track-state-note--issue {
    background: #fff3f0;
    border-color: rgba(159, 50, 30, .22);
    color: #9f321e;
}

.uzozest-track-state-note strong {
    display: block;
    margin-bottom: 4px;
    font-weight: 900;
}

.uzozest-track-state-note p {
    margin: 0;
    line-height: 1.55;
}

.uzozest-track-items {
    margin-top: 22px;
}

.uzozest-track-items h3 {
    margin: 0 0 12px;
    color: #0F2D75;
}

.uzozest-track-item {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    margin-bottom: 10px;
}

.uzozest-track-item b {
    white-space: nowrap;
    color: #0F2D75;
}

@media (max-width: 980px) {
    .uzozest-track-grid,
    .uzozest-track-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .uzozest-track-timeline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .uzozest-track-shell {
        width: min(100%, calc(100% - 24px));
        padding: 22px 0 46px;
    }

    .uzozest-track-hero,
    .uzozest-track-form,
    .uzozest-track-help,
    .uzozest-track-result {
        border-radius: 20px;
        padding: 18px;
    }

    .uzozest-track-grid,
    .uzozest-track-facts,
    .uzozest-track-timeline {
        grid-template-columns: 1fr;
    }

    .uzozest-track-result__head {
        display: grid;
    }

    .uzozest-track-step {
        min-height: 0;
    }

    .uzozest-track-item {
        align-items: flex-start;
    }
}

/* Phase 4.3.1 - delivery tracking number / current location for customer */
.uzozest-track-delivery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
    margin-top: 14px;
    padding: 16px 18px;
    border: 1px solid #0F2D75;
    border-radius: 12px;
    background: #f6f8ff;
}
.uzozest-track-delivery span {
    display: block;
    font-size: 12px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #5b6478;
    margin-bottom: 4px;
}
.uzozest-track-delivery strong {
    font-size: 16px;
    color: #0F2D75;
    word-break: break-word;
}

/* Phase 7.3 tracking history on public tracking page */
.uzozest-track-history{
  margin:18px 0 0;
  background:#fff;
  border:1px solid rgba(15,45,117,.12);
  border-radius:18px;
  padding:18px;
}
.uzozest-track-history h3{margin:0 0 12px;color:#0F2D75;font-size:20px}
.uzozest-track-history ol{margin:0;padding-left:20px;color:#5d6679}
.uzozest-track-history li{margin:0 0 10px}
.uzozest-track-history strong{display:block;color:#111827}
.uzozest-track-history span,.uzozest-track-history small{display:block;color:#697386;margin-top:3px}
.uzozest-track-state-note--delivery-note{border-left-color:#C69145;background:#fffaf2}