.cl-pwa-overlay{
 position:fixed;inset:0;z-index:2147483000;background:transparent;
 display:flex;align-items:flex-end;justify-content:flex-end;
 padding:18px;font-family:inherit;pointer-events:none
}
.cl-pwa-card{
 width:min(360px,100%);position:relative;overflow:hidden;
 background:var(--clpwa-bg,#fff7e8);color:#24140d;border-radius:22px;
 padding:18px 18px 16px;box-shadow:0 20px 50px rgba(0,0,0,.35);
 text-align:center;border:1px solid rgba(77,42,25,.15);pointer-events:auto
}
.cl-pwa-brandline{position:absolute;inset:0 0 auto;height:6px;background:
 linear-gradient(90deg,#e44b20 0 20%,#e0a616 20% 40%,#00997c 40% 60%,#e44b20 60% 80%,#e0a616 80%)}
.cl-pwa-x{position:absolute;right:10px;top:10px;border:0;background:#24140d;color:#fff;
 width:30px;height:30px;border-radius:50%;font-size:21px;line-height:28px;cursor:pointer}
.cl-pwa-icon{width:62px;height:62px;object-fit:contain;border-radius:16px;margin:8px auto 10px;display:block}
.cl-pwa-kicker{font-size:11px;font-weight:900;letter-spacing:.18em;color:#008e77;margin-bottom:4px}
.cl-pwa-card h3{font-size:17px;line-height:1.08;margin:0 16px 8px;font-weight:900;text-transform:uppercase}
.cl-pwa-card p{font-size:13px;line-height:1.45;margin:0 auto 14px;max-width:300px;color:#5a463a}
.cl-pwa-actions{display:grid;gap:8px}
.cl-pwa-actions button{border:0;border-radius:12px;padding:13px 16px;font-weight:900;letter-spacing:.04em;cursor:pointer;font-size:14px}
.cl-pwa-install{background:var(--clpwa-accent,#c6df00);color:#1f1709;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.cl-pwa-install:hover{box-shadow:0 0 18px color-mix(in srgb,var(--clpwa-accent,#c6df00) 70%,transparent)}
.cl-pwa-later{background:transparent;color:#4c3a30;border:1px solid rgba(76,58,48,.25)!important}
.cl-pwa-card small{display:block;margin-top:10px;color:#846f61;font-size:10px}
.cl-pwa-ios{display:grid;gap:8px;margin:0 0 14px;text-align:left;background:#fff;border-radius:13px;padding:10px;border:1px solid #eadbc8}
.cl-pwa-ios>div{display:flex;gap:8px;align-items:center;font-size:12px}
.cl-step{display:inline-grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:#078c73;color:#fff;font-weight:900}
.cl-share{font-size:18px;font-weight:900}
.cl-pwa-highlight{animation:clpwaPulse .8s ease 2}
@keyframes clpwaPulse{50%{box-shadow:0 0 0 4px rgba(7,140,115,.22)}}

/* Splash / loading screen */
.cl-pwa-splash{
 position:fixed;inset:0;z-index:2147483500;
 background:linear-gradient(180deg,#2a120a 0%,#120905 100%);
 color:#fff;display:flex;align-items:center;justify-content:center;
 opacity:1;visibility:visible;transition:opacity .35s ease,visibility .35s ease;
}
.cl-pwa-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.cl-pwa-splash-inner{width:min(280px,82vw);text-align:center}
.cl-pwa-splash-logo{width:88px;height:88px;object-fit:contain;display:block;margin:0 auto 16px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.35))}
.cl-pwa-splash-title{margin:0 0 10px;font-size:15px;line-height:1.2;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#f7eddc}
.cl-pwa-splash-sub{margin:0 0 14px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#d0c1ae}
.cl-pwa-splash-bar{position:relative;height:8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.cl-pwa-splash-bar::before{
 content:'';position:absolute;inset:0 auto 0 -42%;width:42%;border-radius:999px;
 background:linear-gradient(90deg,#e44b20 0%,#e0a616 35%,#c6df00 55%,#00997c 100%);
 box-shadow:0 0 14px rgba(198,223,0,.26),0 0 22px rgba(228,75,32,.14);
 animation:clpwaLoader 1.15s linear infinite;
}
.cl-pwa-splash-dots{display:flex;justify-content:center;gap:7px;margin-top:14px}
.cl-pwa-splash-dots span{width:6px;height:6px;border-radius:50%;background:#f0d9b8;opacity:.28;animation:clpwaDot 1.15s infinite ease-in-out}
.cl-pwa-splash-dots span:nth-child(2){animation-delay:.12s}
.cl-pwa-splash-dots span:nth-child(3){animation-delay:.24s}
@keyframes clpwaLoader{
 0%{transform:translateX(0)}
 100%{transform:translateX(340%)}
}
@keyframes clpwaDot{
 0%,80%,100%{opacity:.28;transform:scale(.86)}
 40%{opacity:1;transform:scale(1.1)}
}

@media(min-width:768px){
 .cl-pwa-overlay{justify-content:flex-end;align-items:flex-end;padding:22px}
}
@media(max-width:480px){
 .cl-pwa-overlay{padding:10px;justify-content:center;align-items:flex-end}
 .cl-pwa-card{width:min(340px,calc(100vw - 20px));border-radius:20px;padding:16px 16px 14px}
 .cl-pwa-icon{width:56px;height:56px}
 .cl-pwa-card h3{font-size:16px}
 .cl-pwa-card p{font-size:12.5px}
 .cl-pwa-splash-logo{width:78px;height:78px}
 .cl-pwa-splash-title{font-size:14px}
 .cl-pwa-splash-sub{font-size:10px}
}
@media(display-mode:standalone){.cl-pwa-overlay{display:none!important}}