body[data-reels]{background:#031b3a!important;color:white;padding-bottom:90px!important}
body[data-reels] .yf-explorer-controls{position:relative!important;top:auto!important;padding:8px 12px!important;background:#031b3a!important;color:#fff;margin-top:0!important}
body[data-reels] #yiExplorerCategoryTabs{position:relative!important;top:auto!important;display:flex;overflow-x:auto;flex-wrap:nowrap;padding:8px 0;gap:8px;background:transparent!important}
body[data-reels] #yiExplorerCategoryTabs button{flex-shrink:0;color:#fff;background:#102c4b;border:1px solid #34506b;padding:10px 14px;border-radius:14px}
body[data-reels] #yiExplorerCategoryTabs button.active{background:#00bfd2;color:#031b3a;border-color:#00bfd2}
body[data-reels] .yf-explorer-filter-row{display:flex!important;justify-content:center!important;padding:6px}
body[data-reels] #yiExplorerFilterOpen{display:flex!important;position:static!important;transform:none!important;margin:0!important}
body[data-reels] #yiVisiteRow,body[data-reels] .yi-map-toggle,body[data-reels] .yi-map-reopen{display:none!important}
#reelsMain{width:min(100%,600px);margin:auto;padding:0 10px;box-sizing:border-box;text-align:center}
#reelStage{height:calc(100dvh - 260px);min-height:240px;max-height:780px;position:relative;background:#061323;border-radius:22px;overflow:hidden;transition:height .24s ease}
/* V101.969 : la vidéo remplit toute la carte, comme sur Facebook. */
#reelVideo{width:100%;height:100%;object-fit:cover;display:block}
:is(#reelCaption,.rlp-reelCaption){position:absolute;bottom:0;left:0;right:84px;text-align:left;padding:30px 18px 10px;background:linear-gradient(transparent,rgba(0,0,0,.72));pointer-events:none}
:is(#reelTitle,.rlp-reelTitle){font-size:18px;color:#fff;margin:0 0 6px;line-height:1.35}:is(#reelPrice,.rlp-reelPrice){margin:0;color:#fff;font-weight:800}
/* V101.966 — boutons premium, lecture façon Facebook : l'icône dans un
   disque de verre, le compteur EN DESSOUS, sans cadre autour du tout. */
:is(#reelActions,.rlp-reelActions){position:absolute;right:8px;bottom:22px;display:grid;gap:14px;justify-items:center}
:is(#reelActions,.rlp-reelActions) .reel-action{border:0;background:none;padding:0;width:66px;min-height:0;display:grid;justify-items:center;gap:5px;color:#fff;text-decoration:none;cursor:pointer;font:800 11.5px/1.1 Manrope,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}
:is(#reelActions,.rlp-reelActions) .reel-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(3,27,58,.42);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.24);box-shadow:var(--ombre-haute);transition:transform .16s ease,background .16s ease}
:is(#reelActions,.rlp-reelActions) .reel-ico i{font-size:21px;color:#fff}
:is(#reelActions,.rlp-reelActions) .reel-count{max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.75);font-variant-numeric:tabular-nums}
:is(#reelActions,.rlp-reelActions) .reel-action:hover .reel-ico{background:rgba(3,27,58,.62)}
:is(#reelActions,.rlp-reelActions) .reel-action:active .reel-ico{transform:scale(.9)}
:is(#reelActions,.rlp-reelActions) .reel-action:focus-visible{outline:none}
:is(#reelActions,.rlp-reelActions) .reel-action:focus-visible .reel-ico{outline:3px solid #5fe8ff;outline-offset:2px}
:is(#reelActions,.rlp-reelActions) .reel-action:disabled{opacity:1;cursor:wait}
:is(#reelLike,.rlp-reelLike)[aria-pressed=true] .reel-ico i{color:#ff3b5c;animation:reelPop .32s ease}
@keyframes reelPop{50%{transform:scale(1.28)}}
.reel-control{position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:rgba(3,27,58,.36);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;cursor:pointer;font-size:16px;box-shadow:var(--ombre-haute)}
.reel-control:focus-visible{outline:3px solid #5fe8ff;outline-offset:2px}
/* V101.969 — les trois commandes centrales, visibles seulement à la pause. */
#reelCenter{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:26px;pointer-events:none}
#reelCenter[hidden]{display:none}
.reel-center-btn{pointer-events:auto;position:relative;display:grid;place-items:center;width:58px;height:58px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(3,27,58,.42);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;cursor:pointer;font-size:22px;box-shadow:var(--ombre-haute)}
.reel-center-btn b{position:absolute;font:900 10px Manrope,system-ui,sans-serif;top:50%;left:50%;transform:translate(-50%,-38%)}
.reel-center-main{width:78px;height:78px;font-size:30px}
.reel-center-main i{margin-left:4px}
.reel-center-main i.fa-pause{margin-left:0}
.reel-center-btn:focus-visible{outline:3px solid #5fe8ff;outline-offset:3px}
#reelReturn{display:inline-block;margin:10px;color:white;text-decoration:underline}#reelMore{padding:10px 16px;background:white;color:#031b3a;border:0;border-radius:12px}#reelMessage:empty{display:none}
#reelPanel{position:fixed;bottom:0;left:0;right:0;z-index:13000;height:53dvh;background:white;color:#031b3a;border-radius:24px 24px 0 0;overflow:hidden;text-align:left}
#reelPanel header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #dbe3ec}#reelPanelClose{border:0;background:#edf4f8;border-radius:12px;padding:9px 14px;cursor:pointer}
#reelPanelBody{height:calc(100% - 49px);overflow:auto}#reelPanelBody iframe{border:0;width:100%;height:100%;display:block}
body[data-reels].reel-panel-open #reelStage{height:calc(47dvh - 160px);min-height:135px;border-radius:14px}
body[data-reels].reel-panel-open :is(#reelCaption,.rlp-reelCaption),body[data-reels].reel-panel-open :is(#reelActions,.rlp-reelActions),body[data-reels].reel-panel-open #reelCenter{display:none}
body[data-reels] #yiExplorerFilterSheet{height:53dvh!important;max-height:53dvh!important;bottom:0!important;top:auto!important;color:#031b3a;border-radius:24px 24px 0 0}
body[data-reels] #yiExplorerFilterBackdrop{display:none!important}
body[data-reels] #reelPanel[hidden]{display:none}
@media(min-width:901px){#reelPanel{left:50%;width:min(600px,48vw);height:calc(100dvh - 110px);bottom:16px;border-radius:24px}body[data-reels].reel-panel-open #reelsMain{margin-left:max(16px,calc(50vw - 620px));width:min(46vw,560px)}body[data-reels].reel-panel-open #reelStage{height:calc(100dvh - 260px)}body[data-reels] #yiExplorerFilterSheet{width:min(600px,48vw)!important;left:50%!important;height:65dvh!important;max-height:65dvh!important}}
@media(prefers-reduced-motion:reduce){#reelStage{transition:none}:is(#reelLike,.rlp-reelLike)[aria-pressed=true] .reel-ico i{animation:none}:is(#reelActions,.rlp-reelActions) .reel-ico{transition:none}}

body[data-reels] .yf-explorer-controls{display:block!important;height:auto!important;min-height:0!important;border-bottom:0!important;box-shadow:none!important}
body[data-reels] #yiExplorerCategoryTabs{height:auto!important;min-height:0!important;overflow-y:hidden!important}
body[data-reels] .yf-explorer-filter-row{height:auto!important;position:static!important}
body[data-reels] #yiExplorerFilterOpen{width:auto!important;left:auto!important;bottom:auto!important;right:auto!important}
@media(max-width:900px){body[data-reels].reel-panel-open #reelStage{height:calc(47dvh - 190px);min-height:100px}}
/* V101.971 — état vide premium, invitation au son. */
#reelMessage.est-vide{display:grid;justify-items:center;gap:12px;margin:18px auto 6px;padding:34px 22px 26px;max-width:420px;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;font:700 15px/1.5 Manrope,system-ui,sans-serif;box-shadow:var(--ombre-haute)}
#reelMessage.est-vide::before{content:"\f008";font-family:"Font Awesome 6 Free";font-weight:900;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(160deg,rgba(255,255,255,.3),rgba(95,232,255,.16));border:1px solid rgba(255,255,255,.35);color:#fff;font-size:22px}
#reelReturn{display:inline-flex;align-items:center;gap:8px;margin:12px auto;padding:11px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font:800 13px Manrope,system-ui,sans-serif}
#reelSoundHint{position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:3;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(3,27,58,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;cursor:pointer;font:800 12.5px Manrope,system-ui,sans-serif;white-space:nowrap;box-shadow:var(--ombre-haute)}
#reelSoundHint[hidden]{display:none}
/* V101.973 — seule la carte vidéo défile ; la page ne bouge pas sous le doigt. */
#reelsMain{overflow:hidden}
#reelStage{touch-action:none;will-change:transform;overscroll-behavior:contain}
body[data-reels]{overscroll-behavior-y:none}
/* V101.974 — RÉELS PLEIN ÉCRAN, FAÇON TIKTOK.
   La vidéo occupe tout l'espace entre le menu du haut et celui du bas ;
   catégories et « Filtres » sont posés dessus, discrets, et ne bougent
   jamais : seule la piste vidéo défile. */
html:has(body[data-reels]){overscroll-behavior-y:none}
body[data-reels]{overflow:hidden!important;padding-bottom:0!important}
body[data-reels] #reelsMain{position:fixed!important;left:0;right:0;top:var(--rl-top,96px);bottom:var(--rl-bottom,72px);width:auto!important;max-width:none!important;margin:0!important;padding:0!important;z-index:5}
body[data-reels] #reelStage,body[data-reels].reel-panel-open #reelStage{position:absolute!important;inset:0;height:auto!important;min-height:0!important;max-height:none!important;border-radius:0!important;background:#000}
#reelTrack{position:absolute;inset:0;will-change:transform}
#reelTrack #reelVideo{position:absolute;inset:0}
#reelPeek{position:absolute;left:0;right:0;height:100%;background:#000}
#reelPeek[hidden]{display:none}
#reelPeek img{width:100%;height:100%;object-fit:cover;display:block}
#reelStage.en-glisse :is(#reelCaption,.rlp-reelCaption),#reelStage.en-glisse :is(#reelActions,.rlp-reelActions),#reelStage.en-glisse .reel-control,#reelStage.en-glisse #reelSoundHint{opacity:0;transition:opacity .12s}
body[data-reels] #reelMessage.est-vide{position:absolute;left:16px;right:16px;top:30%;margin:0 auto}
/* Plus d'ombre sous le titre : le texte garde sa lisibilité par son propre contour. */
:is(#reelCaption,.rlp-reelCaption){background:none!important;padding:0 18px 16px!important}
:is(#reelCaption,.rlp-reelCaption) h1,:is(#reelCaption,.rlp-reelCaption) p{text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 12px rgba(0,0,0,.35)}
/* Commandes posées sur la vidéo, en haut. */
body[data-reels] .yf-explorer-controls{position:fixed!important;top:var(--rl-top,96px)!important;left:0;right:0;z-index:20!important;background:none!important;padding:6px 10px 0!important;margin:0!important;pointer-events:none}
body[data-reels] .yf-explorer-controls>*{pointer-events:auto}
body[data-reels] #yiExplorerCategoryTabs{padding:4px 0!important;gap:4px!important;scrollbar-width:none}
body[data-reels] #yiExplorerCategoryTabs::-webkit-scrollbar{display:none}
body[data-reels] #yiExplorerCategoryTabs button{position:relative;background:transparent!important;border:0!important;box-shadow:none!important;color:rgba(255,255,255,.7)!important;padding:8px 10px!important;border-radius:0!important;font-weight:750!important;text-shadow:0 1px 3px rgba(0,0,0,.7)}
body[data-reels] #yiExplorerCategoryTabs button i{color:inherit!important;opacity:.85}
body[data-reels] #yiExplorerCategoryTabs button .tab-count,body[data-reels] #yiExplorerCategoryTabs button span:not(:first-child):last-child{background:none!important;color:inherit!important}
/* Catégorie active : blanche, un trait fin dessous — pas de couleur vive. */
body[data-reels] #yiExplorerCategoryTabs button.active{color:#fff!important;font-weight:900!important;background:transparent!important}
body[data-reels] #yiExplorerCategoryTabs button.active::after{content:"";position:absolute;left:30%;right:30%;bottom:2px;height:2px;border-radius:2px;background:#fff}
body[data-reels] .yf-explorer-filter-row{justify-content:flex-start!important;padding:2px 4px!important}
body[data-reels] #yiExplorerFilterOpen{background:rgba(3,27,58,.35)!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none!important;min-height:34px!important;padding:0 12px!important;border-radius:999px!important;font-size:12.5px!important}
body[data-reels] #yiExplorerFilterOpen .yi-filter-launcher-icon{background:none!important;color:#fff!important;width:auto!important;height:auto!important}
/* Le son et l'invitation descendent sous la rangée des catégories. */
body[data-reels] :is(#reelSound,.rlp-reelSound){top:96px}
body[data-reels] #reelSoundHint{top:98px}
/* V101.975 — disponibilité posée sur le réel, sous la rangée des catégories. */
:is(#reelDispo,.rlp-reelDispo){position:absolute;top:96px;left:12px;z-index:3;display:grid;justify-items:start;gap:6px;max-width:calc(100% - 90px);text-align:left;pointer-events:none}
:is(#reelDispo,.rlp-reelDispo):empty{display:none}
:is(#reelDispo,.rlp-reelDispo)>*{pointer-events:auto}
.reel-dispo,.reel-dispo-date{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font:800 12px/1.2 Manrope,system-ui,sans-serif;white-space:nowrap}
.reel-dispo.est-libre{background:rgba(15,156,104,.55)}
.reel-dispo.est-libre i{font-size:7px;color:#7dffc4}
.reel-dispo.est-reserve{background:rgba(154,97,0,.62)}
.reel-dispo-date{background:rgba(3,27,58,.46);font-weight:700}
.reel-dispo i,.reel-dispo-date i{font-size:11px}
/* « M'alerter » : discret, en verre, sans couleur vive. */
:is(#reelDispo,.rlp-reelDispo) .yf-alerte{min-height:30px!important;padding:0 11px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.3)!important;background:rgba(3,27,58,.34)!important;color:#fff!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:none!important;font:700 11.5px Manrope,system-ui,sans-serif!important;width:auto!important}
:is(#reelDispo,.rlp-reelDispo) .yf-alerte.est-posee{background:rgba(255,255,255,.18)!important}
#reelStage.en-glisse :is(#reelDispo,.rlp-reelDispo){opacity:0;transition:opacity .12s}
/* V101.976 — catégories plus lisibles ; « Filtres » plus petit et centré. */
body[data-reels] .yf-explorer-controls,body[data-reels] #yiExplorerCategoryTabs{touch-action:pan-x}
body[data-reels] #yiExplorerCategoryTabs button{font-size:15px!important;padding:9px 11px!important}
body[data-reels] #yiExplorerCategoryTabs button i{font-size:15px!important}
body[data-reels] .yf-explorer-controls .yf-explorer-filter-row{display:flex!important;justify-content:center!important;padding:2px 0 0!important}
body[data-reels] .yf-explorer-controls #yiExplorerFilterOpen{min-height:30px!important;height:30px!important;width:auto!important;padding:0 12px!important;gap:6px!important;font-size:12px!important;font-weight:800!important;margin:0 auto!important;border-radius:999px!important}
body[data-reels] .yf-explorer-controls #yiExplorerFilterOpen .yi-filter-launcher-icon,body[data-reels] .yf-explorer-controls #yiExplorerFilterOpen i{font-size:12px!important;width:auto!important;height:auto!important;min-width:0!important}
/* V101.979 — le panneau « Détails de l'annonce » s'arrête AU-DESSUS du menu
   du bas. Il était collé au bord de l'écran, sous le menu : la barre
   « Réserver » de la fiche, tout en bas du panneau, était cachée. */
@media(max-width:900px){
 body[data-reels] #reelPanel{bottom:var(--rl-bottom,72px);height:min(56dvh,calc(100dvh - var(--rl-top,96px) - var(--rl-bottom,72px) - 12px))}
}
/* V101.980 — la page des réels ne défile jamais elle-même. */
html:has(body[data-reels]),body[data-reels]{height:100%;overflow:hidden!important;overscroll-behavior:none!important}
/* V101.983 — formules des résidences et hôtels sur le réel. */
:is(#reelPrice,.rlp-reelPrice).est-formules{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.reel-formule{display:inline-flex;align-items:baseline;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(3,27,58,.42);border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:800 13px Manrope,system-ui,sans-serif;color:#fff;text-shadow:none;white-space:nowrap}
.reel-formule b{font-weight:700;opacity:.85}
/* V101.984 — horaire de la formule, discret, à droite du prix. */
.reel-formule small{margin-left:4px;padding-left:8px;border-left:1px solid rgba(255,255,255,.35);font:700 12px Manrope,system-ui,sans-serif;opacity:.85}
/* V101.989 — voile de transition : couvre le lecteur jusqu'à la première image. */
#reelPeek.est-voile{top:0;z-index:1;transition:none}
/* V101.990 — le voile n'affiche jamais d'icône d'image cassée. */
#reelPeekImg[hidden],#reelPeekImg:not([src]){display:none}
#reelPeek.est-voile{background:#000}
/* V101.992 — pendant le glissement, comme sur TikTok : les boutons, le titre
   et les pastilles RESTENT visibles, juste légèrement floutés et estompés —
   on ne croit plus qu'ils ont disparu. */
:is(#reelCaption,.rlp-reelCaption),:is(#reelActions,.rlp-reelActions),#reelStage .reel-control,:is(#reelDispo,.rlp-reelDispo),:is(#reelSound,.rlp-reelSound){transition:opacity .16s ease,filter .16s ease}
#reelStage.en-glisse :is(#reelCaption,.rlp-reelCaption),#reelStage.en-glisse :is(#reelActions,.rlp-reelActions),#reelStage.en-glisse .reel-control,#reelStage.en-glisse :is(#reelDispo,.rlp-reelDispo),#reelStage.en-glisse :is(#reelSound,.rlp-reelSound){opacity:.72;filter:blur(1.6px)}
/* (V101.992 — panneau détaché du menu : remplacé en V101.994 par une feuille qui recouvre le menu.) */
/* =====================================================================
   V101.994
   ===================================================================== */
/* Garde-fou lisible (le sélecteur ci-dessus est réécrit en :is()). */
#reelCaption{background:none!important}
/* La couche de boutons vit DANS la piste : elle monte avec la vidéo. Les
   sélecteurs ci-dessus acceptent aussi la copie du réel voisin (.rlp-…). */
.reel-layer{position:absolute;inset:0;z-index:2;pointer-events:none}
#reelLayer>#reelActions,#reelLayer>#reelSound{pointer-events:auto}
.reel-layer-peek,.reel-layer-peek *{pointer-events:none!important}
#reelPeek.est-voile .reel-layer-peek{display:none}
#reelStage.en-glisse #reelCenter{opacity:0;transition:opacity .12s}
/* Rien ne s'affiche avant la vidéo : ni boutons, ni titre, ni commandes. */
#reelLayer,#reelCenter{transition:opacity .28s ease,visibility 0s}
#reelStage:not(.est-pret) #reelLayer,#reelStage:not(.est-pret) #reelCenter{opacity:0;visibility:hidden}
@media(prefers-reduced-motion:reduce){#reelLayer,#reelCenter{transition:none}}
/* « Filtres » descend un peu : la rangée des catégories respire. La
   disponibilité et le son descendent d'autant. */
body[data-reels] .yf-explorer-controls .yf-explorer-filter-row{padding:12px 0 0!important}
body[data-reels] :is(#reelSound,.rlp-reelSound){top:108px}
:is(#reelDispo,.rlp-reelDispo){top:108px}
/* « Publier » : un bouton de verre, comme les autres, avec un éclat. */
:is(#reelActions,.rlp-reelActions) .reel-action-publish .reel-ico{
 background:linear-gradient(155deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.14) 46%,rgba(95,232,255,.16) 100%)!important;
 border:1px solid rgba(255,255,255,.55)!important;
 -webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -10px 18px rgba(3,27,58,.22),var(--ombre-haute)!important;
 position:relative;overflow:hidden}
:is(#reelActions,.rlp-reelActions) .reel-action-publish .reel-ico::before{content:"";position:absolute;left:8px;right:8px;top:3px;height:42%;border-radius:50% 50% 45% 45%;background:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none}
:is(#reelActions,.rlp-reelActions) .reel-action-publish .reel-ico i{color:#fff!important;position:relative;text-shadow:0 1px 3px rgba(3,27,58,.45)}
:is(#reelActions,.rlp-reelActions) .reel-action-publish:hover .reel-ico{background:linear-gradient(155deg,rgba(255,255,255,.5),rgba(255,255,255,.2) 46%,rgba(95,232,255,.22))!important}
/* Panneau « Détails » : une feuille native qui RECOUVRE le menu du bas,
   avec un voile sur la vidéo — comme la feuille de partage du téléphone. */
#reelSheetScrim{display:none}
@media(max-width:900px){
 body:has(#reelPanel:not([hidden])) #reelSheetScrim{display:block;position:fixed;inset:0;z-index:12900;background:rgba(2,10,24,.5);animation:reelScrimIn .24s ease both}
 body[data-reels] #reelPanel{left:0!important;right:0!important;bottom:0!important;width:auto!important;border-radius:26px 26px 0 0!important;
  height:min(calc(56dvh + var(--rl-bottom,72px)),calc(100dvh - var(--rl-top,96px) - 10px))!important;
  padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;
  box-shadow:var(--ombre-haute);animation:reelSheetIn .32s cubic-bezier(.2,.85,.25,1)}
}
@keyframes reelSheetIn{from{transform:translateY(100%)}to{transform:none}}
@keyframes reelScrimIn{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body[data-reels] #reelPanel,#reelSheetScrim{animation:none!important}}

/* V101.995 — « Filtres » posé SUR la vidéo, dans la couche qui monte avec
   elle, centré sous la rangée des catégories (qui, elle, reste fixe). */
.reel-filtres,.rlp-reel-filtres{position:absolute;top:62px;left:0;right:0;z-index:3;display:flex;justify-content:center;pointer-events:none}
.reel-layer .reel-filtres>#yiExplorerFilterOpen{pointer-events:auto}
.reel-layer :is(#yiExplorerFilterOpen,.rlp-yiExplorerFilterOpen){display:inline-flex!important;align-items:center;position:static!important;transform:none!important;margin:0!important;
 min-height:30px!important;height:30px!important;width:auto!important;min-width:0!important;padding:0 12px!important;gap:6px!important;border-radius:999px!important;
 background:rgba(3,27,58,.35)!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none!important;
 font:800 12px Manrope,system-ui,sans-serif!important}
.reel-layer :is(#yiExplorerFilterOpen,.rlp-yiExplorerFilterOpen) .yi-filter-launcher-icon,.reel-layer :is(#yiExplorerFilterOpen,.rlp-yiExplorerFilterOpen) i{background:none!important;color:#fff!important;font-size:12px!important;width:auto!important;height:auto!important;min-width:0!important}
#reelStage.en-glisse .reel-filtres{opacity:.72;filter:blur(1.6px);transition:opacity .16s ease,filter .16s ease}
/* V101.997 — fond noir, comme toutes les applications de vidéo : jamais d'écran bleu avant la première image. */
html:has(body[data-reels]),body[data-reels],body[data-reels] #reelsMain,body[data-reels] #reelStage{background:#000!important}
/* V2.002 — le cœur bat au toucher. */
#reelLike.bat i{animation:yfBat .32s cubic-bezier(.2,1.6,.4,1)}
@keyframes yfBat{0%{transform:scale(1)}40%{transform:scale(1.32)}100%{transform:scale(1)}}