/* Sayfa-spesifik CSS: mobile-app | Tur 5.0 chunking */
.mobile-app-page{padding:.45rem 0 1rem}
.mobile-app-wrap{display:grid;gap:.8rem}
.mobile-hero-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:calc(var(--radius)+2px);background:radial-gradient(circle at right top,rgba(255,179,71,.12),transparent 26%),linear-gradient(180deg,color-mix(in srgb,var(--card) 97%,transparent) 0%,var(--card) 100%);box-shadow:var(--shadow-md)}
.mobile-hero-card::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,150,0,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,150,0,.018) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.14),transparent 72%);pointer-events:none}
.mobile-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:center;gap:1rem;padding:1rem}
.mobile-copy{max-width:640px}
.mobile-kicker-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.7rem}
.mobile-kicker{min-height:30px;display:inline-flex;align-items:center;justify-content:center;padding:.4rem .78rem;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--primary-light) 62%,var(--card) 38%);color:var(--primary-dark);font-size:.71rem;font-weight:800;box-shadow:var(--shadow-sm)}
.mobile-kicker-solid{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-color:transparent}
.mobile-title{margin:0;color:var(--text);font-size:2.25rem;line-height:1.02;letter-spacing:-0.04em;max-width:620px}
.mobile-title span{display:block;color:var(--primary-dark)}
.mobile-actions{margin-top:.9rem}
.mobile-primary-btn{position:relative;min-height:50px;padding:0 1.15rem;border:none;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:.88rem;font-weight:800;cursor:pointer;overflow:hidden;box-shadow:0 12px 26px rgba(255,150,0,.24);transition:var(--transition)}
.mobile-primary-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(255,150,0,.30)}
.mobile-primary-btn[disabled]{opacity:.72;cursor:not-allowed;transform:none;box-shadow:none}
.btn-glow{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.22) 50%,transparent 80%);transform:translateX(-130%);pointer-events:none}
.mobile-primary-btn:hover .btn-glow{animation:btnShine 1s ease}
.mobile-status{margin-top:.38rem;min-height:18px;color:var(--text-light);font-size:.76rem;line-height:1.42}
.mobile-guide{margin-top:.5rem;padding:.8rem;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--card) 91%,var(--primary-light) 9%),var(--card));box-shadow:var(--shadow-sm);animation:guideIn .22s ease}
.mobile-guide-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.32rem}
.mobile-guide-badge{min-height:24px;display:inline-flex;align-items:center;justify-content:center;padding:.22rem .56rem;border-radius:999px;border:1px solid rgba(255,179,71,.45);background:var(--primary-light);color:var(--primary-dark);font-size:.65rem;font-weight:800}
.mobile-guide-top strong{color:var(--text);font-size:.83rem}
.mobile-guide-text{color:var(--text-light);font-size:.79rem;line-height:1.56}
.mobile-store-banner{display:flex;align-items:flex-start;gap:.72rem;margin-top:.72rem;padding:.82rem;border-radius:16px;border:1px solid var(--border);background:color-mix(in srgb,var(--card) 88%,var(--primary-light) 12%);box-shadow:var(--shadow-sm)}
.mobile-store-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--primary-soft);color:var(--primary-dark);font-size:.98rem;font-weight:900}
.mobile-store-text{display:flex;flex-direction:column;gap:.1rem}
.mobile-store-text strong{color:var(--text);font-size:.85rem;line-height:1.42;font-weight:800}
.mobile-store-text span{color:var(--text-light);font-size:.79rem;line-height:1.54}
.mobile-visual{display:flex;justify-content:center;align-items:center}
.mobile-app-icon{width:70px;height:70px;margin-bottom:.72rem;display:flex;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:1.58rem;font-weight:900;box-shadow:0 12px 22px rgba(255,150,0,.22)}
.mobile-app-title{color:var(--text);font-size:1.28rem;font-weight:800;margin-bottom:.14rem}
.mobile-app-subtitle{max-width:180px;color:var(--text-light);font-size:.74rem;line-height:1.5}
.mobile-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.76rem}
.mobile-info-card{padding:.95rem;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:var(--shadow-sm);transition:var(--transition)}
.mobile-info-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.mobile-info-tag{min-height:27px;display:inline-flex;align-items:center;justify-content:center;padding:.32rem .62rem;margin-bottom:.48rem;border-radius:999px;border:1px solid rgba(255,179,71,.45);background:var(--primary-light);color:var(--primary-dark);font-size:.68rem;font-weight:800}
.mobile-info-tag-ios{background:color-mix(in srgb,var(--card) 70%,var(--primary-soft) 30%)}
.mobile-info-card h2{color:var(--text);font-size:.98rem;margin-bottom:.18rem}
.mobile-info-card ol{margin:.48rem 0 0 0 !important;padding-left:1.16rem !important}
.mobile-info-card li{color:var(--text-light);font-size:.79rem;line-height:1.62;margin-bottom:.42rem;padding-left:.1rem !important}
.mobile-lead{
  margin:.85rem 0 1.2rem !important;
  font-size:1rem;
  line-height:1.7;
  color:var(--text-light);
}
.mobile-feature-stack{
  display:flex;
  flex-direction:column;
  gap:.85rem;
  width:100%;
  max-width:420px;
}
.mobile-feature-pill{
  display:flex;
  align-items:center;
  gap:.95rem;
  padding:1rem 1.15rem;
  border:1px solid var(--border);
  border-radius:18px;
  background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card) 88%,var(--primary-light) 12%));
  box-shadow:0 4px 12px rgba(255,150,0,.05);
  transition:transform .2s ease,box-shadow .2s ease;
}
.mobile-feature-pill:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(255,150,0,.10);
}
.mobile-feature-pill__icon{
  flex:0 0 48px;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:var(--primary-light);
  color:var(--primary-dark);
}
.mobile-feature-pill__body{
  display:flex;
  flex-direction:column;
  gap:.18rem;
  min-width:0;
}
.mobile-feature-pill__body strong{
  font-size:.98rem;
  color:var(--text);
  font-weight:800;
  line-height:1.3;
}
.mobile-feature-pill__body span{
  font-size:.8rem;
  color:var(--text-light);
  line-height:1.55;
}
.mobile-benefits-section,
.mobile-faq-section{
  margin-top:2rem;
  padding:1.8rem;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:24px;
  box-shadow:0 4px 14px rgba(0,0,0,.03);
}
.mobile-benefits-section h2,
.mobile-faq-section h2{
  margin:0 0 1.5rem;
  font-size:1.4rem;
  color:var(--primary-dark);
  position:relative;
  padding-bottom:.65rem;
  border-bottom:2px solid rgba(255,150,0,.15);
}
.mobile-benefits-section h2::after,
.mobile-faq-section h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:50px;
  height:2px;
  background:var(--primary);
}
.mobile-benefits-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:1.1rem;
}
.mobile-benefit-item{
  padding:1.15rem;
  background:var(--bg);
  border:1px solid var(--border);
  border-radius:16px;
}
.mobile-benefit-item h3{
  margin:0 0 .5rem;
  font-size:1rem;
  color:var(--text);
  font-weight:800;
}
.mobile-benefit-item p{
  margin:0;
  font-size:.85rem;
  line-height:1.75;
  color:var(--text-light);
}
.mobile-faq-grid{
  display:grid;
  gap:.95rem;
}
.mobile-faq-item{
  padding:1.15rem 1.25rem;
  background:var(--bg);
  border:1px solid var(--border);
  border-radius:14px;
}
.mobile-faq-item h3{
  margin:0 0 .42rem;
  font-size:.98rem;
  color:var(--primary-dark);
  font-weight:800;
  line-height:1.4;
}
.mobile-faq-item p{
  margin:0;
  font-size:.86rem;
  line-height:1.75;
  color:var(--text);
}