/* Villa Scripti v2.8 - clean responsive header, overlay menu and mobile footer */
:root{--vp-header-h:76px;--vp-navy:#071d36;--vp-teal:#087f79;--vp-orange:#ff8a00;--vp-border:#e8edf3}
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
body.mobile-menu-open{overflow:hidden!important;touch-action:none}
#main-wrapper{width:100%!important;max-width:100%!important;min-width:0!important;overflow:clip!important}
.header.header-light{position:relative;z-index:1050;width:100%;background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(15,23,42,.07);box-shadow:0 8px 30px rgba(15,23,42,.07);backdrop-filter:blur(14px)}
.header .container{width:min(100% - 32px,1320px)!important;max-width:1320px!important;margin-inline:auto!important;padding:0!important}
#navigation.navigation{width:100%!important;min-height:var(--vp-header-h)!important;height:auto!important;display:flex!important;align-items:center!important;position:relative!important;background:transparent!important}
.nav-header{display:flex!important;align-items:center!important;gap:14px!important;flex:0 0 auto!important;width:auto!important;padding:0!important}
.nav-brand{display:flex!important;align-items:center!important;min-width:0!important;padding:0!important;margin:0!important}
.site-logo-picture{display:block;line-height:0}
.site-logo{display:block!important;width:auto!important;height:auto!important;max-width:220px!important;max-height:58px!important;object-fit:contain!important}
.mobile-menu-trigger{display:none;border:0;cursor:pointer}
.mobile-menu-backdrop{display:none}
.mobile-menu-head{display:none}
.nav-menus-wrapper{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:16px!important;flex:1 1 auto!important;position:static!important;width:auto!important;height:auto!important;transform:none!important;overflow:visible!important;background:transparent!important;padding:0!important;box-shadow:none!important}
.nav-menu{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;float:none!important;margin:0 auto!important;padding:0!important;width:auto!important}
.nav-menu>li{position:relative!important;float:none!important;display:block!important;border:0!important}
.nav-menu>li>a{display:flex!important;align-items:center!important;gap:7px!important;min-height:44px!important;padding:10px 12px!important;border-radius:12px!important;color:#172033!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important}
.nav-menu>li>a:hover{background:#f3f7fb!important;color:var(--vp-teal)!important}
.nav-dropdown.nav-submenu{top:calc(100% + 8px)!important;left:0!important;min-width:240px!important;border:1px solid var(--vp-border)!important;border-radius:16px!important;padding:8px!important;background:#fff!important;box-shadow:0 20px 50px rgba(2,8,23,.16)!important;overflow:hidden!important}
.nav-dropdown.nav-submenu li a{padding:11px 12px!important;border-radius:10px!important;color:#243247!important;font-size:14px!important}
.nav-dropdown.nav-submenu li a:hover{background:#f5f8fb!important;color:var(--vp-teal)!important}
.nav-menu-social{display:flex!important;align-items:center!important;gap:8px!important;float:none!important;padding:0!important;margin:0!important;white-space:nowrap!important}
.nav-menu-social .telefon{margin:0!important;font-weight:700!important}
.toolbar-sosyal-butonlar{display:flex!important;gap:5px!important}
.toolbar-sosyal-butonlar a{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:50%!important;background:#f3f6f9!important;color:#25344a!important}
.theme-toggle{position:relative!important;right:auto!important;top:auto!important;flex:0 0 auto!important;margin-left:10px!important}

/* mobile menu: fixed overlay, never changes document width */
@media(max-width:991px){
 :root{--vp-header-h:68px}
 .header .container{width:100%!important;padding:0 14px!important}
 #navigation.navigation{height:var(--vp-header-h)!important;min-height:var(--vp-header-h)!important;justify-content:space-between!important}
 .nav-header{flex:1 1 auto!important;gap:10px!important;min-width:0!important}
 .mobile-menu-trigger{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;flex:0 0 44px!important;width:44px!important;height:44px!important;border-radius:13px!important;background:#fff!important;box-shadow:0 7px 22px rgba(15,23,42,.12)!important;padding:0!important;z-index:1103!important}
 .mobile-menu-trigger span{display:block!important;width:21px!important;height:2px!important;border-radius:999px!important;background:#172033!important;transition:.25s!important}
 .nav-brand{max-width:calc(100vw - 130px)!important;overflow:hidden!important}
 .site-logo{max-width:170px!important;max-height:48px!important}
 .theme-toggle{margin-left:8px!important;z-index:1103!important}
 .mobile-menu-backdrop{display:block!important;position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;background:rgba(2,8,23,.62)!important;backdrop-filter:blur(4px)!important;z-index:1098!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .25s ease,visibility .25s ease!important}
 .mobile-menu-backdrop.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
 .nav-menus-wrapper{display:block!important;position:fixed!important;inset:0 0 0 auto!important;top:0!important;right:0!important;left:auto!important;width:min(88vw,380px)!important;max-width:100vw!important;height:100dvh!important;min-height:100dvh!important;padding:0 18px 30px!important;margin:0!important;background:#fff!important;box-shadow:-22px 0 60px rgba(2,8,23,.25)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;transform:translate3d(105%,0,0)!important;transition:transform .28s cubic-bezier(.2,.8,.2,1)!important;z-index:1099!important;visibility:hidden!important}
 .nav-menus-wrapper.is-open{transform:translate3d(0,0,0)!important;visibility:visible!important}
 .mobile-menu-head{position:sticky!important;top:0!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;height:76px!important;margin:0 -2px 10px!important;background:#fff!important;border-bottom:1px solid var(--vp-border)!important}
 .mobile-menu-head strong{font-size:20px!important;color:#172033!important}
 .mobile-menu-head button{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border:0!important;border-radius:50%!important;background:#f2f5f8!important;color:#172033!important;font-size:29px!important;line-height:1!important}
 .nav-menu{display:block!important;width:100%!important;margin:0!important;padding:0!important}
 .nav-menu>li{display:block!important;width:100%!important;border-bottom:1px solid #edf1f5!important}
 .nav-menu>li>a{display:flex!important;width:100%!important;justify-content:space-between!important;min-height:0!important;padding:15px 5px!important;border-radius:0!important;font-size:15px!important;color:#172033!important;white-space:normal!important}
 .nav-menu>li>a:hover{background:transparent!important}
 .nav-dropdown.nav-submenu{display:none!important;position:static!important;inset:auto!important;width:100%!important;min-width:0!important;margin:0 0 10px!important;padding:7px!important;background:#f4f7fa!important;border:0!important;border-radius:13px!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important}
 .nav-menu li.submenu-open>.nav-submenu{display:block!important}
 .nav-dropdown.nav-submenu li a{display:block!important;padding:11px!important}
 .nav-menu-social{display:block!important;width:100%!important;padding:18px 2px!important;white-space:normal!important}
 .toolbar-sosyal-butonlar{margin-top:12px!important}
}
@media(max-width:420px){
 .header .container{padding-inline:10px!important}
 .mobile-menu-trigger{flex-basis:42px!important;width:42px!important;height:42px!important}
 .nav-header{gap:8px!important}
 .nav-brand{max-width:calc(100vw - 118px)!important}
 .site-logo{max-width:150px!important;max-height:44px!important}
 .theme-toggle{transform:scale(.92);transform-origin:right center;margin-left:2px!important}
 .nav-menus-wrapper{width:92vw!important}
}

/* footer responsive reset */
.vp-container{width:min(100% - 32px,1320px)!important;max-width:1320px!important;margin-inline:auto!important}
.vp-footer-top{display:grid!important;grid-template-columns:minmax(270px,1.5fr) repeat(3,minmax(150px,1fr))!important;gap:42px!important;align-items:start!important}
.vp-footer-column,.vp-footer-brand{min-width:0!important}
.vp-footer-column ul{margin:0!important;padding:0!important}
.vp-footer-trust{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.vp-footer-bottom{display:grid!important;grid-template-columns:1fr auto auto!important;gap:20px!important;align-items:center!important}
@media(max-width:991px){
 .vp-footer-top{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important}
 .vp-footer-brand{grid-column:1/-1!important}
 .vp-footer-trust{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .vp-footer-bottom{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important}
}
@media(max-width:575px){
 body{padding-bottom:68px!important}
 .vp-container{width:100%!important;padding-inline:18px!important}
 .vp-newsletter-inner{display:block!important;padding:24px 18px!important}
 .vp-newsletter-copy{align-items:flex-start!important;margin-bottom:18px!important}
 .vp-newsletter-copy h3{font-size:23px!important;line-height:1.2!important}
 .vp-newsletter-copy p{font-size:14px!important}
 .vp-newsletter-form{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important}
 .vp-newsletter-form input,.vp-newsletter-form button{width:100%!important;min-width:0!important;margin:0!important}
 .vp-modern-footer{padding-top:46px!important}
 .vp-footer-top{display:block!important}
 .vp-footer-brand,.vp-footer-column{width:100%!important;margin:0 0 30px!important}
 .vp-footer-brand p{max-width:none!important}
 .vp-footer-contact{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
 .vp-footer-column h4{margin-bottom:14px!important}
 .vp-footer-column ul{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
 .vp-footer-column li{width:100%!important}
 .vp-footer-trust{grid-template-columns:1fr!important;gap:10px!important}
 .vp-footer-bottom{padding-bottom:22px!important}
 .vp-footer-links{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px!important}
 .site-footer-logo{max-width:190px!important;height:auto!important}
 .heart.wtsol{bottom:82px!important}
 .top-scroll{bottom:78px!important}
}
[data-theme="dark"] .header.header-light{background:rgba(8,19,35,.96)!important;border-color:rgba(255,255,255,.08)!important}
[data-theme="dark"] .nav-menu>li>a{color:#f7fafc!important}
[data-theme="dark"] .nav-menu>li>a:hover{background:#14243a!important;color:#5eead4!important}
[data-theme="dark"] .mobile-menu-trigger,[data-theme="dark"] .nav-menus-wrapper,[data-theme="dark"] .mobile-menu-head{background:#0c1a2b!important}
[data-theme="dark"] .mobile-menu-trigger span{background:#f8fafc!important}
[data-theme="dark"] .mobile-menu-head{border-color:rgba(255,255,255,.1)!important}
[data-theme="dark"] .mobile-menu-head strong,[data-theme="dark"] .mobile-menu-head button{color:#f8fafc!important}
[data-theme="dark"] .mobile-menu-head button{background:#17283d!important}
[data-theme="dark"] .nav-menu>li{border-color:rgba(255,255,255,.09)!important}
[data-theme="dark"] .nav-dropdown.nav-submenu{background:#14243a!important;border-color:rgba(255,255,255,.08)!important}
[data-theme="dark"] .nav-dropdown.nav-submenu li a{color:#e7edf5!important}

/* v3.1 - Mobil footer yerleşim düzeltmesi */
@media (max-width:900px){
  .vp-newsletter{margin:28px 0 0!important;padding:0 12px!important;position:relative!important;z-index:2!important}
  .vp-newsletter-inner{width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:22px 18px!important;border-radius:20px!important;display:block!important}
  .vp-newsletter-copy{width:100%!important;max-width:none!important;margin:0 0 18px!important}
  .vp-newsletter-form{display:grid!important;grid-template-columns:1fr!important;width:100%!important;min-width:0!important;margin:0!important;gap:10px!important}
  .vp-newsletter-form input,.vp-newsletter-form button{width:100%!important;min-width:0!important;grid-column:auto!important}
  .vp-modern-footer{margin:0!important;padding:38px 0 88px!important;position:relative!important;clear:both!important;overflow:hidden!important}
  .vp-modern-footer .vp-container{width:100%!important;max-width:none!important;padding:0 16px!important;margin:0!important}
  .vp-footer-top{display:grid!important;grid-template-columns:1fr!important;gap:28px!important;width:100%!important}
  .vp-footer-brand,.vp-footer-column{grid-column:1/-1!important;width:100%!important;min-width:0!important;display:block!important}
  .vp-footer-contact{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .vp-footer-column ul{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important;padding:0!important}
  .vp-footer-trust{display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:100%!important;margin-top:24px!important}
  .vp-footer-trust>div{width:100%!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:14px 0!important}
  .vp-footer-trust>div:last-child{border-bottom:0!important}
  .vp-footer-bottom{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;text-align:center!important;width:100%!important}
  .vp-footer-social{justify-content:center!important}
}
@media (min-width:901px) and (max-width:1100px){.vp-footer-top{grid-template-columns:1.4fr 1fr 1fr!important}.vp-footer-column:last-child{grid-column:2/4!important}}