/* Core theme — Order tracking. One column, the store's own tokens. */
.storly-ot {
  padding-block: var(--ot-pad-top, var(--core-rhythm, 64px)) var(--ot-pad-bottom, var(--core-rhythm, 64px));
  background: var(--core-background);
  color: var(--core-text);
}
.storly-ot__inner {
  width: min(100% - 2 * var(--core-gutter, 20px), var(--core-track-narrow, 1040px));
  margin-inline: auto;
  display: grid;
  gap: clamp(20px, 3vw, 30px);
}
.storly-ot[data-width="narrow"] .storly-ot__inner { max-width: 32rem; }

.storly-ot__head { display: grid; gap: 10px; }
.storly-ot__eyebrow { margin: 0; color: var(--core-muted); font-size: 11.5px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
.storly-ot__title { margin: 0; font-family: var(--core-font-heading); font-size: clamp(1.8rem, 1.4rem + 1.4vw, 2.4rem); font-weight: 600; line-height: 1.08; letter-spacing: -.02em; }
.storly-ot__lead { margin: 0; color: var(--core-muted); font-size: .9375rem; line-height: 1.6; }

.storly-ot__form { display: grid; gap: 16px; }
.storly-ot__field { display: grid; gap: 6px; }
.storly-ot__field label { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--core-muted); }
.storly-ot__field input {
  width: 100%; min-height: 48px; padding: 12px 14px;
  border: 1px solid var(--core-input-border-color, var(--core-border-color));
  border-radius: var(--core-input-radius, 8px);
  background: var(--core-input-bg, var(--core-surface));
  color: var(--core-text); font: inherit; font-size: 1rem;
}
.storly-ot__field input:focus-visible { outline: 2px solid var(--core-primary); outline-offset: 1px; }

.storly-ot__btn {
  min-height: 50px; padding: 12px 24px;
  border: 1px solid var(--core-button-bg); border-radius: var(--core-button-radius, 8px);
  background: var(--core-button-bg); color: var(--core-button-text);
  font: inherit; font-size: .875rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
  cursor: pointer;
}
.storly-ot__btn:hover { background: var(--core-button-hover-bg); }
.storly-ot__btn[disabled] { opacity: .7; cursor: progress; }

.storly-ot__help { margin: 0; color: var(--core-muted); font-size: .8125rem; }
.storly-ot__status { margin: 0; font-size: .9375rem; font-weight: 600; }
.storly-ot__status[data-tone="error"] { color: var(--core-danger); }

.storly-ot__result {
  display: grid; gap: 10px;
  padding: clamp(16px, 2.4vw, 22px);
  border: 1px solid var(--core-border-color);
  border-radius: var(--core-card-radius, 10px);
  background: var(--core-surface);
}
.storly-ot__row { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.storly-ot__row span { color: var(--core-muted); font-size: .875rem; }
.storly-ot__row strong { font-size: .9375rem; }