/* Menüde alerjen ve besin değeri bloğu (js/menu-nutrition.js). menu.html ve qr-menu.html ortak. */
.oxn { margin-top: 12px; display: grid; gap: 6px; font-size: 12.5px; line-height: 1.55; color: var(--gray, #b8b5af); max-width: 680px; }
.oxn-al strong { color: var(--ivory, #f5f0e8); font-weight: 600; }
.oxn-k { color: var(--gold, #c6a26a); }
.oxn-tr { font-style: italic; }
.oxn-line { font-variant-numeric: lining-nums tabular-nums; letter-spacing: 0.01em; }
.oxn-btn { justify-self: start; background: none; border: 0; padding: 2px 0; color: var(--gold, #c6a26a); font: inherit; font-size: 12px; letter-spacing: 0.06em; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.oxn-btn:focus-visible { outline: 1px solid var(--gold, #c6a26a); outline-offset: 2px; }
.oxn-more { display: grid; gap: 8px; padding: 10px 0 2px; }
.oxn-more[hidden] { display: none; }
.oxn-more p { margin: 0; }
.oxn-comp { opacity: 0.8; font-size: 11.5px; }
.oxn-tab { border-collapse: collapse; width: 100%; max-width: 460px; font-variant-numeric: lining-nums tabular-nums; }
.oxn-tab caption { text-align: left; color: var(--gold, #c6a26a); padding-bottom: 4px; }
.oxn-tab th, .oxn-tab td { padding: 4px 6px; border-bottom: 1px solid var(--border, rgba(198,162,106,0.2)); text-align: right; white-space: nowrap; }
.oxn-tab th:first-child, .oxn-tab td:first-child { text-align: left; white-space: normal; }
.oxn-tab th { font-weight: 500; color: var(--ivory, #f5f0e8); }
.oxn-tab .oxn-sub td:first-child { padding-left: 16px; font-style: italic; }
@media (max-width: 480px) { .oxn-tab th, .oxn-tab td { padding: 4px 3px; font-size: 11.5px; } }

/* Simgeler: vejetaryen / acı / dondurulmuş + gramaj (yemek adının yanında ve menü altı açıklamasında) */
.oxn-badges { display: inline-flex; align-items: center; gap: 6px; margin-left: 10px; vertical-align: middle; white-space: nowrap; }
.oxn-ic { display: inline-flex; width: 20px; height: 20px; border-radius: 50%; align-items: center; justify-content: center; flex: 0 0 20px; }
.oxn-ic svg { width: 13px; height: 13px; fill: currentColor; }
.oxn-ic--vegetarian { color: #8fbf7a; background: rgba(143,191,122,0.14); }
.oxn-ic--spicy { color: #e0714f; background: rgba(224,113,79,0.14); }
.oxn-ic--frozen { color: #8fb8de; background: rgba(143,184,222,0.14); }
.oxn-w { font-family: var(--font-body, 'Inter', sans-serif); font-size: 12px; letter-spacing: 0.06em; color: var(--gray, #b8b5af); font-variant-numeric: lining-nums tabular-nums; }
.oxn-fz { display: flex; align-items: center; gap: 6px; color: #a9c6e2; }
.oxn-fz .oxn-ic { width: 18px; height: 18px; flex-basis: 18px; }
.oxn-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin-top: 14px !important; font-style: normal !important; }
.oxn-legend span { display: inline-flex; align-items: center; gap: 8px; }