/* Layout compartilhado, da tela pequena ao computador. */
html{overflow-x:clip}
body{min-width:0}
main,.info,.item-copy,.heading>div{min-width:0}
h1,h2,h3,p,.bag-item{overflow-wrap:anywhere}
input,textarea,select{max-width:100%}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
.menu-tools{isolation:isolate}
.category-tabs{overscroll-behavior-x:contain}
.public main{width:100%;max-width:none}
.public .bag-bar{max-width:none;bottom:max(16px,env(safe-area-inset-bottom))}
.public .menu-cover{height:260px}
.public .restaurant-profile{max-width:760px}
.public .restaurant-profile{text-align:center;padding-top:62px}
.public .restaurant-logo{width:90px;height:90px;top:-45px;left:50%;transform:translateX(-50%)}
.public .restaurant-meta{justify-content:center}
.public .store-info{justify-content:center;gap:12px;text-align:center}
.public .menu-item{transition:border-color .15s,box-shadow .15s}
@media(hover:hover){.menu-item:hover{border-color:#d9c4ca;box-shadow:0 4px 16px #24242a08}.featured-tile:hover h3{color:var(--menu-accent)}}
@media(min-width:1000px){
  .public main{margin:0;border-radius:0;box-shadow:none}
  .public .menu-cover{height:300px;border-radius:0}
  .public .restaurant-profile{max-width:640px;margin-left:auto;margin-right:auto;padding:62px 28px 18px}
  .public .menu-tools{padding-left:36px;padding-right:36px}
  .public .featured-section,.public .menu-section{padding-left:36px;padding-right:36px}
  .public .search-field{max-width:640px;margin-left:auto;margin-right:auto}
  .public .bag-bar{width:360px;max-width:calc(100% - 72px);left:auto;right:36px;transform:none}
  .public .featured-tile{flex-basis:220px}
  .public .featured-picture img{height:165px}
  .public .menu-items{gap:18px}
  .public .menu-item{padding:20px;min-height:145px}
  .public .item-picture{flex-basis:110px}
  .public .item-picture img{width:110px;height:110px}
}
@media(min-width:601px) and (max-width:760px){
  .public .menu-items{grid-template-columns:1fr}
  .public .menu-item{padding:18px}
}
@media(max-width:600px){
  .public main{margin:0;padding-bottom:calc(100px + env(safe-area-inset-bottom))}
  .public .menu-cover{height:180px}
  .public .restaurant-profile{max-width:none;margin-left:16px;margin-right:16px}
  .public .restaurant-meta{flex-wrap:wrap;gap:8px 12px}
  .public .bag-bar{bottom:max(12px,env(safe-area-inset-bottom));font-size:14px}
  .public .featured-list{scroll-snap-type:x proximity}
  .public .featured-tile{scroll-snap-align:start}
  .public .menu-items{grid-template-columns:1fr}
  .public .item-copy p{-webkit-line-clamp:3}
  #menu-dialog{max-height:calc(100dvh - 32px)}
  .dialog-inner .notice{line-height:1.5}
  .form input,.form textarea,.form select,.search-field input{font-size:16px}
  .heading{flex-wrap:wrap}
  .product{flex-wrap:wrap}
  .product .info{min-width:120px}
  header{gap:12px}
}
@media(max-width:360px){
  .public .featured-section,.public .menu-section{padding-left:16px;padding-right:16px}
  .public .menu-tools{padding-left:16px;padding-right:16px}
  .public .item-picture{flex-basis:82px}
  .public .item-picture img{width:82px;height:82px}
  .public .restaurant-profile h1{font-size:21px}
  .dialog-inner{padding:18px}
  .bag-item{flex-wrap:wrap}
  .add-row{flex-wrap:wrap}
  .add-row>.primary{min-width:150px}
  .metrics{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.public .menu-item{transition:none}}