/* Mazen Mutuelles — Garantie Premier Euro v2.8.0 */
:root{
 --pe-navy:#082f69;--pe-blue:#0879df;--pe-blue2:#0568bd;--pe-cyan:#1a8fbe;
 --pe-text:#4c6578;--pe-muted:#718493;--pe-soft:#f7fbfe;--pe-line:#e0ebf1;
 --pe-green:#17935d;--pe-red:#d83a45;--pe-yellow:#e5a91d;
}
.pe-page{background:#fff;color:var(--pe-text)}
.pe-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.pe-section{padding:62px 0;background:#fff;content-visibility:auto;contain-intrinsic-size:1px 740px}
.pe-soft{background:#f8fcfe}
.pe-center{text-align:center}
.pe-kicker{display:inline-flex;padding:8px 13px;border-radius:999px;background:#edf8ff;border:1px solid #d7edf8;color:#137da8;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.pe-title{margin:12px 0 0;color:var(--pe-navy);font-size:clamp(2rem,4vw,3.25rem);line-height:1.04;letter-spacing:-.035em;font-weight:950}
.pe-title span{color:var(--pe-blue)}
.pe-subtitle{max-width:810px;margin:10px auto 0;color:#64798a;font-size:.98rem;line-height:1.65}

/* Hero */
.pe-hero{position:relative;overflow:hidden;background:#fff;padding:30px 0 34px}
.pe-hero:before{content:"";position:absolute;right:-120px;top:-100px;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,rgba(191,235,255,.65),rgba(191,235,255,0) 69%);pointer-events:none}
.pe-breadcrumb{margin-bottom:22px;color:#81919e;font-size:11px}.pe-breadcrumb a{color:#6d8190;text-decoration:none}.pe-breadcrumb span{margin:0 7px}
.pe-hero-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
.pe-hero h1{margin:16px 0 13px;color:var(--pe-navy);font-size:clamp(2.65rem,5.7vw,4.85rem);line-height:.99;letter-spacing:-.052em;font-weight:950}
.pe-hero h1 span{color:var(--pe-blue)}
.pe-hero-lead{max-width:690px;margin:0;color:#405e76;font-size:1.06rem;line-height:1.72}
.pe-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.pe-btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 20px;border-radius:13px;text-decoration:none;font-size:13px;font-weight:900}
.pe-btn-primary{background:linear-gradient(135deg,#0b83e8,#0065bb);color:#fff;box-shadow:0 12px 26px rgba(8,113,202,.18)}
.pe-btn-secondary{border:1px solid #d8e6ee;background:#fff;color:var(--pe-navy)}
.pe-hero-media{position:relative;min-height:440px;display:flex;align-items:flex-end;justify-content:center}
.pe-hero-media:before{content:"";position:absolute;inset:30px 10px 15px;border-radius:45px;background:linear-gradient(145deg,#effaff,#fff 62%,#edf7ff);border:1px solid #e0eff7}
.pe-hero-media img{position:relative;z-index:1;width:100%;height:510px;object-fit:contain;object-position:center bottom}
.pe-benefits{display:grid;grid-template-columns:1fr;gap:9px;margin-top:20px}
.pe-benefit{display:flex;gap:9px;align-items:center;border:1px solid #e3edf2;border-radius:14px;background:#fff;padding:11px 12px;box-shadow:0 5px 14px rgba(13,53,85,.04)}
.pe-benefit-icon{width:33px;height:33px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#eaf7fd;color:#0878bc;font-weight:950;font-size:12px}
.pe-benefit b{display:block;color:var(--pe-navy);font-size:11px;line-height:1.25}.pe-benefit small{display:block;color:#728593;font-size:9.5px;margin-top:2px}

/* generic cards */
.pe-card{border:1px solid var(--pe-line);border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(13,53,85,.055);overflow:hidden;transition:.24s}
.pe-card:hover{transform:translateY(-3px);box-shadow:0 17px 36px rgba(13,53,85,.09)}
.pe-profile-grid,.pe-guarantee-grid,.pe-svc-grid,.pe-step-grid,.pe-zone-grid{display:grid;grid-template-columns:1fr;gap:15px}
.pe-profile-media{height:188px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f8fcff,#edf8ff)}
.pe-profile-media img{width:100%;height:100%;object-fit:contain;object-position:center;padding:10px}
.pe-card-body{padding:18px}.pe-card h3{margin:0;color:var(--pe-navy);font-size:1.04rem}.pe-card p{margin:7px 0 0;color:#667b8a;font-size:.82rem;line-height:1.55}

/* guarantees */
.pe-guarantee{padding:18px;text-align:center}
.pe-guarantee img{width:82px;height:82px;object-fit:contain;margin:0 auto 12px}
.pe-guarantee h3{font-size:.98rem}.pe-guarantee p{font-size:.76rem}
.pe-why{display:grid;grid-template-columns:1fr;gap:24px;align-items:center;border:1px solid #d7ebf5;border-radius:30px;background:linear-gradient(135deg,#f1fbff,#fff);padding:28px;margin-top:28px}
.pe-why-media{display:flex;align-items:center;justify-content:center}.pe-why-media img{width:min(100%,320px);height:280px;object-fit:contain}
.pe-checks{display:grid;gap:9px;margin-top:18px}.pe-check{display:flex;align-items:flex-start;gap:9px}.pe-check i{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e6f8ef;color:#138f59;font-style:normal;font-size:11px;font-weight:950}.pe-check span{color:#516b7c;font-size:.86rem;line-height:1.45}

/* reimbursement */
.pe-process{background:linear-gradient(110deg,#f2faff,#fff,#f4fbff);border-top:1px solid #e1eef4;border-bottom:1px solid #e1eef4}
.pe-step{position:relative;border:1px solid #e0eaf0;border-radius:20px;background:#fff;padding:20px;box-shadow:0 7px 20px rgba(13,53,85,.04)}
.pe-number{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b82e6,#0065ba);color:#fff;font-weight:950}
.pe-step h3{margin:13px 0 0;color:var(--pe-navy);font-size:.95rem}.pe-step p{margin:6px 0 0;color:#657a89;font-size:.78rem;line-height:1.55}

/* zones */
.pe-zone{padding:18px}.pe-zone-top{display:flex;align-items:center;gap:10px}.pe-zone-icon{width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#eaf7fd;color:#0877bb;font-weight:950;font-size:13px}.pe-zone h3{margin:0;color:var(--pe-navy);font-size:.95rem}.pe-zone p{margin:8px 0 0;color:#667b8a;font-size:.76rem;line-height:1.5}

/* services */
.pe-svc{padding:18px;text-align:center}.pe-svc-icon{width:50px;height:50px;margin:0 auto;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#eaf7fd;color:#0878bc;font-weight:950;font-size:17px}.pe-svc h3{margin:12px 0 0;color:var(--pe-navy);font-size:.92rem}.pe-svc p{margin:6px 0 0;color:#667b8a;font-size:.76rem;line-height:1.5}

/* comparison */
.pe-compare-grid{display:grid;grid-template-columns:1fr;gap:25px;align-items:start}
.pe-compare-intro{border:1px solid #e0ebf1;border-radius:24px;background:#fff;padding:24px;box-shadow:0 9px 25px rgba(13,53,85,.05)}
.pe-table-wrap{overflow-x:auto;border:1px solid #dce8ef;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(13,53,85,.045)}
.pe-table{width:100%;min-width:650px;border-collapse:collapse;font-size:12px}
.pe-table th,.pe-table td{padding:13px 15px;border-bottom:1px solid #e7eef2;text-align:center}
.pe-table th:first-child,.pe-table td:first-child{text-align:left}
.pe-table thead th{background:#eaf5fd;color:var(--pe-navy);font-weight:900}
.pe-table thead th.pe-highlight{background:linear-gradient(135deg,#1183e6,#0268be);color:#fff}
.pe-yes{color:#138f59;font-weight:950}.pe-no{color:#d43b47;font-weight:950}.pe-var{color:#b37d0e;font-weight:950}

/* detailed content */
.pe-content-grid{display:grid;grid-template-columns:1fr;gap:24px}
.pe-toc{border:1px solid #e2ebf0;border-radius:20px;background:#f8fcfe;padding:18px;align-self:start}.pe-toc strong{color:var(--pe-navy);font-size:.9rem}.pe-toc nav{display:grid;gap:8px;margin-top:11px}.pe-toc a{padding:8px 9px;border-radius:9px;background:#fff;color:#5d7281;text-decoration:none;font-size:11px}
.pe-prose{border:1px solid #e5edf2;border-radius:28px;background:#fff;padding:25px;box-shadow:0 10px 30px rgba(13,53,85,.045)}
.pe-prose .lead{font-size:1.12rem;color:#486174;line-height:1.75}
.pe-prose h2{position:relative;padding-left:14px;margin:38px 0 13px;color:#0d3555;font-size:1.72rem;line-height:1.2;scroll-margin-top:100px}.pe-prose h2:before{content:"";position:absolute;left:0;top:.17em;width:4px;height:1.15em;border-radius:99px;background:linear-gradient(#1588ba,#5fc6b1)}
.pe-prose h3{color:#174c70;margin-top:25px}.pe-prose p,.pe-prose li{color:#536c7d;line-height:1.82;font-size:.97rem}.pe-prose a{color:#0877c8;font-weight:760;text-decoration:underline;text-decoration-color:#add8eb;text-underline-offset:3px}.pe-prose ul{padding-left:22px}.pe-note{border-left:4px solid #1684b4;background:#f1faff;border-radius:11px;padding:14px 16px}

/* FAQ */
.pe-faq{display:grid;grid-template-columns:1fr;gap:11px}.pe-faq details{border:1px solid #dce8ef;border-radius:15px;background:#fff;padding:16px 18px}.pe-faq summary{cursor:pointer;list-style:none;color:var(--pe-navy);font-size:.88rem;font-weight:900}.pe-faq summary::-webkit-details-marker{display:none}.pe-faq p{margin:10px 0 0;color:#637989;font-size:.8rem;line-height:1.6}

/* final CTA */
.pe-final{margin:34px 0 10px;border:1px solid #d5edf8;border-radius:28px;background:linear-gradient(105deg,#eaf9ff,#fff,#edf6ff);padding:26px;display:grid;grid-template-columns:1fr;gap:18px;align-items:center}.pe-final h2{margin:0;color:var(--pe-navy);font-size:1.8rem;line-height:1.08}.pe-final h2 span{color:var(--pe-blue)}.pe-final p{margin:7px 0 0;color:#647989;font-size:.85rem}

@media(min-width:640px){
 .pe-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pe-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pe-guarantee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pe-svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pe-step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pe-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pe-faq{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:960px){
 .pe-hero-grid{grid-template-columns:.96fr 1.04fr}
 .pe-benefits{grid-template-columns:repeat(4,minmax(0,1fr))}
 .pe-profile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .pe-guarantee-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .pe-svc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .pe-zone-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pe-why{grid-template-columns:1.1fr .9fr}
 .pe-compare-grid{grid-template-columns:300px minmax(0,1fr)}
 .pe-content-grid{grid-template-columns:250px minmax(0,1fr)}
 .pe-toc{position:sticky;top:95px}
 .pe-final{grid-template-columns:1fr auto}
}
@media(min-width:1180px){.pe-guarantee-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.pe-card{transition:none}}