.order-page[data-v-340b70ee] {
    background: var(--bg);
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.order-main[data-v-340b70ee] {
    flex: 1;
    margin-top: 80px;
    padding: 32px 0 80px
}

.order-layout[data-v-340b70ee] {
    align-items: start;
    display: grid;
    gap: 80px;
    grid-template-columns: 320px 1fr
}

@media(max-width:860px) {
    .order-layout[data-v-340b70ee] {
        gap: 40px;
        grid-template-columns: 1fr
    }
}

.order-info[data-v-340b70ee] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: sticky;
    top: 100px
}

@media(max-width:860px) {
    .order-info[data-v-340b70ee] {
        position: static
    }
}

.order-info__sub[data-v-340b70ee] {
    color: var(--text-dim);
    font-family: Inter, sans-serif;
    font-size: .88rem;
    font-weight: 300;
    line-height: 1.6
}

.order-info__list[data-v-340b70ee] {
    border-top: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    padding-top: 8px
}

.order-info__list li[data-v-340b70ee] {
    align-items: baseline;
    color: var(--text-muted);
    display: flex;
    font-family: Inter, sans-serif;
    font-size: .82rem;
    gap: 14px
}

.order-info__num[data-v-340b70ee] {
    color: var(--accent);
    flex-shrink: 0;
    font-family: Cormorant Garamond, serif;
    font-size: 1rem
}

.order-info__tg[data-v-340b70ee] {
    align-items: center;
    color: var(--text-faint);
    display: inline-flex;
    font-family: Inter, sans-serif;
    font-size: .75rem;
    gap: 8px;
    letter-spacing: .1em;
    text-transform: uppercase;
    transition: color .2s
}

.order-info__tg[data-v-340b70ee]:hover {
    color: var(--accent)
}