/* Header drop-down menus (4 October, Kardo: "Anasayfa" link, "Hizmetlerimiz", sub-menus). Site > Site düzeni > Ana menü:
   a row marked "Alt menü" joins the top-level link above it. Desktop: hover or keyboard focus opens it; phones show top links only. */
.nav-item{position:relative;display:flex;align-items:center}
.nav-item>a{white-space:nowrap}
.nav-item>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-3px) rotate(45deg);opacity:.55}
.nav-sub{position:absolute;top:calc(100% + 14px);left:-18px;z-index:40;display:none;flex-direction:column;gap:0;min-width:250px;padding:10px 0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px #16354b24;font-size:15px;font-weight:500;line-height:1.35}
.nav-sub::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.nav-item:last-of-type>.nav-sub{left:auto;right:-18px}
.nav-item:hover>.nav-sub,.nav-item:focus-within>.nav-sub{display:flex}
.nav-sub a{display:block;padding:9px 20px;color:var(--ink);white-space:nowrap}
.nav-sub a:hover,.nav-sub a:focus-visible{background:var(--paper);color:var(--red)}
@media(max-width:720px){.nav-sub{display:none!important}.nav-item>a{white-space:nowrap}
.nav-item>a::after{display:none}}