.or-action-bar { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; padding: 6px 8px calc(6px + env(safe-area-inset-bottom)); background: #fffaf4; border-top: 1px solid #ded2c0; box-shadow: 0 -4px 18px #31240f12; }
.or-action-bar[hidden] { display: none !important; }
.or-action-bar { opacity:0; visibility:hidden; pointer-events:none; translate:0 12px; transition:opacity .28s ease, translate .28s ease, visibility 0s linear .28s; }
.or-action-bar.is-visible { opacity:1; visibility:visible; pointer-events:auto; translate:0 0; transition-delay:0s; }
@media (min-width:1600px) and (min-height:720px) {
  .or-action-bar { translate:12px 0; }
  .or-action-bar.is-visible { translate:0 0; }
}
@media (prefers-reduced-motion:reduce) {
  .or-action-bar { transition:none; translate:none; }
}
.or-action-bar a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 54px; padding: 5px 2px; color: #51402c; border-radius: 7px; font: 600 11px/1.2 var(--font-sans, sans-serif); text-decoration: none; text-align: center; }
.or-action-bar a:hover { background: #f0e4d1; color: #31251b; }
.or-action-bar a:focus-visible { outline: 2px solid #74501e; outline-offset: -2px; }
.or-action-bar svg { width: 21px; height: 21px; flex-shrink: 0; }
.or-action-bar .or-action-bar__primary { background: #a37930; color: #fff; }
.or-action-bar .or-action-bar__primary:hover { background: #846023; }
.or-action-bar__mountain img { display: none; }
.or-action-bar__mountain-mobile { display: flex; flex-direction: column; align-items: center; gap: 5px; }
body { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
@media (min-width:1600px) and (min-height:720px) {
  body { padding-bottom: 0; }
  .or-action-bar { left: auto; right: 10px; bottom: auto; top: 50%; transform: translateY(-50%); width: 100px; grid-template-columns: 1fr; padding: 6px; gap: 5px; border: 1px solid #e6dbca; border-radius: 12px; box-shadow: 0 5px 20px #31240f0d; }
  .or-action-bar a { min-height: 70px; font-size: 12px; }
  .or-action-bar .or-action-bar__mountain { margin-top: 5px; padding-top: 12px; border-top: 1px solid #e6dbca; border-radius: 0; }
  .or-action-bar__mountain img { display: block; width: 88px; height: auto; }
  .or-action-bar__mountain-mobile { display: none; }
}
@media print { .or-action-bar { display:none; } body {padding-bottom:0;} #page {padding-right:0;} }
@media (max-width:360px) { .or-action-bar a {font-size:10px;} }
@media (max-width:1260px) {
  body:has(textarea:focus, select:focus, input:not([type="checkbox"]):not([type="radio"]):focus, [contenteditable="true"]:focus) .or-action-bar { display:none; }
}