/* V71.12 — Mobile Experience. Masaüstü düzeni etkilenmez. */
:root{--mobile-nav-height:72px;--mobile-safe-bottom:env(safe-area-inset-bottom,0px)}
.mobile-app-nav,.mobile-search-shell,.mobile-official-tabs{display:none}
@media(max-width:900px){
  html{scroll-behavior:smooth;scroll-padding-top:78px}
  body{padding-bottom:calc(var(--mobile-nav-height) + var(--mobile-safe-bottom));background:#f5f8fc}
  body.mobile-nav-open{overflow:hidden}
  .site-header{position:sticky;top:0;z-index:80;background:color-mix(in srgb,var(--theme-surface,#fff) 92%,transparent);backdrop-filter:blur(14px);box-shadow:0 6px 24px rgba(7,31,67,.08)}
  .site-header .v66-wrap{min-height:62px!important;padding-left:14px;padding-right:12px;gap:8px}
  .brand-link img{width:min(168px,46vw)!important;max-height:44px!important}
  .header-actions{gap:7px}
  .header-icon-button{height:40px;min-width:40px;border-radius:11px}
  .mobile-search-button{display:inline-flex!important}
  .mobile-toggle{display:inline-flex!important}
  .mobile-nav-open .main-nav{position:fixed!important;inset:62px 10px calc(var(--mobile-nav-height) + var(--mobile-safe-bottom) + 8px) 10px!important;top:62px!important;right:10px!important;left:10px!important;overflow-y:auto;border:1px solid #dfe8f1;border-radius:16px;padding:10px!important;box-shadow:0 20px 50px rgba(6,34,70,.22);background:#fff!important;z-index:95}
  .mobile-nav-open .main-nav a{height:48px!important;padding:0 12px;border-radius:10px}
  .mobile-nav-open .main-nav a.active{background:#edf5ff}

  .mobile-search-shell{display:block;padding:10px 14px 8px;background:#f5f8fc;position:relative;z-index:20}
  .mobile-search-form{max-width:700px;margin:0 auto;display:flex;align-items:center;gap:8px;border:1px solid #dce6f0;background:#fff;border-radius:16px;padding:7px 8px 7px 13px;box-shadow:0 7px 22px rgba(9,42,81,.06)}
  .mobile-search-form svg{width:19px;height:19px;color:#496c91;flex:0 0 auto}
  .mobile-search-form input{border:0!important;outline:0!important;box-shadow:none!important;min-width:0;flex:1;height:34px;background:transparent;color:#183755;font-size:14px;padding:0 4px!important}
  .mobile-search-form button{height:36px;padding:0 13px;border:0;border-radius:11px;background:#0a3569;color:#fff;font-size:11px;font-weight:900;letter-spacing:.02em}

  .mobile-app-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;left:8px;right:8px;bottom:calc(7px + var(--mobile-safe-bottom));height:64px;z-index:100;border:1px solid rgba(185,200,216,.88);background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-radius:20px;box-shadow:0 12px 36px rgba(6,33,67,.18);overflow:hidden}
  .mobile-app-nav a,.mobile-app-nav button{appearance:none;border:0;background:transparent;color:#66798e;text-decoration:none;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;font-weight:850;letter-spacing:.01em;position:relative;padding:4px 1px}
  .mobile-app-nav svg{width:21px;height:21px;stroke-width:1.9}
  .mobile-app-nav .is-active{color:#0a4f92}
  .mobile-app-nav .is-active:before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:0 0 5px 5px;background:#d6a12b}
  .mobile-app-nav .calendar-action{margin-top:-10px;color:#fff}
  .mobile-app-nav .calendar-action:after{content:"";position:absolute;width:49px;height:49px;border-radius:16px;background:linear-gradient(145deg,#0c4a86,#062c58);box-shadow:0 8px 18px rgba(4,45,90,.24);z-index:-1;top:3px}
  .mobile-app-nav .calendar-action span{transform:translateY(3px);font-size:8.5px;color:#173756;margin-top:12px}

  /* Ana sayfa: masaüstünün küçültülmüş hali değil, mobil uygulama sırası. */
  body[data-page="home"] .home-layout-stage{padding-top:0;background:#f5f8fc}
  body[data-page="home"] .home-layout-stage>.v66-wrap{padding-left:12px;padding-right:12px}
  body[data-page="home"] .home-layout-grid{gap:11px}
  body[data-page="home"] .home-layout-block{border-radius:16px}
  body[data-page="home"] .home-layout-block.layout-bleed{width:auto!important;margin-left:0!important;grid-column:1/-1!important}
  body[data-page="home"] .home-layout-block[data-layout-mobile-active="0"]{display:none!important}
  body[data-page="home"] .home-layout-block[data-layout-mobile-fixed="1"]{height:var(--layout-mobile-height)!important;max-height:var(--layout-mobile-height)!important}
  body[data-page="home"] .home-layout-block[data-layout-mobile-overflow="scroll"] .layout-scroll-target{overflow-y:auto!important;overflow-x:hidden;max-height:var(--layout-mobile-target-max,420px)!important;overscroll-behavior:contain;scrollbar-width:thin}
  body[data-page="home"] .home-layout-block[data-layout-mobile-overflow="hidden"] .layout-scroll-target{overflow:hidden!important}
  body[data-page="home"] .home-layout-block[data-layout-mobile-overflow="expand"] .layout-scroll-target{overflow:visible!important;max-height:none!important}

  body[data-page="home"] .quote-card{padding:17px 16px;grid-template-columns:minmax(0,1fr) 74px!important;gap:10px;background:linear-gradient(145deg,#fff,#f7fbff);border:1px solid #dfeaf5;box-shadow:0 8px 24px rgba(7,42,82,.06)}
  body[data-page="home"] .quote-kicker{font-size:10px;letter-spacing:.07em}
  body[data-page="home"] .quote-text{font-size:17px!important;line-height:1.45;margin-top:7px}
  body[data-page="home"] .today-badge{font-size:9px;padding:5px 8px;margin-bottom:7px}
  body[data-page="home"] .api-sign{margin:0!important;align-self:center}
  body[data-page="home"] .api-face{width:58px;height:58px;font-size:0!important;border-radius:17px}
  body[data-page="home"] .api-face svg{width:30px;height:30px}
  body[data-page="home"] .api-name{font-size:8px;line-height:1.15;margin-top:5px;text-align:center}

  body[data-page="home"] .calendar-card{overflow:hidden}
  body[data-page="home"] .calendar-card .panel-head{padding-bottom:8px}
  body[data-page="home"] .calendar-card .calendar-list{display:flex!important;gap:9px;overflow-x:auto!important;overflow-y:hidden!important;max-height:none!important;padding:0 12px 13px;scroll-snap-type:x proximity;scrollbar-width:none}
  body[data-page="home"] .calendar-card .calendar-list::-webkit-scrollbar{display:none}
  body[data-page="home"] .calendar-card .calendar-row{flex:0 0 min(78vw,286px);min-height:104px;display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;grid-template-rows:auto 1fr;gap:5px 10px;padding:12px;border:1px solid #e0e9f2;border-radius:14px;background:linear-gradient(155deg,#fff,#f7fbff);scroll-snap-align:start;box-shadow:0 4px 14px rgba(10,43,80,.045)}
  body[data-page="home"] .calendar-day{grid-row:1/3;width:52px;height:60px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#eef6ff;color:#0b4d88;font-size:21px;font-weight:950}
  body[data-page="home"] .calendar-day small{font-size:9px;margin-top:1px}
  body[data-page="home"] .calendar-title{font-size:11px;line-height:1.38;align-self:center;color:#1c3857;font-weight:800}
  body[data-page="home"] .days-badge{grid-column:2!important;grid-row:2!important;justify-self:start!important;align-self:end;margin:0;font-size:8px}

  body[data-page="home"] .shortcuts-section{padding:0!important;background:transparent!important}
  body[data-page="home"] .shortcuts-section>.v66-wrap{padding:0!important}
  body[data-page="home"] .shortcuts-section .section-label{font-size:15px;margin:3px 3px 9px;color:#183858}
  body[data-page="home"] .shortcut-grid{display:flex!important;grid-template-columns:none!important;gap:9px;overflow-x:auto;padding:0 1px 5px;scroll-snap-type:x proximity;scrollbar-width:none}
  body[data-page="home"] .shortcut-grid::-webkit-scrollbar{display:none}
  body[data-page="home"] .shortcut{flex:0 0 152px;min-height:104px!important;padding:13px!important;display:grid!important;grid-template-columns:42px 1fr!important;align-content:center;gap:8px;border-radius:15px;scroll-snap-align:start}
  body[data-page="home"] .shortcut-icon{width:40px;height:40px;border-radius:12px}
  body[data-page="home"] .shortcut-copy strong{font-size:11px}
  body[data-page="home"] .shortcut-copy small{font-size:8.5px;line-height:1.25;margin-top:3px}
  body[data-page="home"] .shortcut-arrow{display:none}

  .mobile-official-tabs{grid-column:1/-1;display:flex;gap:5px;align-items:center;padding:5px;background:#eaf1f8;border:1px solid #dae6f0;border-radius:14px;order:var(--layout-mobile-official-order,39);position:relative;z-index:4}
  .mobile-official-tabs button{flex:1;height:37px;border:0;border-radius:10px;background:transparent;color:#5f748c;font-size:10px;font-weight:900;padding:0 6px;white-space:nowrap}
  .mobile-official-tabs button.is-active{background:#fff;color:#0b4178;box-shadow:0 4px 12px rgba(12,51,91,.09)}
  body[data-page="home"] .mobile-official-source{display:none!important}
  body[data-page="home"] .mobile-official-source.mobile-official-active{display:block!important;grid-column:1/-1!important}
  body[data-page="home"] .mobile-official-source .panel-head{padding:12px 13px 8px}
  body[data-page="home"] .mobile-official-source .official-feed-scroll,
  body[data-page="home"] .mobile-official-source .rg-home-list{max-height:330px!important;overflow-y:auto!important}

  body[data-page="home"] .feature-cards{display:flex!important;gap:9px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:3px}
  body[data-page="home"] .feature-cards::-webkit-scrollbar{display:none}
  body[data-page="home"] .feature-card{flex:0 0 min(82vw,300px);scroll-snap-align:start;min-height:154px}
  body[data-page="home"] .audience-grid{display:flex!important;gap:9px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:3px}
  body[data-page="home"] .audience-grid::-webkit-scrollbar{display:none}
  body[data-page="home"] .audience-card{flex:0 0 min(82vw,300px);scroll-snap-align:start}

  body[data-page="home"] .hero{min-height:0!important;overflow:hidden;border-radius:18px!important;background:linear-gradient(135deg,#062a55,#0c477f)}
  body[data-page="home"] .hero-inner{display:grid;grid-template-columns:1fr 108px!important;padding:0!important;min-height:0}
  body[data-page="home"] .hero-copy{padding:22px 0 22px 17px!important}
  body[data-page="home"] .hero h1{font-size:30px!important;line-height:1.02;margin-bottom:9px}
  body[data-page="home"] .hero h1 span{display:block}
  body[data-page="home"] .hero p{font-size:11px!important;line-height:1.45;max-width:310px;margin-bottom:13px}
  body[data-page="home"] .hero-actions{gap:7px}
  body[data-page="home"] .hero-btn{height:36px;padding:0 10px!important;font-size:9px!important;border-radius:9px}
  body[data-page="home"] .hero-btn:nth-child(2){display:none}
  body[data-page="home"] .hero-media{display:block!important;min-height:160px!important;height:100%;overflow:hidden}
  body[data-page="home"] .hero-media img{height:100%;width:100%;object-fit:cover;object-position:58% center;opacity:.78}
  body[data-page="home"] .hero-media:before{content:"";position:absolute;inset:0!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,#082c58 0%,rgba(8,44,88,.1) 65%,transparent 100%)!important;z-index:1}

  body[data-page="home"] .panel{border-radius:16px;box-shadow:0 6px 20px rgba(7,41,79,.05)}
  body[data-page="home"] .panel-head{padding:13px 13px 9px}
  body[data-page="home"] .panel-head h2{font-size:14px}
  body[data-page="home"] .panel-link{font-size:9px}
  body[data-page="home"] .trust-strip{border-radius:16px;overflow:hidden}
  body[data-page="home"] .trust-item{padding:13px}
  body[data-page="home"] .trust-item:nth-child(n+4){display:none}

  /* İç sayfalar: daha uygulama benzeri kompakt üst alan. */
  .subhero{padding-top:26px!important;padding-bottom:24px!important}
  .subhero h1{font-size:29px!important}
  .subhero p{font-size:12px!important}
  .toolbar{border-radius:14px}
  .site-footer{margin-bottom:4px}
}
@media(max-width:520px){
  .mobile-search-shell{padding-left:10px;padding-right:10px}
  .mobile-search-form{border-radius:14px}
  body[data-page="home"] .home-layout-stage>.v66-wrap{padding-left:9px;padding-right:9px}
  body[data-page="home"] .hero-inner{grid-template-columns:1fr 92px!important}
  body[data-page="home"] .hero h1{font-size:27px!important}
  body[data-page="home"] .hero-media{min-height:150px!important}
  body[data-page="home"] .quote-card{grid-template-columns:minmax(0,1fr) 64px!important}
  body[data-page="home"] .api-face{width:52px;height:52px}
  body[data-page="home"] .quote-text{font-size:16px!important}
  .mobile-app-nav{left:5px;right:5px;bottom:calc(5px + var(--mobile-safe-bottom));border-radius:18px}
}
@media(min-width:901px){.mobile-search-button{display:none!important}}
@media(max-width:900px){body[data-page="home"] .mobile-official-source[data-layout-mobile-active="0"]{display:none!important}}