/* PWA: YÜKLEME KARTI, KURULUM REHBERİ VE REHBER SAYFASI */
.pwa-lock,.pwa-lock body{overflow:hidden}
.pwa-ico{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.17em;flex-shrink:0}

.pwa-banner{position:fixed;left:50%;bottom:calc(16px + var(--pwa-offset,0px));z-index:250;width:min(520px,calc(100% - 24px));display:flex;gap:12px;align-items:flex-start;padding:14px;padding-bottom:max(14px,env(safe-area-inset-bottom));background:#fff;color:#182a24;border:1px solid #dce8e0;border-radius:16px;box-shadow:0 18px 50px rgba(10,33,24,.24);font-family:Inter,Segoe UI,Arial,sans-serif;transform:translate(-50%,24px);opacity:0;transition:transform .3s ease,opacity .3s ease}
.pwa-banner.show{transform:translate(-50%,0);opacity:1}
.pwa-banner[hidden]{display:none}
.pwa-banner-icon{width:48px;height:48px;border-radius:12px;flex-shrink:0}
.pwa-banner-body{flex:1;min-width:0}
.pwa-banner-body strong{display:block;font-size:14px;color:#123d2d}
.pwa-banner-body p{margin:3px 0 0;font-size:12px;line-height:1.5;color:#5c6d63}
.pwa-banner-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}

.pwa-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 15px;border:1px solid transparent;border-radius:10px;font:inherit;font-size:12px;font-weight:800;line-height:1.2;text-decoration:none;cursor:pointer;transition:filter .15s,transform .15s}
.pwa-btn:hover{filter:brightness(.97);transform:translateY(-1px)}
.pwa-btn[hidden]{display:none}
.pwa-btn-primary{background:#176b4d;color:#fff}
.pwa-btn-ghost{background:#edf3ef;color:#176b4d;border-color:#dce6df}
.pwa-btn-light{background:#fff;color:#123d2d}
.pwa-x{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:#7c8c83;cursor:pointer;font-size:18px;flex-shrink:0}
.pwa-x:hover{background:#edf3ef;color:#123d2d}

.pwa-modal{position:fixed;inset:0;z-index:260;display:flex;align-items:flex-end;justify-content:center;padding:12px;background:rgba(10,33,24,.62);font-family:Inter,Segoe UI,Arial,sans-serif}
.pwa-modal[hidden]{display:none}
.pwa-card{position:relative;width:min(640px,100%);max-height:92vh;overflow:auto;background:#fff;color:#182a24;border-radius:18px;padding:22px;padding-bottom:max(22px,env(safe-area-inset-bottom));box-shadow:0 24px 80px rgba(0,0,0,.28);animation:pwa-in .18s ease-out}
.pwa-card-x{position:absolute;top:12px;right:12px}
@keyframes pwa-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:640px){.pwa-modal{align-items:center;padding:20px}}

.pwa-guide-head{display:flex;gap:14px;align-items:center;padding-right:36px}
.pwa-guide-head img{width:60px;height:60px;border-radius:16px;box-shadow:0 4px 14px rgba(18,61,45,.18);flex-shrink:0}
.pwa-guide-head h2{margin:0;font-size:18px;color:#123d2d;letter-spacing:-.2px}
.pwa-guide-head p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#5c6d63}
.pwa-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:18px 0 16px;padding:5px;background:#e8f1eb;border-radius:12px}
.pwa-tab{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 6px;border:0;border-radius:9px;background:transparent;color:#4a6356;font:inherit;font-size:12px;font-weight:800;cursor:pointer;text-align:center}
.pwa-tab:hover{background:#ffffff99}
.pwa-tab.active{background:#176b4d;color:#fff;box-shadow:0 4px 12px rgba(23,107,77,.25)}
.pwa-panel[hidden]{display:none}
.pwa-panel h3{margin:0 0 12px;font-size:13px;color:#123d2d;letter-spacing:.3px}
.pwa-steps{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.pwa-steps li{display:flex;gap:11px;align-items:flex-start;font-size:13px;line-height:1.6;color:#2c4137}
.pwa-num{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e8f5ee;color:#176b4d;font-size:12px;font-weight:800;flex-shrink:0}
.pwa-steps li>span:last-child{padding-top:3px}
.pwa-kbd{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border:1px solid #dce6df;border-radius:6px;background:#f5f8f6;color:#123d2d;font-weight:700;white-space:nowrap}
.pwa-alt{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#f5f8f6;color:#5c6d63;font-size:12px;line-height:1.6}
.pwa-note{display:flex;gap:9px;align-items:flex-start;margin-top:16px;padding:11px 13px;border:1px solid #f1e0b7;border-radius:10px;background:#fff8e8;color:#805e18;font-size:12px;line-height:1.55}
.pwa-note .pwa-ico{margin-top:2px}
.pwa-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #e5ece7}
.pwa-foot-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.pwa-link{color:#176b4d;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.pwa-muted{color:#7c8c83;font-size:12px}
@media(max-width:480px){.pwa-tab span{font-size:11px}.pwa-tab .pwa-ico{display:none}.pwa-card{padding:18px 16px}.pwa-foot-actions{width:100%}.pwa-foot-actions .pwa-btn{flex:1}}

.pwa-page{margin:0;min-height:100vh;background:#f4f7f5;color:#182a24;font:14px/1.5 Inter,Segoe UI,Arial,sans-serif}
.pwa-page-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px clamp(16px,3vw,38px);background:#123d2d;color:#fff}
.pwa-page-brand{display:flex;align-items:center;gap:12px}
.pwa-page-brand img{width:50px;height:50px;border-radius:50%;border:2px solid #ffffff55}
.pwa-page-brand strong{display:block;font-size:18px;letter-spacing:.5px}
.pwa-page-brand span{display:block;color:#c1d9cc;font-size:11px;letter-spacing:1.2px;text-transform:uppercase}
.pwa-page-main{display:flex;justify-content:center;padding:28px 14px 40px}
.pwa-card-static{animation:none;box-shadow:0 8px 28px rgba(21,59,42,.08);border:1px solid #e1e9e4}
.pwa-card-static .pwa-guide-head{padding-right:0}
.pwa-page-top .pwa-btn{min-height:36px;padding:8px 14px;white-space:nowrap;flex-shrink:0}