/* Mobile proportions and palette follow the supplied Layout modelo. */
.service-delivery-fee{font-size:11px!important;margin-top:3px}
.mobile-hero-product{display:none}
.fulfillment button{justify-content:center}
.official-service .dot.closed{background:#e52b35}
.fulfillment button.active,.fulfillment button.active span{color:#fff;background-color:#681514}
.fulfillment button:not(.active),.fulfillment button:not(.active) span{color:#382824}
@media(max-width:700px){
  html{scrollbar-width:none}
  html::-webkit-scrollbar{display:none}
  .menu-page{padding-top:0;padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .menu-page main{width:100%;padding-top:0}
  .menu-page .promotions{height:auto;min-height:0;aspect-ratio:941/804;border-radius:0;background:#4c0404}
  .menu-page .promotion-slide.oasis-slide{background:#4c0404 url('assets/oasis/palms.svg') center/cover}
  .menu-page .promotion-slide .photo{background:transparent}
  .menu-page .promotion-slide .photo img{position:absolute;left:0;top:13%;width:150%;height:117%;max-width:none;object-fit:cover;object-position:left center;transform:none;mask-image:linear-gradient(to bottom,transparent,#000 12%)}
  .menu-page .hero-shade{background:linear-gradient(90deg,#681514a0 0%,#68151455 31%,transparent 56%)}
  .menu-page .hero-logo{left:7%;top:4%;width:24.8%;height:auto;aspect-ratio:1;border:0;box-shadow:none}
  .menu-page .hero-location{display:none}
  .menu-page .hero-cart{top:9%;right:4.7%;width:10%;height:auto;aspect-ratio:1;padding:0}
  .menu-page .hero-cart svg{width:100%;height:100%}
  .menu-page .hero-cart b{right:-5%;top:-30%;width:5.6vw;height:5.6vw;min-width:0;min-height:0;border:1px solid white;font-size:3.1vw;background:#ff001b;box-shadow:0 0 0 2px #ff001b}
  .menu-page .oasis-hero-copy{left:6.4%;top:36.6%;width:48%;text-align:left}
  .menu-page .oasis-hero-copy .eyebrow{font-size:clamp(9px,3vw,20px);letter-spacing:0;font-weight:500;color:#f5cf33;white-space:normal}
  .menu-page .oasis-hero-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(29px,9.4vw,66px);line-height:.96;letter-spacing:-.045em;margin:2.3vw 0 1.2vw;color:#fff}
  .menu-page .oasis-hero-copy>p{display:none}
  .menu-page .hero-value{font-size:clamp(13px,3.8vw,25px);line-height:1.2;font-weight:400;margin:0}
  .menu-page .hero-value small{display:block;font-size:clamp(9px,2.3vw,15px);margin-top:2px}
  .menu-page .hero-cta{width:31vw;min-height:8vw;padding:1.4vw 2.5vw;gap:2vw;border-radius:6vw;font-size:clamp(11px,3.3vw,21px);font-weight:500;margin-top:2.2vw;white-space:nowrap}
  .menu-page .hero-cta>span{font-size:5vw}
  .menu-page .hero-dots{bottom:1.5vw;gap:0}
  .menu-page .hero-dots button{width:20px;height:24px;padding:0;border:0;border-radius:0;background:radial-gradient(circle,#ffffff88 0 3px,transparent 3.5px)}
  .menu-page .hero-dots button.active{transform:none;background:radial-gradient(circle,#fff 0 3.5px,transparent 4px)}
  .menu-page .hero-dots .hero-pause{width:24px;height:24px;background:#68151499;color:#fff;border:1px solid #ffffff55;border-radius:50%;font-size:10px;margin-left:4px}
  .menu-page .hero-credit{font-size:6px;right:8px;bottom:6px}
  .menu-page .official-service{grid-template-columns:1fr 1.15fr 1.35fr;min-height:0;padding:2.6vw 3.1vw;border-radius:0 0 6vw 6vw;background:#f9f6f3;gap:0}
  .menu-page .official-service>div,.menu-page .official-service>button{min-height:6.6vw;gap:2vw;padding:0 2vw;font-size:clamp(9px,2.65vw,18px);line-height:1.2}
  .menu-page .official-service>div:first-child{padding-left:0}
  .menu-page .official-service>div,.menu-page .official-service>button{color:#660b0b}
  .menu-page .official-service>div+div,.menu-page .official-service>button{border-left-color:#ff8a29}
  .menu-page .official-service strong{font-size:clamp(12px,3.8vw,25px);color:#7a092c;white-space:nowrap}
  .menu-page .official-service svg{width:6.5vw;height:6.5vw;max-width:40px;max-height:40px}
  .menu-page .official-service small{font-size:inherit;white-space:nowrap}
  .menu-page .official-service .service-delivery-fee{display:none}
  .menu-page .official-service .dot{width:4.2vw;height:4.2vw;max-width:26px;max-height:26px;background:radial-gradient(circle at 30% 25%,#ceff9c 0%,#43db12 25%,#159600 65%,#0d6400 100%);box-shadow:0 2px 3px #23471633}
  .menu-page .official-service .dot.closed{background:radial-gradient(circle at 30% 25%,#ffb4b4,#ed3038 35%,#a51019 100%);box-shadow:0 2px 3px #8a101033}
  .menu-page #menu{margin:0;width:100%;padding:3vw 4.2vw 0}
  .menu-page .oasis-menu-title{min-height:16vw;margin:0 0 3vw;gap:1.5vw}
  .menu-page .oasis-menu-title>div{flex:1;min-width:0}
  .menu-page .oasis-menu-title h2{color:#60080b;font-size:clamp(20px,7.1vw,48px);letter-spacing:-.045em;line-height:1.1;white-space:nowrap;margin:0}
  .menu-page .oasis-menu-title img{width:24vw;height:19.2vw;max-width:156px;max-height:126px;object-fit:contain;flex-shrink:0;mix-blend-mode:multiply}
  .menu-page .search{height:10vw;min-height:38px;max-height:62px;border-color:#fd9d15;border-radius:2.5vw;margin-bottom:3vw;padding:0 2.8vw;gap:3vw}
  .menu-page .search input::placeholder{color:#5e6177;opacity:1}
  .menu-page .search input{font-size:clamp(12px,3.8vw,24px)}
  .menu-page .search svg{width:6.2vw;height:6.2vw;max-width:38px;max-height:38px;color:#636777}
  .menu-page .category-navigation{padding:1.6vw 0 4.5vw;margin:0 0 12px;background:#fbfaf7f5;box-shadow:none}
  .menu-page .category-rail{gap:8px}
  .menu-page .chips.category-nav{gap:9px;padding:0;align-items:flex-start}
  .menu-page .chips.category-nav>button{flex:0 0 calc((100% - 27px)/4);gap:1.2vw;min-width:0;color:#091451}
  .menu-page .category-icon{width:100%;height:auto;min-width:0;aspect-ratio:1;border:1.2px solid var(--green)}
  .menu-page .category-icon svg{width:62%;height:62%;stroke-width:1.7}
  .menu-page [data-category="Peixes"] .category-icon svg{transform:scaleX(-1)}
  .menu-page .category-label{font-size:clamp(11px,3.55vw,22px);line-height:1.25;width:100%;max-width:100%;min-width:0;overflow-wrap:anywhere;text-align:center;font-weight:400}
  .menu-page [data-category="Hambúrgueres"] .category-label{font-size:clamp(8px,2.4vw,14px);white-space:nowrap;letter-spacing:-.02em}
  .menu-page .category-arrow{width:24px;height:24px;padding:5px;align-self:center;margin-top:-16px;color:#091451}
  .menu-page .category-arrow:disabled{opacity:.3}
  .mobile-nav,.menu-page .mobile-nav{width:100%;max-width:none;min-height:64px;height:calc(clamp(64px,17vw,82px) + env(safe-area-inset-bottom));padding:8px 12px max(8px,env(safe-area-inset-bottom));border-radius:0;background:#350009;box-shadow:0 -2px 12px #48101012}
  .mobile-nav button{font-size:clamp(12px,3.3vw,16px);gap:5px}
  .mobile-nav .nav-icon,.mobile-nav .nav-icon svg{width:clamp(27px,7vw,36px);height:clamp(27px,7vw,36px)}
  .mobile-nav .nav-icon b{width:20px;height:20px;min-width:0;font-size:12px;right:-13px;top:-5px;border:0;background:#ff001b}
  .mobile-nav button.active{color:#ffc300}
  .mobile-nav button.active:first-child svg{fill:#ffc300;stroke:#ffc300}
}
/* Keep every mobile promotion and product dialog inside the available viewport. */
@media(max-width:700px){
  .menu-page .promotions{aspect-ratio:941/804;height:auto;min-height:0}
  .menu-page .promotion-slide>.photo,.menu-page .hero-shade{display:none}
  .menu-page .hero-logo{width:22%;top:5%;left:5%}
  .menu-page .hero-logo,.menu-page .oasis-menu-title img{filter:saturate(1.5) contrast(1.06)}
  .menu-page .mobile-hero-product{display:block;position:absolute;right:4%;top:29%;width:46%;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 8px 24px #27000040;background:#fcfaf6}
  .menu-page .mobile-hero-product img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
  .menu-page .oasis-hero-copy{left:5%;top:30%;width:44%}
  .menu-page .oasis-hero-copy .eyebrow{display:block;font-size:clamp(8px,2.5vw,15px);line-height:1.3}
  .menu-page .oasis-hero-copy h1{font-size:clamp(22px,7.1vw,48px);line-height:1.03;letter-spacing:-.035em;margin:6px 0}
  .menu-page .hero-value{font-size:clamp(18px,5.5vw,34px);font-weight:800;color:#ffe436;line-height:1.1;text-shadow:0 2px 4px #3d0b0b55}
  .menu-page .hero-value small{font-weight:400;line-height:1.3;text-shadow:none}
  .menu-page .hero-cta{width:33.6vw;min-height:9.1vw;font-size:clamp(10px,2.85vw,19px);padding:1.5vw 2.5vw;gap:2vw;margin-top:2.4vw}
  .menu-page .hero-cta>span{font-size:5vw}
  .menu-page .hero-dots{bottom:10px}
  .menu-page .official-service>div:nth-child(2) svg{width:8vw;height:7vw;max-width:48px}
  .menu-page .category-navigation{padding-bottom:6px;margin-bottom:0}
  .menu-page .menu-count{padding:5px 0;margin:0 0 6px;line-height:1.4}
  .menu-page .menu-category{padding-top:0}
  dialog.product-dialog{inset:0;margin:auto;width:calc(100% - 28px);max-width:480px;max-height:calc(100dvh - 32px);border-radius:20px;overflow-x:hidden;overflow-y:auto}
  .product-dialog .modal-content{padding:18px;min-width:0}
  .product-dialog .product-top{padding:0}
  .product-dialog .product-top>.photo{width:100%;height:clamp(150px,30dvh,240px);aspect-ratio:auto;margin:0 0 16px;border-radius:12px;background:#fcfaf6}
  .product-dialog .product-top h2{font-size:23px;line-height:1.15}
  .product-dialog .product-description{margin:12px 0;line-height:1.5}
  .product-dialog .modal-content>label{margin:10px 0}
  .product-dialog .modal-content>label>textarea{min-height:58px;height:58px;padding:9px 11px;margin-top:5px}
  .product-dialog .modal-content>.option-row{padding:10px 0;margin:0}
  .product-dialog .product-actions{margin-top:10px;padding-top:10px}
  .product-dialog .close{position:sticky;float:right;top:8px;right:8px;margin:8px 8px -44px 0}
}