.page-order-shipping-sms {
  --ops-border: rgba(104, 71, 245, 0.12);
  --ops-bg: #ffffff;
  --ops-soft: linear-gradient(180deg, rgba(111, 86, 255, 0.08), rgba(236, 72, 153, 0.06));
  --ops-shadow: 0 18px 40px rgba(84, 63, 196, 0.08);
}

.page-order-shipping-sms .article-body,
.page-order-shipping-sms .content-aside {
  min-width: 0;
}

.ops-story {
  display: grid;
  gap: 28px;
}

.ops-journey,
.ops-capabilities,
.ops-shipping,
.ops-payments,
.ops-advantage {
  background: var(--ops-bg);
  border: 1px solid var(--ops-border);
  border-radius: 28px;
  box-shadow: var(--ops-shadow);
  padding: clamp(20px, 2vw, 32px);
}

.ops-journey__layout,
.ops-feature-grid,
.ops-payments__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}

.ops-visual,
.ops-feature-grid__visual,
.ops-payments__visual {
  margin: 0;
  background: linear-gradient(180deg, #fbfbff, #f3f2ff);
  border: 1px solid rgba(104, 71, 245, 0.14);
  border-radius: 24px;
  overflow: hidden;
  padding: 12px;
}

.ops-visual img,
.ops-feature-grid__visual img,
.ops-payments__visual img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 18px;
}

.ops-journey__track {
  display: grid;
  gap: 12px;
}

.ops-journey__track article {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  background: var(--ops-soft);
  border: 1px solid rgba(104, 71, 245, 0.12);
  border-radius: 22px;
  padding: 16px 18px;
}

.ops-journey__track b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #fff;
  font-size: 1.05rem;
  background: linear-gradient(135deg, var(--page-accent), var(--page-accent-2));
  box-shadow: 0 12px 22px rgba(104, 71, 245, 0.22);
}

.ops-journey__track h3,
.ops-capabilities__grid h3,
.ops-checks h3,
.ops-highlight h3,
.ops-matrix h3,
.ops-advantage__card h3,
.ops-sidebar-flow__steps h3,
.ops-sidebar-card strong,
.ops-alerts strong {
  margin: 0 0 8px;
}

.ops-journey__track p,
.ops-capabilities__grid p,
.ops-checks p,
.ops-highlight p,
.ops-matrix p,
.ops-advantage__card p,
.ops-sidebar-flow__steps p,
.ops-alerts li,
.ops-sidebar-card__items span,
.ops-related a {
  margin: 0;
  color: #5d5a79;
  line-height: 1.95;
}

.ops-capabilities__grid,
.ops-advantage__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.ops-capabilities__grid article,
.ops-advantage__card {
  background: #fff;
  border: 1px solid rgba(104, 71, 245, 0.12);
  border-radius: 24px;
  padding: 18px;
}

.ops-capabilities__grid article span,
.ops-advantage__card span,
.ops-sidebar-card__head span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 16px;
  margin-bottom: 14px;
  color: #fff;
  background: linear-gradient(135deg, var(--page-accent), var(--page-accent-2));
  box-shadow: 0 10px 20px rgba(104, 71, 245, 0.18);
}

.ops-advantage__card--accent {
  background: linear-gradient(135deg, rgba(104, 71, 245, 0.1), rgba(236, 72, 153, 0.12));
}

.ops-feature-grid__content,
.ops-payments__content {
  display: grid;
  gap: 16px;
}

.ops-highlight,
.ops-alerts,
.ops-sidebar-card,
.ops-sidebar-flow,
.page-order-shipping-sms .aside-note {
  background: #fff;
  border: 1px solid rgba(104, 71, 245, 0.12);
  border-radius: 24px;
  padding: 18px;
  box-shadow: 0 12px 28px rgba(84, 63, 196, 0.06);
}

.ops-checks,
.ops-matrix,
.ops-sidebar-flow__steps {
  display: grid;
  gap: 12px;
}

.ops-checks article,
.ops-sidebar-flow__steps article {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  background: linear-gradient(180deg, #fff, #faf8ff);
  border: 1px solid rgba(104, 71, 245, 0.12);
  border-radius: 20px;
  padding: 14px 16px;
}

.ops-checks article span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, #6f5bff, #2f87ff);
}

.ops-matrix {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ops-matrix article {
  background: linear-gradient(180deg, #fff, #fbfbff);
  border: 1px solid rgba(104, 71, 245, 0.12);
  border-radius: 20px;
  padding: 16px;
}

.ops-alerts strong {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1rem;
}

.ops-alerts ul {
  margin: 12px 0 0;
  padding: 0 18px 0 0;
}

.ops-alerts li + li {
  margin-top: 8px;
}

.ops-related {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.ops-related a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  text-decoration: none;
  background: linear-gradient(180deg, #fff, #fbfaff);
  border: 1px solid rgba(104, 71, 245, 0.12);
  border-radius: 18px;
  padding: 14px 16px;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.ops-related a:hover {
  transform: translateY(-2px);
  border-color: rgba(104, 71, 245, 0.28);
  box-shadow: 0 14px 26px rgba(84, 63, 196, 0.08);
}

.ops-sidebar-card__head {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin-bottom: 14px;
}

.ops-sidebar-card__head small {
  color: #757194;
}

.ops-sidebar-card__items {
  display: grid;
  gap: 10px;
}

.ops-sidebar-card__items span {
  display: block;
  border: 1px solid rgba(104, 71, 245, 0.12);
  border-radius: 16px;
  padding: 12px 14px;
  background: linear-gradient(180deg, #fff, #faf8ff);
}

.ops-sidebar-flow > strong {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.ops-sidebar-flow__steps article {
  grid-template-columns: minmax(0, 1fr);
}

.ops-sidebar-flow__steps b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  width: fit-content;
  border-radius: 999px;
  padding: 7px 12px;
  margin-bottom: 8px;
  color: #fff;
  background: linear-gradient(135deg, var(--page-accent), var(--page-accent-2));
}

.page-order-shipping-sms .aside-cta--order {
  background: linear-gradient(135deg, #6a4ff5, #ec4899);
}

.page-order-shipping-sms .aside-cta--order p,
.page-order-shipping-sms .aside-cta--order h2,
.page-order-shipping-sms .aside-cta--order span {
  color: #fff;
}

.page-order-shipping-sms .aside-note ul {
  margin: 12px 0 0;
  padding-right: 18px;
}

.page-order-shipping-sms .aside-note li + li {
  margin-top: 8px;
}

/* Mobile-first flow. Cards fit the available article width, including a sidebar. */
.page-order-shipping-sms .ops-journey__layout,
.page-order-shipping-sms .ops-feature-grid,
.page-order-shipping-sms .ops-payments__grid {grid-template-columns:minmax(0,1fr);gap:20px}
.page-order-shipping-sms :is(.ops-journey__track,.ops-capabilities__grid,.ops-advantage__grid,.ops-matrix,.ops-checks,.ops-related) {
 display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;
}
.page-order-shipping-sms :is(.ops-feature-grid__content,.ops-payments__content) {display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.page-order-shipping-sms :is(.ops-visual,.ops-feature-grid__visual,.ops-payments__visual) {height:auto;margin:0;padding:8px}
.page-order-shipping-sms :is(.ops-visual,.ops-feature-grid__visual,.ops-payments__visual) img {width:100%;height:auto;object-fit:contain}
.page-order-shipping-sms .article-body :is(.ops-journey,.ops-capabilities,.ops-shipping,.ops-payments,.ops-advantage) {padding:clamp(16px,2.2vw,28px)}
.page-order-shipping-sms .ops-story {gap:24px;margin-top:28px}
.page-order-shipping-sms .ops-journey__track article {grid-template-columns:36px minmax(0,1fr);gap:4px 12px;padding:16px;align-content:start}
.page-order-shipping-sms .ops-journey__track article>b {grid-column:1;grid-row:1 / span 2;width:36px;height:36px;border-radius:12px}
.page-order-shipping-sms .ops-journey__track article>h3 {grid-column:2;grid-row:1;margin:0 0 6px}
.page-order-shipping-sms .ops-journey__track article>p {grid-column:2;grid-row:2;margin:0}
.page-order-shipping-sms .article-body :is(.ops-capabilities__grid,.ops-checks,.ops-highlight,.ops-matrix,.ops-advantage__grid) h3 {margin:0 0 8px;font-size:17px}
.page-order-shipping-sms .ops-journey__track h3 {font-size:17px}
.page-order-shipping-sms .ops-checks article {grid-template-columns:32px minmax(0,1fr);gap:10px;padding:14px}
.page-order-shipping-sms .ops-checks article>span {width:32px;height:32px;border-radius:10px}
.page-order-shipping-sms .ops-sidebar-card__items {gap:6px}
.page-order-shipping-sms .ops-sidebar-card__items span {padding:7px 10px;font-size:12px}
.page-order-shipping-sms .ops-sidebar-flow__steps {grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.page-order-shipping-sms .ops-sidebar-flow__steps b {font-size:13px;padding:4px 12px}
.page-order-shipping-sms .article-practical-notes {grid-template-columns:minmax(0,1fr)}
@media (max-width:600px) {
 .page-order-shipping-sms :is(.ops-journey__track,.ops-capabilities__grid,.ops-advantage__grid,.ops-matrix,.ops-checks,.ops-related) {grid-template-columns:minmax(0,1fr)}
 .page-order-shipping-sms :is(.ops-journey,.ops-capabilities,.ops-shipping,.ops-payments,.ops-advantage,.ops-highlight,.ops-alerts) {border-radius:20px}
 .page-order-shipping-sms .ops-story {gap:18px}
}

.page-order-shipping-sms .article-body .ops-message-example {padding:24px 0 0}
.ops-message-example__grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;align-items:start}
.ops-sms-bubble {background:linear-gradient(145deg,#f0edff,#fff5fa);border:1px solid #ddd6fa;border-radius:24px 24px 6px 24px;padding:24px;box-shadow:0 12px 30px rgba(84,63,196,.06)}
.ops-sms-bubble>span {display:block;font-size:12px;color:#6a4ff5;font-weight:700;margin-bottom:14px}
.ops-sms-bubble small {color:#625a78;line-height:1.9}
.ops-sms-checks {padding:20px;border:1px solid #e8e2f4;border-radius:20px;background:#fff}
.page-order-shipping-sms .ops-sms-checks h3 {margin:0 0 12px;font-size:17px}
.ops-sms-checks ul {padding-inline-start:20px;margin:0;color:#5f5a6e;line-height:2.2;font-size:14px}