/* HEADER */
    .topbar{width: 100%;
  background-color:rgb(178 178 178 / 30%);
  box-shadow:0 2px 6px rgba(0,0,0,0.05);
  position:absolute;
  top:0;
  z-index: 40;}
    .nav{display:flex;align-items:center;gap:16px;height:64px;justify-content:space-between}
    .brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
    .menu{display:flex;align-items:center;gap:22px;margin-left:24px}
    .menu a{color:#1d1d1d;font-weight:600;font-size:14px}
    .menu a:hover{color:#D66638}
    .dropdown{position:relative}
    .dropdown .dropbtn{cursor:pointer;position:relative}
    .dropdown-content{position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid rgba(0,0,0,0.06);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:8px 0;display:none;flex-direction:column;list-style:none;z-index:1000}
    .dropdown.open>.dropdown-content{display:flex}
    .dropdown-content li a{display:block;padding:12px 18px;color:#1d1d1d;text-decoration:none;font-weight:500;font-size:14px}
    .dropdown-content li a:hover{background:rgba(214,102,56,0.12);color:#D66638}
    .dropbtn::after{
      content:"";display:inline-block;width:10px;height:10px;margin-left:4px;vertical-align:middle;background-color:currentColor;
      -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(29,29,29)' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 9l7 7 7-7'/></svg>") no-repeat center;
      mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(29,29,29)' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 9l7 7 7-7'/></svg>") no-repeat center;
    }
  @media(max-width:1024){.topbar{background:#FAFAFA;box-shadow:0 2px 6px rgba(0,0,0,.05);position:sticky;top:0;z-index:50}}
    /* MOBİL MENU */
    .hamburger{display:none;border:0;background:transparent;font-size:1.5rem;cursor:pointer;padding:8px;color:#1d1d1d; margin-top: 0;}
    @media(max-width:1023.98px){.hamburger{display:flex;align-items:center}.menu{display:none}}
    .overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:.25s ease;z-index:90}
    .overlay.active{opacity:1;visibility:visible}
    .drawer{position:fixed;top:0;left:0;height:100vh;width:320px;max-width:85vw;background:#fff;box-shadow:4px 0 30px rgba(0,0,0,.15);transform:translateX(-100%);transition:transform .3s ease;z-index:110;display:flex;flex-direction:column;overflow:hidden}
    .drawer.active{transform:translateX(0)}
    .drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}
    .drawer-brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#1d1d1d;text-decoration:none}
    .drawer-menu{list-style:none;margin:0;padding:10px 8px 24px 8px}
    .drawer-menu a{display:block;padding:12px 14px;border-radius:10px;font-weight:600;color:#1d1d1d}
    .drawer-menu a:hover{background:rgba(214,102,56,0.1);color:#D66638}
    .acc-btn{all:unset;display:block;width:100%;padding:12px 14px;border-radius:10px;font-weight:600;cursor:pointer}
    .acc-btn:hover{background:rgba(214,102,56,0.1);color:#D66638}
    .chev{float:right;opacity:.7;transition:transform .2s ease}
    .acc.open .chev{transform:rotate(180deg)}
    .acc-panel{max-height:0;overflow:hidden;transition:max-height .25s ease}
    .acc-list{list-style:none;padding:4px 0 8px 10px;margin:0}
    .acc-list a{padding:10px 14px;border-radius:10px;font-weight:500}
    .acc-list a:hover{background:rgba(214,102,56,0.1);color:#D66638}
    html.lock,body.lock{overflow:hidden;height:100%}