/* V5.12 — mobil uygulama tipi alt navigasyon + hikâye geçiş boşluk revizyonu */
.kids-mobile-app-shell{display:none}

@media (max-width:920px){
  html,body{touch-action:pan-y}
  body.template-kids,
  body.service-detail-page{
    padding-bottom:calc(92px + env(safe-area-inset-bottom,0px));
  }

  /* Üstte hamburger yerine sade, dengeli marka header'ı. */
  .template-kids .mobile-native-menu,
  .service-detail-page .mobile-native-menu{display:none!important}
  .template-kids .site-header .header-inner,
  .service-detail-page .site-header .header-inner,
  .template-kids.smart-header .site-header.is-scrolled .header-inner,
  .service-detail-page.smart-header .site-header.is-scrolled .header-inner{
    grid-template-columns:1fr!important;
    width:calc(100% - 18px)!important;
    height:64px!important;
    min-height:64px!important;
    padding:0 10px!important;
  }
  .template-kids .site-header .brand,
  .service-detail-page .site-header .brand{
    grid-column:1!important;
    justify-self:center!important;
    max-width:calc(100vw - 40px)!important;
  }
  .template-kids .site-header .brand img,
  .service-detail-page .site-header .brand img{
    width:96px!important;
    max-width:96px!important;
    height:54px!important;
  }

  .kids-mobile-app-shell{display:block}
  .kids-mobile-app-dock{
    position:fixed;
    z-index:7200;
    right:10px;
    bottom:max(9px,env(safe-area-inset-bottom,0px));
    left:10px;
    height:72px;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:end;
    gap:2px;
    padding:8px 7px 7px;
    border:1px solid color-mix(in srgb,var(--primary) 10%,rgba(255,255,255,.9));
    border-radius:25px;
    background:color-mix(in srgb,#fff 89%,transparent);
    box-shadow:0 18px 45px rgba(16,49,78,.19),inset 0 1px 0 rgba(255,255,255,.96);
    backdrop-filter:blur(22px) saturate(1.35);
    -webkit-backdrop-filter:blur(22px) saturate(1.35);
  }
  .kids-mobile-app-item,
  .kids-mobile-app-more{
    position:relative;
    min-width:0;
    height:55px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:3px 2px;
    border:0;
    border-radius:17px;
    color:#75849a;
    background:transparent;
    font-family:var(--body-font);
    font-size:9px;
    font-weight:850;
    line-height:1;
    text-align:center;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:color .22s ease,background .22s ease,transform .18s ease;
  }
  .kids-mobile-app-item:active,
  .kids-mobile-app-more:active{transform:scale(.94)}
  .kids-mobile-app-icon{
    width:29px;
    height:29px;
    display:grid;
    place-items:center;
    border-radius:10px;
    transition:transform .25s cubic-bezier(.22,1,.36,1),background .22s ease,box-shadow .22s ease;
  }
  .kids-mobile-app-icon svg{width:21px;height:21px;stroke-width:2.05}
  .kids-mobile-app-item.is-active{
    color:var(--primary);
    background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 10%,#fff),color-mix(in srgb,var(--soft-blue) 78%,#fff));
  }
  .kids-mobile-app-item.is-active .kids-mobile-app-icon{
    color:#fff;
    background:linear-gradient(145deg,var(--primary),#36b9e7);
    box-shadow:0 8px 16px color-mix(in srgb,var(--primary) 24%,transparent);
    transform:translateY(-1px);
  }
  .kids-mobile-app-item:nth-of-type(4).is-active .kids-mobile-app-icon{
    background:linear-gradient(145deg,var(--secondary),#ff76ac);
  }

  /* Ortadaki karakterli uygulama menüsü. */
  .kids-mobile-app-more{
    height:65px;
    margin-top:-13px;
    color:#263b5d;
    overflow:visible;
  }
  .kids-mobile-app-more-art{
    width:56px;
    height:48px;
    display:grid;
    place-items:end center;
    margin-top:-13px;
    border:3px solid rgba(255,255,255,.96);
    border-radius:20px 20px 16px 16px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--secondary) 12%,#fff),color-mix(in srgb,var(--primary) 10%,#fff));
    box-shadow:0 11px 24px rgba(34,76,110,.17),inset 0 1px 0 #fff;
    overflow:hidden;
  }
  .kids-mobile-app-more-art img{width:61px;height:53px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 6px 7px rgba(33,61,91,.13))}
  .kids-mobile-app-more.is-active{color:var(--secondary)}
  .kids-mobile-app-more.is-active .kids-mobile-app-more-art{
    box-shadow:0 0 0 4px color-mix(in srgb,var(--secondary) 12%,transparent),0 12px 25px rgba(34,76,110,.2);
  }

  /* Alt sayfa menü paneli. */
  .kids-mobile-app-sheet{
    position:fixed;
    z-index:7600;
    inset:0;
    display:grid;
    align-items:end;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transition:opacity .25s ease,visibility .25s ease;
  }
  .kids-mobile-app-sheet.is-open{visibility:visible;opacity:1;pointer-events:auto}
  .kids-mobile-app-backdrop{
    position:absolute;
    inset:0;
    border:0;
    background:rgba(8,26,44,.52);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }
  .kids-mobile-app-dialog{
    position:relative;
    z-index:1;
    width:100%;
    max-height:min(78dvh,720px);
    padding:9px 16px calc(96px + env(safe-area-inset-bottom,0px));
    overflow:auto;
    border:1px solid rgba(255,255,255,.92);
    border-radius:32px 32px 0 0;
    color:var(--text);
    background:
      radial-gradient(circle at 90% 4%,color-mix(in srgb,var(--secondary) 13%,transparent),transparent 28%),
      radial-gradient(circle at 5% 95%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 31%),
      linear-gradient(155deg,rgba(255,255,255,.99),#f8fcff);
    box-shadow:0 -24px 70px rgba(12,42,69,.25);
    transform:translateY(105%);
    transition:transform .42s cubic-bezier(.22,1,.36,1);
    outline:none;
  }
  .kids-mobile-app-sheet.is-open .kids-mobile-app-dialog{transform:none}
  .kids-mobile-app-grabber{display:block;width:48px;height:5px;margin:0 auto 12px;border-radius:99px;background:#d9e5ed}
  .kids-mobile-app-head{display:grid;grid-template-columns:64px minmax(0,1fr) 40px;align-items:center;gap:12px;padding:3px 0 14px}
  .kids-mobile-app-head-art{width:64px;height:58px;display:grid;place-items:end center;border-radius:21px;background:linear-gradient(145deg,#fff1f7,#eaf8ff);overflow:hidden}
  .kids-mobile-app-head-art img{width:70px;height:62px;object-fit:contain;object-position:center bottom}
  .kids-mobile-app-head h2{margin:0;color:#17375a;font:900 21px/1.05 var(--heading-font);letter-spacing:-.03em}
  .kids-mobile-app-head p{margin:5px 0 0;color:#76869a;font:650 10px/1.45 var(--body-font)}
  .kids-mobile-app-close{width:40px;height:40px;display:grid;place-items:center;border:1px solid #e3edf3;border-radius:14px;color:var(--primary);background:#fff;box-shadow:0 8px 18px rgba(34,72,100,.08)}
  .kids-mobile-app-close svg{width:19px;height:19px}
  .kids-mobile-app-sheet-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .kids-mobile-app-sheet-links>a{
    min-height:68px;
    display:grid;
    grid-template-columns:43px minmax(0,1fr) 18px;
    align-items:center;
    gap:9px;
    padding:9px;
    border:1px solid rgba(29,83,121,.075);
    border-radius:19px;
    color:var(--text);
    background:rgba(255,255,255,.84);
    box-shadow:0 9px 22px rgba(28,68,96,.065),inset 0 1px 0 #fff;
  }
  .kids-mobile-app-sheet-links>a.is-active{border-color:color-mix(in srgb,var(--primary) 28%,transparent);background:color-mix(in srgb,var(--soft-blue) 76%,#fff)}
  .kids-mobile-app-sheet-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;color:var(--primary);background:linear-gradient(145deg,#ecf8ff,#fff);box-shadow:inset 0 1px 0 #fff}
  .kids-mobile-app-sheet-links>a:nth-child(3n+2) .kids-mobile-app-sheet-icon{color:var(--secondary);background:linear-gradient(145deg,#fff0f6,#fff)}
  .kids-mobile-app-sheet-links>a:nth-child(3n) .kids-mobile-app-sheet-icon{color:#a56f00;background:linear-gradient(145deg,#fff7d8,#fff)}
  .kids-mobile-app-sheet-icon svg{width:22px;height:22px}
  .kids-mobile-app-sheet-links>a>span:nth-child(2){display:flex;min-width:0;flex-direction:column}
  .kids-mobile-app-sheet-links strong{overflow:hidden;font-size:11px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
  .kids-mobile-app-sheet-links small{margin-top:4px;overflow:hidden;color:var(--muted);font-size:8px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
  .kids-mobile-app-chevron{width:16px;height:16px;color:#91a1b1}
  .kids-mobile-app-theme{display:grid;gap:8px;margin-top:12px;padding:12px;border:1px solid rgba(30,83,120,.08);border-radius:20px;background:linear-gradient(135deg,#f2faff,#fff3f8)}
  .kids-mobile-app-theme-label{color:#73849a;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
  .kids-app-theme-switch{width:100%!important;max-width:none!important;margin:0!important}
  body.kids-app-menu-open{overflow:hidden!important}

  /* Fixed dock nedeniyle diğer sabit kontrolleri yukarı al. */
  .template-kids .character-top,
  .service-detail-page .character-top{bottom:calc(98px + env(safe-area-inset-bottom,0px))!important}
  .service51-reading-helper{bottom:calc(91px + env(safe-area-inset-bottom,0px))!important}

  /* Gece görünümü. */
  html[data-theme='night'] .kids-mobile-app-dock{border-color:rgba(162,201,230,.12);background:rgba(10,29,47,.91);box-shadow:0 20px 48px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.035)}
  html[data-theme='night'] .kids-mobile-app-item,
  html[data-theme='night'] .kids-mobile-app-more{color:#9db0c5}
  html[data-theme='night'] .kids-mobile-app-item.is-active{color:#eaf8ff;background:rgba(61,171,225,.13)}
  html[data-theme='night'] .kids-mobile-app-more-art{border-color:#17334f;background:linear-gradient(145deg,#251e3e,#102f4b)}
  html[data-theme='night'] .kids-mobile-app-dialog{border-color:rgba(165,204,232,.12);background:radial-gradient(circle at 90% 4%,rgba(246,83,151,.12),transparent 28%),linear-gradient(155deg,#112b45,#091b2d);box-shadow:0 -24px 70px rgba(0,0,0,.52)}
  html[data-theme='night'] .kids-mobile-app-head h2{color:#f2f9ff}
  html[data-theme='night'] .kids-mobile-app-head p,
  html[data-theme='night'] .kids-mobile-app-theme-label{color:#9eb0c4}
  html[data-theme='night'] .kids-mobile-app-head-art,
  html[data-theme='night'] .kids-mobile-app-close,
  html[data-theme='night'] .kids-mobile-app-sheet-links>a{border-color:rgba(160,199,228,.1);color:#edf8ff;background:rgba(16,43,68,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
  html[data-theme='night'] .kids-mobile-app-sheet-icon{background:#173b5b}
  html[data-theme='night'] .kids-mobile-app-sheet-links small{color:#9db0c5}
  html[data-theme='night'] .kids-mobile-app-theme{border-color:rgba(160,199,228,.1);background:linear-gradient(135deg,#153650,#251c3b)}

  /* Mobil scroll hikâyesinde metinlerin üst üste binmesini engelleyen nefes alan geçiş. */
  .home50-story-scroll{height:270svh;min-height:1580px}
  .home50-story-sticky{top:64px;height:calc(100svh - 64px);min-height:540px}
  .home50-story-character{bottom:14%}
  .home50-heart-scene{top:43%}
  .home50-story-complete{
    bottom:calc(93px + env(safe-area-inset-bottom,0px));
    width:min(344px,calc(100% - 30px));
    min-width:0;
    padding:13px 46px 13px 15px;
    border-radius:22px;
  }
  .home50-story-complete strong{font-size:10px;line-height:1.3}
  .home50-story-complete span{font-size:8px;line-height:1.45}
  .home50-story-complete svg{position:absolute;right:15px;top:50%;transform:translateY(-50%)}
  .home511-story-card-connector{
    width:calc(100% - 24px);
    height:182px;
    margin:18px auto -24px;
    padding-top:40px;
  }
  .home511-connector-trail{top:-50px}
  .home511-connector-message{min-height:112px;padding:18px 46px 18px 16px;grid-template-columns:48px minmax(0,1fr);gap:12px;border-radius:28px}
  .home511-connector-copy{gap:6px}
  .home511-connector-copy small{font-size:8px;line-height:1.2}
  .home511-connector-copy strong{font-size:19px;line-height:1.15}
  .home511-connector-copy p{font-size:9px;line-height:1.55}
  .home511-connector-tail{bottom:-33px}
  .home511-character-cards-connected{margin-top:-18px;padding-top:126px;border-radius:42px 42px 0 0}
  .home511-character-cards-connected .home51-character-cards-heading{padding-inline:14px}
  .home511-character-cards-connected .home51-character-cards-heading:before{top:-39px}
  .home51-character-cards-heading span{display:block;margin-bottom:8px}
  .home51-character-cards-heading h2{margin-top:0;line-height:1.08}
  .home51-character-cards-heading p{margin-top:10px;line-height:1.55}
}

@media (max-width:390px){
  .kids-mobile-app-dock{right:6px;left:6px;gap:0;padding-inline:4px}
  .kids-mobile-app-item,.kids-mobile-app-more{font-size:8px}
  .kids-mobile-app-more-art{width:52px}
  .kids-mobile-app-sheet-links{grid-template-columns:1fr}
  .kids-mobile-app-dialog{padding-inline:12px}
  .home50-story-complete{width:calc(100% - 22px)}
  .home511-story-card-connector{width:calc(100% - 16px)}
}

@media (prefers-reduced-motion:reduce){
  .kids-mobile-app-item,.kids-mobile-app-more,.kids-mobile-app-sheet,.kids-mobile-app-dialog{transition:none!important}
}