/* Keep the last calculator/footer content above its fixed estimate bar. */
@media(max-width:800px){
 body:has(.calc-mobile-estimate) .site-ending{
  padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important;
 }

 /* Comfortable tap targets without changing calculator values or behavior. */
 body .calc-stepper>button{
  width:44px;
  min-width:44px;
  height:44px;
  min-height:44px;
  flex:0 0 44px;
 }
 body .case-gallery .gallery-arrow{
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
 }
}

/* One control per row leaves room for the wider +/- buttons on phones. */
@media(max-width:480px){
 body .calc-size-grid{
  grid-template-columns:minmax(0,1fr);
  gap:22px;
 }
 body .calc-control-heading{min-height:0}
}