/* vitrine-1015 : aperçu plein écran d'une tuile payante. Sans ombres portées, sans flash. */
.vitrine{position:fixed;inset:0;z-index:1500;background:#0E1A44;color:#FFF6E6;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease}
.vitrine.vi-visible{opacity:1;transform:none}
html.vitrine-ouverte body{overflow:hidden}
.vitrine .vi-visuel{position:relative;height:min(58vh,520px);background:#0E1A44 center 30%/cover no-repeat}
.vitrine .vi-visuel::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,rgba(14,26,68,0),#0E1A44)}
.vitrine .vi-x{position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,246,230,.35);background:rgba(14,26,68,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#FFF6E6;display:grid;place-items:center;cursor:pointer}
.vitrine .vi-corps{position:relative;margin-top:-56px;padding:0 24px calc(150px + env(safe-area-inset-bottom))}
.vitrine .vi-bas{position:fixed;left:0;right:0;bottom:0;padding:26px 24px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(14,26,68,0),#0E1A44 34%)}
.vitrine .vi-sur{display:block;font-family:Karla,sans-serif;font-weight:600;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#F6E7B8}
.vitrine .vi-titre{font-family:'Newsreader',Georgia,serif;font-weight:400;font-size:30px;line-height:1.1;margin:8px 0 0;color:#FFF6E6}
.vitrine .vi-accroche{font-family:'Newsreader',Georgia,serif;font-style:italic;font-size:18px;line-height:1.3;margin:10px 0 0;color:#F6E7B8}
.vitrine .vi-texte{font-family:Karla,sans-serif;font-size:15.5px;line-height:1.5;margin:14px 0 0;color:#E8E2F2}
.vitrine .vi-dedans{font-family:Karla,sans-serif;font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#F6E7B8;margin:22px 0 8px}
.vitrine .vi-points{list-style:none;margin:0;padding:0}
.vitrine .vi-points li{position:relative;padding:7px 0 7px 22px;font-family:Karla,sans-serif;font-size:14.5px;line-height:1.4;color:#FFF6E6;border-top:1px solid rgba(246,231,184,.18)}
.vitrine .vi-points li::before{content:"✦";position:absolute;left:2px;top:7px;color:#F6D27E;font-size:12px}
.vitrine .vi-essai{display:block;width:100%;min-height:56px;margin-top:0;border-radius:18px;border:0;background:#F6D27E;color:#1E2448;font:inherit;font-weight:600;font-size:17px;cursor:pointer}
.vitrine .vi-essai:active{background:#E9C25F}
.vitrine .vi-plus{display:block;width:100%;min-height:48px;margin-top:8px;border-radius:14px;border:1px solid rgba(255,246,230,.35);background:none;color:#FFF6E6;font:inherit;font-size:15px;cursor:pointer}
html[dir="rtl"] .vitrine .vi-points li{padding:7px 22px 7px 0}html[dir="rtl"] .vitrine .vi-points li::before{left:auto;right:2px}html[dir="rtl"] .vitrine .vi-x{right:auto;left:12px}
@media (prefers-reduced-motion:reduce){.vitrine{transition:none;transform:none}}
