/* KallisToys — "Auctions & more" menu: link list + live preview */
.nmx .nmx-go,.nmx .nmx-no,.nmx-preview{display:none}
@media (min-width:1201px){
  body .header .nav-drop-panel.nmx{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:10px;width:640px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);
    box-shadow:0 40px 70px -30px rgba(31,20,14,.45),0 10px 24px -12px rgba(31,20,14,.18)}
  body .header .nmx-links{display:flex;flex-direction:column;gap:2px;padding:4px 0}
  body .header .nav .nav-drop-panel.nmx a.nmx-link{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:6px;padding:14px 14px 14px 12px;border-radius:10px;color:var(--ink);text-decoration:none;background:transparent!important;transition:background .25s}
  body .header .nav .nav-drop-panel.nmx a.nmx-link::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--red);transform:scaleY(0);transition:transform .3s cubic-bezier(.22,.61,.36,1)}
  body .header .nav .nav-drop-panel.nmx a.nmx-link.is-on{background:var(--paper)!important}
  body .header .nav .nav-drop-panel.nmx a.nmx-link.is-on::before,body .header .nav .nav-drop-panel.nmx a.nmx-link[aria-current="page"]::before{transform:none}
  body .header .nmx .nmx-no{display:block;align-self:start;padding-top:3px;color:#b8924f;font:italic 400 13px/1 var(--serif);letter-spacing:.04em}
  body .header .nmx b{display:block;color:var(--ink);font:500 18px/1.2 var(--serif);letter-spacing:-.005em;transition:color .2s}
  body .header .nmx small{display:block;margin-top:3px;color:var(--ink-2);font-size:13px;line-height:1.4}
  body .header .nmx a.nmx-link.is-on b{color:var(--red-text)}
  body .header .nmx .nmx-go{display:block;width:16px;height:16px;fill:none;stroke:var(--red-text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .3s cubic-bezier(.22,.61,.36,1)}
  body .header .nmx a.nmx-link.is-on .nmx-go{opacity:1;transform:none}
  body .header .nmx-preview{position:relative;display:block;min-height:280px;border-radius:12px;overflow:hidden;background:#1c1511}
  body .header .nmx-pv{position:absolute;inset:0;display:flex;align-items:flex-end;background:var(--img) var(--pos,center)/cover no-repeat;opacity:0;transform:scale(1.06);transition:opacity .5s ease,transform 1.2s cubic-bezier(.22,.61,.36,1)}
  body .header .nmx-pv::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,12,9,.88) 0%,rgba(18,12,9,.2) 55%,rgba(18,12,9,0) 100%)}
  body .header .nmx-pv.is-on{opacity:1;transform:none}
  body .header .nmx-pv-cap{position:relative;display:block;padding:16px 16px 15px;color:#fbf4ea;font-size:13px;line-height:1.4}
  body .header .nmx-pv-cap i{display:block;margin-bottom:3px;color:#e6c88f;font:700 10px/1.2 var(--sans);font-style:normal;letter-spacing:.16em;text-transform:uppercase}
  body .header .nmx-pv-type{background:radial-gradient(120% 100% at 50% 30%,#faf6ee,#ece3d4)}
  body .header .nmx-pv-type::before{content:none}
  body .header .nmx-pv-type .nmx-pv-cap{color:#5c5047;border-top:1px solid rgba(42,33,27,.12);margin:0 14px;padding:12px 2px 15px;width:100%}
  body .header .nmx-pv-type .nmx-pv-cap i{color:#9e1b26}
  body .header .nmx-words{position:absolute;inset:14px 14px 70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#2a211b;text-align:center}
  body .header .nmx-words em{font:italic 500 24px/1.1 var(--serif);color:#9e1b26}
  body .header .nmx-words span{font:700 13px/1.4 var(--sans);letter-spacing:.3em;color:#2a211b}
  body .header .nmx-words>*:nth-child(3){font-size:28px;color:#2a211b}
  body .header .nav-drop.open .nmx-link{animation:nmxIn .45s cubic-bezier(.22,.61,.36,1) both}
  body .header .nav-drop.open .nmx-link:nth-child(2){animation-delay:.03s}body .header .nav-drop.open .nmx-link:nth-child(3){animation-delay:.06s}body .header .nav-drop.open .nmx-link:nth-child(4){animation-delay:.09s}
  :root[data-theme="dark"] body .header .nmx-pv-type{background:radial-gradient(120% 100% at 50% 30%,#2a2420,#1d1916)}
  :root[data-theme="dark"] body .header .nmx-words span,:root[data-theme="dark"] body .header .nmx-words>*:nth-child(3){color:#f3ebdf}
}
@keyframes nmxIn{from{opacity:0;transform:translateY(4px)}}
@media (prefers-reduced-motion:reduce){body .header .nmx-pv,body .header .nmx-go{transition:none}body .header .nav-drop.open .nmx-link{animation:none}}
