/* V4.8 — JavaScript'e bağımlı olmayan native mobil menü */
.mobile-native-menu{display:none}

@media (max-width:920px){
  body.native-menu-open{overflow:hidden!important;touch-action:none}

  .header-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    align-items:center!important;
    gap:9px!important;
  }

  .main-nav{display:none!important}
  .menu-toggle{display:none!important}

  .mobile-native-menu{
    position:relative;
    z-index:1600;
    display:block;
    grid-column:3;
    grid-row:1;
    width:46px;
    height:46px;
    margin:0;
  }

  .mobile-native-menu>summary{
    position:relative;
    z-index:1605;
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    padding:0;
    border:1px solid color-mix(in srgb,var(--primary) 16%,var(--header-border));
    border-radius:16px;
    background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--soft-blue) 58%,#fff));
    box-shadow:0 11px 27px rgba(27,75,106,.12),inset 0 1px 0 rgba(255,255,255,.95);
    cursor:pointer;
    list-style:none;
    -webkit-tap-highlight-color:transparent;
    transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
  }

  .mobile-native-menu>summary::-webkit-details-marker{display:none}
  .mobile-native-menu>summary::marker{display:none;content:""}
  .mobile-native-menu>summary:active{transform:scale(.94)}

  .mobile-native-trigger{
    position:relative;
    z-index:2;
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    color:var(--primary);
  }

  .mobile-native-trigger-icon{width:27px;height:27px;overflow:visible}
  .mobile-native-trigger-icon .menu-line{
    transform-box:fill-box;
    transform-origin:center;
    transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .2s ease,stroke .2s ease;
  }
  .mobile-native-trigger-glow{
    position:absolute;
    inset:7px;
    z-index:-1;
    border-radius:12px;
    background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.95),transparent 48%);
    pointer-events:none;
  }

  .mobile-native-menu[open]>summary{
    color:#fff;
    border-color:transparent;
    background:linear-gradient(145deg,var(--secondary),color-mix(in srgb,var(--secondary) 68%,var(--primary)));
    box-shadow:0 16px 34px color-mix(in srgb,var(--secondary) 30%,transparent);
  }
  .mobile-native-menu[open] .menu-line-top{transform:translateY(7px) rotate(45deg)}
  .mobile-native-menu[open] .menu-line-middle{opacity:0;transform:translateX(7px)}
  .mobile-native-menu[open] .menu-line-bottom{transform:translateY(-7px) rotate(-45deg)}

  .mobile-native-backdrop{
    position:fixed;
    z-index:1590;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    padding:0;
    border:0;
    background:rgba(7,27,43,.52);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .28s ease,visibility .28s ease;
  }
  .mobile-native-menu[open]>.mobile-native-backdrop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .mobile-native-panel{
    position:fixed;
    z-index:1602;
    top:calc(env(safe-area-inset-top,0px) + 82px);
    right:10px;
    left:10px;
    max-height:calc(100dvh - env(safe-area-inset-top,0px) - 94px);
    padding:15px;
    overflow:auto;
    overscroll-behavior:contain;
    border:1px solid rgba(255,255,255,.72);
    border-radius:28px;
    background:
      radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--secondary) 17%,transparent),transparent 30%),
      radial-gradient(circle at 5% 98%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 32%),
      linear-gradient(155deg,rgba(255,255,255,.98),color-mix(in srgb,var(--soft-blue) 42%,#fff));
    box-shadow:0 30px 80px rgba(9,35,53,.25),inset 0 1px 0 #fff;
    opacity:0;
    visibility:hidden;
    transform:translateY(-24px) scale(.97);
    transform-origin:top center;
    pointer-events:none;
  }
  .mobile-native-menu[open]>.mobile-native-panel{
    visibility:visible;
    pointer-events:auto;
    animation:nativeMenuDrop .46s cubic-bezier(.22,1,.36,1) both;
  }

  .mobile-native-panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:64px;
    padding:3px 3px 13px;
    border-bottom:1px solid rgba(22,79,114,.08);
  }

  .mobile-native-brand{
    display:flex;
    align-items:center;
    min-width:0;
    gap:11px;
  }
  .mobile-native-brand img{
    flex:0 0 auto;
    width:62px;
    height:49px;
    object-fit:contain;
    filter:drop-shadow(0 7px 10px rgba(28,75,105,.08));
  }
  .mobile-native-brand span{display:flex;min-width:0;flex-direction:column;line-height:1.2}
  .mobile-native-brand strong{overflow:hidden;color:var(--text);font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
  .mobile-native-brand small{margin-top:4px;overflow:hidden;color:var(--muted);font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}

  .mobile-native-close{
    display:grid;
    place-items:center;
    flex:0 0 auto;
    width:42px;
    height:42px;
    padding:0;
    border:1px solid color-mix(in srgb,var(--secondary) 17%,#f2dce6);
    border-radius:14px;
    background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--soft-pink) 72%,#fff));
    color:var(--secondary);
    box-shadow:0 9px 20px rgba(48,83,105,.08);
    cursor:pointer;
  }
  .mobile-native-close svg{width:19px;height:19px}

  .mobile-native-links{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    padding:14px 0;
  }

  .mobile-native-links>a{
    position:relative;
    display:grid;
    grid-template-columns:45px minmax(0,1fr) 23px;
    align-items:center;
    min-height:70px;
    gap:10px;
    padding:10px 9px;
    overflow:hidden;
    border:1px solid rgba(22,79,114,.08);
    border-radius:19px;
    background:rgba(255,255,255,.82);
    box-shadow:0 10px 23px rgba(28,72,101,.07),inset 0 1px 0 rgba(255,255,255,.95);
    color:var(--text);
    opacity:0;
    transform:translateY(14px);
    animation:nativeMenuItem .4s cubic-bezier(.22,1,.36,1) forwards;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-native-links>a:nth-child(1){animation-delay:.06s}
  .mobile-native-links>a:nth-child(2){animation-delay:.10s}
  .mobile-native-links>a:nth-child(3){animation-delay:.14s}
  .mobile-native-links>a:nth-child(4){animation-delay:.18s}
  .mobile-native-links>a:nth-child(5){animation-delay:.22s}
  .mobile-native-links>a:nth-child(6){animation-delay:.26s}
  .mobile-native-links>a:nth-child(7){animation-delay:.30s}
  .mobile-native-links>a:nth-child(8){animation-delay:.34s}
  .mobile-native-links>a:active{transform:scale(.97)!important}

  .mobile-native-link-icon{
    position:relative;
    display:grid;
    place-items:center;
    width:45px;
    height:45px;
    border-radius:15px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 13%,#fff),color-mix(in srgb,var(--soft-blue) 75%,#fff));
    color:var(--primary);
    box-shadow:0 9px 19px color-mix(in srgb,var(--primary) 11%,transparent),inset 0 1px 0 #fff;
  }
  .mobile-native-link-icon::after{
    content:"";
    position:absolute;
    inset:5px;
    border:1px solid rgba(255,255,255,.65);
    border-radius:11px;
  }
  .mobile-native-link-icon svg{position:relative;z-index:1;width:23px;height:23px;stroke-width:1.85}
  .mobile-native-links>a:nth-child(3n+2) .mobile-native-link-icon{
    color:var(--secondary);
    background:linear-gradient(145deg,color-mix(in srgb,var(--secondary) 12%,#fff),color-mix(in srgb,var(--soft-pink) 76%,#fff));
  }
  .mobile-native-links>a:nth-child(3n) .mobile-native-link-icon{
    color:#9a6a00;
    background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 21%,#fff),#fff9df);
  }

  .mobile-native-link-copy{display:flex;min-width:0;flex-direction:column;line-height:1.18}
  .mobile-native-link-copy strong{overflow:hidden;font-size:11.5px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
  .mobile-native-link-copy small{margin-top:5px;overflow:hidden;color:var(--muted);font-size:8px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
  .mobile-native-link-arrow{display:grid;place-items:center;color:color-mix(in srgb,var(--primary) 58%,var(--muted))}
  .mobile-native-link-arrow svg{width:16px;height:16px;stroke-width:2.2}

  .mobile-native-panel-foot{
    position:relative;
    display:flex;
    align-items:center;
    min-height:76px;
    gap:10px;
    padding:10px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--primary) 9%,transparent);
    border-radius:20px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,#fff),color-mix(in srgb,var(--secondary) 7%,#fff));
  }
  .mobile-native-call{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:39px minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:center;
    min-width:0;
    gap:1px 9px;
  }
  .mobile-native-call>span{
    display:grid;
    grid-row:1/3;
    place-items:center;
    width:39px;
    height:39px;
    border-radius:13px;
    background:linear-gradient(145deg,var(--secondary),color-mix(in srgb,var(--secondary) 70%,var(--primary)));
    color:#fff;
    box-shadow:0 9px 18px color-mix(in srgb,var(--secondary) 24%,transparent);
  }
  .mobile-native-call svg{width:19px;height:19px}
  .mobile-native-call b{overflow:hidden;color:var(--text);font-size:11px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
  .mobile-native-call small{color:var(--muted);font-size:8px;font-weight:750}

  .mobile-native-characters{
    position:absolute;
    right:-4px;
    bottom:-14px;
    width:112px;
    height:98px;
    object-fit:contain;
    object-position:right bottom;
    filter:drop-shadow(0 10px 12px rgba(28,73,103,.12));
    pointer-events:none;
    animation:nativeCharactersFloat 3.2s ease-in-out infinite;
  }

  .template-test-clinic .mobile-native-panel{
    background:
      radial-gradient(circle at 94% 3%,rgba(128,76,255,.15),transparent 31%),
      radial-gradient(circle at 2% 98%,rgba(22,199,183,.14),transparent 31%),
      linear-gradient(155deg,rgba(255,255,255,.98),#f7f5ff);
  }
}

@media (max-width:560px){
  .mobile-native-links{grid-template-columns:1fr}
  .mobile-native-links>a{min-height:62px;grid-template-columns:44px minmax(0,1fr) 25px}
  .mobile-native-link-copy strong{font-size:12.5px}
  .mobile-native-link-copy small{font-size:8.5px}
  .mobile-native-panel{padding:13px;border-radius:25px}
}

@media (max-width:390px){
  .mobile-native-menu{width:44px;height:44px}
  .mobile-native-menu>summary{width:44px;height:44px;border-radius:14px}
  .mobile-native-panel{top:calc(env(safe-area-inset-top,0px) + 78px);right:7px;left:7px;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 87px)}
  .mobile-native-panel-head{min-height:58px}
  .mobile-native-brand img{width:55px;height:43px}
  .mobile-native-characters{width:98px}
}

@keyframes nativeMenuDrop{
  from{opacity:0;transform:translateY(-24px) scale(.97)}
  to{opacity:1;transform:none}
}
@keyframes nativeMenuItem{
  to{opacity:1;transform:none}
}
@keyframes nativeCharactersFloat{
  50%{transform:translateY(-5px) rotate(-1.5deg)}
}

@media (prefers-reduced-motion:reduce){
  .mobile-native-menu>summary,
  .mobile-native-trigger-icon .menu-line,
  .mobile-native-panel,
  .mobile-native-links>a,
  .mobile-native-characters{animation:none!important;transition:none!important}
  .mobile-native-menu[open]>.mobile-native-panel,
  .mobile-native-links>a{opacity:1!important;transform:none!important}
}