.viewmini-ord-order{
    --ac-primary: #006A83;
  --ac-accent: #1765A3;
  --ac-bg: #FFFFFF;
  --ac-card: #FCFBFA;
  --ac-ink: #29232F;
  --ac-on-primary: #ffffff;
  --ac-primary-text: color-mix(in srgb, var(--ac-primary) 42%, var(--ac-ink));
  --ac-ok: #1e8e5a;
  --ac-warn: #9a6b0f;
  --ac-danger: #c53939;
  --ac-shadow: #29232F;
  --ac-r: 16px;
  --ac-font-head: "Outfit", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Albert Sans", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  padding:var(--hero-top) 0 var(--space-section);
  background:var(--white);
  color:#29232F;
  font-family:var(--font-body);
}
.viewmini-ord-order [hidden]{display:none!important}
.viewmini-ord-order *{min-width:0}
.viewmini-ord-order-width{
  width:min(calc(100% - var(--gutter)*2),var(--container-standard));
  margin-inline:auto;
}
.viewmini-ord-order-opening{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:var(--space-3);
  margin-bottom:var(--space-4);
}
.viewmini-ord-order-opening-copy{max-width:43rem}
.viewmini-ord-order-opening h1{
  margin:0 0 var(--space-2);
  font-size:var(--text-display);
  line-height:1.22;
}
.viewmini-ord-order-opening p{
  margin:0;
  color:#5E5862;
  font-size:var(--text-lg);
  overflow-wrap:break-word;
}
.viewmini-ord-order-opening-mark{
  flex:none;
  color:#5E5862;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  letter-spacing:.12em;
}
.viewmini-ord-order-form{display:grid;gap:var(--space-3)}
.viewmini-ord-order-sleeve{
  overflow:hidden;
  border-radius:var(--radius-stage);
  background:var(--dark);
  color:#FFFFFF;
}
.viewmini-ord-order-device{padding:var(--space-4)}
.viewmini-ord-order-device-heading,
.viewmini-ord-order-fit-heading,
.viewmini-ord-order-receipt-heading{
  display:flex;
  align-items:center;
  gap:var(--space-2);
  margin-bottom:var(--space-3);
}
.viewmini-ord-order-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
  width:2.4rem;
  height:2.4rem;
  border-radius:var(--radius-pill);
  background:var(--slate);
  color:#243039;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:750;
  line-height:1;
}
.viewmini-ord-order-device-heading h2,
.viewmini-ord-order-fit-heading h2,
.viewmini-ord-order-receipt-heading h2,
.viewmini-ord-order-destination h2,
.viewmini-ord-order-term h2{
  margin:0;
  font-size:clamp(1.25rem,2.2vw,1.65rem);
  line-height:1.3;
  overflow-wrap:break-word;
}
.viewmini-ord-order-plan-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-2);
  align-items:stretch;
}
.viewmini-ord-plan{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-2);
  width:100%;
  min-height:12rem;
  padding:var(--space-3);
  border:2px solid transparent;
  border-radius:var(--radius-card);
  background:#FFFFFF;
  color:#29232F;
  font:inherit;
  text-align:left;
  transition:border-color .18s,background .18s,transform .18s;
}
.viewmini-ord-plan:hover{transform:translateY(-2px);background:var(--paper)}
.viewmini-ord-plan.is-on,
.viewmini-ord-plan[aria-checked="true"]{
  border-color:var(--primary);
  background:var(--slate);
  color:#243039;
}
.viewmini-ord-plan-chip{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  max-width:100%;
  padding:.4em .9em;
  border-radius:var(--radius-pill);
  background:var(--lavender);
  color:#29232F;
  font-size:var(--text-xs);
  font-weight:750;
  line-height:1.2;
  overflow-wrap:break-word;
}
.viewmini-ord-plan-name{
  display:block;
  font-family:var(--font-heading);
  font-size:var(--text-card);
  font-weight:800;
  line-height:1.3;
  overflow-wrap:break-word;
}
.viewmini-ord-plan-spec{
  display:block;
  color:#514B55;
  font-size:var(--text-sm);
  line-height:1.6;
  overflow-wrap:break-word;
}
.viewmini-ord-plan-price{
  display:block;
  margin-top:auto;
  padding-top:var(--space-2);
  font-family:var(--font-mono);
  font-size:var(--text-lg);
  font-weight:750;
  font-variant-numeric:tabular-nums;
  line-height:1.35;
  overflow-wrap:break-word;
}
.viewmini-ord-plan-price em{font-size:var(--text-sm);font-style:normal}
.viewmini-ord-order-hinge{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  gap:var(--space-2);
  padding:0 var(--space-4) var(--space-4);
}
.viewmini-ord-order-destination,
.viewmini-ord-order-term{
  padding:var(--space-3);
  border-radius:var(--radius-card);
  background:var(--paper);
  color:#29232F;
}
.viewmini-ord-order-destination .viewmini-ord-order-index,
.viewmini-ord-order-term .viewmini-ord-order-index{
  margin-bottom:var(--space-2);
  background:var(--lavender);
  color:#29232F;
}
.viewmini-ord-order-destination h2,
.viewmini-ord-order-term h2{margin-bottom:var(--space-3)}
.viewmini-ord-order-region-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));
  gap:var(--space-1);
}
.viewmini-ord-region{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-1);
  width:100%;
  min-height:3.25rem;
  padding:.7rem 1rem;
  border:1px solid var(--control-line);
  border-radius:var(--radius-sm);
  background:#FFFFFF;
  color:#29232F;
  font:inherit;
  font-size:var(--text-sm);
  font-weight:700;
  line-height:1.4;
  text-align:left;
  overflow-wrap:break-word;
  transition:border-color .18s,background .18s;
}
.viewmini-ord-region:hover{border-color:var(--primary)}
.viewmini-ord-region.is-on,
.viewmini-ord-region[aria-checked="true"]{
  border-color:var(--primary);
  background:var(--slate);
  color:#243039;
}
.viewmini-ord-order-period-seg{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-1);
}
.viewmini-ord-seg-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  width:100%;
  min-height:3.25rem;
  padding:.65rem .8rem;
  border:1px solid var(--control-line);
  border-radius:var(--radius-pill);
  background:#FFFFFF;
  color:#29232F;
  font:inherit;
  font-size:var(--text-sm);
  font-weight:750;
  line-height:1.35;
  text-align:center;
  overflow-wrap:break-word;
  transition:border-color .18s,background .18s,color .18s;
}
.viewmini-ord-seg-btn:hover{border-color:var(--primary)}
.viewmini-ord-seg-btn.is-on,
.viewmini-ord-seg-btn[aria-checked="true"],
.viewmini-ord-seg-btn[aria-selected="true"]{
  border-color:var(--primary);
  background:var(--primary);
  color:#FFFFFF;
}
.viewmini-ord-order-fit{
  display:grid;
  grid-template-columns:minmax(11rem,.36fr) minmax(0,1fr);
  gap:var(--space-3);
  padding:var(--space-4);
  border-radius:var(--radius-stage);
  background:var(--sand);
  color:#30271F;
}
.viewmini-ord-order-fit-heading{
  align-items:start;
  flex-direction:column;
  margin:0;
}
.viewmini-ord-order-fit-content{display:grid;gap:var(--space-3)}
.viewmini-ord-order-ssd-seg{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));
  gap:var(--space-1);
}
.viewmini-ord-order-extra{
  padding-top:var(--space-3);
  border-top:1px solid color-mix(in srgb,#30271F 16%,transparent);
}
.viewmini-ord-order-extra h3{
  margin:0 0 var(--space-2);
  font-size:var(--text-lg);
}
.viewmini-ord-order-extra-choice{
  display:flex;
  align-items:center;
  gap:var(--space-2);
  padding:var(--space-3);
  border-radius:var(--radius-card);
  background:#FFFFFF;
  color:#30271F;
  cursor:pointer;
}
.viewmini-ord-order-extra-choice input{
  flex:none;
  appearance:none;
  width:1.25rem;
  height:1.25rem;
  margin:0;
  border:2px solid var(--control-line);
  border-radius:.4rem;
  background:#FFFFFF;
  cursor:pointer;
}
.viewmini-ord-order-extra-choice input:checked{
  border-color:var(--primary);
  background:var(--primary);
  box-shadow:inset 0 0 0 3px #FFFFFF;
}
.viewmini-ord-order-extra-copy{display:grid;gap:.5rem;flex:1}
.viewmini-ord-order-extra-copy strong{font-size:var(--text-sm);overflow-wrap:break-word}
.viewmini-ord-order-extra-copy small{color:#5E5862;overflow-wrap:break-word}
.viewmini-ord-order-extra-price{
  flex:none;
  font-family:var(--font-mono);
  font-size:var(--text-sm);
  font-style:normal;
  font-variant-numeric:tabular-nums;
}
.viewmini-ord-order-receipt{
  overflow:hidden;
  border-radius:var(--radius-stage);
  background:var(--lavender);
  color:#29232F;
}
.viewmini-ord-order-receipt-heading{
  margin:0;
  padding:var(--space-3) var(--space-4);
}
.viewmini-ord-order-receipt-heading .viewmini-ord-order-index{
  background:#FFFFFF;
  color:#29232F;
}
.viewmini-ord-order-receipt-body{
  display:grid;
  grid-template-columns:minmax(12rem,1fr) minmax(12rem,.8fr);
  align-items:stretch;
  gap:0;
}
.viewmini-ord-order-summary{
  padding:var(--space-3) var(--space-4) var(--space-4);
  background:#FFFFFF;
  color:#29232F;
}
.viewmini-ord-order-summary h3{
  margin:0 0 var(--space-3);
  font-size:var(--text-card);
}
.viewmini-ord-order-lines{margin:0}
.viewmini-ord-order-lines>div{
  display:grid;
  grid-template-columns:minmax(6rem,.45fr) minmax(0,1fr);
  gap:var(--space-2);
  padding:var(--space-2) 0;
  border-top:1px solid var(--line);
}
.viewmini-ord-order-lines dt,
.viewmini-ord-order-lines dd{
  min-width:0;
  margin:0;
  font-size:var(--text-sm);
  overflow-wrap:break-word;
}
.viewmini-ord-order-lines dt{color:#5E5862}
.viewmini-ord-order-lines dd{
  color:#29232F;
  font-weight:750;
  text-align:right;
  font-variant-numeric:tabular-nums;
}
.viewmini-ord-order-settle{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  padding:var(--space-3) var(--space-4) var(--space-4);
  background:var(--lavender);
  color:#29232F;
}
.viewmini-ord-order-total-label{font-size:var(--text-sm);font-weight:750}
.viewmini-ord-order-total-line{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:var(--space-1);
  margin:var(--space-2) 0 var(--space-3);
}
.viewmini-ord-order-total{
  font-family:var(--font-heading);
  font-size:clamp(2rem,4vw,3.15rem);
  font-weight:800;
  font-variant-numeric:tabular-nums;
  line-height:1.2;
  overflow-wrap:break-word;
}
.viewmini-ord-order-total-period{
  font-size:var(--text-sm);
  font-style:normal;
  font-weight:700;
}
.viewmini-ord-order-checkout,
.viewmini-ord-order-auth-controls button,
.viewmini-ord-order-dialog-console{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:3rem;
  padding:.7rem 1.4rem;
  border:1px solid var(--primary);
  border-radius:var(--radius-pill);
  background:var(--primary);
  color:#FFFFFF;
  font:inherit;
  font-size:var(--text-sm);
  font-weight:750;
  line-height:1.4;
  text-align:center;
  transition:background .18s,opacity .18s;
}
.viewmini-ord-order-checkout:hover,
.viewmini-ord-order-auth-controls button:hover,
.viewmini-ord-order-dialog-console:hover{background:var(--primary-hover)}
.viewmini-ord-order-checkout:disabled,
.viewmini-ord-order-auth-controls button:disabled{opacity:.55;cursor:not-allowed}
.viewmini-ord-order-console{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:3rem;
  margin-top:var(--space-2);
  padding:.7rem 1.4rem;
  border:1px solid color-mix(in srgb,currentColor 45%,transparent);
  border-radius:var(--radius-pill);
  background:transparent;
  color:#29232F;
  font-size:var(--text-sm);
  font-weight:750;
  text-align:center;
}
.viewmini-ord-order-console:hover{background:#FFFFFF}
.viewmini-ord-order-payment-line{
  margin:var(--space-3) 0 0;
  color:#514B55;
  font-size:var(--text-xs);
  line-height:1.6;
  overflow-wrap:break-word;
}
.viewmini-ord-order-msg,
.viewmini-ord-order-auth-msg{
  margin:var(--space-3) 0 0;
  padding:var(--space-2) var(--space-3);
  border-radius:var(--radius-sm);
  background:var(--rose);
  color:#322526;
  font-size:var(--text-sm);
  line-height:1.6;
  overflow-wrap:break-word;
}
.viewmini-ord-order-msg.is-ok,
.viewmini-ord-order-auth-msg.is-ok{
  background:var(--slate);
  color:#243039;
}
.viewmini-ord-order-gw{
  margin-top:var(--space-3);
  padding:var(--space-4);
  border-radius:var(--radius-stage);
  background:var(--sand);
  color:#30271F;
}
.viewmini-ord-order-gw-heading h3{margin:0 0 var(--space-1);font-size:var(--text-card)}
.viewmini-ord-order-gw-heading p{
  margin:0 0 var(--space-3);
  color:#554744;
  font-size:var(--text-sm);
}
.viewmini-ord-order-gw-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
  gap:var(--space-2);
}
.viewmini-ord-gw-item{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:.5rem;
  width:100%;
  min-height:5rem;
  padding:var(--space-3);
  border:1px solid var(--control-line);
  border-radius:var(--radius-card);
  background:#FFFFFF;
  color:#29232F;
  font:inherit;
  text-align:left;
  overflow-wrap:break-word;
  transition:border-color .18s,background .18s;
}
.viewmini-ord-gw-item strong{font-size:var(--text-base);line-height:1.4}
.viewmini-ord-gw-item small{
  color:#5E5862;
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
}
.viewmini-ord-gw-item:hover{border-color:var(--primary);background:var(--slate)}
.viewmini-ord-gw-item:disabled{opacity:.5;cursor:not-allowed}
.viewmini-ord-order-gw-cancel{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:2.75rem;
  margin-top:var(--space-2);
  padding:.55rem 1.2rem;
  border:1px solid color-mix(in srgb,currentColor 45%,transparent);
  border-radius:var(--radius-pill);
  background:transparent;
  color:#30271F;
  font:inherit;
  font-size:var(--text-sm);
  font-weight:750;
}
.viewmini-ord-order-gw-cancel:hover{background:#FFFFFF}
.viewmini-ord-order-auth{
  margin-top:var(--space-3);
  padding:var(--space-4);
  border-radius:var(--radius-stage);
  background:var(--slate);
  color:#243039;
}
.viewmini-ord-order-auth-heading p{
  max-width:48rem;
  margin:0 0 var(--space-3);
  font-size:var(--text-base);
  overflow-wrap:break-word;
}
.viewmini-ord-order-auth-form{display:grid;gap:var(--space-3)}
.viewmini-ord-order-auth-field{display:grid;gap:var(--space-1)}
.viewmini-ord-order-auth-field label{font-weight:750}
.viewmini-ord-order-auth-controls{
  display:flex;
  align-items:stretch;
  gap:var(--space-2);
}
.viewmini-ord-order-auth-controls input{
  flex:1;
  width:100%;
  min-height:3rem;
  padding:.7rem 1rem;
  border:1px solid var(--control-line);
  border-radius:var(--radius-sm);
  background:#FFFFFF;
  color:#29232F;
  font:inherit;
}
.viewmini-ord-order-auth-controls button{flex:none}
.viewmini-ord-order-auth-msg{margin:0}
.viewmini-ord-order-dialog{
  position:fixed;
  inset:0;
  z-index:100;
  display:grid;
  place-items:center;
  padding:var(--gutter);
}
.viewmini-ord-order-dialog-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(41,35,47,.76);
  cursor:pointer;
}
.viewmini-ord-order-dialog-panel{
  position:relative;
  z-index:1;
  width:min(100%,32rem);
  max-height:calc(100dvh - var(--gutter)*2);
  overflow-y:auto;
  padding:var(--space-4);
  border-radius:var(--radius-stage);
  background:#FFFFFF;
  color:#29232F;
  box-shadow:var(--shadow-card);
  text-align:center;
}
.viewmini-ord-order-dialog-kicker{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  margin:0 auto var(--space-2);
  padding:.4em .9em;
  border-radius:var(--radius-pill);
  background:var(--slate);
  color:#243039;
  font-size:var(--text-xs);
  font-weight:750;
  line-height:1;
}
.viewmini-ord-order-dialog-panel h3{
  margin:0 0 var(--space-2);
  font-size:var(--text-section);
}
.viewmini-ord-order-dialog-panel p:not(.viewmini-ord-order-dialog-kicker){
  margin:0;
  color:#5E5862;
  overflow-wrap:break-word;
}
.viewmini-ord-order-dialog-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  margin-top:var(--space-3);
}
.viewmini-ord-order-dialog-stay{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:3rem;
  padding:.7rem 1.4rem;
  border:1px solid color-mix(in srgb,currentColor 45%,transparent);
  border-radius:var(--radius-pill);
  background:#FFFFFF;
  color:#29232F;
  font:inherit;
  font-size:var(--text-sm);
  font-weight:750;
}
.viewmini-ord-order-dialog-stay:hover{background:var(--paper)}
.viewmini-ord-order .is-open{outline:2px solid var(--primary);outline-offset:2px}
.viewmini-ord-order .is-mine{background:var(--slate);color:#243039}
.viewmini-ord-order .viewmini-ord-chip-ok{background:var(--slate);color:#243039}
.viewmini-ord-order .viewmini-ord-chip-warn{background:var(--sand);color:#30271F}
.viewmini-ord-order .viewmini-ord-chip-bad{background:var(--rose);color:#322526}
.viewmini-ord-order .viewmini-ord-chip-idle{background:var(--lavender);color:#29232F}
.viewmini-ord-order .viewmini-ord-btn-danger{
  border-radius:var(--radius-pill);
  background:var(--rose);
  color:#322526;
}
.viewmini-ord-order .viewmini-ord-note{color:#5E5862;font-size:var(--text-sm)}
.viewmini-ord-order .viewmini-ord-cred{overflow-wrap:anywhere;font-family:var(--font-mono)}

@media(max-width:760px){
  .viewmini-ord-order-opening{align-items:start}
  .viewmini-ord-order-opening-mark{display:none}
  .viewmini-ord-order-plan-grid{grid-template-columns:minmax(0,1fr)}
  .viewmini-ord-plan{min-height:0}
  .viewmini-ord-order-hinge{grid-template-columns:minmax(0,1fr)}
  .viewmini-ord-order-fit{grid-template-columns:minmax(0,1fr)}
  .viewmini-ord-order-fit-heading{flex-direction:row;align-items:center}
  .viewmini-ord-order-receipt-body{grid-template-columns:minmax(0,1fr)}
  .viewmini-ord-order-gw-list{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:42rem){
  .viewmini-ord-order{padding-top:var(--space-4)}
  .viewmini-ord-order-opening{margin-bottom:var(--space-3)}
  .viewmini-ord-order-opening h1{font-size:clamp(2rem,8vw,2.65rem)}
  .viewmini-ord-order-opening p{font-size:var(--text-base)}
  .viewmini-ord-order-device,
  .viewmini-ord-order-fit,
  .viewmini-ord-order-gw,
  .viewmini-ord-order-auth{padding:var(--space-3)}
  .viewmini-ord-order-hinge{padding:0 var(--space-3) var(--space-3)}
  .viewmini-ord-order-receipt-heading,
  .viewmini-ord-order-summary,
  .viewmini-ord-order-settle{padding:var(--space-3)}
  .viewmini-ord-order-extra-choice{flex-wrap:wrap}
  .viewmini-ord-order-extra-price{margin-left:auto}
  .viewmini-ord-order-auth-controls{flex-wrap:wrap}
  .viewmini-ord-order-auth-controls input,
  .viewmini-ord-order-auth-controls button{flex:1 1 100%}
  .viewmini-ord-order-dialog-panel{padding:var(--space-3)}
  .viewmini-ord-order-dialog-actions>*{width:100%}
}
body:has(> main[data-shell]){display:flex;flex-direction:column;min-height:100vh}
body > main[data-shell]{flex:1 0 auto}