/* ULITIN MOBILE MENU V2 */
/* Mobile only - desktop remains unchanged */

@media (max-width: 820px) {

  .ulitin-header .ulitin-mobile-drawer {
    box-sizing: border-box !important;
    padding: 18px 18px 35px !important;
    background: #ffffff !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }

  .ulitin-header .ulitin-mobile-drawer-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 4px 2px 16px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid #e9eaf5 !important;
  }

  .ulitin-header .ulitin-mobile-drawer-head b {
    font-size: 23px !important;
    font-weight: 800 !important;
    color: #171b34 !important;
  }

  .ulitin-header .ulitin-mobile-drawer-head button {
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    background: #f2f2fa !important;
    color: #252b45 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .ulitin-header .ulitin-mobile-drawer > a,
  .ulitin-header .ulitin-mobile-drawer > button:not([data-ulitin-menu-close]),
  .ulitin-header .ulitin-mobile-drawer > details > summary {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 3px 0 !important;
    padding: 11px 14px !important;
    border-radius: 13px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #252c43 !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    text-align: left !important;
  }

  .ulitin-header .ulitin-mobile-drawer > a:hover,
  .ulitin-header .ulitin-mobile-drawer > button:hover,
  .ulitin-header .ulitin-mobile-drawer > details > summary:hover {
    background: #f4f2ff !important;
    color: #5144ed !important;
  }

  .ulitin-header .ulitin-mobile-drawer > a.ulitin-mobile-post {
    justify-content: center !important;
    min-height: 54px !important;
    margin: 0 0 16px !important;
    border-radius: 15px !important;
    background: linear-gradient(110deg, #4d45ef, #7545f4) !important;
    color: white !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    box-shadow: 0 7px 18px rgba(79,70,229,.16) !important;
  }

  .ulitin-header .ulitin-mobile-drawer > details {
    width: 100% !important;
    margin: 3px 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .ulitin-header .ulitin-mobile-drawer > details > summary {
    cursor: pointer !important;
    list-style-position: inside;
  }

  .ulitin-header .ulitin-mobile-drawer details[open] {
    background: #f8f8ff !important;
    border-radius: 13px !important;
  }

  .ulitin-header .ulitin-mobile-drawer details details {
    padding: 5px 10px !important;
  }

  .ulitin-header .ulitin-mobile-drawer details details summary,
  .ulitin-header .ulitin-mobile-drawer details a {
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #303852 !important;
  }

  .ulitin-header .ulitin-mobile-drawer > button[data-open-ai-cat] {
    background: #efecff !important;
    color: #4f46e5 !important;
    font-weight: 750 !important;
  }
}


/* ULITIN MOBILE COMPACT V3 */
@media (max-width: 820px) {

  body.ulitinHomePage .ulitin-header .ulitin-mobile-drawer {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
    align-items: stretch !important;
    gap: 4px !important;
    padding: 16px 16px 28px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: 100dvh !important;
  }

  body.ulitinHomePage .ulitin-mobile-drawer > a,
  body.ulitinHomePage .ulitin-mobile-drawer > button:not([data-ulitin-menu-close]),
  body.ulitinHomePage .ulitin-mobile-drawer > details > summary {
    flex: 0 0 auto !important;
    min-height: 48px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 11px 13px !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
  }

  body.ulitinHomePage .ulitin-mobile-drawer > details {
    display: block !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ulitinHomePage .ulitin-mobile-drawer > .ulitin-mobile-drawer-head {
    flex: 0 0 auto !important;
    margin-bottom: 8px !important;
  }

  body.ulitinHomePage .ulitin-mobile-drawer > a.ulitin-mobile-post {
    min-height: 54px !important;
    margin-bottom: 10px !important;
    justify-content: center !important;
  }

  body.ulitinHomePage .ulitin-mobile-drawer > button[data-open-ai-cat] {
    background: #efecff !important;
    color: #4f46e5 !important;
  }
}