@import url("./shop-flow-v2.css?v=vertical-order-flow-20260907");

.shop-stage.shop-products-stage.shop-order-flow {
  display: block;
  width: 100%;
  min-height: 100vh;
  padding: 0 0 calc(108px + env(safe-area-inset-bottom));
  overflow: clip;
  background: #fff;
}

.shop-stage.shop-products-stage.shop-order-flow .order-flow-step {
  padding-bottom: calc(200px + env(safe-area-inset-bottom));
}
.flow-page-indicator {
  position: fixed;
  top: 50%;
  right: max(13px, env(safe-area-inset-right));
  z-index: 121;
  display: grid;
  justify-items: center;
  gap: 16px;
  width: 34px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: translateY(-50%);

}

.flow-page-indicator button {
  width: 34px;
  height: 34px;
  min-width: 0;
  min-height: 0;
  border: 1.5px solid #000;
  border-radius: 999px;
  background: #fff;
  padding: 0;
  box-shadow: none;
  cursor: pointer;
}

.flow-page-indicator button.is-current { height: 66px; border-color: #000; background: #000; }
.flow-page-indicator button:focus-visible { outline: 2px solid #1d4ed8; outline-offset: 3px; }
body.is-shop-product-selected .flow-page-indicator { z-index: 70; }

@media (max-width: 720px) {
  .flow-page-indicator { right: max(11px, env(safe-area-inset-right)); width: 34px; }
}