/* /assets/mobile/mobile.css — v3.1.0 */
.u-mobile, .u-mobile * { box-sizing: border-box; }
.u-mobile { --ink:#0b1220; --muted:#475569; --brand:#2563eb; --bg:#ffffff; --ring:#e2e8f0; color:var(--ink); background:var(--bg); font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial; }
.u-mobile img { max-width:100%; height:auto; display:block; }
.u-wrap { max-width:1200px; margin:0 auto; padding:0 16px; }
.u-grid { display:grid; grid-template-columns:1fr; gap:14px; }
@media (min-width: 640px){ .u-grid.u-grid-2 { grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1000px){ .u-grid.u-grid-3 { grid-template-columns: repeat(3,1fr); } }
.u-card { background:#fff; border:1px solid var(--ring); border-radius:16px; padding:14px; }
.u-title { font-size:clamp(24px,6vw,40px); line-height:1.12; margin:0 0 8px; letter-spacing:-.02em; }
.u-sub { color:var(--muted); margin:0 0 12px; }
.u-btn { display:inline-flex; align-items:center; justify-content:center; padding:12px 16px; min-height:44px; border-radius:12px; background:linear-gradient(135deg,#2563eb,#6366f1); color:#fff; text-decoration:none; border:none; }
.u-progress { height:10px; border:1px solid var(--ring); border-radius:999px; overflow:hidden; }
.u-progress > i { display:block; height:100%; background:linear-gradient(90deg,#22d3ee,#2563eb); width:0; }
.u-text-center { text-align:center }
.u-mt-1{margin-top:6px}.u-mt-2{margin-top:12px}.u-mt-3{margin-top:18px}
.u-muted{color:var(--muted)}
/* nav helpers (opsiyonel): .u-mobile-open + .u-mobile-menu */
.u-nav { position:sticky; top:0; z-index:40; backdrop-filter:saturate(180%) blur(8px); background:rgba(255,255,255,.9); border-bottom:1px solid var(--ring); }
.u-nav-in { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; }
.u-menu { display:none; gap:10px; }
.u-burger { display:inline-flex; align-items:center; gap:6px; padding:10px 12px; border:1px solid var(--ring); border-radius:12px; background:none; }
@media (min-width: 860px){ .u-menu{ display:flex } .u-burger{ display:none } }
.u-mobile-open .u-mobile-menu { display:block; border-bottom:1px solid var(--ring); }
.u-mobile-menu a { display:block; padding:14px 16px; border-top:1px solid var(--ring); }