#cardapio{
  position: relative;
  min-height: 0;
  overflow: hidden;
  padding: clamp(25px, 3vw, 45px) 0 28px;
  color: #252320;
  background: #f2eee8;
  font-family: Manrope, Arial, sans-serif;
}
#cardapio *{ box-sizing: border-box; }
#cardapio a{ color: inherit; }
#cardapio .oval-menu__heading{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 25px;
  padding: 0 clamp(22px, 4vw, 70px) 18px;
}
#cardapio .oval-menu__heading p{
  margin: 0 0 11px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
#cardapio .oval-menu__heading h2{
  max-width: 13ch;
  margin: 0;
  font: 400 clamp(38px, 3.6vw, 48px)/1.02 "Bodoni Moda", Georgia, serif;
  letter-spacing: -.05em;
}
#cardapio .oval-menu__heading > a{
  margin-bottom: 9px;
  padding-bottom: 5px;
  border-bottom: 1px solid;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
#cardapio .oval-menu__track{
  display: flex;
  gap: clamp(19px, 3vw, 47px);
  overflow-x: auto;
  padding: 0 clamp(22px, 4vw, 70px) 12px;
  scroll-snap-type: x mandatory;
  scroll-padding-left: clamp(22px, 4vw, 70px);
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}
#cardapio .oval-menu__track::-webkit-scrollbar{ display: none; }
#cardapio .oval-menu__track::after{ content: ""; flex: 0 0 69vw; }
#cardapio .oval-treatment{
  display: flex;
  flex-direction: column;
  flex: 0 0 clamp(190px, 16vw, 230px);
  min-width: 0;
  scroll-snap-align: start;
  text-align: center;
  text-decoration: none;
}
#cardapio .oval-treatment__image{
  display: block;
  width: 100%;
  overflow: hidden;
  aspect-ratio: .79;
  border-radius: 999px;
  background: #d9d5cf;
}
#cardapio .oval-treatment__image img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}
#cardapio .oval-treatment:hover img{ transform: scale(1.045); }
#cardapio .oval-treatment--aligner-zoom .oval-treatment__image img{
  object-position: 33% 50%;
  transform: scale(2.25);
  transform-origin: 42% 50%;
}
#cardapio .oval-treatment--aligner-zoom:hover .oval-treatment__image img{ transform: scale(2.29); }
#cardapio .oval-treatment:focus-visible{ outline: 3px solid #8b5933; outline-offset: 6px; border-radius: 12px; }
#cardapio .oval-treatment__category{
  display: block;
  margin-top: 10px;
  color: #69625b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .09em;
  line-height: 1.35;
  text-transform: uppercase;
}
#cardapio .oval-treatment h3{
  min-height: 2.5em;
  margin: 6px 0 0;
  font: 600 clamp(17px, 1.4vw, 20px)/1.25 Manrope, Arial, sans-serif;
  letter-spacing: -.025em;
}
#cardapio .oval-menu__controls{ display: flex; align-items: center; gap: 10px; padding: 12px clamp(22px, 4vw, 70px) 0; }
#cardapio .oval-menu__controls button{
  width: 52px;
  height: 40px;
  border: 1px solid #35322f;
  border-radius: 99px;
  background: transparent;
  color: #252320;
  font: 27px/1 Arial, sans-serif;
  cursor: pointer;
}
#cardapio .oval-menu__controls button:disabled{ opacity: .3; cursor: default; }
#cardapio .oval-menu__controls span{ margin-left: 14px; color: #6b645c; font-size: 12px; }
#cardapio .oval-menu__progress{ height: 1px; margin: 12px clamp(22px, 4vw, 70px) 0; background: #c9c3ba; }
#cardapio .oval-menu__progress span{ display: block; width: 100%; height: 2px; background: #33302d; transform-origin: left; transition: transform .25s ease; }
@media (max-width: 650px){#cardapio{ padding: 20px 0; }
#cardapio .oval-menu__heading{ display: block; padding: 0 20px 14px; }
#cardapio .oval-menu__heading h2{ max-width: 12ch; font-size: 34px; }
#cardapio .oval-menu__heading > a{ display: inline-block; margin: 11px 0 0; }
#cardapio .oval-menu__track{ gap: 16px; padding: 0 20px 12px; scroll-padding-left: 20px; }
#cardapio .oval-menu__track::after{ flex-basis: 20vw; }
#cardapio .oval-treatment{ flex-basis: clamp(155px, 42vw, 175px); }
#cardapio .oval-treatment__category{ margin-top: 9px; }
#cardapio .oval-treatment h3{ min-height: 2.5em; font-size: 16px; }
#cardapio .oval-menu__controls{ padding: 10px 20px 0; }
#cardapio .oval-menu__progress{ margin: 12px 20px 0; }}
@media (prefers-reduced-motion: reduce){#cardapio .oval-treatment__image img,#cardapio .oval-menu__progress span{ transition: none; }}