/* dedektif.io — ortak kabuk: üst menü, konum çubuğu, alt bilgi (ana sayfa ile aynı tasarım dili) */
:root{--bg:#FFF6F0;--surface:#fff;--ink:#2B2429;--soft:#5E4A55;--berry:#F0356E;--berry2:#B8184A;--berry3:#D11E57;--gold:#FFB020;--mint:#2FB98A;--line:#F1D3C4;--peach:#FFE3D4;--blush:#FFD6E5;--edge:#E2AE98;--disp:'Baloo 2',ui-rounded,system-ui,sans-serif;--body:'Nunito',system-ui,sans-serif}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:var(--ink);padding:10px 14px;border-radius:10px;z-index:100;font-weight:800}
.skip:focus{left:12px}
/* üst menü */
.sitehead{background:var(--berry3);position:relative}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1160px;margin:0 auto;padding:12px max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));font-family:var(--disp)}
.sitehead .logo{display:flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:800;font-size:1.25rem;color:#fff;text-decoration:none;min-height:44px;border:0}
.sitehead .logo .io{color:#FFD0E0}
.logo .d{width:34px;height:34px;border-radius:10px;background:#fff;color:var(--berry3);display:grid;place-items:center;flex:none}
.logo .d svg{width:20px;height:20px;display:block}
.mainnav{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.mainnav a{color:#fff;text-decoration:none;font-weight:700;font-size:.95rem;padding:10px 12px;border-radius:999px;min-height:44px;display:inline-flex;align-items:center;border:0}
.mainnav a:hover,.mainnav a:focus-visible{background:rgba(255,255,255,.18);outline:none}
.sitehead .biz{display:inline-flex;align-items:center;min-height:42px;background:#fff;border:1.5px solid #F7C9A6;color:#7A4A08;text-decoration:none;font-weight:800;font-size:.9rem;padding:0 14px;border-radius:999px;white-space:nowrap;font-family:var(--disp)}
.sitehead .biz:hover{background:#FFF1E6}
@media(max-width:640px){.mainnav a.hide-s{display:none}.mainnav a{padding:10px 9px;font-size:.9rem}}
@media(max-width:470px){.sitehead .biz{display:none}.sitehead .logo{font-size:1.15rem}}
/* konum çubuğu */
.crumbs{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin:4px 0 16px;font-family:var(--disp);font-weight:700;font-size:.85rem;color:var(--soft)}
.crumbs a{color:var(--soft);text-decoration:none;border:0}
.crumbs a:hover{color:var(--berry2)}
.crumbs span[aria-hidden]{color:#CDB7C1}
.crumbs [aria-current]{color:var(--ink)}
/* alt bilgi */
.foot{background:#231F23;color:#E6DEE3;padding:46px 0 34px;margin-top:56px;font-family:var(--body);font-size:1rem;line-height:1.6}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;max-width:1160px;margin:0 auto;padding:0 20px}
.foot a{color:#F3EEF1;text-decoration:none;display:block;padding:5px 0;font-size:.95rem;border:0}
.foot a:hover{text-decoration:underline}
.foot b{font-family:var(--disp);font-weight:800;color:#fff;display:block;margin-bottom:6px}
.foot p{margin:6px 0;font-size:.9rem;color:#DDD5DA}
.foot .logo{display:flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:800;font-size:1.25rem;color:#fff;text-decoration:none;padding:0}
.foot .logo .io{color:#FF8FB3}
.foot .logo .d{background:var(--berry3);color:#fff}
.foot-bottom{max-width:1160px;margin:26px auto 0;padding:18px 20px 0;border-top:1px solid #443E44;font-size:.88rem;color:#D3CBD0}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr}}
@media(max-width:560px){.foot a{padding:12px 0}}
a,label,summary,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}