/* KASHI CARNIVAL — mobile hamburger drawer (maroon + gold theme). Loaded after style.css. */
@media(max-width:720px){
  /* ── Hamburger: 3 bars → X morph ── */
  .menu-btn{display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:5px;
    width:42px;height:42px;border-radius:12px;border:1px solid #6b3a12 !important;background:rgba(0,0,0,.35) !important;
    color:#ffd16a !important;font-size:0 !important;padding:0 !important;cursor:pointer;flex-shrink:0}
  .menu-btn span{display:block;width:20px;height:2px;border-radius:2px;background:#ffd16a;transition:.25s}
  body.menu-open .menu-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.menu-open .menu-btn span:nth-child(2){opacity:0;transform:scaleX(0)}
  body.menu-open .menu-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  body.menu-open{overflow:hidden}

  /* ── Backdrop ── */
  .mm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px);
    opacity:0;pointer-events:none;transition:opacity .3s;z-index:98}
  body.menu-open .mm-overlay{opacity:1;pointer-events:auto}

  /* ── Drawer (wide) ── */
  .mobile-menu{position:fixed !important;top:0 !important;right:0 !important;left:auto !important;bottom:0 !important;
    width:min(92vw,400px) !important;height:100dvh !important;display:flex !important;flex-direction:column !important;
    background:linear-gradient(180deg,#3a0f0f,#1c0606) !important;border-left:1px solid #6b3a12 !important;
    box-shadow:-20px 0 60px rgba(0,0,0,.6) !important;padding:0 !important;z-index:99 !important;
    transform:translateX(105%);transition:transform .32s cubic-bezier(.2,.8,.25,1) !important}
  .mobile-menu.open{transform:translateX(0) !important}
  .mm-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #6b3a12}
  .mm-head .mm-brand{font:800 13px Montserrat,sans-serif;letter-spacing:1px;color:#ffd16a}
  .mm-head .mm-brand small{display:block;font:600 9px Poppins,sans-serif;letter-spacing:3px;color:#e8c9a0}
  .mm-close{margin-left:auto;width:36px;height:36px;border-radius:50%;border:1px solid #6b3a12;background:rgba(0,0,0,.35);
    color:#ffd16a;font-size:18px;cursor:pointer;line-height:1}
  .mm-nav{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
  .mm-nav a{display:flex !important;align-items:center;gap:10px;width:100% !important;text-align:left !important;
    padding:15px 6px !important;border:0 !important;border-bottom:1px solid rgba(212,148,25,.25) !important;border-radius:0 !important;
    background:transparent !important;color:#fff !important;font-size:17px !important;
    font-family:Montserrat,sans-serif !important;font-weight:700;text-decoration:none;
    opacity:0;transform:translateX(24px);transition:opacity .3s,transform .3s,padding-left .15s}
  .mm-nav a:last-child{border-bottom:0 !important}
  .mobile-menu.open .mm-nav a{opacity:1;transform:none}
  .mobile-menu.open .mm-nav a:nth-child(1){transition-delay:.05s}.mobile-menu.open .mm-nav a:nth-child(2){transition-delay:.1s}
  .mobile-menu.open .mm-nav a:nth-child(3){transition-delay:.15s}.mobile-menu.open .mm-nav a:nth-child(4){transition-delay:.2s}
  .mobile-menu.open .mm-nav a:nth-child(5){transition-delay:.25s}.mobile-menu.open .mm-nav a:nth-child(6){transition-delay:.3s}
  .mobile-menu.open .mm-nav a:nth-child(7){transition-delay:.35s}.mobile-menu.open .mm-nav a:nth-child(8){transition-delay:.4s}
  .mm-nav a:active{padding-left:12px !important}
  .mm-nav a .tx{flex:1;min-width:0}
  .mm-nav a .tx small{display:block;font:600 9px Poppins,sans-serif !important;letter-spacing:3px;color:#d89419 !important;
    border:0 !important;padding:0 !important;width:auto !important;text-align:left !important;font-size:9px !important;margin-top:2px}
  .mm-nav a .arr{color:#d89419;font-size:22px;font-weight:700;flex-shrink:0}
  .mm-cta{margin:10px 16px 10px;background:linear-gradient(135deg,#ffd16a,#d89419) !important;color:#3a2405 !important;
    border-radius:14px;padding:15px !important;font:800 15px Montserrat,sans-serif !important;text-align:center}
  .mm-foot{padding:0 16px 22px;text-align:center}
  .mm-foot .mm-help{display:inline-flex;align-items:center;gap:8px;border:1px solid #6b3a12;border-radius:30px;
    padding:9px 18px;font:600 12px Poppins,sans-serif;color:#e8c9a0;text-decoration:none;background:rgba(0,0,0,.3)}
  .mm-foot .mm-help b{color:#7dffa8}
  .mm-foot .mm-venue{display:block;margin-top:8px;font-size:11px;color:#a98a5f}
}
@media(min-width:721px){.mm-overlay{display:none}}