/* ⛓️ CURSOR_ANCHOR:ui:navbar_mobile_offcanvas */
/* Mobile offcanvas - header and body */
@media (max-width: 991.98px) {
  /* Offcanvas header - минималистичный стиль */
  .offcanvas-header {
    padding: 0.6rem;
    border-bottom: 1px solid rgb(var(--grey-200));
    background: rgb(var(--color-canvas));
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
  }

  .btn-close,
  .btn-close-custom {
    opacity: 0.6 !important;
    border: none !important;
    background: transparent !important;
    transition: opacity 0.15s ease;
    cursor: pointer;
  }

  .btn-close i,
  .btn-close-custom i {
    font-size: 1.25rem;
    color: rgb(var(--color-text));
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .btn-close:hover,
  .btn-close:focus,
  .btn-close-custom:hover,
  .btn-close-custom:focus {
    opacity: 1 !important;
  }

  .btn-close:hover i,
  .btn-close-custom:hover i {
    color: rgb(var(--color-text));
    opacity: 1 !important;
  }

  /* Offcanvas body - минималистичный стиль */
  .offcanvas.offcanvas-lg.show .offcanvas-body,
  .offcanvas-lg.show .offcanvas-body,
  .offcanvas.show .offcanvas-body,
  .offcanvas.offcanvas-lg .offcanvas-body,
  .offcanvas-lg .offcanvas-body,
  .offcanvas-body {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    overflow-x: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex-grow: 1 !important;
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    background: rgb(var(--color-canvas));
  }
}