/* =========================================================================
   "ANA EKRANA EKLE" POPUP'I — js/45-pwa-popup.js
   ========================================================================= */
.pwa-popup{position:fixed;right:24px;bottom:24px;width:360px;z-index:6000;animation:pwaIn .45s cubic-bezier(.2,.8,.2,1);}
.pwa-kart{position:relative;background:#fff;color:#1b1b1e;border:1px solid #eeeef1;border-radius:18px;padding:20px 20px 16px;box-shadow:0 24px 60px rgba(0,0,0,.35);}
.pwa-kapat{position:absolute;top:10px;right:10px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#9aa0a8;font-size:22px;line-height:1;cursor:pointer;}
.pwa-kapat:hover{background:#f1f2f5;color:#4b5059;}
.pwa-ust{display:flex;gap:12px;align-items:center;margin-bottom:12px;padding-right:20px;}
.pwa-ikon{width:52px;height:52px;flex-shrink:0;object-fit:contain;border-radius:14px;background:#fff;box-shadow:0 4px 12px rgba(139,26,26,.25);}
.pwa-baslik{font-size:16px;font-weight:800;}
.pwa-alt{font-size:12.5px;color:#6b7079;line-height:1.4;margin-top:2px;}
.pwa-faydalar{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:7px;font-size:13px;color:#2a2d33;}
.pwa-butonlar{display:flex;gap:8px;}
.pwa-yukle{flex:1;padding:12px;border:0;border-radius:12px;background:linear-gradient(180deg,#9b2323,#8b1a1a);color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 3px 0 #5e1010;transition:transform .1s,box-shadow .1s;}
.pwa-yukle:hover{filter:brightness(1.05);}
.pwa-yukle:active{transform:translateY(2px);box-shadow:0 1px 0 #5e1010;}
.pwa-sonra{padding:12px 18px;border:1px solid #dcdfe5;border-radius:12px;background:#fff;color:#4b5059;font:inherit;font-weight:600;cursor:pointer;}
.pwa-sonra:hover{background:#f6f7f9;}
.pwa-not{margin-top:10px;font-size:11px;color:#9aa0a8;text-align:center;}
@keyframes pwaIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}

body.dark-mode .pwa-kart{background:#22242b;color:#e9eaee;border-color:#2e3139;}
body.dark-mode .pwa-faydalar{color:#d5d8de;}
body.dark-mode .pwa-sonra{background:#22242b;border-color:#3a3e47;color:#c7cad2;}
body.dark-mode .pwa-alt{color:#9aa0a8;}

@media (max-width:560px){
  .pwa-popup{left:12px;right:12px;bottom:12px;width:auto;}
}