/* Speisekarte — стилі контенту меню; шапка/футер — рідні Tilda-записи */
@font-face { font-family: 'GTWalsheimPro'; src: url('fonts/GTWalsheimPro-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'GTWalsheimPro'; src: url('fonts/GTWalsheimPro-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'GTWalsheimPro'; src: url('fonts/GTWalsheimPro-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; }

.menu-wrap {
  box-sizing: border-box;
  background: #fbd3bb;
  color: #586658;
  font-family: 'GTWalsheimPro', 'GT Walsheim Pro', Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.45;
  padding: 50px 0 60px;
}
.menu-wrap * { box-sizing: border-box; }
.menu-wrap > * { max-width: 1240px; margin-left: auto; margin-right: auto; padding-left: 26px; padding-right: 26px; }

.menu-wrap h1 {
  font-size: clamp(38px, 6vw, 72px);
  font-weight: 400;
  letter-spacing: .06em;
  margin: 10px auto 6px;
  text-transform: uppercase;
  text-align: center;
}
.menu-sub { margin: 0 auto 40px; font-size: 17px; text-align: center; }

.menu-columns { column-count: 3; column-gap: 44px; }
section.menu-section { break-inside: avoid-column; margin: 0 0 34px; }
.menu-section h2 {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: .1em;
  margin: 0 0 14px;
  padding-bottom: 6px;
  border-bottom: 2px solid #586658;
}
.menu-section h2 small { font-size: 15px; font-weight: 400; letter-spacing: .02em; }

.item { break-inside: avoid; margin: 0 0 16px; }
.item-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.item-head h3 { font-size: 18px; font-weight: 700; margin: 0; }
.item-head .price { font-weight: 700; white-space: nowrap; }
.item p { margin: 2px 0 0; font-size: 15.5px; }
.item .extra { font-size: 15px; margin-top: 3px; padding-left: 14px; }

.menu-outro { text-align: center; margin: 26px auto 10px; }
.menu-outro .allergens { font-weight: 700; font-size: 18px; margin: 0 0 18px; }
#allrecords .pdf-button, .pdf-button {
  display: inline-block;
  background: transparent;
  color: #586658;
  border: 1px solid #586658;
  border-radius: 0;
  padding: 15px 34px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.55;
  text-decoration: none;
}
#allrecords .pdf-button:hover, .pdf-button:hover { background: #586658; color: #fbd3bb; }

/* Планшет: 2 колонки */
@media (max-width: 1100px) {
  .menu-columns { column-count: 2; }
}
/* Мобільний: 1 колонка */
@media (max-width: 700px) {
  .menu-columns { column-count: 1; }
  .menu-wrap { padding: 30px 0 40px; }
  .menu-wrap > * { padding-left: 18px; padding-right: 18px; }
}