/* Slim Fish V22 - estabilidade responsiva do app cliente */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}*,*::before,*::after{box-sizing:border-box}img,svg,video,canvas{max-width:100%;height:auto}input,select,textarea,button,a{max-width:100%}body{position:relative}main,section,article,header,footer,nav,aside,form,.checkout-modal,.checkout-body,.checkout-grid,.checkout-section,.customize-modal,.customize-body,.customize-grid,.customize-actions,.drawer,.drawer-body,.drawer-foot,.cart-item,.cart-top,.order-card,.order-meta,.order-items-details,.pix-payment-box,.client-order-total,.actions,.app-bottom-nav,.mobile-store,.client-address-card,.client-address-inner{min-width:0;max-width:100%}
@media(max-width:768px){body{overflow-x:clip!important}.checkout-modal,.customize-modal{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%) scale(.96)!important}.checkout-modal.open,.customize-modal.open{transform:translate(-50%,-50%) scale(1)!important}.checkout-body,.customize-body{overflow-x:hidden!important}.checkout-grid,.customize-grid{grid-template-columns:minmax(0,1fr)!important}.customize-chip{width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customize-actions{grid-template-columns:minmax(0,1fr)!important}.customize-actions .btn{width:100%!important}.drawer{width:min(420px,100%)!important;max-width:100%!important}.order-meta,.actions{max-width:100%;flex-wrap:wrap}.pix-key-row{grid-template-columns:minmax(0,1fr)!important}.pix-key-input{width:100%!important;min-width:0!important}.app-bottom-nav{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;left:12px!important;right:12px!important}}
@media(max-width:420px){.checkout-modal,.customize-modal{width:calc(100% - 12px)!important;max-width:calc(100% - 12px)!important}.customize-body,.checkout-body{padding-left:14px!important;padding-right:14px!important}.client-order-total{width:100%}}

/* V23 - ajuste rápido de escala e navegação inferior no iPhone/mobile */
@media (max-width:768px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
  body{font-size:14px!important;}

  .app-bottom-nav{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:calc(100% - 20px)!important;
    max-width:430px!important;
    bottom:max(8px, env(safe-area-inset-bottom))!important;
    padding:6px!important;
    gap:4px!important;
    border-radius:20px!important;
  }
  .bottom-nav-btn{
    min-width:0!important;
    min-height:50px!important;
    padding:7px 4px!important;
    gap:3px!important;
    border-radius:15px!important;
    font-size:10px!important;
    line-height:1.1!important;
  }
  .bottom-nav-btn span:first-child{font-size:17px!important;}
  .nav-cart-badge{top:3px!important;right:7px!important;min-width:17px!important;height:17px!important;font-size:9px!important;}

  .container{padding-left:10px!important;padding-right:10px!important;padding-bottom:88px!important;}
  .topbar{padding-left:10px!important;padding-right:10px!important;}
  .brand strong{font-size:14px!important;}
  .brand small{font-size:10px!important;}
  .top-actions .btn{padding:9px 10px!important;font-size:11px!important;}

  .menu-grid{gap:10px!important;}
  .item{border-radius:18px!important;}
  .item-body{padding:12px!important;gap:8px!important;}
  .item-title{font-size:15px!important;line-height:1.15!important;}
  .item-desc{font-size:11px!important;line-height:1.4!important;}
  .pill{font-size:10px!important;padding:5px 8px!important;}
  .picker{padding:7px 8px!important;gap:6px!important;}
  .picker label{font-size:10px!important;}
  .picker select{font-size:12px!important;}
  .price{font-size:15px!important;padding:7px 8px!important;}
  .add-btn{padding:9px 12px!important;font-size:12px!important;}
}

@media (max-width:390px){
  .app-bottom-nav{width:calc(100% - 14px)!important;}
  .bottom-nav-btn{font-size:9px!important;}
  .bottom-nav-btn span:first-child{font-size:16px!important;}
  .item-title{font-size:14px!important;}
  .price{font-size:14px!important;}
}