.pack-batch-quantity,.pack-opening-preferences{margin:16px 0;padding:0;border:0;min-width:0}.pack-batch-quantity legend,.pack-opening-preferences legend{font-size:13px;font-weight:650;margin-bottom:10px;color:#eee7d9}.pack-batch-quantity>p,.pack-opening-limit{font-size:12px;line-height:1.5;color:#b6b6aa;margin:9px 0}.pack-opening-preferences{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pack-opening-preferences legend{grid-column:1/-1}.pack-opening-preferences>label{display:flex;align-items:flex-start;gap:9px;min-height:54px;padding:11px;border:1px solid #ffffff17;border-radius:9px;background:#151713;font-size:13px;font-weight:550;cursor:pointer}.pack-opening-preferences input{width:18px;height:18px;margin:1px 0;accent-color:#dfbd78;flex-shrink:0}.pack-opening-preferences small{display:block;font-weight:400;font-size:11px;line-height:1.4;color:#b3b3a7;margin-top:4px}.pack-results>p{font-size:13px;color:#c2c3b8;line-height:1.5}.pack-results__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:65vh;overflow-y:auto;overscroll-behavior:contain;padding:4px}.pack-results__card{display:flex;flex-direction:column;align-items:center;min-width:0;gap:7px;padding:12px 8px;background:#121510;border:1px solid #ffffff15;border-radius:12px;color:#e9e6dc;font:inherit;text-align:center;cursor:pointer}.pack-results__card>.graded-slab{width:100%;max-width:180px}.pack-results__card>strong{font-size:12px;line-height:1.45}.pack-results__card>span{font-size:11px;line-height:1.4;color:#b7bcad}.pack-results__card>b{font-size:14px;color:#e9cb8c}.pack-results__actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:18px}.pack-results__actions>*{flex:1;justify-content:center;min-height:44px}.pack-batch-quantity :is(input,button):focus-visible,.pack-opening-preferences input:focus-visible,.pack-results__card:focus-visible{outline:2px solid #f1dba9;outline-offset:3px}@media(max-width:600px){.pack-opening-preferences{grid-template-columns:1fr}.pack-results__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pack-results__card{padding:9px 6px}.pack-results__grid{max-height:62svh}}

.sandbox-checkout [hidden]{display:none!important}

/* One editable quantity, shared by test, wallet-review and card checkouts. */
.pack-quantity-control {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  min-width: 0;
}
.pack-quantity-control [data-quantity-stepper] {
  display: grid;
  grid-template-columns: 44px 56px 44px;
  gap: 0;
  flex: 0 0 auto;
  width: 146px;
  min-height: 46px;
  margin: 0;
  padding: 0;
  border: 1px solid #71613f;
  border-radius: 12px;
  background: #10110f;
  box-shadow: inset 0 1px #ffffff06;
  overflow: visible;
}
.pack-quantity-control [data-quantity-stepper] > button {
  display: grid;
  place-items: center;
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: #ead19a;
  font: 500 24px/1 var(--pf-sans, system-ui);
  cursor: pointer;
  transition: background-color .15s ease;
}
.pack-quantity-control [data-quantity-stepper] > button span { font: inherit; }
.pack-quantity-control [data-quantity-stepper] > button:hover:not(:disabled) { background: #daba7417; }
.pack-quantity-control [data-quantity-stepper] > button:active:not(:disabled) { background: #daba7429; }
.pack-quantity-control [data-quantity-stepper] > input {
  appearance: textfield;
  -moz-appearance: textfield;
  display: block;
  width: 56px;
  min-width: 0;
  min-height: 44px;
  margin: 0;
  padding: 6px 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #fff3d8;
  font: 650 18px/1.2 var(--pf-sans, system-ui);
  font-variant-numeric: tabular-nums;
  text-align: center;
  box-shadow: none;
}
.pack-quantity-control input::-webkit-inner-spin-button,
.pack-quantity-control input::-webkit-outer-spin-button { appearance: none; margin: 0; }
.pack-quantity-control .pack-quantity-shortcuts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin: 0;
}
.pack-quantity-control .pack-quantity-shortcuts button {
  min-width: 44px;
  min-height: 44px;
  padding: 6px 10px;
  border: 1px solid #ffffff1f;
  border-radius: 10px;
  background: transparent;
  color: #c9c7bd;
  font: 600 13px/1.2 var(--pf-sans, system-ui);
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}
.pack-quantity-control .pack-quantity-shortcuts button:hover:not(:disabled) { border-color: #b49a61; color: #f3ddb0; }
.pack-quantity-control .pack-quantity-shortcuts button[aria-pressed=true] { border-color: #dfbd78; background: #dfbd781a; color: #f5dfa9; }
.pack-quantity-control :is(input, button):disabled { opacity: .38; cursor: default; }
.pack-quantity-control :is(input, button):focus-visible { outline: 2px solid #f1dba9; outline-offset: 2px; }
.pv-express .pack-batch-quantity { margin: 2px 0 0; }
@media (max-width: 380px) {
  .pack-quantity-control { gap: 8px; }
  .pack-quantity-control .pack-quantity-shortcuts { gap: 4px; }
  .pack-quantity-control .pack-quantity-shortcuts button { padding-inline: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .pack-quantity-control [data-quantity-stepper] > button { transition: none; }
}

.modal:has(> .pack-results){overflow:hidden}
.pack-results{height:min(740px,calc(100dvh - 92px));display:flex;flex-direction:column;min-height:0}
.pack-results>.modal-head{flex-shrink:0;margin-bottom:8px}
.pack-results>.modal-head .close-button{flex-shrink:0;min-height:44px;min-width:44px}
.pack-results>p{flex-shrink:0;margin:0 0 12px}
.pack-results .pack-results__grid{flex:1;min-height:0;max-height:none}
.pack-results__actions{flex-shrink:0;padding-top:12px}
@media(max-width:600px){
 .modal:has(> .pack-results){padding:16px}
 .pack-results{height:calc(100dvh - 72px)}
 .pack-results .modal-head h2{font-size:24px;line-height:1.1}
 .pack-results__actions>*{font-size:12px;padding:10px 8px}
}