/* Owned by yootheme_yoga: independent of the theme's hidden mobile header. */
.kl-mobile-nav,.kl-mobile-sheet { display:none; }
@media screen and (max-width:959px) {
 body:has([data-kl-mobile-nav]) { padding-bottom:calc(76px + env(safe-area-inset-bottom,0px)); }
 /* Avoid duplicate navigation during the handover from the legacy HTML module. */
 body:has([data-kl-mobile-nav]) .tm-header-mobile:has(#kl-nav-menu-bottom) { display:none!important; }
 .kl-mobile-nav { --nav-pink:#ff629b; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); position:fixed; left:0; right:0; bottom:0; z-index:980; min-height:68px; padding:4px max(4px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px)); background:#fff; border-top:1px solid #ece6ef; box-shadow:0 -3px 18px #3d1a4a08; color:#3d1a4a; box-sizing:border-box; }
 .kl-mobile-nav > a,.kl-mobile-nav > button { display:flex!important; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:0; min-height:60px; padding:3px 0; border:0; border-radius:12px; background:transparent; color:#3d1a4a; text-decoration:none; font:inherit; font-size:11px; line-height:1.2; letter-spacing:0; text-transform:none; cursor:pointer; }
 .kl-mobile-nav svg { display:block; width:25px; height:25px; }
 .kl-mobile-nav > :is(a,button):is(:hover,[aria-current="page"],[aria-expanded="true"]) { background:#fff0f6; color:#b83269; }
 .kl-mobile-nav > :is(a,button):focus-visible,.kl-mobile-sheet :is(a,button,summary):focus-visible { outline:2px solid #764aff; outline-offset:2px; }
 .kl-mobile-nav .kl-mobile-nav-brand { gap:0; }
 .kl-mobile-nav-brand img { display:block; width:44px; height:44px; object-fit:contain; margin-top:-6px; }
 .kl-mobile-nav .kl-mobile-profile-icon { display:block; flex:0 0 26px; width:26px!important; height:26px!important; min-width:26px; max-width:26px; min-height:26px; max-height:26px; border-radius:50%; overflow:hidden; line-height:0; }
 .kl-mobile-nav .kl-mobile-profile-icon img { display:block!important; position:static!important; width:26px!important; height:26px!important; min-width:0!important; max-width:26px!important; min-height:0!important; max-height:26px!important; margin:0!important; padding:0!important; border:0!important; border-radius:50%!important; box-sizing:border-box; object-fit:cover!important; object-position:center!important; transform:none!important; }
 .kl-mobile-sheet[open] { display:flex; flex-direction:column; position:fixed; inset:auto 0 0; width:min(100%,640px); max-width:100%; max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px)); margin:0 auto; padding:0; border:0; border-radius:24px 24px 0 0; background:#fff; color:#3d1a4a; box-shadow:0 -12px 50px #25103224; box-sizing:border-box; overflow:hidden; }
 .kl-mobile-sheet::backdrop { background:#23132c66; }
 html.kl-mobile-sheet-open { overflow:hidden; }
 .kl-mobile-sheet > header { display:flex; flex-shrink:0; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; border-bottom:1px solid #eee7f2; }
 .kl-mobile-sheet h2 { font-size:22px; line-height:1.3; margin:0; color:#3d1a4a; }
 .kl-mobile-sheet [data-kl-close] { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; margin:-5px -8px -5px 0; padding:0; border:0; border-radius:50%; background:#f8f6ff; color:#3d1a4a; font:30px/1 Arial,sans-serif; cursor:pointer; }
 .kl-mobile-sheet-body { overflow-y:auto; overscroll-behavior:contain; min-height:0; padding:8px 20px calc(24px + env(safe-area-inset-bottom,0px)); }
 .kl-mobile-sheet-intro { font-size:14px; line-height:1.5; color:#6e6374; margin:12px 0 20px; }
 .kl-mobile-sheet h3 { font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.05em; color:#796783; margin:22px 0 10px; }
 .kl-mobile-menu-list,.kl-mobile-quick-links { list-style:none!important; margin:0!important; padding:0!important; }
 .kl-mobile-menu-list > li { margin:0; padding:0; border-bottom:1px solid #f0ebf3; }
 .kl-mobile-sheet :is(.kl-mobile-menu-list a,.kl-mobile-menu-list summary,.kl-mobile-heading,.kl-mobile-home) { display:block; padding:13px 10px; min-height:46px; box-sizing:border-box; font-size:16px; line-height:1.4; text-decoration:none; color:#3d1a4a; border-radius:8px; }
 .kl-mobile-menu-list summary { cursor:pointer; list-style:none; position:relative; padding-right:38px!important; }
 .kl-mobile-menu-list summary::-webkit-details-marker { display:none; }
 .kl-mobile-menu-list summary::after { content:'+'; position:absolute; right:12px; top:10px; color:#b83269; font-size:23px; }
 .kl-mobile-menu-list details[open] > summary::after { content:'−'; }
 .kl-mobile-menu-list details[open] > summary { background:#fff0f6; }
 .kl-mobile-sheet .kl-mobile-menu-list--nested { padding-left:12px!important; }
 .kl-mobile-section-home a { color:#b83269!important; font-size:14px!important; }
 .kl-mobile-menu-list a[aria-current="page"] { color:#b83269; background:#fff0f6; }
 .kl-mobile-quick-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .kl-mobile-quick-links a { display:flex; align-items:center; min-height:48px; height:100%; box-sizing:border-box; padding:12px; border:1px solid #eee0eb; border-radius:12px; background:#fffafd; color:#3d1a4a; text-decoration:none; font-size:15px; line-height:1.4; }
 .kl-mobile-sheet-footer { display:grid; gap:4px; margin-top:22px; padding-top:14px; border-top:1px solid #eee7f2; }
 .kl-mobile-sheet-footer a { display:block; padding:10px; color:#3d1a4a; font-size:14px; text-decoration:none; }
 .kl-mobile-sheet-footer a[href^="https://t.me/"] { color:#168fc5; }
 .kl-mobile-sheet a:hover { background:#fff0f6; }
}
@media print { .kl-mobile-nav,.kl-mobile-sheet { display:none!important; } }

@media screen and (max-width:959px) { .kl-mobile-socials summary { padding:10px; font-size:14px; cursor:pointer; } }
