/* OrderBite product customizer scroll/action repair v1
   Keeps long variant lists scrollable and the Add to cart action permanently reachable. */
.product-customizer-overlay{overflow:hidden;overscroll-behavior:contain}
.product-customizer-overlay .config-modal{
  height:min(720px,calc(100dvh - 40px));
  max-height:calc(100dvh - 40px);
  min-height:0;
  overflow:hidden;
}
.product-customizer-overlay .config-photo{
  min-height:0;
  height:100%;
  overflow:hidden;
}
.product-customizer-overlay .config-body{
  min-width:0;
  min-height:0;
  padding:0;
  overflow:hidden;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  background:var(--paper);
}
.product-customizer-overlay .config-scroll{
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:38px 38px 24px;
  scrollbar-gutter:stable;
}
.product-customizer-overlay .config-action-bar{
  position:relative;
  z-index:4;
  flex:0 0 auto;
  padding:12px 38px 18px;
  border-top:2px solid var(--ink);
  background:linear-gradient(180deg,rgba(245,239,227,.92),var(--paper) 22%);
  box-shadow:0 -12px 22px rgba(23,18,14,.08);
}
.product-customizer-overlay .config-add{
  position:static!important;
  bottom:auto!important;
  width:100%;
  margin:0!important;
  min-height:54px;
}
.product-customizer-overlay .config-add:disabled{display:flex!important;visibility:visible!important}

@media(max-width:620px){
  .product-customizer-overlay{padding:0;place-items:stretch}
  .product-customizer-overlay .config-modal{
    width:100%;
    height:100vh;
    height:100dvh;
    max-height:100vh;
    max-height:100dvh;
    grid-template-columns:1fr;
    grid-template-rows:minmax(150px,30dvh) minmax(0,1fr);
    border:0;
    border-radius:0;
    box-shadow:none;
    overflow:hidden;
  }
  .product-customizer-overlay .config-photo{
    min-height:0!important;
    height:auto!important;
  }
  .product-customizer-overlay .config-body{
    overflow:hidden!important;
    min-height:0;
  }
  .product-customizer-overlay .config-scroll{padding:22px 20px 18px}
  .product-customizer-overlay .config-action-bar{
    padding:10px 20px max(12px,env(safe-area-inset-bottom));
  }
  .product-customizer-overlay .config-add{min-height:56px}
}

@media(max-height:620px) and (min-width:621px){
  .product-customizer-overlay .config-modal{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}
  .product-customizer-overlay .config-scroll{padding-top:26px}
  .product-customizer-overlay .config-action-bar{padding-bottom:12px}
}