/* Four ordering routes: complete editorial content, with no hidden panels. */
.gastronomy-page .gastro-ordering { --ordering-line: #d6c9b5; }
.gastronomy-page .gastro-ordering [id] { scroll-margin-top: max(20px, calc(var(--gastro-header-height) + var(--gastro-chapters-height) + 20px - var(--gastro-document-padding))); }
.gastronomy-page .gastro-ordering-nav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--ordering-line); border-radius: 7px; overflow: hidden; margin: 40px 0 64px; }
.gastronomy-page .gastro-ordering-nav a { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 25px; background: #f3ece2; transition: background .18s ease; }
.gastronomy-page .gastro-ordering-nav a + a { border-left: 1px solid var(--ordering-line); }
.gastronomy-page .gastro-ordering-nav a:hover { background: #eaddcb; }
.gastronomy-page .gastro-ordering-nav a:focus-visible { outline: 3px solid var(--gold); outline-offset: -4px; }
.gastronomy-page .gastro-ordering-number { font-size: 11px; color: #7c6241; }
.gastronomy-page .gastro-ordering-nav strong { font-size: 22px; font-weight: 550; letter-spacing: -.025em; }
.gastronomy-page .gastro-ordering-nav a > span:last-of-type { font-size: 13px; line-height: 1.5; color: var(--muted); max-width: 175px; }
.gastronomy-page .gastro-ordering-nav i { position: absolute; top: 22px; right: 25px; font-size: 20px; font-style: normal; color: #8c734e; }
.gastronomy-page .gastro-ordering-route { padding: 0 0 64px; margin-bottom: 64px; border-bottom: 1px solid var(--ordering-line); }
.gastronomy-page .gastro-ordering-route-label { display: flex; align-items: center; gap: 16px; margin-bottom: 28px; }
.gastronomy-page .gastro-ordering-route-label > span { display: grid; place-items: center; width: 37px; height: 37px; border: 1px solid #bb9c70; border-radius: 50%; color: #806039; font-size: 12px; }
.gastronomy-page .gastro-ordering-route-label p { font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: #806039; }
.gastronomy-page .gastro-ordering-lead { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: center; }
.gastronomy-page .gastro-ordering-lead > * { min-width: 0; }
.gastronomy-page .gastro-ordering h3 { font-size: 38px; line-height: 1.12; letter-spacing: -.035em; margin-bottom: 23px; }
.gastronomy-page .gastro-ordering-lead > div > p { font-size: 16px; color: var(--muted); }
.gastronomy-page .gastro-ordering-example { margin-top: 27px; padding-left: 22px; border-left: 2px solid #b89b70; }
.gastronomy-page .gastro-ordering-example > p:last-child { font-size: 14px; color: var(--muted); }
.gastronomy-page .gastro-ordering-kicker { font-size: 10px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; color: #7a6141; margin-bottom: 10px; }
.gastronomy-page .gastro-ordering-figure { padding: 32px; border-radius: 8px 60px 8px 8px; background: #eee5d7; border: 1px solid #e0d5c4; }
.gastronomy-page .gastro-ordering-figure > .gastro-ordering-kicker { margin-bottom: 26px; }
.gastronomy-page .gastro-ordering-figure figcaption { font-size: 12px; line-height: 1.6; color: #686054; margin-top: 24px; }
.gastronomy-page .gastro-ordering-table { padding: 26px; background: var(--ink); border: 1px solid #4b463e; color: #f1dfc5; border-radius: 6px; }
.gastronomy-page .gastro-ordering-table > strong { display: block; font-size: 24px; font-weight: 500; margin-bottom: 22px; }
.gastronomy-page .gastro-ordering-guests { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.gastronomy-page .gastro-ordering-guests small { color: #c9b591; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.gastronomy-page .gastro-ordering-guests p { font-size: 14px; margin-top: 7px; }
.gastronomy-page .gastro-ordering-branch { height: 28px; width: 52%; margin: 20px auto 0; border: 1px solid #ab916d; border-bottom: 0; position: relative; }
.gastronomy-page .gastro-ordering-branch:before { content: ''; position: absolute; height: 20px; bottom: 100%; left: 50%; width: 1px; background: #ab916d; }
.gastronomy-page .gastro-ordering-stations { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.gastronomy-page .gastro-ordering-stations > div { padding: 18px 14px; border: 1px solid #cdbb9f; background: #faf7f2; border-radius: 4px; }
.gastronomy-page .gastro-ordering-stations small, .gastronomy-page .gastro-ordering-stations strong { display: block; }
.gastronomy-page .gastro-ordering-stations small { font-size: 11px; color: #74634d; margin-bottom: 8px; }
.gastronomy-page .gastro-ordering-stations strong { font-size: 14px; font-weight: 600; line-height: 1.45; }
.gastronomy-page .gastro-ordering-ticket { background: #fffcf7; padding: 24px; border: 1px solid #d6c9b5; border-radius: 4px; max-width: 300px; margin: auto; box-shadow: 0 12px 30px #65513a12; }
.gastronomy-page .gastro-ordering-ticket > small, .gastronomy-page .gastro-ordering-ticket > p { display: block; text-align: center; font-size: 12px; color: #766954; }
.gastronomy-page .gastro-ordering-ticket-number { display: block; text-align: center; font-size: 57px; font-weight: 450; line-height: 1.2; margin: 6px 0; letter-spacing: -.045em; }
.gastronomy-page .gastro-ordering-ticket > p { padding-bottom: 22px; border-bottom: 1px dashed #d6c9b5; margin-bottom: 8px; }
.gastronomy-page .gastro-ordering-ticket > div { display: flex; gap: 15px; justify-content: space-between; font-size: 13px; padding: 10px 0; }
.gastronomy-page .gastro-ordering-ticket > div > span:last-child { color: #766954; }
.gastronomy-page .gastro-ordering-flow { display: flex; justify-content: center; padding: 0; list-style: none; margin: 26px 0 0; font-size: 12px; }
.gastronomy-page .gastro-ordering-flow li + li:before { content: '→'; margin: 0 10px; color: #91774f; }
.gastronomy-page .gastro-ordering-phone { max-width: 270px; margin: auto; background: #fffcf7; border: 7px solid #242523; border-radius: 30px; padding: 8px 20px 23px; box-shadow: 0 12px 30px #65513a12; }
.gastronomy-page .gastro-ordering-phone-camera { width: 65px; height: 5px; border-radius: 5px; background: #242523; margin: 0 auto 25px; }
.gastronomy-page .gastro-ordering-phone > small { font-size: 10px; color: #806949; }
.gastronomy-page .gastro-ordering-phone > strong { display: block; font-size: 23px; font-weight: 500; line-height: 1.1; letter-spacing: -.035em; margin: 12px 0 20px; }
.gastronomy-page .gastro-ordering-basket p { border-top: 1px solid #e0d5c4; padding: 13px 0; font-size: 14px; }
.gastronomy-page .gastro-ordering-basket small { display: block; font-size: 10px; color: #766954; margin-top: 5px; }
.gastronomy-page .gastro-ordering-review { font-size: 10px; color: #766954; padding: 5px 0 15px; }
.gastronomy-page .gastro-ordering-screen-action { display: flex; justify-content: space-between; align-items: center; gap: 10px; background: #292b27; color: #f1dfc5; padding: 13px; border-radius: 4px; font-size: 11px; line-height: 1.3; }
.gastronomy-page .gastro-ordering-terminal { max-width: 325px; padding: 26px; margin: auto; border: 7px solid #242523; border-radius: 12px; background: #fffcf7; }
.gastronomy-page .gastro-ordering-terminal > small { display: block; text-transform: uppercase; letter-spacing: .14em; color: #806949; font-size: 9px; }
.gastronomy-page .gastro-ordering-terminal > strong { display: block; font-size: 24px; font-weight: 500; line-height: 1.15; margin: 9px 0 23px; }
.gastronomy-page .gastro-ordering-terminal-categories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.gastronomy-page .gastro-ordering-terminal-categories > div { display: flex; flex-direction: column; gap: 14px; align-items: center; padding: 20px 7px 14px; border: 1px solid #e0d5c4; border-radius: 5px; font-size: 10px; text-align: center; background: #f3ece2; }
.gastronomy-page .gastro-ordering-cup { display: block; width: 23px; height: 30px; border: 2px solid #8c734e; border-radius: 2px 2px 6px 6px; transform: perspective(25px) rotateX(-9deg); }
.gastronomy-page .gastro-ordering-plate { display: block; width: 32px; height: 32px; border: 2px solid #8c734e; border-radius: 50%; box-shadow: inset 0 0 0 4px #f3ece2, inset 0 0 0 5px #bba787; }
.gastronomy-page .gastro-ordering-terminal-check { font-size: 11px; color: #766954; padding: 20px 0; }
.gastronomy-page .gastro-ordering-terminal-check span { margin-right: 8px; color: #61694f; }
.gastronomy-page .gastro-ordering-terminal-foot { width: 88px; height: 30px; margin: auto; border-bottom: 5px solid #242523; background: linear-gradient(90deg, transparent 23%, #363834 23%, #363834 77%, transparent 77%); }
.gastronomy-page .gastro-ordering-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 44px; margin-top: 40px; }
.gastronomy-page .gastro-ordering-facts > div { border-top: 1px solid var(--ordering-line); padding-top: 22px; }
.gastronomy-page .gastro-ordering h4 { font-size: 20px; line-height: 1.25; font-weight: 550; letter-spacing: -.015em; margin: 0 0 12px; }
.gastronomy-page .gastro-ordering-facts p { color: var(--muted); font-size: 14px; }
.gastronomy-page .gastro-ordering-benefit { margin-top: 35px; display: grid; grid-template-columns: 1fr 1.45fr; gap: 35px; align-items: center; background: #eee5d7; border-radius: 6px; padding: 28px 32px; }
.gastronomy-page .gastro-ordering-benefit h4 { margin-bottom: 0; font-size: 23px; }
.gastronomy-page .gastro-ordering-benefit > p { color: #5e584e; font-size: 14px; }
.gastronomy-page .gastro-ordering-note { font-size: 12px; color: var(--muted); margin-top: 20px; }
.gastronomy-page .gastro-ordering-shortcuts { padding: 44px; border-radius: 8px; background: #20231f; color: #f1dfc5; margin: 12px 0 70px; }
.gastronomy-page .gastro-ordering-shortcuts .gastro-eyebrow { color: #c5aa81; }
.gastronomy-page .gastro-ordering-shortcuts .gastro-ordering-lead { gap: 46px; }
.gastronomy-page .gastro-ordering-shortcuts .gastro-ordering-lead > div > p, .gastronomy-page .gastro-ordering-shortcut-facts p { color: #cbc6b9; }
.gastronomy-page .gastro-ordering-shortcuts-example { margin-top: 22px; }
.gastronomy-page .gastro-ordering-shortcuts-example span { color: #f1dfc5; font-weight: 650; white-space: nowrap; }
.gastronomy-page .gastro-ordering-pad { padding: 28px; background: #f3ece2; color: #242523; border-radius: 5px; box-shadow: 7px 7px 0 #ffffff09; }
.gastronomy-page .gastro-ordering-pad figcaption { font-size: 11px; color: #7a6141; margin-bottom: 20px; }
.gastronomy-page .gastro-ordering-codes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 0 0 21px; margin: 0 0 22px; border-bottom: 1px solid #d6c9b5; }
.gastronomy-page .gastro-ordering-codes dt { margin-bottom: 7px; }
.gastronomy-page .gastro-ordering-codes dd { margin: 0; font-size: 12px; color: #686054; }
.gastronomy-page .gastro-ordering-codes code { font-size: 17px; }
.gastronomy-page .gastro-ordering-code { display: block; font-size: clamp(18px, 2.1vw, 28px); letter-spacing: -.04em; padding-bottom: 22px; white-space: nowrap; }
.gastronomy-page .gastro-ordering-result { border-top: 1px solid #d6c9b5; padding-top: 18px; }
.gastronomy-page .gastro-ordering-result small, .gastronomy-page .gastro-ordering-result strong { display: block; }
.gastronomy-page .gastro-ordering-result small { font-size: 10px; color: #686054; margin-bottom: 8px; }
.gastronomy-page .gastro-ordering-result strong { font-size: 16px; font-weight: 600; line-height: 1.5; }
.gastronomy-page .gastro-ordering-shortcut-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; border-top: 1px solid #4c4c41; padding-top: 27px; margin-top: 34px; }
.gastronomy-page .gastro-ordering-shortcut-facts p { font-size: 14px; }
.gastronomy-page .gastro-ordering-shortcuts .gastro-ordering-note { color: #b9b7aa; }
.gastronomy-page .gastro-ordering-extras-figure { border-radius: 8px; background: #f3ece2; }
.gastronomy-page .gastro-ordering-dish { display: block; font-size: 31px; font-weight: 500; letter-spacing: -.025em; }
.gastronomy-page .gastro-ordering-extras-figure dl { margin: 24px 0; }
.gastronomy-page .gastro-ordering-extras-figure dl > div { border-top: 1px solid #d6c9b5; padding: 15px 0; }
.gastronomy-page .gastro-ordering-extras-figure dt { font-size: 11px; color: #766954; margin-bottom: 7px; }
.gastronomy-page .gastro-ordering-extras-figure dd { margin: 0; font-size: 18px; }
.gastronomy-page .gastro-ordering-surcharge { font-size: 13px; color: #686054; display: flex; gap: 10px; }
.gastronomy-page .gastro-ordering-surcharge > span { color: #61694f; }
.gastronomy-page .gastro-ordering-closing { display: flex; align-items: flex-start; gap: 30px; margin-top: 50px; padding: 30px 0 0; border-top: 1px solid var(--ordering-line); }
.gastronomy-page .gastro-ordering-closing > span { color: var(--gold); font-size: 48px; line-height: 1; }
.gastronomy-page .gastro-ordering-closing h3 { font-size: 27px; margin-bottom: 14px; }
.gastronomy-page .gastro-ordering-closing p { color: var(--muted); max-width: 900px; font-size: 15px; }
@media (max-width: 1100px) {
  .gastronomy-page .gastro-ordering-lead { gap: 35px; }
  .gastronomy-page .gastro-ordering-figure { padding: 24px; }
  .gastronomy-page .gastro-ordering-nav a { padding: 20px; }
  .gastronomy-page .gastro-ordering-nav strong { font-size: 19px; }
  .gastronomy-page .gastro-ordering-shortcuts { padding: 32px; }
  .gastronomy-page .gastro-ordering-shortcuts .gastro-ordering-lead { gap: 28px; }
}
@media (max-width: 760px) {
  .gastronomy-page .gastro-ordering-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 30px 0 45px; }
  .gastronomy-page .gastro-ordering-nav a:nth-child(3) { border-left: 0; }
  .gastronomy-page .gastro-ordering-nav a:nth-child(n+3) { border-top: 1px solid var(--ordering-line); }
  .gastronomy-page .gastro-ordering-nav a { padding: 20px 16px; }
  .gastronomy-page .gastro-ordering-nav i { right: 17px; top: 18px; }
  .gastronomy-page .gastro-ordering-nav a > span:last-of-type { font-size: 12px; }
  .gastronomy-page .gastro-ordering-route { padding-bottom: 42px; margin-bottom: 42px; }
  .gastronomy-page .gastro-ordering-lead, .gastronomy-page .gastro-ordering-benefit, .gastronomy-page .gastro-ordering-shortcut-facts { grid-template-columns: 1fr; gap: 26px; }
  .gastronomy-page .gastro-ordering h3 { font-size: 33px; }
  .gastronomy-page .gastro-ordering-lead > div > p { font-size: 15px; }
  .gastronomy-page .gastro-ordering-figure { padding: 26px; }
  .gastronomy-page .gastro-ordering-facts { grid-template-columns: 1fr; gap: 22px; margin-top: 30px; }
  .gastronomy-page .gastro-ordering-benefit { padding: 25px; gap: 18px; }
  .gastronomy-page .gastro-ordering-shortcuts { padding: 28px 24px; margin-bottom: 48px; }
  .gastronomy-page .gastro-ordering-shortcuts h3 { font-size: 30px; }
  .gastronomy-page .gastro-ordering-pad { padding: 24px; }
  .gastronomy-page .gastro-ordering-code { font-size: 24px; }
  .gastronomy-page .gastro-ordering-closing { gap: 18px; }
  .gastronomy-page .gastro-ordering-closing h3 { font-size: 25px; }
}
@media (max-width: 360px) {
  .gastronomy-page .gastro-ordering-nav strong { font-size: 17px; }
  .gastronomy-page .gastro-ordering-figure { padding: 20px 16px; }
  .gastronomy-page .gastro-ordering-table { padding: 22px 17px; }
  .gastronomy-page .gastro-ordering-stations { gap: 10px; }
  .gastronomy-page .gastro-ordering-stations > div { padding: 16px 10px; }
  .gastronomy-page .gastro-ordering-flow { font-size: 11px; }
  .gastronomy-page .gastro-ordering-flow li + li:before { margin: 0 7px; }
  .gastronomy-page .gastro-ordering-terminal { padding: 20px 17px; }
  .gastronomy-page .gastro-ordering-shortcuts { padding: 26px 20px; }
  .gastronomy-page .gastro-ordering-pad { padding: 20px; }
  .gastronomy-page .gastro-ordering-code { font-size: 21px; }
  .gastronomy-page .gastro-ordering-shortcuts-example span { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .gastronomy-page .gastro-ordering-nav a { transition: none; }
}
@media print {
  .gastronomy-page .gastro-ordering-nav { display: none; }
  .gastronomy-page .gastro-ordering-route { margin-bottom: 26px; padding-bottom: 26px; }
  .gastronomy-page .gastro-ordering h3 { font-size: 26px; }
  .gastronomy-page .gastro-ordering-lead { gap: 25px; }
  .gastronomy-page .gastro-ordering-shortcuts { background: #fff; color: #222; border: 1px solid #bbb; padding: 24px; }
  .gastronomy-page .gastro-ordering-shortcuts .gastro-ordering-lead > div > p, .gastronomy-page .gastro-ordering-shortcut-facts p, .gastronomy-page .gastro-ordering-shortcuts .gastro-ordering-note, .gastronomy-page .gastro-ordering-shortcuts-example span { color: #333; }
  .gastronomy-page .gastro-ordering-figure, .gastronomy-page .gastro-ordering-pad, .gastronomy-page .gastro-ordering-facts > div, .gastronomy-page .gastro-ordering-benefit { break-inside: avoid; }
  .gastronomy-page .gastro-ordering-facts { gap: 22px; }
}
