.mrv-popup{padding:0;border:1px solid #ffffff25;border-radius:22px;background:#0d0f30;color:white;width:min(960px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 30px 100px #0009;font-family:zain,Arial,sans-serif}
.mrv-popup::backdrop{background:#07091ed1;backdrop-filter:blur(7px)}
.mrv-popup:not([open]){display:none}
.mrv-popup-grid{display:grid;grid-template-columns:55% 45%;min-height:575px}
.mrv-popup .mrv-close{position:absolute;right:14px;top:14px;z-index:5;width:38px;height:38px;background:#0d0f30dc;border:1px solid #ffffff60;border-radius:50%;color:white;font:400 28px/1 Arial,sans-serif;display:grid;place-items:center;padding:0;transition:background .2s}
.mrv-popup .mrv-close:hover{background:#ffcd26;color:#0d0f30;border-color:#ffcd26}
.mrv-popup-photo{position:relative;isolation:isolate;overflow:hidden;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;min-height:575px}
.mrv-popup-photo>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% center;z-index:-2}
.mrv-popup-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0d0f3066,transparent 27%,#0d0f3077 49%,#0d0f30f5 100%);z-index:-1}
.mrv-popup-photo .mrv-popup-logo{position:absolute;top:28px;left:30px;width:165px;height:auto}
.mrv-popup-heading .mrv-eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;line-height:1.35;color:#ffcd26;margin:0 0 18px}
.mrv-popup-heading h2{font:600 48px/.99 zain,Arial,sans-serif;letter-spacing:-1px;color:white;margin:0 0 26px}
.mrv-popup-heading h2 span{color:#ffcd26}
.mrv-popup-facts{display:flex;gap:22px;align-items:center;border-top:1px solid #ffffff50;padding-top:17px;font-size:19px;line-height:1.2}
.mrv-popup-facts b{font-weight:600}
.mrv-popup-facts span{border-left:1px solid #ffffff50;padding-left:22px}
.mrv-popup-side{background:#151738;display:flex;flex-direction:column}
.mrv-popup-detail{height:205px;min-height:205px;position:relative;overflow:hidden}
.mrv-popup-detail img{width:100%;height:100%;object-fit:cover;object-position:center 56%;display:block}
.mrv-popup-detail:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d0f30ba,transparent 60%)}
.mrv-popup-detail>span{position:absolute;left:30px;bottom:16px;color:#fff;z-index:1;font-size:17px}
.mrv-popup-content{padding:30px 32px 22px;flex:1;display:flex;flex-direction:column;justify-content:center}
.mrv-popup-content h3{font:600 30px/1.08 zain,Arial,sans-serif;color:#fff;margin:0 0 16px;letter-spacing:-.3px}
.mrv-popup-content>p{font-size:20px;line-height:1.35;margin:0 0 23px;color:#dedee9}
.mrv-popup .mrv-cta{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#ffcd26;color:#0d0f30;text-decoration:none;border-radius:30px;padding:15px 22px;font:italic 700 19px/1.2 Forum,Georgia,serif;min-height:50px;transition:background .2s}
.mrv-popup .mrv-cta:hover{background:#ffe174}
.mrv-popup .mrv-cta span{font:400 23px/1 Arial,sans-serif}
.mrv-popup .mrv-dismiss{background:transparent;border:0;color:#c9cad9;font:400 16px/1.3 zain,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;min-height:40px;margin:12px 0 0;padding:5px}
.mrv-popup .mrv-dismiss:hover{color:#fff}
.mrv-popup-content .mrv-popup-conditions{font-size:13px;line-height:1.2;margin:13px 0 0;color:#bebfce}
.mrv-popup-krone .mrv-popup-photo>img:first-child{object-position:40% center}
.mrv-popup-krone .mrv-popup-heading h2{font-size:44px}
.mrv-popup-krone .mrv-popup-facts{font-size:17px;gap:17px}
.mrv-popup-krone .mrv-popup-facts span{padding-left:17px}
@media(max-width:1024px){.mrv-popup{width:min(900px,calc(100vw - 40px))}
}
@media(max-width:767px){.mrv-popup{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:16px}
.mrv-popup-grid{grid-template-columns:1fr;min-height:0}
.mrv-popup-photo{min-height:285px;height:285px;padding:22px 24px}
.mrv-popup-photo>img:first-child{object-position:center 57%}
.mrv-popup-photo .mrv-popup-logo{width:125px;top:20px;left:24px}
.mrv-popup-heading .mrv-eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:12px}
.mrv-popup-heading h2,.mrv-popup-krone .mrv-popup-heading h2{font-size:36px;line-height:1;letter-spacing:-.5px;margin-bottom:15px}
.mrv-popup-facts,.mrv-popup-krone .mrv-popup-facts{padding-top:12px;font-size:16px;gap:18px}
.mrv-popup-facts span,.mrv-popup-krone .mrv-popup-facts span{padding-left:18px}
.mrv-popup-side{display:grid;grid-template-columns:1fr}
.mrv-popup-detail{height:105px;min-height:105px}
.mrv-popup-detail img{object-position:center 48%}
.mrv-popup-detail>span{font-size:14px;left:24px;bottom:12px}
.mrv-popup-content{padding:22px 24px 15px}
.mrv-popup-content h3{font-size:25px;line-height:1.05;margin-bottom:12px}
.mrv-popup-content h3 br{display:none}
.mrv-popup-content>p{font-size:18px;line-height:1.25;margin-bottom:18px}
.mrv-popup .mrv-cta{font-size:18px;padding:13px 20px;min-height:48px}
.mrv-popup .mrv-dismiss{font-size:15px;margin-top:9px;min-height:36px}
.mrv-popup .mrv-close{width:34px;height:34px;right:10px;top:10px;font-size:25px}
.mrv-popup-krone .mrv-popup-photo>img:first-child{object-position:center 47%}
.mrv-popup-content .mrv-popup-conditions{font-size:12px;margin-top:10px}
}
.mrv-popup-photo .mrv-popup-logo{width:210px;height:56px;object-fit:cover;object-position:center;left:18px}
@media(max-width:767px){.mrv-popup-photo .mrv-popup-logo{width:165px;height:44px;left:14px;top:18px}
}

@media(prefers-reduced-motion:reduce){.mrv-popup :is(a,button){transition:none}
}

.mrv-popup,.mrv-popup *{box-sizing:border-box}.mrv-popup{margin:auto}.mrv-popup button{cursor:pointer}.mrv-popup img{max-width:100%;height:auto}
.mrv-popup :is(a,button):focus-visible{outline:3px solid #5ec6ff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.mrv-popup :is(a,button){transition:none}}.mrv-popup .mrv-close:focus{background:#0d0f30dc;color:#fff;border-color:#ffffff60}
.mrv-popup .mrv-close:hover{background:#ffcd26;color:#0d0f30;border-color:#ffcd26}
.mrv-popup .mrv-dismiss:focus{background:transparent;color:#fff}

/* Annonces compactes non bloquantes, validées le 19 octobre. */
dialog.mrv-popup{position:fixed;inset:auto 24px 24px auto;margin:0;width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);border-radius:18px;z-index:99990;box-shadow:0 12px 48px #0006;overflow:auto}
.mrv-popup .mrv-popup-grid{display:block;min-height:0}
.mrv-popup .mrv-popup-photo{height:218px;min-height:218px;padding:22px}
.mrv-popup .mrv-popup-photo>img:first-child{object-position:center 57%}
.mrv-popup .mrv-popup-photo .mrv-popup-logo{width:145px;height:39px;left:14px;top:12px}
.mrv-popup .mrv-popup-heading .mrv-eyebrow{font-size:9px;letter-spacing:1.2px;margin:0 0 9px}
.mrv-popup .mrv-popup-heading h2{font-size:34px;line-height:1;letter-spacing:-.5px;margin:0 0 14px}
.mrv-popup .mrv-popup-facts{font-size:15px;gap:15px;padding-top:11px}
.mrv-popup .mrv-popup-facts span{padding-left:15px}
.mrv-popup .mrv-popup-detail,.mrv-popup .mrv-popup-content h3{display:none}
.mrv-popup .mrv-popup-content{padding:18px 22px 12px}
.mrv-popup .mrv-popup-content>p{font-size:17px;line-height:1.3;margin:0 0 15px}
.mrv-popup .mrv-cta{font-size:17px;padding:12px 17px;min-height:44px}
.mrv-popup .mrv-dismiss{font-size:14px;margin-top:7px;min-height:32px}
.mrv-popup .mrv-popup-content .mrv-popup-conditions{font-size:12px;margin:9px 0 0}
.mrv-popup .mrv-close,.mrv-popup .mrv-close:focus,.mrv-popup .mrv-close:active{background:#0d0f30!important;color:#fff!important;border:1px solid #ffffff65!important;box-shadow:none!important;outline:none!important;width:32px;height:32px;font:400 24px/1 Arial,sans-serif;right:10px;top:10px;padding:0}
.mrv-popup .mrv-close:hover{background:#ffcd26!important;color:#0d0f30!important;border-color:#ffcd26!important}
.mrv-popup .mrv-close:focus-visible{outline:2px solid #ffcd26!important;outline-offset:3px!important}
@media(max-width:767px){
 dialog.mrv-popup{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:350px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:15px}
 .mrv-popup .mrv-popup-photo{height:175px;min-height:175px;padding:17px 20px}
 .mrv-popup .mrv-popup-photo .mrv-popup-logo{width:115px;height:31px;top:8px;left:12px}
 .mrv-popup .mrv-popup-heading h2{font-size:29px;margin-bottom:10px}
 .mrv-popup .mrv-popup-heading .mrv-eyebrow{font-size:8px;margin-bottom:7px}
 .mrv-popup .mrv-popup-facts{font-size:14px;padding-top:8px}
 .mrv-popup .mrv-popup-content{padding:15px 20px 9px}
 .mrv-popup .mrv-popup-content>p{font-size:16px;margin-bottom:12px}
}