.ad-slot { display: none !important; }


/* ── PWA Install Popup ── */
#pwa-overlay{
  display:none;position:fixed;inset:0;z-index:9998;
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  animation:fadeIn .22s ease;
}
#pwa-overlay.open{display:block}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

#pwa-popup{
  display:none;position:fixed;bottom:0;left:0;right:0;z-index:9999;
  background:var(--bg2);
  border-top:1px solid var(--border2);
  border-radius:24px 24px 0 0;
  padding:0 0 env(safe-area-inset-bottom,12px);
  box-shadow:0 -8px 40px rgba(0,0,0,.5);
  transform:translateY(100%);
  transition:transform .36s cubic-bezier(.32,1.2,.64,1);
  max-width:520px;
  margin:0 auto;
  /* centre on wide screens */
  left:50%;
  transform:translateX(-50%) translateY(100%);
  width:100%;
}
#pwa-popup.open{
  display:block;
  transform:translateX(-50%) translateY(0);
}

/* drag handle */
.pwa-handle{
  width:36px;height:4px;border-radius:2px;
  background:var(--border2);margin:14px auto 0;
}

.pwa-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 22px 0;
}
.pwa-brand{
  display:flex;align-items:center;gap:12px;
}
.pwa-icon{
  width:44px;height:44px;border-radius:12px;
  background:var(--bg3);border:1px solid var(--border2);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-size:20px;color:var(--accent);
}
.pwa-brand-text{}
.pwa-brand-name{
  font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.01em;
}
.pwa-brand-sub{font-size:12px;color:var(--text3);margin-top:1px}
.pwa-close{
  background:var(--bg3);border:1px solid var(--border);
  border-radius:50%;width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:var(--text3);transition:all .15s;flex-shrink:0;
}
.pwa-close:hover{color:var(--text);border-color:var(--border2)}

/* OS toggle */
.pwa-tabs{
  display:flex;gap:0;
  background:var(--bg3);border:1px solid var(--border);
  border-radius:12px;margin:18px 22px 0;overflow:hidden;
}
.pwa-tab{
  flex:1;font-size:13px;font-weight:700;color:var(--text3);
  background:none;border:none;padding:10px 0;cursor:pointer;
  transition:all .2s;letter-spacing:.02em;
}
.pwa-tab.active{
  color:var(--bg);background:var(--accent);
}

/* screenshot area */
.pwa-screenshot{
  margin:16px 22px 0;
  border-radius:16px;overflow:hidden;
  background:var(--bg3);border:1px solid var(--border);
  height:128px;display:flex;align-items:center;justify-content:center;
  position:relative;
}
.pwa-phone-mock{
  width:72px;height:100px;
  border:2px solid var(--border2);border-radius:12px;
  background:var(--bg4);
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:6px;
  position:relative;
}
.pwa-phone-screen{
  width:56px;height:72px;border-radius:6px;
  background:linear-gradient(135deg,var(--adim),var(--bg3));
  display:flex;align-items:center;justify-content:center;
}
.pwa-step-badge{
  position:absolute;top:-10px;left:-10px;
  width:26px;height:26px;border-radius:50%;
  background:var(--accent);color:var(--bg);
  font-size:12px;font-weight:800;
  display:flex;align-items:center;justify-content:center;
}
.pwa-arrow-label{
  font-size:11px;font-weight:600;color:var(--accent);
  text-align:center;padding:0 8px;line-height:1.4;
  max-width:180px;
}

/* steps list */
.pwa-steps{
  list-style:none;padding:0;margin:16px 22px 0;
  display:flex;flex-direction:column;gap:0;
}
.pwa-steps li{
  display:flex;align-items:flex-start;gap:12px;
  padding:10px 0;border-bottom:1px solid var(--border);
  font-size:13px;color:var(--text2);line-height:1.5;
}
.pwa-steps li:last-child{border-bottom:none}
.pwa-step-n{
  width:22px;height:22px;border-radius:50%;flex-shrink:0;
  background:var(--adim);border:1px solid var(--aborder);
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;color:var(--accent);margin-top:1px;
}

/* iOS share icon inline */
.share-icon{
  display:inline-flex;align-items:center;gap:3px;
  background:var(--bg3);border:1px solid var(--border);
  border-radius:5px;padding:1px 5px;margin:0 2px;
  font-size:11px;color:var(--text2);vertical-align:middle;
}

/* CTA */
.pwa-cta{
  margin:16px 22px 20px;
  width:calc(100% - 44px);
  background:var(--accent);color:var(--bg);
  border:none;border-radius:14px;padding:14px;
  font-size:14px;font-weight:800;cursor:pointer;
  transition:all .2s;letter-spacing:.01em;
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.pwa-cta:hover{background:#52ebb9;transform:translateY(-1px)}
.pwa-cta:active{transform:translateY(0)}

/* trigger button — bottom-right FAB */
#pwa-fab{
  position:fixed;bottom:24px;right:20px;z-index:9990;
  background:var(--accent);color:var(--bg);
  border:none;border-radius:999px;
  padding:12px 18px;
  font-size:13px;font-weight:800;
  display:flex;align-items:center;gap:8px;
  box-shadow:0 4px 24px rgba(61,219,168,0.3);
  cursor:pointer;
  transition:all .25s;
  animation:fabIn .5s cubic-bezier(.34,1.56,.64,1) 3s both;
}
#pwa-fab:hover{background:#52ebb9;transform:translateY(-2px);box-shadow:0 8px 32px rgba(61,219,168,0.4)}
@keyframes fabIn{from{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}

/* hide FAB when popup is open */
body.pwa-open #pwa-fab{opacity:0;pointer-events:none}

@media(min-width:520px){
  #pwa-popup{border-radius:24px;bottom:24px;left:50%;width:480px}
}
@media(max-width:360px){
  .pwa-header,.pwa-tabs,.pwa-screenshot,.pwa-steps,.pwa-cta{margin-left:14px;margin-right:14px}
  .pwa-cta{width:calc(100% - 28px)}
}