/* index.php extracted styles */
#top-bar > nav:first-of-type{flex:1;justify-content:flex-start}
#top-bar > nav:last-of-type{flex:1;justify-content:flex-end;padding-right:0}
#top-bar .logo-nav{position:absolute;left:50%;transform:translateX(-50%);z-index:2}
.cn-lang-dropdown{position:relative;display:inline-flex;align-items:center;margin-left:14px}
.cn-lang-toggle{
  display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;
  border-radius:999px;border:1px solid rgba(255,255,255,.28);
  background:rgba(20,20,20,.38);color:#f3eee6;text-decoration:none;
  font:600 12px/1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;
  backdrop-filter:blur(8px)
}
#top-bar.scrolled .cn-lang-toggle{
  background:rgba(255,255,255,.92); color:#5c1818; border-color:rgba(92,24,24,.18);
}
.cn-lang-caret{font-size:14px;line-height:1;opacity:.95;transform-origin:center;transition:transform .22s ease, opacity .22s ease}
.cn-lang-dropdown.open .cn-lang-caret{transform:rotate(180deg)}
.cn-lang-menu{
  position:absolute;top:calc(100% + 8px);right:0;min-width:170px;padding:8px;
  background:rgba(255,255,255,.98);border:1px solid rgba(92,24,24,.14);
  border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.14);
  z-index:120;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;
  transition:opacity .24s ease, transform .24s ease, visibility .24s ease
}
.cn-lang-dropdown.open .cn-lang-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.cn-lang-dropdown.open .cn-lang-toggle{box-shadow:0 10px 24px rgba(0,0,0,.12)}
.cn-lang-menu a{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 12px;border-radius:12px;text-decoration:none;
  color:#5c1818;font:600 12px/1.1 system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase
}
.cn-lang-menu a:hover,.cn-lang-menu a.active{background:rgba(92,24,24,.08)}
.cn-lang-menu a span:last-child{opacity:.7;font-size:11px}
.cn-lang-switch-mobile{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.cn-lang-switch-mobile a{
  display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:34px;
  padding:0 12px;border-radius:999px;border:1px solid rgba(92,24,24,.18);
  text-decoration:none;color:#5c1818;background:rgba(255,255,255,.94);
  font:600 12px/1 system-ui,sans-serif;letter-spacing:.04em
}
.cn-lang-switch-mobile a.active{background:#5c1818;color:#fff;border-color:#5c1818}
.mobile-lang-wrap{margin-top:18px}
.mobile-lang-list{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.mobile-lang-list li{margin:0}.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}.nav-dropdown-toggle{display:inline-flex;align-items:center;gap:8px}.nav-dropdown-caret{font-size:11px;line-height:1;opacity:.8}.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;padding:8px;background:rgba(255,255,255,.98);border:1px solid rgba(92,24,24,.14);border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.14);z-index:130;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .24s ease, transform .24s ease, visibility .24s ease}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-dropdown-menu a{display:flex;align-items:center;padding:10px 12px;border-radius:12px;text-decoration:none;color:#5c1818;font:600 12px/1.1 system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase}.nav-dropdown-menu a:hover{background:rgba(92,24,24,.08)}
@media (max-width: 980px){
  #top-bar {padding:16px 20px;}
  #top-bar > nav{display:none !important;}
  #top-bar .logo-nav{position:static;left:auto;transform:none;max-width:calc(100% - 72px);margin-right:auto}
  #top-bar .logo-nav svg{width:112px;max-width:100%;height:auto}
  .cn-lang-dropdown{display:none !important}
  .hamburger{display:flex !important;position:relative;z-index:320;margin-left:12px}
  #mobile-nav{
    top:64px;
    max-height:0;
    overflow:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    padding-bottom:24px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }
  .mobile-lang-wrap{
    width:min(420px, calc(100% - 32px));
    margin:18px auto 0;
    padding-bottom:12px;
  }
  .mobile-lang-list{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
    gap:14px;
    white-space:nowrap;
  }
  .mobile-lang-list li{
    width:auto;
    margin:0;
    text-align:center;
    flex:0 0 auto;
  }
  .mobile-lang-list a{
    display:inline-block;
    padding:8px 2px;
    text-decoration:none;
    color:#f3eee6;
    background:none;
    border:none;
    font:600 18px/1 'Forum', serif;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  #mobile-nav.open{
    max-height:calc(100vh - 64px);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .mobile-lang-list a.active{
    color:#fff;
    opacity:1;
  }
}