/* Mobile drawer: close control is a plain X, no square box */

@media only screen and (max-width: 770px) {
  html:root body #lux-drawer button.lux-drawer-close,
  html:root body #lux-drawer button.lux-drawer-close:hover,
  html:root body #lux-drawer button.lux-drawer-close:active,
  html:root body #lux-drawer button.lux-drawer-close:focus,
  html:root body #lux-drawer button.lux-drawer-close:focus-visible,
  html:root body .lux-drawer-close,
  html:root body .lux-drawer-close:hover,
  html:root body .lux-drawer-close:active,
  html:root body .lux-drawer-close:focus,
  html:root body .lux-drawer-close:focus-visible {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    text-indent: 0 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
  }

  html:root body #lux-drawer button.lux-drawer-close::before,
  html:root body #lux-drawer button.lux-drawer-close::after,
  html:root body .lux-drawer-close::before {
    content: none !important;
    display: none !important;
  }

  html:root body #lux-drawer button.lux-drawer-close::after,
  html:root body .lux-drawer-close::after {
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    font-size: 0 !important;
    text-indent: 0 !important;
    color: transparent !important;
    background: no-repeat center / 18px 18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='1.6' stroke-linecap='round'%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3C/svg%3E") !important;
  }
}