.oq-order {
    --oq-border: #d8dee6;
    --oq-muted: #465364;
    --oq-error: #982922;
    max-width: 58rem;
    margin: 0 auto 3rem;
}
.oq-order [hidden] { display: none !important; }
.oq-order__intro { margin-bottom: 1.25rem; }
.oq-order__steps {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 2rem;
    padding-inline-start: 1.25rem;
    font-weight: 600;
}
.oq-order__card {
    padding: clamp(.875rem, 3vw, 1.75rem);
    border: 1px solid var(--oq-border);
    border-radius: .6rem;
}
.oq-order__tabs,
.oq-order__actions { display: flex; flex-wrap: wrap; gap: .6rem; margin: 0 0 1rem; }
.oq-order__actions { margin: 1rem 0 0; }
.oq-order__tabs [aria-selected="true"] { box-shadow: inset 0 -3px currentColor; font-weight: 700; }
.oq-order__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(4.5rem, 8rem) 2.5rem;
    gap: .5rem;
    align-items: center;
    margin-bottom: .5rem;
}
.oq-order__grid button { padding-inline: .25rem; }
.oq-order__hint { margin-top: .5rem; color: var(--oq-muted); font-size: .9em; }
.oq-order__error { margin: .4rem 0 0; color: var(--oq-error); overflow-wrap: anywhere; }
.oq-order__items { list-style: none; padding: 0; margin: 1rem 0; }
.oq-order__items li { border-top: 1px solid var(--oq-border); padding: .85rem 0; overflow-wrap: anywhere; }
.oq-order__items li:last-child { border-bottom: 1px solid var(--oq-border); }
.oq-order__item { display: grid; grid-template-columns: minmax(0, 1fr) minmax(7rem, 11rem); gap: .75rem; }
.oq-order__item-link { display: inline-block; margin-inline-start: .35rem; text-decoration: underline; }
.oq-order__price { display: grid; align-content: start; text-align: end; }
.oq-order__price small { color: var(--oq-muted); }
.oq-order__sr {
    position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden;
    clip-path: inset(50%); white-space: nowrap;
}
@media (max-width: 34rem) {
    .oq-order__item { grid-template-columns: minmax(0, 1fr); }
    .oq-order__price { text-align: start; }
}