/* Kit Tigre : barre WhatsApp + rappel, mini-vidéos motion */
.tg-cta{position:fixed;z-index:9990;right:20px;bottom:20px;display:flex;gap:10px;font-family:inherit;transform:translateY(140%);transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.tg-cta.on{transform:none}
.tg-cta a,.tg-cta button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:999px;font-weight:700;font-size:16px;line-height:1;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .2s}
.tg-cta a:hover,.tg-cta button:hover{transform:translateY(-2px)}
.tg-cta a:focus-visible,.tg-cta button:focus-visible{outline:3px solid #ff8a1f;outline-offset:3px}
.tg-cta .tg-wa{background:#25D366;color:#0b2b16}
.tg-cta .tg-rp{background:#ff8a1f;color:#1b1206}
/* remonte la bulle du chat Taïga pour qu'elle ne chevauche pas la barre */
body.tg-has-cta #chat-bulle{transform:translateY(-74px)}
.tg-cta svg{width:20px;height:20px;flex:none}
@media (max-width:720px){
 .tg-cta{left:0;right:0;bottom:0;gap:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(15,15,16,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08)}
 .tg-cta a,.tg-cta button{flex:1;justify-content:center;box-shadow:none;padding:15px 8px;font-size:15px;gap:8px;white-space:nowrap}
 .tg-cta a{margin-right:8px}
 body.tg-has-cta{padding-bottom:76px}
 body.tg-has-cta #chat-bulle{transform:translateY(-84px)}
}
.tg-dlg{border:0;border-radius:24px;padding:0;max-width:420px;width:calc(100% - 32px);box-shadow:0 30px 80px rgba(0,0,0,.4)}
.tg-dlg::backdrop{background:rgba(10,10,12,.6);backdrop-filter:blur(4px)}
.tg-dlg form{padding:28px;display:grid;gap:14px;font-family:inherit;color:#141a24;background:#fff}
.tg-dlg h2{margin:0;font-size:24px;letter-spacing:-.02em}
.tg-dlg p{margin:0;color:#596273;font-size:15px}
.tg-dlg label{font-weight:600;font-size:14px;display:grid;gap:6px}
.tg-dlg input,.tg-dlg select{font:inherit;padding:12px 14px;border:1.5px solid #e2e5ea;border-radius:12px}
.tg-dlg input:focus,.tg-dlg select:focus{outline:none;border-color:#ff8a1f}
.tg-dlg .go{all:unset;cursor:pointer;text-align:center;background:#ff8a1f;color:#1b1206;font-weight:800;padding:15px;border-radius:999px}
.tg-dlg .x{all:unset;cursor:pointer;position:absolute;top:14px;right:18px;font-size:26px;color:#596273}
.tg-dlg small{color:#a3a7ae;font-size:12px}
@media (prefers-reduced-motion:reduce){.tg-cta{transition:none}}

.tg-motion{margin:32px auto;max-width:520px;aspect-ratio:1/1;border-radius:28px;overflow:hidden;background:#0f0f10;box-shadow:0 24px 60px rgba(0,0,0,.18)}
.tg-motion video{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:720px){.tg-motion{border-radius:20px;margin:24px 0}}

/* Pourquoi passer par Tigre Assurance */
.tg-why{max-width:1100px;margin:72px auto;padding:0 20px}
.tg-why h2{font-size:clamp(30px,4.4vw,52px);line-height:1.04;letter-spacing:-.035em;font-weight:800;margin:0 0 12px}
.tg-why .sub{font-size:clamp(17px,1.5vw,20px);line-height:1.45;color:#596273;margin:0 0 30px;max-width:40em}
.tg-why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.tg-why-card{border:1.5px solid #e2e5ea;border-radius:22px;padding:24px;background:#fff;display:flex;flex-direction:column;gap:10px}
.tg-why-card .ic{width:44px;height:44px;border-radius:14px;background:#fff3e6;color:#c2510a;display:grid;place-items:center;font-size:22px}
.tg-why-card h3{margin:0;font-size:19px;letter-spacing:-.01em;color:#141a24}
.tg-why-card p{margin:0;color:#3f4652;font-size:16px;line-height:1.5}
.tg-why-card small{color:#596273;font-size:13px}
.tg-why-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.tg-why-cta button,.tg-why-cta a{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:15px 22px;border-radius:999px;font-weight:800;font-size:16px}
.tg-why-cta .go{background:#ff8a1f;color:#1b1206}
.tg-why-cta .wa{background:#25D366;color:#0b2b16}
.tg-why-cta button:focus-visible,.tg-why-cta a:focus-visible{outline:3px solid #ff8a1f;outline-offset:3px}
@media (prefers-color-scheme:dark){.tg-why-card{background:#151619;border-color:#2d3037}.tg-why-card h3{color:#f2f3f5}.tg-why-card p{color:#c9ced6}.tg-why .sub,.tg-why-card small{color:#a8aeb9}.tg-why-card .ic{background:#2a1a0a;color:#ffb45c}}

/* ===== Tigre v3 (nov. 2026) : hero mascotte, vidéos, réseaux sociaux ===== */
.h3{position:relative;overflow:hidden;background:#0b0b0c;color:#fff;isolation:isolate;padding:calc(env(safe-area-inset-top,0px) + 104px) 0 64px;min-height:min(100svh,880px);display:flex;align-items:center}
.h3-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.h3-bg::before{content:"";position:absolute;width:900px;height:900px;right:-160px;top:50%;transform:translateY(-46%);background:radial-gradient(closest-side,rgba(255,138,31,.42),rgba(255,138,31,.12) 55%,rgba(255,138,31,0) 75%)}
.h3-bg::after{content:"";position:absolute;inset:auto 0 0 0;height:160px;background:linear-gradient(180deg,rgba(11,11,12,0),#0b0b0c)}
.h3-bg svg{position:absolute;right:0;top:0;height:100%;width:auto;opacity:.9}
.h3-in{width:100%;max-width:1200px;margin:0 auto;padding:0 max(24px,env(safe-area-inset-left,0px));display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:24px;align-items:center}
.h3-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:8px 14px 8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font:600 14px/1.2 var(--text,system-ui);color:rgba(255,255,255,.9)}
.h3-eyebrow .dot{width:8px;height:8px;border-radius:50%;background:#ff8a1f;box-shadow:0 0 0 0 rgba(255,138,31,.7);animation:h3pulse 2s infinite}
.h3-eyebrow b{color:#ff8a1f;font-weight:800}
@keyframes h3pulse{70%{box-shadow:0 0 0 10px rgba(255,138,31,0)}100%{box-shadow:0 0 0 0 rgba(255,138,31,0)}}
.h3 h1{margin:0;font-weight:800;font-size:clamp(42px,6.2vw,84px);line-height:.98;letter-spacing:-.045em;text-wrap:balance}
.h3 h1 span{color:#ff8a1f;display:block}
.h3-sub{margin:20px 0 0;max-width:30em;font:500 clamp(17px,1.45vw,20px)/1.5 var(--text,system-ui);color:rgba(255,255,255,.78)}
.h3-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.h3-actions .pill{min-height:56px;padding:0 28px;font-size:17px}
.h3-actions .pill-glass{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.22)}
.h3-actions .pill-glass:hover{background:rgba(255,255,255,.18)}
.h3-trust{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font:600 14px/1.3 var(--text,system-ui);color:rgba(255,255,255,.72)}
.h3-trust li{display:flex;align-items:center;gap:7px}
.h3-trust li::before{content:"";width:16px;height:16px;border-radius:50%;background:#ff8a1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.4L12 5.4' fill='none' stroke='%23141a24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;flex:none}
.h3-vis{position:relative;height:min(64svh,600px);min-height:420px;display:grid;place-items:end center}
.h3-tap{all:unset;cursor:pointer;position:relative;height:100%;aspect-ratio:757/1216;display:block;-webkit-tap-highlight-color:transparent}
.h3-tap:focus-visible{outline:3px solid #ff8a1f;outline-offset:6px;border-radius:24px}
.h3-m{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.75,.2,1);filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}
.h3-m.on{opacity:1;transform:none}
.h3-tap.bob{animation:h3bob 4.2s ease-in-out infinite}
@keyframes h3bob{50%{transform:translateY(-10px)}}
.h3-bub{position:absolute;left:-6%;top:6%;max-width:min(240px,60%);padding:12px 16px;border-radius:20px 20px 20px 6px;background:#fff;color:#141a24;font:800 17px/1.25 var(--text,system-ui);box-shadow:0 18px 40px rgba(0,0,0,.35);transform-origin:0 100%;animation:h3pop .45s cubic-bezier(.2,1.4,.4,1) both}
.h3-chip{position:absolute;display:grid;gap:2px;padding:12px 16px;border-radius:18px;background:rgba(20,20,22,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);color:#fff;font:600 13px/1.25 var(--text,system-ui);box-shadow:0 16px 40px rgba(0,0,0,.4)}
.h3-chip b{font:800 21px/1.1 var(--text,system-ui);color:#ff8a1f;letter-spacing:-.02em}
.h3-chip.c1{right:-2%;top:30%}
.h3-chip.c2{left:-4%;bottom:14%}
.h3-hint{position:absolute;bottom:-28px;left:0;right:0;text-align:center;font:600 12px/1 var(--text,system-ui);color:rgba(255,255,255,.45)}
@keyframes h3pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@media (max-width:900px){
 .h3{min-height:0;padding:calc(env(safe-area-inset-top,0px) + 80px) 0 34px;display:block}
 .h3-in{grid-template-columns:minmax(0,1fr) 38%;grid-template-areas:"eb eb" "h1 h1" "sub vis" "act act" "tr tr";column-gap:8px;padding:0 20px}
 .h3-copy{display:contents}
 .h3-eyebrow{grid-area:eb;justify-self:start;font-size:13px;margin-bottom:14px;padding:7px 12px 7px 10px}
 .h3-eyebrow .lg{display:none}
 .h3 h1{grid-area:h1;font-size:clamp(40px,11.4vw,58px)}
 .h3-sub{grid-area:sub;align-self:center;font-size:16px;line-height:1.45;margin-top:10px}
 .h3-vis{grid-area:vis;height:236px;min-height:0;margin-top:4px;place-items:end center}
 .h3-actions{grid-area:act;margin-top:16px}
 .h3-actions .pill{flex:1 1 220px;min-height:54px}
 .h3-trust{grid-area:tr;margin-top:16px;font-size:13px;gap:8px 14px}
 .h3-bub{left:auto;right:-6px;top:auto;bottom:-2px;max-width:170px;font-size:12.5px;padding:8px 11px;border-radius:16px 16px 6px 16px;transform-origin:100% 100%}
 .h3-chip,.h3-hint{display:none}
 .h3-bg::before{width:520px;height:520px;right:-220px;top:150px;transform:none}
 .h3-bg svg{height:42%;top:96px;opacity:.45}
}
@media (min-width:901px){.h3-eyebrow .sm{display:none}}
@media (prefers-reduced-motion:reduce){.h3-tap.bob,.h3-eyebrow .dot,.h3-bub{animation:none}.h3-m{transition:none}}

/* bandeau vidéos + réseaux (accueil) */
.tg-vid{background:#0b0b0c;color:#fff;padding:88px 0 92px;position:relative;overflow:hidden}
.tg-vid::before{content:"";position:absolute;width:700px;height:700px;left:-260px;top:-260px;background:radial-gradient(closest-side,rgba(255,138,31,.22),rgba(255,138,31,0));pointer-events:none}
.tg-vid .wrap{position:relative}
.tg-vid-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:32px}
.tg-vid h2{margin:0;font-weight:800;font-size:clamp(34px,4.6vw,60px);line-height:1;letter-spacing:-.04em}
.tg-vid h2 span{color:#ff8a1f}
.tg-vid-head p{margin:12px 0 0;max-width:34em;color:rgba(255,255,255,.72);font-size:18px;line-height:1.5}
.tg-vid-head img{width:120px;height:auto;margin-bottom:-36px}
@media (max-width:720px){.tg-vid{padding:64px 0 70px}.tg-vid-head img{display:none}}

/* cartes vidéo (réutilisées partout) */
.tg-reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:820px){.tg-reels{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:0 20px 6px;scrollbar-width:none;scroll-padding-inline:20px}.tg-reels::-webkit-scrollbar{display:none}.tg-reels>.tg-reel{flex:0 0 62%;scroll-snap-align:start}}
.tg-reel{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:block;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#151517;box-shadow:0 20px 50px rgba(0,0,0,.35);isolation:isolate}
.tg-reel img,.tg-reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.tg-reel .pl{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(255,138,31,.95);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .25s}
.tg-reel .pl svg{width:26px;height:26px;margin-left:3px;fill:#141a24}
.tg-reel:hover .pl{transform:scale(1.08)}
.tg-reel .cap{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 16px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.85));color:#fff;font:700 15px/1.3 var(--text,system-ui);text-align:left}
.tg-reel .cap small{display:block;font-weight:600;color:rgba(255,255,255,.7);font-size:12px;margin-top:3px}
.tg-reel.playing .pl,.tg-reel.playing .cap{display:none}
.tg-reel:focus-visible{outline:3px solid #ff8a1f;outline-offset:3px}

/* réseaux sociaux */
.tg-soc{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.tg-soc a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;text-decoration:none;font:700 14px/1 var(--text,system-ui);transition:background .2s,border-color .2s,transform .2s}
.tg-soc a:hover{background:#ff8a1f;border-color:#ff8a1f;color:#141a24;transform:translateY(-2px)}
.tg-soc svg{width:18px;height:18px;flex:none;fill:currentColor}
.tg-soc .lbl{font:700 14px/1 var(--text,system-ui);color:rgba(255,255,255,.7);margin-right:4px}
.tg-vid .tg-soc{margin-top:36px}
.tg-soc-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px;padding:0 0 22px;border-bottom:1px solid rgba(127,127,127,.25)}
.tg-soc-foot span{font-weight:800;margin-right:6px;color:inherit}
.tg-soc-foot a{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(127,127,127,.35);color:inherit;transition:background .2s,color .2s,border-color .2s}
.tg-soc-foot a:hover{background:#ff8a1f;border-color:#ff8a1f;color:#141a24}
.tg-soc-foot svg{width:18px;height:18px;fill:currentColor}
.foot .tg-soc-foot{margin-top:4px}

/* bloc « Le tigre t'aide » sur les pages de contenu */
.tg-tigre{max-width:1100px;margin:64px auto 56px;padding:0 20px}
.tg-tigre-card{position:relative;overflow:hidden;border-radius:30px;background:#0b0b0c;color:#fff;padding:40px 40px 40px 300px;min-height:340px;isolation:isolate}
.tg-tigre-card::before{content:"";position:absolute;width:560px;height:560px;left:-180px;bottom:-260px;z-index:-1;background:radial-gradient(closest-side,rgba(255,138,31,.45),rgba(255,138,31,0))}
.tg-tigre-card>img{position:absolute;left:34px;bottom:-6px;width:230px;height:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}
.tg-tigre .eb{display:inline-block;margin:0 0 10px;padding:6px 12px;border-radius:999px;background:rgba(255,138,31,.16);color:#ffb15c;font:800 13px/1 var(--text,system-ui);letter-spacing:.02em;text-transform:uppercase}
.tg-tigre h2{margin:0;font-weight:800;font-size:clamp(28px,3.6vw,42px);line-height:1.04;letter-spacing:-.035em;color:#fff}
.tg-tigre p.t{margin:12px 0 0;max-width:34em;color:rgba(255,255,255,.82);font-size:17px;line-height:1.5;font-weight:500}
.tg-tigre .bt{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.tg-tigre .bt button,.tg-tigre .bt a{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:15px 22px;border-radius:999px;font:800 16px/1 var(--text,system-ui)}
.tg-tigre .bt .go{background:#ff8a1f;color:#1b1206}
.tg-tigre .bt .wa{background:#25D366;color:#0b2b16}
.tg-tigre .bt svg{width:19px;height:19px}
.tg-tigre .bt button:focus-visible,.tg-tigre .bt a:focus-visible{outline:3px solid #ff8a1f;outline-offset:3px}
.tg-tigre-v{margin-top:26px}
.tg-tigre-v h3{margin:0 0 14px;font:800 20px/1.2 var(--text,system-ui);letter-spacing:-.02em;color:#141a24}
.tg-tigre-v .tg-reels{grid-template-columns:repeat(3,minmax(0,1fr));max-width:780px}
.tg-tigre-s{margin-top:22px;padding:20px 22px;border-radius:22px;background:#0b0b0c}
@media (prefers-color-scheme:dark){.tg-tigre-v h3{color:#f2f3f5}}
@media (max-width:820px){
 .tg-tigre{margin:44px auto 40px}
 .tg-tigre-card{padding:26px 20px 24px;min-height:0;border-radius:24px}
 .tg-tigre-card>img{left:auto;right:-4px;top:16px;bottom:auto;width:112px}
 .tg-tigre .eb,.tg-tigre h2,.tg-tigre p.t{margin-right:104px}
 .tg-tigre h2{font-size:27px}
 .tg-tigre p.t{font-size:16px}
 .tg-tigre .bt button,.tg-tigre .bt a{flex:1 1 100%;justify-content:center}
 .tg-tigre-v .tg-reels{display:flex}
 .tg-tigre-v .tg-reels>.tg-reel{flex-basis:46%}
}
/* mascotte dans les fenêtres de rappel */
.tg-dlg-m{display:block;width:76px;height:76px;margin:-6px 0 -4px;border-radius:50%;background:#fff3e6}