.topbar{height:118px!important;grid-template-columns:280px 1fr auto!important;background:transparent!important;border-bottom-color:rgba(255,255,255,.42)!important;backdrop-filter:none!important;box-shadow:none!important}.brand img{width:178px!important;max-height:78px!important}.topbar nav{gap:50px!important;font-size:15px!important;font-weight:600;letter-spacing:.11em!important}.topbar nav a{text-shadow:0 2px 22px rgba(0,0,0,.72)}.header-actions{display:flex;align-items:center;gap:32px;font-size:15px;font-weight:600;letter-spacing:.08em;text-shadow:0 2px 22px rgba(0,0,0,.72)}.catalog-link{white-space:nowrap;padding:18px 0;border-bottom:1px solid transparent;transition:border-color .25s}.catalog-link:hover{border-color:#fff}.tour-link{white-space:nowrap;border:1.5px solid rgba(255,255,255,.9);border-radius:24px;padding:19px 30px;transition:background .25s,color .25s}.tour-link:hover{background:#fff;color:#111;text-shadow:none}@media(max-width:1100px){.topbar{grid-template-columns:220px 1fr auto!important}.brand img{width:160px!important}.topbar nav{gap:25px!important;font-size:13px!important}.header-actions{gap:14px;font-size:12px}.tour-link{padding:15px 18px}}@media(max-width:850px){.topbar{height:auto!important;min-height:108px;padding:16px 5vw!important;grid-template-columns:1fr auto!important;align-content:center}.brand img{width:150px!important;max-height:66px!important}.topbar nav{display:none!important}.header-actions{gap:10px;font-size:10px}.catalog-link{display:none}.tour-link{padding:13px 16px;border-radius:18px}}
/* Ana sayfa header: alt çizgisiz koyudan şeffafa gradient */
.topbar{background:linear-gradient(180deg,rgba(8,11,8,.88) 0%,rgba(8,11,8,.5) 58%,rgba(8,11,8,0) 100%)!important;border-bottom:0!important;box-shadow:none!important}

/* Ana sayfa projeler açılır menüsü */
.topbar .nav-projects{position:relative;display:flex;align-items:center}
.topbar .nav-projects>a{display:flex;align-items:center;gap:7px}
.topbar .nav-projects>a span{font-size:13px;transition:transform .3s}
.topbar .nav-projects:hover>a span,.topbar .nav-projects:focus-within>a span{transform:rotate(180deg)}
.topbar .nav-projects__menu{position:absolute;left:50%;top:calc(100% + 5px);width:270px;padding:10px;background:#11140f;color:#fff;box-shadow:0 22px 55px rgba(0,0,0,.24);opacity:0;visibility:hidden;transform:translate(-50%,12px);transition:.3s opacity,.3s transform,.3s visibility}
.topbar .nav-projects:hover .nav-projects__menu,.topbar .nav-projects:focus-within .nav-projects__menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.topbar .nav-projects__menu a{display:flex;align-items:center;gap:14px;padding:16px 14px!important;color:#fff;text-shadow:none!important;font-size:11px;letter-spacing:.08em;transition:.25s background,.25s padding-left}
.topbar .nav-projects__menu a+a{border-top:1px solid rgba(255,255,255,.14)}
.topbar .nav-projects__menu a:after{display:none!important}
.topbar .nav-projects__menu a:hover{padding-left:20px!important;background:rgba(255,255,255,.08)}
.topbar .nav-projects__menu small{color:#c5a36b;font-size:8px;letter-spacing:.12em}
.mobile-menu-toggle,.mobile-menu{display:none}.mobile-menu-toggle{width:48px;height:48px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;place-items:center;position:relative;z-index:42}.mobile-menu-toggle span{position:absolute;width:20px;height:1.5px;background:currentColor;transition:.3s transform,.3s top}.mobile-menu-toggle span:first-child{top:19px}.mobile-menu-toggle span:last-child{top:27px}.mobile-menu-toggle.is-open span:first-child{top:23px;transform:rotate(45deg)}.mobile-menu-toggle.is-open span:last-child{top:23px;transform:rotate(-45deg)}.mobile-menu{position:fixed;z-index:40;inset:0;padding:140px 7vw 42px;background:#11140f;color:#f7f4ec;flex-direction:column;justify-content:space-between;opacity:0;visibility:hidden;transition:.35s opacity,.35s visibility}.mobile-menu.is-open{opacity:1;visibility:visible}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu nav a{padding:13px 0;color:inherit;text-decoration:none;font:400 clamp(26px,8vw,48px)/1.05 'DM Sans',Arial,sans-serif;letter-spacing:-.04em;border-bottom:1px solid rgba(255,255,255,.13)}.mobile-menu small{color:#c5a36b;font-size:9px;letter-spacing:.18em}.mobile-menu-open{overflow:hidden}body,a,button{font-variant-emoji:text}
@media(max-width:850px){.topbar{grid-template-columns:1fr auto!important}.header-actions{display:none!important}.topbar .mobile-menu-toggle{display:grid}.mobile-menu{display:flex}}

/* Keep the mobile menu toggle above the full-screen menu panel. */
@media(max-width:850px){.topbar{z-index:50}.mobile-menu{z-index:40}}