/* Foundiougne.com — installation de l'application et notifications */
.fdp-sheet{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.fdp-sheet__scrim{position:absolute;inset:0;background:rgba(12,31,59,.5);opacity:0;transition:opacity .25s;pointer-events:auto;backdrop-filter:blur(2px)}
.fdp-sheet__panel{position:relative;width:100%;max-width:460px;background:#fff;color:var(--ink,#14213a);border-radius:24px 24px 0 0;padding:26px 22px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px -20px rgba(18,41,74,.45);transform:translateY(105%);transition:transform .32s cubic-bezier(.2,.7,.2,1);pointer-events:auto;font-family:var(--font,system-ui,sans-serif)}
.fdp-sheet__panel::before{content:"";position:absolute;top:8px;left:50%;width:42px;height:4px;margin-left:-21px;border-radius:4px;background:#d9e1e4}
.fdp-sheet.is-open .fdp-sheet__scrim{opacity:1}.fdp-sheet.is-open .fdp-sheet__panel{transform:none}
@media (min-width:700px){.fdp-sheet{align-items:center}.fdp-sheet__panel{border-radius:24px;transform:translateY(24px) scale(.97);opacity:0;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .25s}.fdp-sheet.is-open .fdp-sheet__panel{opacity:1}.fdp-sheet__panel::before{display:none}}
.fdp-sheet__x{position:absolute;top:12px;right:12px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:#f3f6f5;color:#12294a;cursor:pointer}
.fdp-head{display:flex;gap:14px;align-items:center;padding-right:34px}
.fdp-head img{width:56px;height:56px;border-radius:15px;flex:none;box-shadow:0 8px 20px -10px rgba(211,18,27,.6)}
.fdp-title{margin:0;font-size:19px;font-weight:800;line-height:1.2;color:var(--navy,#12294a)}
.fdp-text{margin:4px 0 0;font-size:14.5px;line-height:1.5;color:var(--muted,#586579)}
.fdp-center{text-align:center}
.fdp-perks{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.fdp-perks li{position:relative;padding-left:28px;font-size:14.5px;line-height:1.45}
.fdp-perks li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:#e4f0ea url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c6a4e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.fdp-steps{list-style:none;margin:18px 0 0;padding:14px;display:grid;gap:12px;background:#f3f6f5;border-radius:16px;counter-reset:s}
.fdp-steps li{display:flex;gap:12px;align-items:center;font-size:14.5px;line-height:1.4}
.fdp-steps li p{margin:0;flex:1;min-width:0}
.fdp-steps li span{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#1d5f7a;font-weight:800;box-shadow:0 2px 6px rgba(18,41,74,.08)}
.fdp-note{margin:12px 0 0;font-size:13px;color:var(--muted,#586579)}
.fdp-actions{display:grid;gap:8px;margin-top:20px}
.fdp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border:0;border-radius:999px;background:var(--red,#d3121b);color:#fff;font:inherit;font-weight:700;font-size:15.5px;cursor:pointer;transition:background .2s,transform .15s}
.fdp-btn:hover{background:var(--red-deep,#a80f18)}.fdp-btn:active{transform:scale(.98)}
.fdp-btn--ghost{background:transparent;color:var(--navy,#12294a)}.fdp-btn--ghost:hover{background:#f3f6f5}
.fdp-btn--sm{min-height:38px;padding:0 16px;font-size:14px}
.fdp-bell{width:64px;height:64px;margin:4px auto 14px;display:grid;place-items:center;border-radius:20px;background:var(--red-soft,#fdecec);color:var(--red,#d3121b);animation:fdp-ring 1.6s ease .3s 2}
.fdp-bell svg{width:30px;height:30px}
@keyframes fdp-ring{0%,100%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}75%{transform:rotate(2deg)}}
.fdp-banner{position:fixed;z-index:99990;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;max-width:440px;margin:0 auto;padding:10px 10px 10px 12px;background:#fff;border-radius:18px;box-shadow:0 24px 60px -20px rgba(18,41,74,.5),0 0 0 1px rgba(18,41,74,.06);transform:translateY(20px);opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s;font-family:var(--font,system-ui,sans-serif)}
.fdp-banner.is-on{transform:none;opacity:1}
.fdp-banner img{border-radius:11px;flex:none}
.fdp-banner p{flex:1;margin:0;display:flex;flex-direction:column;font-size:14px;line-height:1.3;color:var(--navy,#12294a)}
.fdp-banner p span{font-size:12.5px;color:var(--muted,#586579)}
.fdp-banner__x{flex:none;width:32px;height:32px;display:grid;place-items:center;border:0;background:none;color:#586579;cursor:pointer;border-radius:50%}
@media (min-width:761px){.fdp-banner{left:auto;right:24px;bottom:24px;margin:0}}
.fdp-toast{position:fixed;z-index:100001;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;padding:12px 18px;border-radius:999px;background:#12294a;color:#fff;font:600 14px/1.3 var(--font,system-ui,sans-serif);box-shadow:0 14px 30px -12px rgba(0,0,0,.4);transition:.25s;pointer-events:none;max-width:calc(100% - 32px);text-align:center}
.fdp-toast.is-on{opacity:1;transform:translate(-50%,0)}
/* Boutons du thème */
[data-install]{cursor:pointer}
.fdp-standalone [data-install],.fdp-standalone .only-browser{display:none!important}
.push-toggle.is-on{background:var(--mangrove-soft,#e4f0ea)!important;color:var(--mangrove,#2c6a4e)!important}
/* Application installée : un peu d'air sous la barre d'état */
@media (display-mode:standalone){.topbar{display:none}body{overscroll-behavior-y:none}}
