.site-header { position:sticky; top:0; z-index:40; background:rgba(255,255,255,.96); backdrop-filter:blur(18px); border-bottom:1px solid #ece8ef; box-shadow:0 4px 24px #21182f05; }
.navbar-shell { max-width:var(--site-max-width); margin:auto; padding:0 var(--site-gutter); height:150px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.navbar-brand { display:flex; align-items:center; flex-shrink:0; padding:8px 0; }
.navbar-logo { width:216px; height:auto; }
.navbar-links { display:none; align-items:center; justify-content:center; gap:3px; flex:1; min-width:0; }
.site-header .navlink { position:relative; white-space:nowrap; font-size:13px; font-weight:600; padding:12px 9px; border-radius:10px; color:#534d60; transition:background .18s,color .18s; }
.site-header .navlink:hover { background:#faf3f3; color:#d5131a; }
.site-header .navlink.active { background:#fff1f1; color:#d5131a; }
.navbar-links .navlink.active::after { content:''; position:absolute; width:16px; height:3px; bottom:3px; left:calc(50% - 8px); border-radius:3px; background:#d5131a; }
.navbar-dropdown { position:relative; }
.navbar-dropdown-toggle { display:flex; align-items:center; gap:6px; }
.navbar-dropdown.active .navbar-dropdown-toggle { background:#fff1f1; color:#d5131a; }
.navbar-dropdown.active .navbar-dropdown-toggle::after { content:''; position:absolute; width:16px; height:3px; bottom:3px; left:calc(50% - 8px); border-radius:3px; background:#d5131a; }
.navbar-dropdown-chevron { width:14px; height:14px; flex:none; transition:transform .2s ease; }
.navbar-dropdown-menu { position:absolute; top:calc(100% + 12px); left:50%; z-index:50; width:238px; padding:10px; border:1px solid rgba(224,216,229,.9); border-radius:16px; background:rgba(255,255,255,.98); box-shadow:0 20px 50px rgba(31,27,46,.16),0 4px 12px rgba(31,27,46,.06); opacity:0; visibility:hidden; pointer-events:none; transform:translate(-50%,10px) scale(.98); transform-origin:top center; transition:opacity .18s ease,transform .18s ease,visibility .18s ease; backdrop-filter:blur(18px); }
.navbar-dropdown-menu::before { content:''; position:absolute; right:0; bottom:100%; left:0; height:14px; }
.navbar-dropdown-menu::after { content:''; position:absolute; top:-6px; left:calc(50% - 6px); width:12px; height:12px; border-top:1px solid #e5dde9; border-left:1px solid #e5dde9; background:#fff; transform:rotate(45deg); }
.navbar-dropdown-menu a { position:relative; z-index:1; display:flex; align-items:center; gap:11px; min-height:42px; padding:10px 12px; border-radius:10px; color:#534d60; font-size:13px; font-weight:650; line-height:1.35; white-space:normal; transition:color .16s ease,background-color .16s ease,transform .16s ease; }
.navbar-dropdown-menu a::before { content:''; width:7px; height:7px; flex:none; border-radius:50%; background:#d5131a; box-shadow:0 0 0 4px #fff0f0; }
.navbar-dropdown-menu a:hover,.navbar-dropdown-menu a:focus-visible { background:linear-gradient(90deg,#fff0f0,#fff8f8); color:#d5131a; transform:translateX(2px); }
.navbar-dropdown:hover .navbar-dropdown-menu,.navbar-dropdown:focus-within .navbar-dropdown-menu,.navbar-dropdown.is-open .navbar-dropdown-menu { opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0) scale(1); }
.navbar-dropdown:hover .navbar-dropdown-chevron,.navbar-dropdown:focus-within .navbar-dropdown-chevron,.navbar-dropdown.is-open .navbar-dropdown-chevron { transform:rotate(180deg); }
.navbar-actions { display:flex; align-items:center; gap:16px; flex-shrink:0; }
.navbar-languages { display:flex; align-items:center; padding:4px; border:1px solid #eeeaf1; border-radius:30px; background:#f8f7fa; }
.navbar-languages .lang-btn { padding:7px 10px; font-size:11px; font-weight:600; white-space:nowrap; min-height:32px; }
.navbar-contact { display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; padding:13px 20px; border-radius:12px; font-size:13px; font-weight:700; background:#dc151b; color:#fff; box-shadow:0 4px 12px #dc151b18; transition:background .18s,box-shadow .18s; }
.navbar-contact:hover { background:#b50d13; color:#fff; box-shadow:0 6px 18px #dc151b26; }
.navbar-toggle { width:44px; height:44px; display:flex; align-items:center; justify-content:center; border:1px solid #e8e3ed; border-radius:12px; background:#fff; color:#342d43; cursor:pointer; }
.navbar-toggle svg { width:24px; height:24px; }
.navbar-toggle[aria-expanded="true"] { background:#fff1f1; color:#dc151b; border-color:#f5c8ca; }
.site-header a:focus-visible,.site-header button:focus-visible { outline:3px solid #dc151b; outline-offset:3px; }
.navbar-mobile { border-top:1px solid #eeeaf1; background:#fff; max-height:calc(100dvh - 150px); overflow-y:auto; }
.navbar-mobile[hidden] { display:none; }
.navbar-mobile-inner { max-width:var(--site-max-width); margin:auto; padding:20px var(--site-gutter); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 16px; }
.navbar-mobile .navlink { padding:12px 16px; font-size:15px; }
.navbar-mobile-group { grid-column:1/-1; border-radius:10px; }
.navbar-mobile-group summary { display:flex; align-items:center; justify-content:space-between; gap:10px; cursor:pointer; list-style:none; }
.navbar-mobile-group summary::-webkit-details-marker { display:none; }
.navbar-mobile-group.active summary { background:#fff1f1; color:#d5131a; }
.navbar-mobile-group[open] summary .navbar-dropdown-chevron { transform:rotate(180deg); }
.navbar-mobile-submenu { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 10px; margin:0 10px 8px; padding:8px; border:1px solid #eee8f1; border-radius:12px; background:#fcfafc; }
.navbar-mobile-submenu a { display:flex; align-items:center; padding:10px 12px; border-radius:9px; color:#6b6477; font-size:13px; font-weight:600; }
.navbar-mobile-submenu a::before { content:''; width:6px; height:6px; flex:none; margin-right:9px; border-radius:50%; background:#d5131a; }
.navbar-mobile-submenu a:hover { background:#fff1f1; color:#d5131a; }
.navbar-mobile-languages { grid-column:1/-1; display:flex; gap:8px; padding-top:16px; margin-top:12px; border-top:1px solid #eeeaf1; }
.navbar-mobile-languages .lang-btn { font-size:12px; min-height:40px; }
@media(min-width:1500px) { .navbar-links { display:flex; } .navbar-toggle,.navbar-mobile { display:none; } }
@media(max-width:600px) { .navbar-shell { height:132px; padding:0 var(--site-gutter); gap:12px; } .navbar-logo { width:192px; } .navbar-actions { gap:10px; } .navbar-languages { display:none; } .navbar-contact { padding:11px 14px; font-size:12px; } .navbar-mobile { max-height:calc(100dvh - 132px); } .navbar-mobile-inner { padding:16px var(--site-gutter); gap:6px; } .navbar-mobile .navlink { font-size:13px; padding:12px; white-space:normal; } }
@media(prefers-reduced-motion:reduce) { .site-header .navlink,.navbar-contact,.navbar-dropdown-menu,.navbar-dropdown-chevron { transition:none; } }