/* ═══════════════════════════════════════════════
       MENU SECTION
    ═══════════════════════════════════════════════ */
    .menu-section {
      background: var(--crimson-dark);
      position: relative; overflow: hidden;
    }
    .menu-section::before {
      content: ''; position: absolute; inset: 0; pointer-events: none;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M0 0 L30 30 L60 0' fill='none' stroke='rgba(200,150,12,0.05)' stroke-width='0.6'/%3E%3Cpath d='M0 60 L30 30 L60 60' fill='none' stroke='rgba(200,150,12,0.05)' stroke-width='0.6'/%3E%3Ccircle cx='30' cy='30' r='14' fill='none' stroke='rgba(200,150,12,0.04)' stroke-width='0.6'/%3E%3C/svg%3E");
    }

    /* Floating ghost letter in menu */
    #p-menu-float {
      position: absolute; pointer-events: none; user-select: none;
      top: 5%; left: -8%;
      font-family: 'Amiri', serif; font-weight: 700;
      font-size: min(45vw, 550px);
      color: rgba(200, 150, 12, 0.03); line-height: 1;
    }

    .menu-section .sec-label { color: var(--teal-light); }
    .menu-section .sec-ar    { color: var(--mustard-light); }
    .menu-section .sec-en    { color: var(--parchment); }
    .menu-section .orn-rule .diamond { color: var(--mustard); }
    .menu-section .orn-rule::before { background: linear-gradient(to right, transparent, var(--mustard)); }
    .menu-section .orn-rule::after  { background: linear-gradient(to left,  transparent, var(--mustard)); }

    /* Tabs */
    .menu-tabs-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 50px; }
    .menu-tabs-wrap::-webkit-scrollbar { display: none; }
    .menu-tabs {
      display: flex; justify-content: center;
      border: 1px solid rgba(200,150,12,0.22);
      width: fit-content; min-width: 100%;
    }
    .m-tab {
      font-family: 'Cinzel Decorative', serif; font-size: 0.53rem;
      letter-spacing: 0.2em; text-transform: uppercase;
      padding: 14px 34px; background: transparent;
      border: none; border-right: 1px solid rgba(200,150,12,0.22);
      color: var(--stone-light); cursor: pointer;
      transition: all 0.3s; white-space: nowrap;
      min-height: 48px; /* touch target */
    }
    .m-tab:last-child { border-right: none; }
    .m-tab.active, .m-tab:hover { background: var(--mustard); color: var(--ink); }

    .m-panel { display: none; animation: fadeIn 0.35s; position: relative; z-index: 2; }
    .m-panel.active { display: block; }
    .menu-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }

    .m-card {
      background: rgba(255,255,255,0.03);
      border: 1px solid rgba(200,150,12,0.13); padding: 30px 34px;
    }
    .m-cat {
      font-family: 'Cormorant Garamond', serif; font-size: 0.75rem;
      letter-spacing: 0.38em; text-transform: uppercase;
      color: var(--teal-light); margin-bottom: 20px; padding-bottom: 10px;
      border-bottom: 1px solid rgba(26,128,128,0.28);
    }
    .m-row {
      display: flex; justify-content: space-between;
      align-items: baseline; padding: 9px 0;
      border-bottom: 1px dotted rgba(200,150,12,0.12);
      transition: padding-left 0.2s;
    }
    .m-row:last-child { border-bottom: none; }
    .m-row:hover { padding-left: 6px; }
    .m-name { font-family: 'Cormorant Garamond', serif; font-size: 1.08rem; color: var(--parchment); flex: 1; }
    .m-note { font-size: 0.67rem; color: var(--stone-light); font-style: italic; margin-left: 7px; }
    .m-dots { flex: 1; border-bottom: 1px dotted rgba(200,150,12,0.16); margin: 0 12px; min-width: 14px; }
    .m-price {
      font-family: 'Cinzel Decorative', serif; font-size: 0.75rem;
      color: var(--mustard-light); white-space: nowrap;
    }
    .m-note-block { color: rgba(192,168,130,0.75); font-size: 0.93rem; font-style: italic; line-height: 1.8; }
    .m-note-block strong { color: var(--mustard-light); }