.et-pwa-bar{box-sizing:border-box;max-width:1500px;margin:0 auto 12px;padding:0 20px;display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;color:#536779;font:13px/1.5 Arial,sans-serif}
.et-pwa-bar button,.et-pwa-update button{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;min-height:44px;margin:0;padding:9px 14px;border:1px solid #cbd5dd;border-radius:9px;background:#fff;color:#102c46;font:700 13px/1.4 Arial,sans-serif;cursor:pointer}
.et-pwa-bar #et-pwa-install,.et-pwa-update #et-pwa-refresh{background:#102c46;color:#fff;border-color:#102c46}
.et-pwa-bar [hidden],.et-pwa-update[hidden],.et-pwa-bar[hidden]{display:none!important}
.et-pwa-bar button:focus-visible,.et-pwa-update button:focus-visible,.et-pwa-dialog button:focus-visible{outline:3px solid #d9a21b;outline-offset:3px}
.et-pwa-update{box-sizing:border-box;position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:11010;display:flex;gap:10px;align-items:center;flex-wrap:wrap;width:max-content;max-width:calc(100% - 32px);padding:16px;background:#fff;border:1px solid #d9a21b;border-radius:12px;box-shadow:0 8px 32px #102c4630;color:#102c46;font:14px/1.5 Arial,sans-serif}
.et-pwa-update span{flex:1 1 280px}
.et-pwa-dialog{box-sizing:border-box;max-width:560px;width:calc(100% - 32px);max-height:85vh;max-height:85dvh;overflow:auto;padding:26px;border:1px solid #dce3e9;border-top:4px solid #d9a21b;border-radius:16px;background:#fff;color:#102c46;font:15px/1.6 Arial,sans-serif;box-shadow:0 20px 80px #102c4640}
.et-pwa-dialog:not([open]){display:none}
.et-pwa-dialog::backdrop{background:#102c4680}
.et-pwa-dialog-top{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}
.et-pwa-dialog h2{margin:0;font-size:23px;line-height:1.3}.et-pwa-dialog h3{margin:18px 0 6px;font-size:16px}.et-pwa-dialog p{margin:10px 0}.et-pwa-dialog-top button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:1px solid #dce3e9;border-radius:8px;background:#f5f7f9;color:#102c46;font-size:26px;line-height:1;cursor:pointer}.et-pwa-dialog .et-pwa-muted{font-size:13px;color:#607184}
@media(max-width:600px){.et-pwa-bar{padding:0 12px;font-size:12px}.et-pwa-dialog{padding:20px}.et-pwa-dialog h2{font-size:21px}.et-pwa-update{bottom:max(12px,env(safe-area-inset-bottom))}}
@media(display-mode:standalone){.et-pwa-bar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}
@media print{.et-pwa-bar,.et-pwa-dialog,.et-pwa-update{display:none!important}}

/* Karşılama ekranı: yalnızca ana sayfada PHP tarafından oluşturulur. */
.et-pwa-welcome[hidden],.et-pwa-welcome button[hidden]{display:none!important}
.et-pwa-welcome{position:fixed;inset:0;z-index:11020;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(16,44,70,.78);box-sizing:border-box}
.et-pwa-welcome__panel{position:relative;box-sizing:border-box;width:min(100%,560px);max-height:90dvh;overflow:auto;padding:clamp(24px,5vw,42px);border-radius:18px;background:#fff;color:#102c46;text-align:center;box-shadow:0 20px 65px rgba(0,0,0,.24);font:16px/1.55 Arial,sans-serif}
.et-pwa-welcome__panel h2{font-size:clamp(23px,4vw,32px);margin:8px 0 14px;line-height:1.2}
.et-pwa-welcome__eyebrow{color:#a47409;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.et-pwa-welcome__close{position:absolute;right:12px;top:12px;border:0;background:transparent;color:#102c46;font-size:30px;cursor:pointer;min-width:44px;min-height:44px}
.et-pwa-welcome__actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.et-pwa-welcome__actions button{border:1px solid #102c46;border-radius:9px;padding:12px 16px;min-height:44px;background:#fff;color:#102c46;font-weight:700;cursor:pointer}
.et-pwa-welcome__actions #et-pwa-welcome-install{background:#d9a21b;border-color:#d9a21b;color:#102c46}
.et-pwa-welcome__actions #et-pwa-welcome-continue{background:#102c46;color:#fff}
.et-pwa-welcome button:focus-visible{outline:3px solid #d9a21b;outline-offset:3px}
@media print{.et-pwa-welcome{display:none!important}}

.et-pwa-welcome__hint{font-size:13px;line-height:1.5;color:#536779;margin:12px 0 0}

.et-pwa-welcome__image{display:block;max-width:100%;max-height:240px;object-fit:contain;margin:12px auto;border-radius:12px}

/* Karşılama marka logosu: yalnızca görsel, yatay ortalı. */
.et-pwa-welcome__brand-logo{display:block;width:min(220px,75%);height:auto;max-height:110px;object-fit:contain;margin:0 auto 16px}
@media(max-width:600px){.et-pwa-welcome__brand-logo{width:min(180px,72%);max-height:90px}}
