/* Keep the ordinary add-to-cart action; checkout is a separate, quieter row. */
.single-product form.cart .sx-checkout-flow {
  display: block;
  clear: both;
  flex: 0 0 100%;
  grid-column: 1 / -1;
  width: 100%;
  margin: 12px 0 0;
}
.single-product form.cart .sx-checkout-flow-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100% !important;
  min-height: 48px;
  margin: 0 !important;
  padding: 12px 18px !important;
  border: 1px solid #075174 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #075174 !important;
  font: 700 14px/1.35 system-ui, sans-serif !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
}
.single-product form.cart .sx-checkout-flow-button:hover:not(:disabled) {
  background: #eaf6f9 !important;
  border-color: #0a7086 !important;
  color: #064663 !important;
}
.single-product form.cart .sx-checkout-flow-button:focus-visible {
  outline: 3px solid #188ca3;
  outline-offset: 3px;
}
.single-product form.cart .sx-checkout-flow-button:disabled {
  background: #f5f7f8 !important;
  border-color: #c7d1d7 !important;
  color: #71818a !important;
  cursor: not-allowed;
  opacity: .8;
}
.single-product form.cart .sx-checkout-flow-note {
  margin: 8px 0 0 !important;
  color: #526b78;
  font: 400 11px/1.55 system-ui, sans-serif;
  text-align: center;
}

/* Only the requested documentation card: preserve the neighboring range card. */
.sx-design-home .sx-editorial-docs {
  background: radial-gradient(circle at 22% 45%, #d2eef2 0, transparent 58%), linear-gradient(120deg, #eaf7fa, #f5fafc) !important;
  border: 1px solid #cde3e9;
  color: #0a3850 !important;
}
.sx-design-home .sx-editorial-docs .sx-editorial-copy,
.sx-design-home .sx-editorial-docs .sx-editorial-copy > strong {
  color: #0a3850 !important;
}
.sx-design-home .sx-editorial-docs .sx-editorial-copy > small {
  color: #16677b !important;
  opacity: 1;
}
.sx-design-home .sx-editorial-docs .sx-editorial-copy > span {
  color: #105f75 !important;
  opacity: 1;
  font-weight: 600;
}
.sx-design-home .sx-editorial-docs .sx-editorial-art::before {
  background: linear-gradient(140deg, #ffffffd9, #d5eef3);
  border-color: #8fc1cd;
  box-shadow: 14px 11px 0 -2px #abd6df55;
}
.sx-design-home .sx-editorial-docs .sx-editorial-art > svg {
  color: #176c82;
  filter: none;
}
.sx-design-home .sx-editorial-docs:focus-visible {
  outline: 3px solid #188ca3;
  outline-offset: 4px;
}
.sx-design-home .sx-editorial-docs:hover {
  border-color: #67a9b9;
}