.mobile-treatment, .mobile-treatment-space { display: none; }
@media (max-width: 767px) {
  .mobile-treatment-space { display: block; height: calc(88px + env(safe-area-inset-bottom, 0px)); }
  .mobile-treatment { display: block; position: fixed; inset: auto 0 0; z-index: 90; box-sizing: border-box; padding: 12px max(20px, env(safe-area-inset-right, 0px)) calc(12px + env(safe-area-inset-bottom, 0px)) max(20px, env(safe-area-inset-left, 0px)); background: #101311f5; border-top: 1px solid #343e31; transform: translateY(var(--treatment-offset, 100%)); pointer-events: none; transition: transform .35s cubic-bezier(.2,.65,.3,1); }
  .mobile-treatment[data-visible="true"] { pointer-events: auto; }
  .mobile-treatment a { display: flex; justify-content: center; align-items: center; box-sizing: border-box; width: 100%; min-height: 54px; padding: 12px 20px; border: 1px solid #becbb1; border-radius: 999px; background: #becbb1; color: #101311; font: inherit; font-size: 18px; font-weight: 600; line-height: 1.5; text-align: center; text-decoration: none; overflow-wrap: anywhere; }
  .mobile-treatment a:hover { background: #e5eddc; }
  .mobile-treatment a:focus-visible { outline: 3px solid #f1f2e9; outline-offset: 3px; }
}
@media (prefers-reduced-motion: reduce) {
  .mobile-treatment { transition: none; }
}