/* Vitaalands site kabuğu (lib/site-shell.js): bağımsız sayfalarda sitenin üst menüsü ve alt bilgisi.
   Renkler design-system.css jetonlarından; koyu varsayılan, [data-vl-theme="light"] açık. */
.vl-shell{position:sticky;top:0;z-index:30;font-family:var(--vl-font,-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",sans-serif);color:var(--vl-text,#f3f5fc);background:color-mix(in srgb,var(--vl-space,#080e1b) 82%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid color-mix(in srgb,var(--vl-border,#34445d) 70%,transparent)}
.vl-shell-in{box-sizing:border-box;max-width:1440px;margin:0 auto;min-height:64px;display:flex;align-items:center;gap:16px;padding:10px max(20px,env(safe-area-inset-right,0px)) 10px max(20px,env(safe-area-inset-left,0px))}
.vl-shell a{color:inherit;text-decoration:none}
.vl-shell-brand{display:inline-flex;align-items:center;flex:none;height:44px;border-radius:10px}
.vl-shell-brand img{display:block;height:36px;width:auto}
.vl-shell-nav{display:flex;align-items:center;gap:2px;margin-inline:auto;font-size:15px;font-weight:500;min-width:0}
.vl-shell-nav>a,.vl-shell-grp-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 13px;border:0;border-radius:999px;background:transparent;color:inherit;font:inherit;white-space:nowrap;cursor:pointer}
.vl-shell-nav>a:hover,.vl-shell-grp-btn:hover,.vl-shell-grp-btn[aria-expanded="true"],.vl-shell-grp-btn[aria-current]{background:var(--vl-surface,#111d30)}
.vl-shell-grp{position:relative}
.vl-shell-grp-btn span{width:7px;height:7px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.vl-shell-grp-btn[aria-expanded="true"] span{transform:rotate(-135deg);margin-top:3px}
.vl-shell-grp ul{position:absolute;top:calc(100% + 8px);inset-inline-start:0;z-index:2;min-width:260px;max-height:min(70vh,560px);overflow:auto;margin:0;padding:8px;list-style:none;border-radius:20px;border:1px solid var(--vl-border,#34445d);background:color-mix(in srgb,var(--vl-surface,#111d30) 96%,transparent);box-shadow:0 24px 48px -24px rgba(0,0,0,.55)}
.vl-shell-grp ul[hidden]{display:none}
.vl-shell-grp li a{display:flex;align-items:center;min-height:42px;padding:0 14px;border-radius:12px;font-size:15px}
.vl-shell-grp li a:hover,.vl-shell-grp li a:focus-visible{background:var(--vl-surface-raised,#18263b)}
.vl-shell [aria-current="page"]{font-weight:700;box-shadow:inset 0 -2px var(--vl-accent,#cbb5ff)}
.vl-shell-tools{display:flex;align-items:center;gap:10px;flex:none}
.vl-shell-cta{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;background:var(--vl-text,#f3f5fc);color:var(--vl-space,#080e1b)!important;font-size:15px;font-weight:600;white-space:nowrap}
.vl-shell-menu{display:none;place-items:center;width:44px;height:44px;border-radius:999px;border:1px solid var(--vl-border,#34445d);background:transparent;color:inherit;cursor:pointer}
.vl-shell-menu span,.vl-shell-menu span::before,.vl-shell-menu span::after{display:block;width:16px;height:1.5px;background:currentColor;border-radius:2px;position:relative}
.vl-shell-menu span::before,.vl-shell-menu span::after{content:"";position:absolute;left:0}
.vl-shell-menu span::before{top:-5px}.vl-shell-menu span::after{top:5px}
.vl-shell-menu[aria-expanded="true"] span{background:transparent}
.vl-shell-menu[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.vl-shell-menu[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}
/* sayfadan taşınan dil / tema denetimleri */
.vl-shell-moved{display:flex!important;align-items:center;gap:4px;margin:0!important;padding:0!important;border:0!important;font-size:13px}
.vl-shell-moved a,.vl-shell-moved button{display:grid;place-items:center;min-width:40px;min-height:40px;padding:0 6px;border-radius:999px;color:var(--vl-muted,#b9c7da)}
.vl-shell-moved a[aria-current]{color:var(--vl-text,#f3f5fc);font-weight:700;box-shadow:none}
.vl-shell-moved button{border:1px solid var(--vl-border,#34445d);background:transparent;cursor:pointer}
.vl-shell-moved button[hidden]{display:none}
.vl-shell-moved svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.vl-shell-moved>span{color:var(--vl-border,#34445d)}
.vl-shell-panel{border-top:1px solid var(--vl-border,#34445d);max-height:calc(100dvh - 64px);overflow:auto}
.vl-shell-panel[hidden]{display:none}
.vl-shell-panel nav{box-sizing:border-box;max-width:720px;margin:0 auto;display:grid;gap:2px;padding:12px max(20px,env(safe-area-inset-right,0px)) 24px max(20px,env(safe-area-inset-left,0px))}
.vl-shell-panel a{display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:14px;font-size:17px;font-weight:500}
.vl-shell-panel a:hover{background:var(--vl-surface,#111d30)}
.vl-shell-panel p{margin:12px 14px 4px;padding-top:12px;border-top:1px solid var(--vl-border,#34445d);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vl-muted,#b9c7da)}
.vl-shell-panel [aria-current="page"]{box-shadow:inset 3px 0 var(--vl-accent,#cbb5ff)}
html.vl-shell-locked{overflow:hidden}
/* sayfanın kendi başlığı: logo kabukta, kalan bölüm bağlantıları sade alt şerit */
.vl-shell-sub{position:static!important;height:auto!important;min-height:0!important;border-bottom:1px solid color-mix(in srgb,var(--vl-border,#34445d) 60%,transparent)}
.vl-shell-sub .brand{display:none!important}
.vl-shell-sub nav{margin-inline:auto!important}
/* alt bilgi */
.vl-shell-foot{font-family:var(--vl-font,-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",sans-serif);color:var(--vl-text,#f3f5fc);background:var(--vl-space,#080e1b);border-top:1px solid var(--vl-border,#34445d)}
.vl-shell-foot-in{box-sizing:border-box;max-width:1180px;margin:0 auto;padding:48px max(20px,env(safe-area-inset-right,0px)) 40px max(20px,env(safe-area-inset-left,0px))}
.vl-shell-foot a{color:inherit;text-decoration:none}
.vl-shell-foot a:hover{text-decoration:underline}
.vl-shell-line{margin:0 0 20px;font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.4}
.vl-shell-app{display:inline-flex;min-height:44px;align-items:center;margin-bottom:24px;font-size:15px}
.vl-shell-foot nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:28px 24px}
.vl-shell-foot nav p{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--vl-muted,#b9c7da)}
.vl-shell-foot ul{list-style:none;margin:0;padding:0}
.vl-shell-foot li a{display:inline-flex;align-items:center;min-height:36px;font-size:15px;color:var(--vl-muted,#b9c7da)}
.vl-shell-foot li a:hover{color:var(--vl-text,#f3f5fc)}
.vl-shell-foot [aria-current="page"]{color:var(--vl-text,#f3f5fc)!important;font-weight:600}
.vl-shell-note{margin:32px 0 0;padding-top:20px;border-top:1px solid var(--vl-border,#34445d);font-size:13px;line-height:1.6;color:var(--vl-muted,#b9c7da)}
@media (max-width:1079px){.vl-shell-nav{display:none}.vl-shell-menu{display:grid}.vl-shell-tools{margin-inline-start:auto}}
@media (max-width:760px){.vl-shell-brand img{height:26px}}
@media (max-width:520px){.vl-shell-cta{display:none}}
@media (prefers-reduced-motion:reduce){.vl-shell-grp-btn span{transition:none}}
@media print{.vl-shell,.vl-shell-foot{display:none!important}}
@media (max-width:400px){.vl-shell-in{gap:8px;padding-inline:max(14px,env(safe-area-inset-left,0px)) max(14px,env(safe-area-inset-right,0px))}.vl-shell-brand img{height:22px}.vl-shell-tools{gap:6px}.vl-shell-moved{gap:2px}.vl-shell-moved a,.vl-shell-moved button{min-width:36px;min-height:40px;padding:0 4px}.vl-shell-menu{width:40px;height:40px}}