/* Custom order cost calculator: scoped; no change to other pages. */
/* Anchor target stays below the sticky navigation when the mobile order button is tapped. */
.custom-page-main #orderForm{scroll-margin-top:145px}
@media(max-width:680px){.custom-page-main #orderForm{scroll-margin-top:235px}}
.custom-page-main .custom-page-config .pricing-inputs{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
  min-width:0;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(27,26,24,.09);
  background:rgba(244,239,232,.72);
}
.custom-page-main .custom-page-config .pricing-inputs>p,
.custom-page-main .custom-page-config .pricing-inputs>small{
  grid-column:1/-1;
  margin:0;
}
.custom-page-main .custom-page-config .pricing-inputs>p{
  color:var(--ink);
  font-size:13px;
  font-weight:700;
}
.custom-page-main .custom-page-config .pricing-inputs>small{
  font-size:11px;
  line-height:1.5;
  color:#706b66;
}
.custom-page-main .custom-page-config .pricing-inputs label{min-width:0}
.custom-page-main .custom-page-config .pricing-details{
  grid-column:1/-1;
  min-width:0;
  padding:12px 14px;
  border:1px solid rgba(27,26,24,.10);
  border-radius:14px;
  color:var(--ink);
  background:rgba(255,255,255,.60);
}
.custom-page-main .custom-page-config .pricing-details summary{
  cursor:pointer;
  font-size:13px;
  font-weight:720;
  color:var(--ink);
}
.custom-page-main .custom-page-config .pricing-details summary:focus-visible{
  outline:2px solid var(--orange);
  outline-offset:4px;
}
.custom-page-main .custom-page-config .pricing-lines{
  margin-top:12px;
  display:grid;
  gap:0;
}
.custom-page-main .custom-page-config .pricing-lines>div{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding:7px 0;
  border-bottom:1px solid rgba(27,26,24,.08);
  font-size:12px;
  line-height:1.4;
}
.custom-page-main .custom-page-config .pricing-lines>div span{
  min-width:0;
  color:#5e5852;
}
.custom-page-main .custom-page-config .pricing-lines>div b{
  white-space:nowrap;
  font-size:12px;
  font-variant-numeric:tabular-nums;
  text-align:right;
  color:var(--ink);
}
.custom-page-main .custom-page-config .pricing-lines>div.pricing-emphasis{
  padding:10px 0;
  font-weight:750;
}
.custom-page-main .custom-page-config .pricing-notes{
  margin:10px 0 0;
  color:#6b655e;
  font-size:11px;
  line-height:1.5;
}
.custom-page-main .custom-page-config .pricing-notes strong{
  color:var(--ink);
}
.custom-page-main .custom-page-config .pricing-notes[hidden]{display:none!important}
.custom-page-main .custom-page-config #colorCount:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.custom-page-main .custom-page-config #pricingUnit{
  font-size:12px;
}
@media(max-width:600px){
  .custom-page-main .custom-page-config .pricing-inputs{padding:10px;gap:10px}
  .custom-page-main .custom-page-config .pricing-details{padding:12px}
  .custom-page-main .custom-page-config .pricing-lines>div{gap:9px}
}

.custom-page-main .custom-page-config .pricing-inputs .pricing-slicer-flag{
  grid-column:1/-1;
  display:flex;
  align-items:flex-start;
  gap:9px;
  font-size:12px;
  line-height:1.4;
  cursor:pointer;
}
.custom-page-main .custom-page-config .pricing-inputs .pricing-slicer-flag input{
  width:17px;
  height:17px;
  min-height:17px;
  flex:0 0 17px;
  padding:0;
  margin:1px 0 0;
  accent-color:var(--orange);
}
.custom-page-main .custom-page-config .pricing-inputs .pricing-slicer-flag span{
  font-size:12px;
  line-height:1.4;
  color:#5e5852!important;
}

/* The customer enters weight only. Internal runtime estimation is not an input. */
.custom-page-main .custom-page-config .pricing-inputs>label:not(.pricing-slicer-flag){
  grid-column:1/-1;
  width:100%;
}
.custom-page-main .custom-page-config .pricing-inputs>label:not(.pricing-slicer-flag) input{
  max-width:340px;
}
.custom-page-main .custom-page-config .pricing-inputs .pricing-slicer-flag[hidden],
.custom-page-main .custom-page-config .pricing-inputs .pricing-slicer-help[hidden]{
  display:none!important;
}
.custom-page-main .custom-page-config .pricing-inputs .pricing-slicer-help{
  grid-column:1/-1;
  color:#60584e;
}