/** Shopify CDN: Minification failed

Line 57:0 All "@import" rules must come first

**/

  .wr-pp .titlerow{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
  .wr-prate{display:inline-flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;padding:4px 2px;transition:opacity .15s}
  .wr-prate:hover{opacity:.82}.wr-prate:hover .wr-prate-count{text-decoration:underline}
  .wr-prate-stars{display:inline-flex;gap:3px}
  .wr-prate-stars .s svg{width:19px;height:19px;border-radius:5px;padding:3px;display:block;fill:#fff;background:#e2e5da}
  .wr-prate-stars .s.on svg{background:#c4e147}
  .wr-prate-stars .s.half svg{background:linear-gradient(90deg,#c4e147 68%,#e2e5da 68%)}
  .wr-prate-score{font-family:'Urbanist',sans-serif;font-weight:900;font-size:15px;color:#0D2218;letter-spacing:-.01em}
  .wr-prate-count{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;color:#6b7565}
  @media(max-width:760px){.wr-pp .titlerow{justify-content:center}.wr-prate{width:100%;justify-content:center;margin-top:2px}}
/* ── Petits écrans : les tailles suivent la largeur, plus d'effet écrasé ── */
@media(max-width:430px){
  .wr-pp .wrtab{font-size:clamp(11px,3.1vw,14.5px);padding:12px 4px}
  .wr-pp .wrtab-pin{font-size:clamp(7px,1.9vw,8px);padding:2px 6px}
  /* le titre doit tenir sur une ligne : la taille suit la largeur d'écran */
  .wr-pp .wruinfo-tx > b{font-size:clamp(9.5px,2.85vw,13px);letter-spacing:-.01em}
  .wr-pp .wruinfo{gap:9px;padding:11px 12px}
  .wr-pp .wruinfo-ic{width:28px;height:28px}
  .wr-pp .wruinfo-q{width:24px;height:24px;font-size:11px}
  .wr-pp .wruinfo-tx span{font-size:clamp(10px,2.7vw,11px)}
  .wr-pp .wrtile b{font-size:clamp(14px,4vw,17px)}
  .wr-pp .wrtile span{font-size:clamp(9px,2.5vw,10.5px)}
  .wr-pp .wrtile-rb{font-size:clamp(7px,2vw,8.5px)}
  .wr-pp .wrstep-v{font-size:clamp(18px,5.4vw,23px)}
  .wr-pp .wrstep-v small{font-size:clamp(9.5px,2.6vw,10.5px)}
  .wr-pp .wrstep-b{width:clamp(34px,9.5vw,40px);height:clamp(34px,9.5vw,40px);font-size:clamp(17px,5vw,21px)}
  .wr-pp .wrqsel-count .sv{font-size:clamp(18px,5.4vw,23px)}
  .wr-pp .wrqsel-btn{width:clamp(34px,9.5vw,40px);height:clamp(34px,9.5vw,40px);font-size:clamp(17px,5vw,21px)}
  .wr-pp .wrusebar{font-size:clamp(10.5px,2.9vw,12px)}
  .wr-pp .wrswap-tx b,.wr-pp .wrups-tx b{font-size:clamp(12px,3.3vw,14px)}
  .wr-pp .wrswap-tx em,.wr-pp .wrups-tx em{font-size:clamp(10px,2.8vw,11.5px)}
  .wr-pp #wrpaneStd .chip .cgb{font-size:clamp(13.5px,3.9vw,17px)}
  .wr-pp #wrpaneStd .chip .cval{font-size:clamp(10px,2.8vw,11.5px)}
  .wr-pp #wrpaneStd .chip .cprice{font-size:clamp(14px,4.1vw,18px)}
  .wr-pp .npsbar-t2{font-size:clamp(10.5px,2.9vw,12.5px)}
  .wr-pp .npsbar-t2 b{font-size:clamp(12px,3.4vw,14px)}
  .wr-pp .wrnud-tx{font-size:clamp(10.5px,2.9vw,13px)}
  .wr-pp .wrnud-chip{font-size:clamp(10.5px,2.9vw,13px)}
}
@media(max-width:360px){
  .wr-pp .wruinfo-tx > b{font-size:clamp(9px,2.75vw,11px)}
  .wr-pp .wruinfo{gap:8px;padding:10px 11px}
  .wr-pp .wruinfo-ic{width:26px;height:26px}
  .wr-pp .wrtabs{gap:3px;padding:4px}
  .wr-pp .wrtab{padding:11px 2px}
  .wr-pp .wrtiles{gap:5px}
}



@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@600;700;800;900&family=DM+Sans:wght@400;500;700&display=swap');
.wr-pp *, .wr-pp{box-sizing:border-box}
.wr-pp{margin:0;width:100%;background:#f4f6ee;color:#0a0a0a;font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
.wr-pp .ic{width:1em;height:1em;display:inline-block;vertical-align:-.14em;flex-shrink:0}
.wr-pp .page{max-width:1300px;margin:0 auto;padding:28px 32px 64px}
/* HERO BAND */
.wr-pp .hero{position:relative;border-radius:26px;overflow:hidden;height:240px}
.wr-pp .heroimg{position:absolute;inset:0;background:linear-gradient(120deg,#bfe06a,#8ec23a 55%,#4f7d18);background-size:cover;background-position:center}
.wr-pp .heroshade{position:absolute;inset:0;background:linear-gradient(155deg,rgba(196,225,71,.28),rgba(8,18,8,.58))}
.wr-pp .hl{margin-top:18px;color:#0d1407}
.wr-pp .heyebrow{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;opacity:.7}
.wr-pp .htitle{display:inline-flex;align-items:center;gap:13px;font-family:'Urbanist';font-weight:900;font-size:46px;letter-spacing:-.05em;line-height:1;margin:0;color:#0d1407}
.wr-pp .hmeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wr-pp .hchip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #e7ecdd;border-radius:11px;padding:7px 13px;font-size:13px;font-weight:700;color:#1a3d08}
.wr-pp .hchip .ic{color:#7aa329}
.wr-pp .hchip .ic{font-size:15px}
.wr-pp .hr{position:relative;z-index:1;flex-shrink:0}
.wr-pp .titlerow{display:flex;align-items:center;gap:13px;margin:0 0 14px}
.wr-pp .titlerow .htitle{margin:0}
.wr-pp .flagMini{width:40px;height:40px;border-radius:50%;overflow:hidden;display:inline-flex;border:2px solid #eceee8;box-shadow:0 3px 10px rgba(26,61,8,.15);flex-shrink:0}
.wr-pp .flagMini i{flex:1}
.wr-pp .hprod{position:relative;width:190px;height:160px;border-radius:20px;background:rgba(255,255,255,.42);border:1.5px dashed rgba(26,61,8,.35);display:flex;align-items:center;justify-content:center;color:#5c7a2e}
.wr-pp .photoph{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:700;opacity:.7}
.wr-pp .photoph .ic{font-size:34px}
.wr-pp .hprodimg{width:190px;height:160px;border-radius:20px;object-fit:cover}
.wr-sep{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* BODY GRID — forfait à gauche, détails à droite */
.wr-pp .body{display:grid;grid-template-columns:560px 1fr;gap:36px;margin-top:32px;align-items:start}
/* ---- BUY BOX (gauche) ---- */
.wr-pp .buybox{position:sticky;top:24px;background:#fff;border:1px solid #e7e7e7;border-radius:22px;padding:22px;box-shadow:0 14px 40px rgba(0,0,0,.07)}
/* ===== NEW eSIM selector + nudge + price block ===== */
.wr-pp .wrqsel{border-radius:17px;padding:14px;background:#fff;border:1px solid #ecefe4;margin-top:6px}
.wr-pp .wrqsel-title{font-family:'Urbanist';font-weight:900;font-size:14.5px;color:#173508;margin:0 0 10px;letter-spacing:-.02em}
.wr-pp .wrqsel-step{display:flex;align-items:center;background:#f6f8f0;border:1px solid #e6ebdb;border-radius:14px;padding:6px;gap:6px}
.wr-pp .wrqsel-btn{width:46px;height:46px;border-radius:11px;border:none;background:#fff;color:#3c4f43;font-family:'Urbanist';font-weight:900;font-size:22px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.06);transition:transform .12s}
.wr-pp .wrqsel-btn:active{transform:scale(.93)}
.wr-pp .wrqsel-btn:disabled{opacity:.4;cursor:default}
.wr-pp .wrqsel-count{flex:1;text-align:center}
.wr-pp .wrqsel-count b{display:block;font-family:'Urbanist';font-weight:900;font-size:24px;color:#173508;line-height:1;letter-spacing:-.02em}
.wr-pp .wrqsel-count span{display:block;font-family:'DM Sans';font-weight:600;font-size:11px;color:#98a58c;margin-top:3px}
.wr-pp .wrnud{margin-top:10px;border-radius:12px;overflow:hidden;position:relative}
.wr-pp .wrnud-box{position:relative;height:48px;background:#f6fbe9;border:1px solid #dcecae;border-radius:12px;overflow:hidden;transition:background .42s,border-color .42s}
.wr-pp .wrnud.on .wrnud-box{background:linear-gradient(135deg,#f0fad0,#e2f3b0);border-color:#cfe88e}
.wr-pp .wrnud-layer{position:absolute;inset:0;display:flex;align-items:center;padding:0 12px;justify-content:center;gap:8px;transition:transform .44s cubic-bezier(.5,0,.15,1),opacity .32s}
.wr-pp .wrnud-idle{transform:translateY(0)}
.wr-pp .wrnud.on .wrnud-idle{transform:translateY(-108%);opacity:0}
.wr-pp .wrnud-live{transform:translateY(108%);opacity:0}
.wr-pp .wrnud.on .wrnud-live{transform:translateY(0);opacity:1}
.wr-pp .wrnud-ic{font-size:18px;line-height:1;flex-shrink:0}
.wr-pp .wrnud-tx{font-family:'DM Sans';font-weight:600;font-size:13px;color:#3c5510;white-space:nowrap}
.wr-pp .wrnud-tx b{font-family:'Urbanist';font-weight:900;color:#173508}
.wr-pp .wrnud-chip{font-family:'Urbanist';font-weight:900;font-size:13px;color:#173508;background:#d5e990;border-radius:7px;padding:5px 10px;flex-shrink:0;box-shadow:0 3px 10px -3px rgba(203,236,90,.9)}
.wr-pp .wrnud-applied{font-family:'Urbanist';font-weight:900;font-size:14px;color:#1f3d08}
@media(prefers-reduced-motion:reduce){.wr-pp .wrnud-layer{transition:none}}
.wr-pp .wrpb{margin-top:12px;background:#f4f9ea;border:1px solid #e3eecb;border-radius:15px;padding:15px 16px}
.wr-pp .wrpb-l{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;font-family:'DM Sans';font-weight:700;font-size:14px;color:#4a6524}
.wr-pp .wrpb-l #pkg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wr-pp .wrpb-l .v{flex-shrink:0}
.wr-pp .wrpb-l .v{font-family:'Urbanist';font-weight:900;font-size:15px;color:#173508}
.wr-pp .wrpb-l .sumorig{font-family:'Urbanist';font-weight:700;font-size:12.5px;color:#b0bb9e;text-decoration:line-through;text-decoration-color:#c4e147;margin-right:6px}
.wr-pp .wrpb-d .k{display:flex;align-items:center;gap:8px;color:#3d6d14}
.wr-pp .wrpb-d .v{color:#3d6d14}
.wr-pp .wrpb-tag{font-family:'Urbanist';font-weight:900;font-size:11px;color:#173508;background:#d5e990;border-radius:6px;padding:3px 8px}
.wr-pp .wrpb-dash{border:none;border-top:1.5px dashed #dbe8bf;margin:9px 0 0}
.wr-pp .wrpb-tot{display:flex;align-items:baseline;justify-content:space-between;margin-top:11px}
.wr-pp .wrpb-tot .lb{font-family:'Urbanist';font-weight:900;font-size:16px;color:#173508}
.wr-pp .wrpb-tot .nw{font-family:'Urbanist';font-weight:900;font-size:28px;color:#173508;letter-spacing:-.03em}
.wr-pp .wrpb-tot .nw.pop{animation:wrPop .3s ease}
@keyframes wrPop{0%{transform:scale(.94)}60%{transform:scale(1.04)}100%{transform:scale(1)}}
.wr-pp .seclbl{font-family:'Urbanist';font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#9a9a9a;margin:0 0 12px}
.wr-pp .chips{display:flex;flex-direction:column;gap:8px}
.wr-pp .chip{position:relative;display:flex;align-items:center;gap:14px;border:1.5px solid #e7eadf;border-radius:16px;padding:13px 16px;cursor:pointer;background:#fff;box-shadow:0 1px 2px rgba(13,34,24,.04);transition:border-color .15s,box-shadow .2s,transform .15s}
.wr-pp .chip:hover{border-color:#cfe28a;box-shadow:0 7px 18px rgba(13,34,24,.08);transform:translateY(-1px)}
.wr-pp .chip.on{border-color:#c4e147;border-width:2px;padding:12.5px 15.5px;box-shadow:0 10px 26px rgba(196,225,71,.24)}
.wr-pp .cico{width:40px;height:40px;border-radius:12px;background:#eef1ea;color:#0D2218;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;transition:.15s}
.wr-pp .chip:hover .cico{background:#e6efce}
.wr-pp .chip.on .cico{background:#c4e147;color:#0D2218}
.wr-pp .cmain{flex:1;min-width:0}
.wr-pp .cgb{font-family:'Urbanist';font-weight:800;font-size:18px;letter-spacing:-.02em;color:#0D2218;display:flex;align-items:center;gap:8px;line-height:1;flex-wrap:wrap}
.wr-pp .cval{font-size:12px;color:#8a9080;font-weight:500;margin-top:5px;letter-spacing:.01em;display:flex;align-items:center;gap:5px}
@media(min-width:981px){.wr-pp .cval{font-size:13.5px;color:#3c4f43;font-weight:600}.wr-pp .cval .ic{font-size:14px}}
.wr-pp .cval .ic{font-size:13px;color:#c4e147;flex-shrink:0}
.wr-pp .cprice{font-family:'Urbanist';font-weight:900;font-size:18px;letter-spacing:-.02em;color:#6f9e21;flex-shrink:0;white-space:nowrap}
.wr-pp .ctag{font-family:'Urbanist';font-weight:800;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#3c5a0e;background:#dff09a;border-radius:6px;padding:3px 7px;line-height:1;flex-shrink:0}
.wr-pp .ctag.trial{color:#2d5a08;background:#eaf6c8}
.wr-pp .ctag.promo{color:#173508;background:#d5e990;font-size:10px;padding:4px 8px;letter-spacing:.04em;position:relative;top:-1px}
.wr-pp .cprice-sale{display:flex;flex-direction:column;align-items:flex-end;line-height:1}
.wr-pp .cprice-old{font-family:'Urbanist';font-weight:800;font-size:13px;color:#a6b088;text-decoration:line-through;text-decoration-color:#c4e147;text-decoration-thickness:2.5px;margin-bottom:2px}
.wr-pp .cprice-new{font-family:'Urbanist';font-weight:900;font-size:18px;color:#173508;letter-spacing:-.02em}
.wr-pp .cbadge{position:absolute;top:-8px;right:10px;background:#0a0a0a;color:#c4e147;font-size:8px;font-weight:800;padding:2px 8px;border-radius:20px;letter-spacing:.05em}
.wr-pp .cbadge.flameb{padding:2px 6px;font-size:12px;letter-spacing:0;background:#0a0a0a}
/* ILLIMITÉ — en limon (au lieu de noir) */
.wr-pp .chip.unl{grid-column:1/-1;display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#d5e990,#c4e147,#ddebb0,#c4e147,#d5e990);background-size:300% 100%;border-color:transparent;color:#1a3d08;animation:unlFlow 4.5s ease infinite}
.wr-pp .chip.unl.on{border-color:transparent;box-shadow:0 8px 22px rgba(196,225,71,.5)}
@keyframes unlFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.wr-pp .urocket{font-size:16px;margin-left:6px;line-height:1;vertical-align:-.05em}
.wr-pp .unlbadge{display:inline-block;margin-left:8px;background:#173508;color:#c4e147;font-family:'Urbanist';font-weight:900;font-size:11px;padding:3px 9px;border-radius:7px;line-height:1;vertical-align:middle;box-shadow:0 2px 6px -2px rgba(13,34,24,.5)}
.wr-pp .chip.unl .ci{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.45);color:#1a3d08;display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}
.wr-pp .chip.unl .cb{flex:1}.wr-pp .chip.unl .cgb{font-size:16px;color:#173508}.wr-pp .chip.unl .cval{color:#3f6314}.wr-pp .chip.unl .cval .ic{color:#2d5a08}.wr-pp .chip.unl .cprice{color:#173508;margin:0;font-size:16px}
.wr-pp .unlpanel{display:none;margin-top:11px;border:1.5px solid #c4e147;border-radius:16px;padding:16px;background:#fbfff2}
.wr-pp .unlpanel.open{display:none}
.wr-pp .ultop{display:none}
.wr-pp .ularr{width:34px;height:50px;border:1.5px solid #e3e8d8;border-radius:11px;background:#fff;font-size:20px;font-weight:700;color:#5a8a1a;cursor:pointer;flex-shrink:0}
.wr-pp .ularr:hover{border-color:#c4e147;background:#f6fde8}
.wr-pp .ultrack{position:relative;flex:1;min-width:0;height:50px;background:#fff;border:1.5px solid #e3e8d8;border-radius:12px;overflow:hidden}
.wr-pp .ultape{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center}
.wr-pp .ultick{position:relative}
.wr-pp .ultick-badge{position:absolute;top:-2px;left:50%;transform:translateX(-50%);font-family:'Urbanist';font-weight:900;font-size:8px;color:#173508;background:#d5e990;border-radius:5px;padding:2px 5px;line-height:1;white-space:nowrap}
.wr-pp .mpromo{position:absolute;top:14px;left:50%;transform:translateX(-50%) translateY(-8px);display:flex;align-items:center;gap:10px;background:#0D2218;border-radius:12px;padding:12px 16px;box-shadow:0 14px 34px -10px rgba(13,34,24,.65);z-index:40;opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;max-width:88%}
.wr-pp .mpromo.show{opacity:1;transform:translateX(-50%) translateY(0)}
.wr-pp .mpromo-ic{font-size:18px;line-height:1;flex-shrink:0}
.wr-pp .mpromo-tx{font-family:'Urbanist';font-weight:800;font-size:13px;color:#eaf7cf;line-height:1.25}
.wr-pp .mpromo-tx b{color:#c4e147;font-weight:900}
@media(prefers-reduced-motion:reduce){.wr-pp .mpromo{transition:opacity .2s}}
.wr-pp .mt-badge{position:absolute;top:0;right:0;width:40px;height:40px;overflow:hidden;pointer-events:none}
.wr-pp .mt-badge span{position:absolute;top:6px;right:-13px;transform:rotate(45deg);background:#c4e147;color:#173508;font-family:'Urbanist';font-weight:900;font-size:8px;line-height:1;padding:2px 15px;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.wr-pp .ultick{min-width:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#cfcfcf;cursor:pointer}
.wr-pp .ultick b{font-family:'Urbanist';font-size:14px;font-weight:800}
.wr-pp .ultick small{font-size:7px;text-transform:uppercase}
.wr-pp .ultick.on b{font-size:22px;color:#111}.wr-pp .ultick.on small{color:#c4e147;font-weight:700}
.wr-pp .ulcenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:40px;border:2px solid rgba(196,225,71,.45);background:rgba(196,225,71,.1);border-radius:10px;pointer-events:none}
.wr-pp .fine{width:100%;margin-top:0;border:1.5px dashed #C2E080;border-radius:11px;background:#fff;color:#3b6d11;font-weight:700;font-size:12px;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}
.wr-pp .fine:hover{border-style:solid;border-color:#c4e147}
.wr-pp .qty{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:12px 14px;border:1.5px solid #ececec;border-radius:14px}
.wr-pp .qtyl b{font-family:'Urbanist';font-weight:800;font-size:14px}
.wr-pp .qtyl span{display:block;font-size:11px;color:#c4e147;font-weight:700;margin-top:1px}
.wr-pp .stepper{display:flex;align-items:center;background:#f4f4f4;border-radius:100px;padding:3px;gap:3px}
.wr-pp .sb{width:30px;height:30px;border-radius:50%;background:#fff;border:none;cursor:pointer;font-size:16px;color:#555;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.wr-pp .sb:disabled{opacity:.3;cursor:not-allowed}
.wr-pp .sv{font-family:'Urbanist';font-weight:800;font-size:15px;min-width:24px;text-align:center}
.wr-pp .npsbar{position:relative;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:13px;margin-bottom:14px;background:#0D2218;overflow:hidden;height:46px}
.wr-pp .npsbar::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 180% at 100% 0%,rgba(196,225,71,.18),transparent 58%);pointer-events:none;z-index:2}
.wr-pp .npsbar-view{position:relative;z-index:1;flex:1;min-width:0;height:46px;overflow:hidden}
.wr-pp .npsbar-track{display:flex;flex-direction:column;animation:npsRoll 10s cubic-bezier(.7,0,.2,1) infinite}
.wr-pp .npsbar-msg{height:46px;display:flex;align-items:center;gap:10px;flex-shrink:0}
.wr-pp .npsbar-e{font-size:16px;line-height:1;flex-shrink:0}
.wr-pp .npsbar-t{flex:1;min-width:0;font-family:'DM Sans';font-size:13px;font-weight:600;color:#e9f1e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wr-pp .npsbar-t b{font-family:'Urbanist';font-weight:900;color:#c4e147}
.wr-pp .npsbar-t .tm{font-family:'Urbanist';font-weight:900;color:#c4e147;font-variant-numeric:tabular-nums}
.wr-pp .npsbar-chip{position:relative;z-index:3;font-family:'Urbanist';font-weight:900;font-size:12.5px;color:#173508;background:#d5e990;border-radius:8px;padding:6px 10px;flex-shrink:0;box-shadow:0 3px 10px -3px rgba(203,236,90,.7)}
@keyframes npsRoll{0%,42%{transform:translateY(0)}50%,92%{transform:translateY(-46px)}100%{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.wr-pp .npsbar-track{animation:none}}
.wr-pp .bundleban{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f6fde8;border:1px solid #dcecae;border-radius:12px;padding:11px 14px;margin-top:12px}
.wr-pp .bundleban .l{display:flex;align-items:center;gap:8px;font-family:'Urbanist';font-weight:800;font-size:13px;color:#2d5a08}
.wr-pp .bundleban .r{font-family:'Urbanist';font-weight:900;font-size:13px;color:#173508;background:#d5e990;border-radius:8px;padding:4px 10px;white-space:nowrap}
.wr-pp .banemoji{font-size:16px;line-height:1}
.wr-pp .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}
.wr-pp .tier{border:2px solid #ececec;border-radius:12px;padding:11px 6px;background:#fff;text-align:center;cursor:pointer;transition:.15s}
.wr-pp .tier.on{border-color:#c4e147;background:#f6fde8}
.wr-pp .tier b{font-family:'Urbanist';font-weight:900;font-size:17px;color:#0a0a0a;display:block}
.wr-pp .tier.on b{color:#0a0a0a}
.wr-pp .tier span{display:block;font-size:11px;font-weight:800;color:#9aa08f;margin-top:2px}
.wr-pp .tier.on span{color:#5a8a1a}
.wr-pp .sum{margin-top:13px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f6fde8;border:1px solid #dcecae;border-radius:14px;padding:13px 16px}
.wr-pp .sumlbl{font-family:'Urbanist';font-weight:800;font-size:13px;color:#2d4d0e}
.wr-pp .sumunit{font-size:11px;color:#8a9a6e;font-weight:600;margin-top:2px}
.wr-pp .sumright{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.wr-pp .sumorig{font-size:12px;color:#9bbf6a;text-decoration:line-through;margin-right:6px}
.wr-pp .sumprice{font-family:'Urbanist';font-weight:900;font-size:26px;letter-spacing:-.03em;color:#173508}
.wr-pp .sumorig{text-decoration:line-through;text-decoration-color:#c4e147;text-decoration-thickness:2px;color:#a6b088;font-weight:800;font-size:15px;margin-right:7px}
.wr-pp .sumsave{font-size:10.5px;font-weight:800;color:#173508;background:#d5e990;border-radius:8px;padding:4px 9px}
.wr-pp .cta{width:100%;margin-top:14px;border:none;border-radius:14px;background:linear-gradient(135deg,#d5e990,#c4e147);color:#1a3d08;font-family:'Urbanist';font-weight:900;font-size:16px;padding:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 20px rgba(196,225,71,.35)}
.wr-pp .promo{margin-top:13px;display:flex;flex-direction:column;gap:10px}
.wr-pp .prc{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid #e7e7e7;border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.04);padding:14px 16px}
.wr-pp .prci{width:38px;height:38px;border-radius:11px;background:#f0f8db;color:#4f7d12;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.wr-pp .prci-toggle{font-size:23px}
.wr-pp .prc b{font-family:'Urbanist';font-weight:800;font-size:13.5px;color:#234d09;display:block;line-height:1.2}
.wr-pp .prc small{font-size:11.5px;color:#6f8154;display:block;margin-top:3px;line-height:1.32}
.wr-pp .cta:hover{filter:brightness(1.04)}
.wr-pp .trustline{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.wr-pp .acc{margin-top:16px;border:1px solid #ececec;border-radius:14px;overflow:hidden;background:#fff}
.wr-pp .acchead{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;cursor:pointer;background:#fff;border:none;text-align:left;font-family:inherit;-webkit-tap-highlight-color:transparent}
.wr-pp .rot{display:flex;align-items:center;gap:9px;font-family:'Urbanist';font-weight:800;font-size:13px;color:#1f2937;transition:opacity .35s,transform .35s;min-width:0}
.wr-pp .rot.out{opacity:0;transform:translateY(-8px)}
.wr-pp .rot .ic{color:#7aa329;font-size:16px;flex-shrink:0}
.wr-pp .rot span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wr-pp .more{display:flex;align-items:center;gap:6px;font-family:'Urbanist';font-weight:800;font-size:12px;color:#5a8a1a;white-space:nowrap;flex-shrink:0}
.wr-pp .more .ic{transition:transform .25s;font-size:14px}
.wr-pp .acc.open .more .ic{transform:rotate(180deg)}
.wr-pp .accbody{display:none;padding:14px 16px;border-top:1px solid #f2f2f2;grid-template-columns:1fr 1fr;gap:12px 14px}
.wr-pp .acc.open .accbody{display:grid}
.wr-pp .al{display:flex;align-items:center;gap:8px;font-family:'Urbanist';font-weight:800;font-size:12px;color:#1f2937}
.wr-pp .al .ic{color:#7aa329;font-size:15px;flex-shrink:0}
.wr-pp .cbadge.free{background:#c4e147;color:#1a3d08}
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.14)}100%{transform:scale(1)}}
.wr-pp .sumprice.pop{animation:pop .32s cubic-bezier(.3,1.4,.5,1)}
.wr-pp .tl{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280;font-weight:500}
.wr-pp .tl .ic{color:#c4e147;font-size:15px}
/* ---- DÉTAILS (droite) ---- */
.wr-pp .right{min-width:0}
.wr-pp .dhead{text-align:center;margin-bottom:14px}.wr-pp .deyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'Urbanist';font-weight:800;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#4f7d12;background:#f6faec;border:1px solid #e2efbe;border-radius:999px;padding:6px 14px}.wr-pp .depip{width:6px;height:6px;border-radius:50%;background:#c4e147}.wr-pp .dh{font-family:'Urbanist';font-weight:900;font-size:40px;letter-spacing:-.022em;line-height:1.08;margin:0 0 12px;text-align:center}.wr-pp .dh em{font-style:normal;color:#c4e147}
.wr-pp .dsub{font-size:16px;color:#869079;margin:0 auto 26px;text-align:center;max-width:520px;line-height:1.55}
/* device checker */
.wr-pp .checker{border:1.5px solid #c4e147;border-radius:20px;padding:22px 24px;background:linear-gradient(180deg,#fbfff2,#fff);margin-bottom:24px}
.wr-pp .ckhead{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.wr-pp .ckico{width:46px;height:46px;border-radius:13px;background:#0a0a0a;color:#c4e147;display:flex;align-items:center;justify-content:center;font-size:23px;flex-shrink:0}
.wr-pp .ckt{font-family:'Urbanist';font-weight:900;font-size:19px}
.wr-pp .cks{font-size:12.5px;color:#888;margin-top:1px}
.wr-pp .ckform{display:flex;gap:10px}
.wr-pp .ckwrap{position:relative;flex:1}
.wr-pp .ckinput{width:100%;border:1.5px solid #e3e8d8;border-radius:13px;padding:14px 16px;font-family:'DM Sans';font-size:16px;font-weight:500;color:#111;background:#fff;outline:none}
.wr-pp .ckinput:focus{border-color:#c4e147;box-shadow:0 0 0 3px rgba(196,225,71,.18)}
.wr-pp .cklist{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #e7e7e7;border-radius:13px;box-shadow:0 14px 36px rgba(0,0,0,.12);overflow:hidden;z-index:6;display:none}
.wr-pp .cklist.open{display:block}
.wr-pp .ckopt{padding:11px 16px;font-size:13.5px;font-weight:600;cursor:pointer}
.wr-pp .ckopt:hover, .wr-pp .ckopt.hl{background:#f5fce8;color:#2d5a08}


.wr-pp .ckres{display:none;margin-top:14px;border-radius:13px;padding:13px 16px;font-weight:700;font-size:13.5px;align-items:center;gap:10px}
.wr-pp .ckres.show{display:flex;animation:ckIn .34s cubic-bezier(.2,.8,.2,1)}
.wr-pp .ckres.ok{background:linear-gradient(135deg,#d5e990,#c4e147);color:#173508;border:none;box-shadow:0 10px 22px -12px rgba(196,225,71,.85)} .wr-pp .ckres.ko{background:linear-gradient(135deg,#ffe7bd,#ffd486);color:#7a4f0c;border:none;box-shadow:0 10px 22px -12px rgba(255,196,80,.7)} .wr-pp .ckbadge{position:relative;width:32px;height:32px;flex-shrink:0;display:inline-block} .wr-pp .ckr{position:absolute;top:0;left:0;width:32px;height:32px;transform:rotate(-90deg)} .wr-pp .ckr .trk{fill:none;stroke:rgba(13,34,24,.16);stroke-width:2.4} .wr-pp .ckr .p{fill:none;stroke:#0D2218;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1} .wr-pp .ckres.ko .ckr .p{stroke:#7a4f0c} .wr-pp .ckdisc{position:absolute;top:5px;left:5px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#1d3f29,#0D2218 70%);box-shadow:0 3px 9px -3px rgba(13,34,24,.6);transform:scale(0)} .wr-pp .ckres.ko .ckdisc{background:radial-gradient(circle at 38% 32%,#8a5a12,#5e3c08 70%)} .wr-pp .ckbico{position:absolute;top:0;left:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center} .wr-pp .ckbico svg{width:16px;height:16px} .wr-pp .ckres.ok .ckbico path{fill:none;stroke:#c4e147;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1} .wr-pp .ckres.ko .ckbico svg{color:#ffe7bd} .wr-pp .ckrip{position:absolute;top:0;left:0;width:32px;height:32px;border-radius:50%;border:2px solid #0D2218;opacity:0} .wr-pp .ckres.ko .ckrip{border-color:#7a4f0c} .wr-pp .ckres.ok.show .ckr .p{animation:ckRing .5s ease-in-out forwards} .wr-pp .ckres.ok.show .ckdisc{animation:ckStamp .55s .42s cubic-bezier(.2,.7,.2,1) both} .wr-pp .ckres.ok.show .ckbico path{animation:ckDraw .42s .78s ease forwards} .wr-pp .ckres.ok.show .ckrip{animation:ckRip .7s .82s ease-out forwards} .wr-pp .ckres.ok.show .ckrip.b{animation-delay:.96s} .wr-pp .ckres.ko.show .ckr .p{animation:ckRing .5s ease-in-out forwards} .wr-pp .ckres.ko.show .ckdisc{animation:ckStamp .55s .42s cubic-bezier(.2,.7,.2,1) both} .wr-pp .ckres.ko.show .ckbico{animation:ckIcon .34s .74s both} .wr-pp .ckres.ko.show .ckrip{animation:ckRip .7s .82s ease-out forwards} .wr-pp .ckres.ko.show .ckrip.b{animation-delay:.96s} @keyframes ckRing{to{stroke-dashoffset:0}} @keyframes ckStamp{0%{transform:scale(1.7);opacity:0;filter:blur(3px)}45%{opacity:1}66%{transform:scale(.93);filter:blur(0)}100%{transform:scale(1)}} @keyframes ckDraw{to{stroke-dashoffset:0}} @keyframes ckIcon{0%{opacity:0;transform:scale(.4)}100%{opacity:1;transform:scale(1)}} @keyframes ckRip{0%{transform:scale(.7);opacity:0}25%{opacity:.5}100%{transform:scale(1.9);opacity:0}}
 .wr-pp .ckres.ok .ic{display:inline-flex;animation:ckPop .55s cubic-bezier(.2,.8,.2,1) .04s both}@keyframes ckIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ckPop{0%{transform:scale(0) rotate(-25deg)}55%{transform:scale(1.3)}100%{transform:scale(1)}}
.wr-pp .ckres .ic{font-size:18px;flex-shrink:0}
/* detail rows (façon site) */
.wr-pp .rows{display:flex;flex-direction:column;gap:9px}
.wr-pp .drow{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #ececec;border-radius:16px;padding:13px 18px}
.wr-pp .drico{width:46px;height:46px;border-radius:50%;background:#f3f5f0;display:flex;align-items:center;justify-content:center;color:#9aa08f;font-size:20px;flex-shrink:0}
.wr-pp .drlbl{width:128px;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#9aa08f;flex-shrink:0;line-height:1.3}
.wr-pp .drval{flex:1;font-family:'Urbanist';font-weight:800;font-size:16px;color:#141414;min-width:0}
.wr-pp .drtag{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#5a8a1a;background:#eef7d6;border:1px solid #dcecb0;border-radius:9px;padding:5px 10px;white-space:nowrap}
.wr-pp .opmini{display:inline-flex;gap:7px;flex-wrap:wrap}
.wr-pp .opmini span{background:#fff;border:1.5px solid #e3e8d8;border-radius:20px;padding:4px 12px;font-family:'Urbanist';font-weight:800;font-size:13px;color:#2d5a08}
/* Bento spec grid */
.wr-pp .bento{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wr-pp .bx{border-radius:16px;padding:16px;border:1px solid #edf0e6;background:#fafbf8;position:relative;overflow:hidden}
.wr-pp .bxico{width:36px;height:36px;border-radius:11px;background:#f0f8db;color:#4f7d12;display:flex;align-items:center;justify-content:center;font-size:18px}
.wr-pp .bxlbl{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#a3a99a;margin-top:11px;line-height:1.25;word-break:normal;overflow-wrap:anywhere}
/* i18n safety: native terms can run longer than EN — let labels wrap instead of overflowing */
.wr-pp .seclbl,.wr-pp .cgb,.wr-pp .al,.wr-pp .bxval{overflow-wrap:anywhere}
.wr-pp .cta{white-space:normal;text-align:center;line-height:1.2}
.nps-d3-clbl{overflow-wrap:anywhere}
.wr-pp .bxval{font-family:'Urbanist';font-weight:800;font-size:14px;margin-top:2px}
.wr-pp .bxsub{font-size:11.5px;color:#9aa08f;font-weight:500;margin-top:4px;line-height:1.35}
.wr-pp .bxbig{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#0a0a0a,#1c2712);border-color:#0a0a0a;color:#fff;position:relative;overflow:hidden}
.wr-pp .bxbig::after{content:"";position:absolute;right:-20px;top:-40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(closest-side,rgba(196,225,71,.32),transparent)}
.wr-pp .bsub{position:relative;z-index:1;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#d5e990}
.wr-pp .ops{position:relative;z-index:1;display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.wr-pp .ops span{font-family:'Urbanist';font-weight:800;font-size:13px;color:#fff;background:rgba(196,225,71,.14);border:1px solid rgba(196,225,71,.4);border-radius:20px;padding:5px 13px}
.wr-pp .btg{position:relative;z-index:1;font-size:9.5px;font-weight:900;text-transform:uppercase;color:#173508;background:#d5e990;border-radius:8px;padding:5px 10px;flex-shrink:0}
.wr-pp .morebtn{margin-top:11px;width:100%;border:1.5px solid #ececec;border-radius:13px;background:#fff;color:#3b6d11;font-family:'Urbanist';font-weight:800;font-size:13px;padding:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.wr-pp .morebtn:hover{border-color:#c4e147;background:#fbfff2}
.wr-pp .morebtn .ic{font-size:15px;transition:transform .2s}
.wr-pp .morebtn.open .ic{transform:rotate(180deg)}
/* features grid */
.wr-pp .fsec{margin-top:24px}
.wr-pp .fgrid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ececec;border-radius:18px;overflow:hidden;background:#fff}
.wr-pp .fcell{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0}
.wr-pp .fcell:nth-child(2n){border-right:none}
.wr-pp .fcell:nth-last-child(-n+2){border-bottom:none}
.wr-pp .fcico{width:40px;height:40px;border-radius:11px;background:#f5fce8;border:1px solid #d4f08c;display:flex;align-items:center;justify-content:center;color:#5a8a1a;font-size:19px;flex-shrink:0}
.wr-pp .ft{font-family:'Urbanist';font-weight:800;font-size:15px}
.wr-pp .fsub{font-size:12px;color:#9a9a9a;margin-top:1px}
.wr-pp .cards{display:flex;gap:6px;margin-top:5px;align-items:center}
.wr-pp .cmc{width:30px;height:19px;border-radius:4px;background:#fff;border:1px solid #eee;position:relative}
.wr-pp .cmc::before, .wr-pp .cmc::after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:11px;height:11px;border-radius:50%}
.wr-pp .cmc::before{left:5px;background:#EB001B}.wr-pp .cmc::after{right:5px;background:#F79E1B;mix-blend-mode:multiply}
.wr-pp .cbadge2{height:19px;border-radius:4px;display:flex;align-items:center;padding:0 6px;font-family:'Urbanist';font-weight:900;font-size:9px;letter-spacing:.02em;color:#fff}
.wr-pp .visa{background:#1A1F71}.wr-pp .amex{background:#2E77BC}
/* steps */
.wr-pp .steps{display:flex;flex-direction:column;gap:11px;margin-top:24px}
.wr-pp .step{display:flex;align-items:flex-start;gap:12px;border:1px solid #ececec;border-radius:16px;padding:15px 18px;background:#fff}
.wr-pp .stepn{width:30px;height:30px;border-radius:50%;background:#0a0a0a;color:#c4e147;font-family:'Urbanist';font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}
.wr-pp .stept{font-family:'Urbanist';font-weight:800;font-size:14px}
.wr-pp .stepd{font-size:12.5px;color:#888;margin-top:2px;line-height:1.4}
.wr-pp .secttl{font-family:'Urbanist';font-weight:900;font-size:18px;margin:0 0 12px}
/* modal */
.wr-pp .ov{position:fixed;inset:0;background:rgba(10,10,10,.5);display:none;align-items:center;justify-content:center;z-index:2147483610;padding:20px}
/* modal ouvert : on masque la barre d'achat fixe (elle passait au-dessus sur mobile) */
body.wr-modal-open #wr-sticky{transform:translateY(100%)!important;pointer-events:none!important}
body.wr-modal-open #wr-mob-bar,body.wr-modal-open #wrc-mob-bar-empty{display:none!important}
.wr-pp .ov.open{display:flex}
.wr-pp .modal{position:relative;background:#fff;border-radius:22px;padding:24px;width:380px;max-width:100%;box-shadow:0 24px 70px rgba(0,0,0,.32)}
.wr-pp .mhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.wr-pp .mtitle{font-family:'Urbanist';font-weight:900;font-size:19px}
.wr-pp .mx{width:32px;height:32px;border-radius:9px;border:1.5px solid #eee;background:#f7f7f7;cursor:pointer;color:#888;font-size:15px}
.wr-pp .mtiles{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:52px;gap:8px;margin-bottom:16px;align-items:stretch;justify-items:stretch}
.wr-pp .mt{position:relative;box-sizing:border-box!important;height:52px!important;min-height:52px!important;max-height:52px!important;width:100%;margin:0;border:1.5px solid #ededed;border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;font-family:'Urbanist';font-weight:800;font-size:15px;color:#555;overflow:hidden;padding:0;line-height:1}
.wr-pp .mt .mt-day{line-height:1;display:block}
.wr-pp .mt.on{border-color:#c4e147;background:#f5fce8;color:#3b6d11}
.wr-pp .mstep{display:flex;align-items:center;justify-content:space-between;background:#f7f7f7;border-radius:14px;padding:12px 16px;margin-bottom:16px}
.wr-pp .msl{font-size:13px;font-weight:600;color:#888}
.wr-pp .mctrl{display:flex;align-items:center;gap:14px}
.wr-pp .mb{width:36px;height:36px;border-radius:9px;border:1.5px solid #ddd;background:#fff;font-size:19px;font-weight:700;color:#555;cursor:pointer}
.wr-pp .mb:hover{border-color:#c4e147;color:#c4e147}
.wr-pp .mval{font-family:'Urbanist';font-weight:900;font-size:24px;min-width:40px;text-align:center}
.wr-pp .mok{width:100%;border:none;border-radius:14px;background:linear-gradient(135deg,#d5e990,#c4e147);color:#1a3d08;font-family:'Urbanist';font-weight:900;font-size:16px;padding:15px 18px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 20px -8px rgba(196,225,71,.9)}
.wr-pp .mok-lbl{font-size:16px}
/* ===== Modal buy-box (V1, 3 lignes) ===== */
.wr-pp .mbb{background:#f4f9ea;border:1px solid #e3eecb;border-radius:15px;padding:13px 16px;margin-bottom:12px}
.wr-pp .mbb-l{display:flex;align-items:center;justify-content:space-between;padding:4px 0}
.wr-pp .mbb-k{display:flex;align-items:center;gap:8px;font-family:'DM Sans';font-weight:600;font-size:13.5px;color:#5b7038}
.wr-pp .mbb-v{font-family:'Urbanist';font-weight:900;font-size:15px;color:#173508}
.wr-pp .mbb-d .mbb-k{color:#3d6d14}
.wr-pp .mbb-d .mbb-v{color:#3d6d14}
.wr-pp .mbb-tag{font-family:'Urbanist';font-weight:900;font-size:11px;color:#173508;background:#d5e990;border-radius:6px;padding:3px 8px;line-height:1}
.wr-pp .mbb-dash{border:none;border-top:1.5px dashed #dbe8bf;margin:8px 0 0}
.wr-pp .mbb-tot{display:flex;align-items:baseline;justify-content:space-between;margin-top:10px}
.wr-pp .mbb-tl{font-family:'Urbanist';font-weight:900;font-size:15px;color:#173508}
.wr-pp .mbb-tv{font-family:'Urbanist';font-weight:900;font-size:26px;color:#173508;letter-spacing:-.03em}
.wr-pp .mbb-tv.pop{animation:wrPop .3s ease}
.wr-pp .uinfo{position:relative;display:flex;align-items:center;gap:11px;border-radius:14px;padding:12px 14px;margin-top:14px;background:linear-gradient(180deg,#fcffef,#f4fbe0);box-shadow:0 8px 22px -18px rgba(13,34,24,.5)}
.wr-pp .uinfo::after{content:"";position:absolute;inset:0;border-radius:14px;padding:1px;background:linear-gradient(135deg,#d5e990,rgba(196,225,71,.12),#c4e147);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.wr-pp .uinfo .uic{width:30px;height:30px;border-radius:9px;background:#fff;border:1px solid #e2efbe;color:#7aab26;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px -3px rgba(110,150,30,.4)}
.wr-pp .uinfo .ut1{font-size:12.5px;line-height:1.35;font-weight:500;color:#2d4216;display:block}
.wr-pp .uinfo .ut1 b{font-family:'Urbanist';font-weight:800;color:#173508}
.wr-pp .uinfo .ut2{display:flex;align-items:center;gap:5px;font-size:11px;color:#7d8a6e;font-weight:500;margin-top:3px}
.wr-pp .uinfo .ut2 svg{width:12px;height:12px;opacity:.85}
.wr-pp .chip.unl .unlchev{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.5);color:#1a3d08;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.15s}
.wr-pp .chip.unl:hover .unlchev{background:rgba(255,255,255,.75);transform:translateX(2px)}
@media(max-width:980px){
  .wr-pp .body{grid-template-columns:1fr;gap:26px}
  .wr-pp .buybox{position:static}
}
@media(max-width:760px){.wr-pp .titlerow{justify-content:center} .wr-pp .hmeta{justify-content:center} .wr-pp .hl{text-align:center} .wr-pp .hchip-hm{display:none}
  .wr-pp .page{padding:16px 14px 48px}
  .wr-pp .hero{flex-direction:column;align-items:flex-start;padding:26px 22px;min-height:auto;gap:20px}
  .wr-pp .hero::before{background-size:14px 14px}
  .wr-pp .htitle{font-size:34px}
  .wr-pp .heyebrow{font-size:12px}
  .wr-pp .hchip{font-size:12px;padding:6px 11px}
  .wr-pp .hr{align-self:stretch}
  .wr-pp .hprod{width:100%;height:120px}
  .wr-pp .hprodimg{width:100%;height:120px}
  .wr-pp .buybox{padding:18px;border-radius:18px}
  .wr-pp .dh{font-size:22px}
  .wr-pp .checker{padding:18px}
  .wr-pp .ckform{flex-direction:column}
  
  /* features (concept 14): liste dépliée en 1 colonne sur mobile */
  .wr-pp .acc.open .accbody{grid-template-columns:1fr}
  /* PACKS — lignes premium (icône wifi · data · prix) */
  .wr-pp .chip{padding:12px 14px;gap:12px}
  .wr-pp .chip.on{padding:11.5px 13.5px}
  .wr-pp .cico{width:38px;height:38px;font-size:18px}
  .wr-pp .cgb{font-size:17px}
  .wr-pp .cval{font-size:17px;margin-top:14px;font-weight:700;color:#0D2218}
  .wr-pp .cval .ic{font-size:17px}
  .wr-pp .cprice{font-size:17px}
  /* detail rows: label + tag on line 1, value indented on line 2 */
  .wr-pp .drow{flex-wrap:wrap;padding:13px 14px;gap:10px 12px}
  .wr-pp .drico{order:1;width:38px;height:38px;font-size:18px}
  .wr-pp .drlbl{order:2;width:auto;flex:1;font-size:10.5px}
  .wr-pp .drtag{order:3}
  .wr-pp .drval{order:4;flex-basis:100%;padding-left:50px;font-size:14px;margin-top:-2px}
}
@media(max-width:440px){
  .wr-pp .htitle{font-size:30px}
  .wr-pp .sumprice{font-size:26px}
  .wr-pp .opmini span{font-size:12px;padding:3px 9px}
}

.wr-pp .page{max-width:920px}
.wr-pp .body{display:block;margin-top:26px}
.wr-pp .buybox{position:static;max-width:744px;margin-left:auto;margin-right:auto}
.wr-pp .right{margin-top:26px}
.wr-pp .hl{text-align:center}
.wr-pp .titlerow{justify-content:center}
.wr-pp .hmeta{justify-content:center}
.wr-pp .dh{text-align:center}
.wr-pp .dsub{text-align:center}

@media(max-width:760px){
  .wr-pp .chips{display:flex;flex-direction:column;gap:9px}
  .wr-pp .chip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:14px}
  .wr-pp .chip .cmain{display:flex;flex-direction:column;justify-content:center}
  .wr-pp .chip.unl{display:flex}
  .wr-pp .chip .cbadge{top:-8px;right:14px}
  .wr-pp .chip .cgb{font-size:21px;line-height:1.05}
  .wr-pp .chip .cval{margin-top:7px;font-size:16px;font-weight:700;color:#0D2218}
  .wr-pp .chip .cprice{margin:0;font-size:18px}
  .wr-pp .sumprice{font-size:24px}
}
.wr-pp .tp-pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #00B67A;border-radius:8px;padding:5px 10px 5px 7px;flex-shrink:0;text-decoration:none;cursor:pointer;transition:box-shadow .15s}
.wr-pp .tp-pill:hover{box-shadow:0 2px 8px rgba(0,182,122,.22)}
.wr-pp .tp-logo-mark{display:flex;align-items:center;flex-shrink:0}
.wr-pp .tp-wordmark{font-size:12px;font-weight:700;color:#191919;letter-spacing:-.2px;line-height:1;font-family:-apple-system,sans-serif}
.wr-pp .tp-sep{display:inline-block;width:1px;height:14px;background:#e0e0e0;flex-shrink:0;margin:0 1px}
.wr-pp .tp-stars{display:flex;align-items:center;flex-shrink:0}
.wr-pp .tp-score{font-size:13px;font-weight:800;color:#00B67A;letter-spacing:-.3px;line-height:1}
.wr-pp .tp-count-sep{font-size:11px;color:#aaa;line-height:1}
.wr-pp .tp-excellent{font-size:12px;font-weight:700;color:#191919;white-space:nowrap;line-height:1}

.wr-pp .flagMini img{width:100%;height:100%;object-fit:cover;display:block}
.wr-pp .titlerow{flex-wrap:wrap}
.wr-pp .esim-country-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wr-pp .heroimg{background-size:cover;background-position:center}


/* === Packs — style "accent latéral" (desktop), 2 colonnes étroites === */
.wr-pp .chips{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.wr-pp .chip{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;border:1.5px solid #e7eadf;border-radius:13px;padding:12px 15px;background:#fff;overflow:hidden;box-shadow:none;min-height:0}
.wr-pp .chip:hover{border-color:#cdd6bd}
.wr-pp .chip .cico{display:none}
.wr-pp .chip .cmain{min-width:0}
.wr-pp .chip .cgb{font-family:'Urbanist';font-weight:900;font-size:18px;letter-spacing:-.03em;line-height:1;gap:6px}
.wr-pp .chip .cval{font-size:10.5px;margin-top:4px}
.wr-pp .chip .cval .ic{display:none}
.wr-pp .chip .cprice{font-family:'Urbanist';font-weight:800;font-size:15px}
.wr-pp .chip.on{border-color:#c4e147;border-width:2px;padding:11px 14px;background:#f6faec;box-shadow:none}
.wr-pp .chip.on::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#c4e147}
.wr-pp .chip .ctag{font-size:8px;padding:2px 6px}
.wr-pp .chip .ctag.promo{font-size:9.5px;padding:3px 7px}
.wr-pp .chip.unl{grid-column:1/-1;display:flex;align-items:center;gap:12px;min-height:0;padding:13px 16px;grid-template-columns:none;background:linear-gradient(120deg,#d5e990,#c4e147,#ddebb0,#c4e147,#d5e990);background-size:300% 100%;border-color:transparent;animation:unlFlow 4.5s ease infinite}
.wr-pp .chip.unl.on{background:linear-gradient(120deg,#d5e990,#c4e147,#ddebb0,#c4e147,#d5e990);background-size:300% 100%;border-color:transparent}
.wr-pp .chip.unl::before{display:none}
.wr-pp .chip.unl .ci{display:flex}
@media(max-width:980px){
  .wr-pp .chips{grid-template-columns:1fr}
}

/* === Image-left desktop layout (photo vertical à gauche, packs à droite) === */
.wr-pp .page{max-width:1200px;padding:28px 32px 64px}
.wr-pp .hero{display:none}
.wr-pp .body{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,3fr);gap:48px;align-items:start;margin-top:0}
/* La colonne entière est collante : l'image seule glissait par-dessus
   le bandeau réseau placé sous elle. */
.wr-pp .media{align-self:start;min-width:0;position:sticky;top:24px}
.wr-pp .mediaimg{width:100%;aspect-ratio:4/7;max-height:840px;border-radius:26px;background:#dfe7c8 center/cover no-repeat;box-shadow:0 26px 64px -30px rgba(20,45,8,.55)}
.wr-pp .content{min-width:0;position:static;max-width:none;margin:0}
.wr-pp .buybox{position:static;max-width:none;margin:0}
.wr-pp .hl{text-align:left;margin:0 0 18px}
.wr-pp .titlerow{justify-content:flex-start;align-items:center;margin:0 0 12px}
.wr-pp .hmeta{justify-content:flex-start;flex-wrap:nowrap;gap:7px}
.wr-pp .hchip{font-size:11.5px;padding:6px 10px;gap:5px;white-space:nowrap}
.wr-pp .right{grid-column:1 / -1;max-width:none;margin-top:46px}
.wr-pp .dh,.wr-pp .dsub{text-align:center}
@media(max-width:980px){
  .wr-pp .body{grid-template-columns:1fr;gap:22px}
  .wr-pp .media{position:static;top:auto}
  .wr-pp .mediaimg{position:static}
  .wr-pp .mediaimg{aspect-ratio:4/5;max-height:520px}
  .wr-pp .right{margin-top:30px}
}
@media(max-width:760px){
  .wr-pp .page{padding:16px 14px 48px}
  .wr-pp .mediaimg{aspect-ratio:4/5;border-radius:22px}
  .wr-pp .hmeta{flex-wrap:wrap}
}
@media(max-width:760px){
  .wr-pp .hl{text-align:center}
  .wr-pp .titlerow{justify-content:center}
  .wr-pp .hmeta{justify-content:center;flex-wrap:wrap}
}

/* ===== Free-trial pack chip (white + dashed lime border, redirects) ===== */
.wr-pp .chip.ft-pack{display:flex!important;align-items:center!important;gap:12px;flex-wrap:nowrap;overflow:hidden;position:relative;cursor:pointer;text-align:left;background:#fff;border:2px dashed #c4e147}
.wr-pp .chip.ft-pack>*{position:relative;z-index:1}
.wr-pp .chip.ft-pack .cmain{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center}
.wr-pp .chip.ft-pack .cgb{display:flex;align-items:center;gap:8px;color:#0D2218}
.wr-pp .chip.ft-pack .cval{color:#5a7a2e;margin-top:5px}
.wr-pp .chip.ft-pack .cval .ic{color:#c4e147}
.wr-pp .chip.ft-pack .ft-trial{font-family:'Urbanist',sans-serif;font-weight:800;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#3c5a0e;background:#eaf6c8;border-radius:6px;padding:3px 7px;line-height:1;flex-shrink:0}
.wr-pp .chip.ft-pack .ft-free{font-family:'Urbanist',sans-serif;font-weight:900;font-size:13px;color:#1a3d06;background:#c4e147;padding:5px 11px;border-radius:8px;letter-spacing:.03em;flex-shrink:0;box-shadow:0 3px 8px -2px rgba(196,225,71,.6)}
.wr-pp .chip.ft-pack .ft-chev{width:30px;height:30px;border-radius:9px;background:#eaf6c8;color:#6f9e21;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.15s}
.wr-pp .chip.ft-pack:hover .ft-chev{background:#dff09a;transform:translateX(2px)}

/* ============================================================
   WR — Illimité / Illimité+ : onglets, bulle premium,
   nudge eSIM et barre d'annonce (anti-débordement)
   ============================================================ */
/* ── Onglets Unlimited / Unlimited+ dans la modale ── */
.wr-pp .wrt{display:flex;gap:5px;background:#fff;border:1px solid #e6ebdb;border-radius:15px;padding:5px;
 margin:0 0 12px;box-shadow:0 2px 8px -4px rgba(13,34,24,.14)}
.wr-pp .wrt-b{flex:1;position:relative;border:none;background:transparent;border-radius:11px;padding:11px 8px;
 cursor:pointer;font-family:'Urbanist',sans-serif;font-weight:800;font-size:clamp(12.5px,3.4vw,14px);
 color:#7a8570;letter-spacing:-.015em;line-height:1.15;
 transition:background .32s cubic-bezier(.22,1,.36,1),color .22s,box-shadow .32s}
.wr-pp .wrt-b:hover{color:#2d5a08}
.wr-pp .wrt-b.on{background:linear-gradient(135deg,#c4e147,#d5e990);color:#173508;font-weight:900;
 box-shadow:0 4px 12px -4px rgba(196,225,71,.95)}
.wr-pp .wrt-b.wrt-plus.on{background:linear-gradient(135deg,#0f2606,#2d5a08);color:#c4e147;
 box-shadow:0 6px 16px -6px rgba(15,38,6,.85)}
.wr-pp .wrt-chip{position:absolute;top:-8px;right:6px;font-family:'Urbanist',sans-serif;font-weight:900;
 font-size:8px;letter-spacing:.1em;text-transform:uppercase;background:#173508;color:#c4e147;
 border-radius:100px;padding:2px 7px;white-space:nowrap}
.wr-pp .wrt-b.wrt-plus.on .wrt-chip{background:#d5e990;color:#173508;
 box-shadow:0 3px 9px -3px rgba(203,236,90,.95)}

/* ── Bulle d'info : version premium ── */
.wr-pp .uinfo{transition:background .34s cubic-bezier(.22,1,.36,1)}
.wr-pp .uinfo-plus{background:linear-gradient(135deg,#0f2606,#2d5a08)}
.wr-pp .uinfo-plus::after{background:linear-gradient(135deg,rgba(196,225,71,.45),rgba(196,225,71,.10),rgba(196,225,71,.4))}
.wr-pp .uinfo-plus .uic{background:rgba(196,225,71,.14);border-color:rgba(196,225,71,.28);color:#c4e147;box-shadow:none}
.wr-pp .uinfo-plus .ut1{color:rgba(255,255,255,.74)}
.wr-pp .uinfo-plus .ut1 b{color:#c4e147}
.wr-pp .uinfo-plus .ut2{color:rgba(196,225,71,.62)}
@keyframes wrUiSw{0%{opacity:0;transform:translateY(-7px) scale(.99)}
 60%{opacity:1;transform:translateY(1px) scale(1.003)}100%{transform:none}}
.wr-pp .uinfo-sw{animation:wrUiSw .40s cubic-bezier(.22,1,.36,1) both}
@media (prefers-reduced-motion:reduce){.wr-pp .uinfo-sw{animation:none}}

/* ── Bouton i et bulle comparative ── */
.wr-pp .uinfo{position:relative}
.wr-pp .uinfo-i{margin-left:auto;flex-shrink:0;width:26px;height:26px;border-radius:50%;cursor:pointer;
 background:#fff;border:1px solid #dcecae;color:#5a8a1a;display:flex;align-items:center;justify-content:center;
 padding:0;transition:.16s;align-self:center}
.wr-pp .uinfo-i svg{width:15px;height:15px}
.wr-pp .uinfo-i:hover{background:#f6fde8;border-color:#c4e147;color:#2d5a08;transform:scale(1.06)}
.wr-pp .uinfo-plus .uinfo-i{background:rgba(196,225,71,.13);border-color:rgba(196,225,71,.34);color:#c4e147}
.wr-pp .uinfo-plus .uinfo-i:hover{background:rgba(196,225,71,.24)}
@keyframes wrCmpIn{from{opacity:0;transform:translateY(14px) scale(.975)}to{opacity:1;transform:none}}
@keyframes wrCmpOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(10px) scale(.985)}}
.wr-pp .ucmp.closing{animation:wrCmpOut .18s ease both}
@media (prefers-reduced-motion:reduce){.wr-pp .ucmp,.wr-pp .ucmp.closing{animation:none}}
/* calque superposé à la modale : n'allonge jamais la fenêtre */
.wr-pp .ucmp{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;
 background:#fff;border-radius:22px;overflow:hidden;
 box-shadow:0 -2px 0 rgba(13,34,24,.04);
 animation:wrCmpIn .26s cubic-bezier(.22,1,.36,1) both}
.wr-pp .ucmp[hidden]{display:none}
.wr-pp .ucmp-b{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;
 scrollbar-width:thin;scrollbar-color:#dfe4d8 transparent}
.wr-pp .ucmp-b::-webkit-scrollbar{width:6px}
.wr-pp .ucmp-b::-webkit-scrollbar-thumb{background:#dfe4d8;border-radius:99px}
.wr-pp .ucmp-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
 padding:16px 15px 12px;border-bottom:1px solid #f0f3e8;flex-shrink:0;background:#fff}
.wr-pp .ucmp-h b{font-family:'Urbanist',sans-serif;font-weight:900;font-size:clamp(12.5px,3.5vw,14px);
 color:#173508;letter-spacing:-.025em;line-height:1.25}
.wr-pp .ucmp-x{width:24px;height:24px;border-radius:50%;border:1px solid #e6ebdb;background:#fafbf8;color:#3c4f43;
 cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}
.wr-pp .ucmp-x svg{width:11px;height:11px}
.wr-pp .ucmp-x:hover{background:#f6fde8;border-color:#dcecae}
.wr-pp .ucmp-lead{margin:0;padding:13px 15px 14px;font-family:'DM Sans',sans-serif;font-weight:500;
 font-size:clamp(11px,3vw,11.5px);color:#5f6b58;line-height:1.6}
.wr-pp .ucmp-lead b{font-family:'Urbanist',sans-serif;font-weight:900;color:#173508}
.wr-pp .ucmp-t{display:grid;grid-template-columns:1fr 84px 84px;border-top:1px solid #eef2e4}
.wr-pp .ucmp-t>*:nth-last-child(-n+3){border-bottom:1px solid #f4f6ee}
.wr-pp .ucmp-t>*{padding:9px 12px;font-size:clamp(11px,3vw,12px);border-bottom:1px solid #f4f6ee;
 display:flex;align-items:center;gap:9px;min-width:0}
/* gouttière à droite : les deux colonnes reculent, plus rien ne touche le bord */
.wr-pp .ucmp-t>*:nth-child(3n),.wr-pp .ucmp-t>*:nth-child(3n+2){justify-content:center;padding-left:0;padding-right:12px}
.wr-pp .ucmp-hd{background:#fafbf8;padding-top:11px;padding-bottom:11px;flex-direction:column;gap:4px}
.wr-pp .ucmp-pill{display:block;width:100%;text-align:center;
 font-family:'Urbanist',sans-serif;font-weight:900;font-size:clamp(8.5px,2.4vw,10px);
 letter-spacing:.01em;border-radius:100px;padding:4px 5px;white-space:nowrap;
 background:#fff;border:1px solid #dcecb0;color:#3c5a0e}
.wr-pp .ucmp-pill.plus{background:linear-gradient(135deg,#173508,#2d5a08);border-color:#2d5a08;color:#c4e147;
 box-shadow:0 4px 11px -5px rgba(15,38,6,.9)}
.wr-pp .ucmp-rate{font-family:'Urbanist',sans-serif;font-weight:800;font-size:9.5px;color:#98a38c;letter-spacing:.02em}
.wr-pp .ucmp-rate.plus{color:#5f7548}
.wr-pp .ucmp-k{color:#3c4f43;font-weight:600;overflow-wrap:anywhere}
.wr-pp .ucmp-tile{width:26px;height:26px;border-radius:8px;background:#f4f7ec;border:1px solid #e6ebdb;
 display:flex;align-items:center;justify-content:center;color:#5f7548;flex-shrink:0}
.wr-pp .ucmp-i{width:16px;height:16px;display:block;flex-shrink:0}
.wr-pp .ucmp-y{width:15px;height:15px;color:#5f9416;flex-shrink:0}
.wr-pp .ucmp-n{width:15px;height:15px;color:#c9d2bd;flex-shrink:0}
.wr-pp .ucmp-t>*:nth-last-child(-n+3){border-bottom:none}
.wr-pp .ucmp-note{padding:12px 15px 16px;background:#fafbf8;
 font-size:clamp(10.5px,2.9vw,11.5px);color:#6b7565;line-height:1.5}
.wr-pp .ucmp-note b{font-family:'Urbanist',sans-serif;font-weight:900;color:#173508}
/* Petit mobile : on garde des colonnes lisibles et c'est la colonne des usages
   qui se comprime, pas les pastilles. Le défilement horizontal ne sert que de
   filet de sécurité sous ~290 px, il ne se déclenche pas sur un mobile courant. */
@media (max-width:400px){
 .wr-pp .ucmp-sc{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  scrollbar-width:none}
 .wr-pp .ucmp-sc::-webkit-scrollbar{display:none}
 .wr-pp .ucmp-t{min-width:268px;grid-template-columns:minmax(100px,1fr) 84px 84px}
 .wr-pp .ucmp-t>*{padding:9px 10px;gap:8px;font-size:11.5px;line-height:1.3}
 .wr-pp .ucmp-t>*:nth-child(3n),.wr-pp .ucmp-t>*:nth-child(3n+2){padding-left:0;padding-right:11px}
 .wr-pp .ucmp-pill{font-size:10px;padding:4px 5px}
 .wr-pp .ucmp-rate{font-size:9.5px}
 .wr-pp .ucmp-tile{width:24px;height:24px;border-radius:7px}
 .wr-pp .ucmp-i{width:15px;height:15px}
}
/* Très petits écrans : trois colonnes ne tiennent pas sans écraser le texte.
   On abandonne le tableau pour deux groupes empilés, même information. */
.wr-pp .ucmp-lite{display:none;padding:2px 15px 4px}
.wr-pp .lgrp{padding:11px 0 12px;border-top:1px solid #f0f3e8}
.wr-pp .lgrp:first-child{border-top:1px solid #eef2e4}
.wr-pp .lhd{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.wr-pp .lhd span:first-child{font-family:'Urbanist',sans-serif;font-weight:900;font-size:10px;
 letter-spacing:.09em;text-transform:uppercase;color:#5f7548;line-height:1.25}
.wr-pp .lhd.plus span:first-child{color:#173508}
.wr-pp .lrate{font-family:'Urbanist',sans-serif;font-weight:900;font-size:9.5px;white-space:nowrap;
 background:#fff;border:1px solid #dcecb0;color:#3c5a0e;border-radius:100px;padding:3px 9px;
 margin-left:auto;flex-shrink:0}
.wr-pp .lrate.plus{background:linear-gradient(135deg,#173508,#2d5a08);border-color:#2d5a08;color:#c4e147}
.wr-pp .lchips{display:flex;flex-wrap:wrap;gap:6px}
.wr-pp .lch{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;
 color:#3c4f43;background:#fafbf8;border:1px solid #e6ebdb;border-radius:100px;padding:6px 11px 6px 8px}
.wr-pp .lch-i{width:14px;height:14px;flex-shrink:0;color:#7d8a70}
.wr-pp .lch.hi{background:linear-gradient(135deg,#eef7d6,#dcecb0);border-color:#cfe28a;
 color:#2d5a08;font-weight:700}
.wr-pp .lch.hi .lch-i{color:#4f8712}
@media (max-width:365px){
 .wr-pp .ucmp-sc{display:none}
 .wr-pp .ucmp-lite{display:block}
 .wr-pp .ucmp-h{padding:15px 15px 12px}
 .wr-pp .ucmp-h b{font-size:13.5px}
 .wr-pp .ucmp-lead{padding:12px 15px 2px;font-size:11.5px;line-height:1.6}
 .wr-pp .ucmp-note{padding:12px 15px 16px;font-size:11px;border-top:1px solid #f0f3e8}
}

/* ── Nudge sous le sélecteur d'eSIM : tout doit tenir dans le cadre ── */
.wr-pp .wrnud-box{height:auto;min-height:48px}
.wr-pp .wrnud-layer{position:absolute;inset:0;padding:6px 10px;gap:7px;min-width:0}
.wr-pp .wrnud-ic{font-size:clamp(14px,4vw,18px)}
.wr-pp .wrnud-tx{white-space:normal;min-width:0;text-align:center;line-height:1.25;
 font-size:clamp(11px,3.1vw,13px);overflow-wrap:anywhere}
.wr-pp .wrnud-chip{font-size:clamp(11px,3.1vw,13px);padding:4px 8px;flex-shrink:0}
@media (max-width:400px){.wr-pp .wrnud-box{min-height:54px}}

/* ── Barre d'annonce : le message ne doit jamais être coupé ── */
.wr-pp .npsbar{padding:0 10px;gap:8px}
.wr-pp .npsbar-t{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25;
 font-size:clamp(11px,3vw,13px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wr-pp .npsbar-e{font-size:clamp(13px,3.6vw,16px)}
.wr-pp .npsbar-chip{font-size:clamp(10.5px,3vw,12.5px);padding:5px 8px}

/* ── Encart d'upsell vers Illimité+ (bandeau premium + interrupteur) ── */
.wr-pp .mups{position:relative;display:flex;align-items:center;gap:12px;width:100%;margin:0 0 12px;
 padding:13px 14px;border:none;border-radius:16px;cursor:pointer;text-align:left;overflow:hidden;
 background:linear-gradient(135deg,#0f2606,#2d5a08);font-family:'DM Sans',sans-serif;
 box-shadow:0 14px 30px -18px rgba(15,38,6,.95);
 transition:transform .16s,box-shadow .22s;
 animation:wrUpsIn .3s cubic-bezier(.22,1,.36,1) both}
.wr-pp .mups[hidden]{display:none}
.wr-pp .mups::after{content:"";position:absolute;right:-30px;top:-50px;width:150px;height:150px;border-radius:50%;
 background:radial-gradient(closest-side,rgba(196,225,71,.24),transparent);pointer-events:none}
.wr-pp .mups:hover{transform:translateY(-2px);box-shadow:0 20px 38px -18px rgba(15,38,6,1)}
.wr-pp .mups:focus-visible{outline:2px solid #c4e147;outline-offset:2px}
.wr-pp .mups-ic{position:relative;z-index:2;flex-shrink:0;width:32px;height:32px;border-radius:10px;
 background:rgba(196,225,71,.16);border:1px solid rgba(196,225,71,.32);color:#c4e147;
 display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}
.wr-pp .mups-ic svg{width:16px;height:16px}
.wr-pp .mups-tx{position:relative;z-index:2;flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.wr-pp .mups-tx b{font-family:'Urbanist',sans-serif;font-weight:900;font-size:clamp(12.5px,3.3vw,13.5px);
 color:#c4e147;letter-spacing:-.01em;line-height:1.25}
.wr-pp .mups-tx span{font-size:clamp(10.5px,2.9vw,11.5px);color:rgba(255,255,255,.7);line-height:1.35}
.wr-pp .mups-pz{font-family:'Urbanist',sans-serif;font-weight:900;color:#c4e147;
 font-size:clamp(11.5px,3.1vw,12.5px);white-space:nowrap}
.wr-pp .mups-sw{position:relative;z-index:2;flex-shrink:0;width:44px;height:26px;border-radius:100px;
 background:rgba(255,255,255,.16);border:1px solid rgba(196,225,71,.28);transition:background .22s,border-color .22s}
.wr-pp .mups-sw::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;
 background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.35);transition:transform .22s cubic-bezier(.22,1,.36,1)}
.wr-pp .mups:hover .mups-sw{background:rgba(255,255,255,.24)}
.wr-pp .mups.on .mups-sw{background:#c4e147;border-color:#c4e147}
.wr-pp .mups.on .mups-sw::after{transform:translateX(18px)}
.wr-pp .mups.on .mups-ic{background:#c4e147;border-color:#c4e147;color:#173508}
@keyframes wrUpsIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* voile « Validé » posé sur le bandeau pendant la confirmation */
.wr-pp .mups-ok{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;
 gap:10px;background:linear-gradient(135deg,#173508,#3b7a0c);
 font-family:'Urbanist',sans-serif;font-weight:900;font-size:clamp(13px,3.4vw,14.5px);
 letter-spacing:.01em;color:#c4e147;
 opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s}
.wr-pp .mups.done .mups-ok{opacity:1;visibility:visible}
.wr-pp .mups-ok-ic{width:26px;height:26px;border-radius:50%;background:#c4e147;color:#173508;
 display:flex;align-items:center;justify-content:center;flex-shrink:0;transform:scale(.4)}
.wr-pp .mups-ok-ic svg{width:14px;height:14px}
.wr-pp .mups.done .mups-ok-ic{animation:wrOkPop .42s cubic-bezier(.2,1.5,.4,1) .06s both}
@keyframes wrOkPop{from{transform:scale(.4)}60%{transform:scale(1.14)}to{transform:scale(1)}}

/* sortie : confirmation affichée, puis fondu et repli */
.wr-pp .mups.closing{pointer-events:none;animation:wrUpsOut .95s cubic-bezier(.4,0,.2,1) both}
.wr-pp .mups.closing:hover{transform:none;box-shadow:0 14px 30px -18px rgba(15,38,6,.95)}
@keyframes wrUpsOut{
  0%{opacity:1;max-height:120px;margin-bottom:12px}
  56%{opacity:1;max-height:120px;margin-bottom:12px}
  80%{opacity:0;max-height:120px;margin-bottom:12px}
  100%{opacity:0;max-height:0;margin-bottom:0}
}
@media (prefers-reduced-motion:reduce){
  .wr-pp .mups,.wr-pp .mups.closing,.wr-pp .mups-sw::after,
  .wr-pp .mups-ok,.wr-pp .mups.done .mups-ok-ic{animation:none;transition:none}
}


/* ── Modale desktop : +15 %, toutes les tailles à l'échelle ── */
@media (min-width:761px){
 .wr-pp .modal{width:437px;padding:28px;border-radius:25px}
 .wr-pp .mhead{margin-bottom:18px}
 .wr-pp .mtitle{font-size:22px}
 .wr-pp .mx{width:37px;height:37px;border-radius:10px;font-size:17px}
 .wr-pp .wrt{border-radius:17px;padding:6px;margin-bottom:14px}
 .wr-pp .wrt-b{border-radius:13px;padding:13px 9px;font-size:16px}
 .wr-pp .wrt-chip{font-size:9px;padding:2px 8px;top:-9px}
 .wr-pp .mtiles{grid-auto-rows:60px;gap:9px;margin-bottom:18px}
 .wr-pp .mt{height:60px!important;min-height:60px!important;max-height:60px!important;
  border-radius:14px;font-size:17px}
 .wr-pp .mstep{border-radius:16px;padding:14px 18px;margin-bottom:18px}
 .wr-pp .msl{font-size:15px}
 .wr-pp .mctrl{gap:16px}
 .wr-pp .mb{width:41px;height:41px;border-radius:10px;font-size:22px}
 .wr-pp .mval{font-size:28px;min-width:46px}
 .wr-pp .mbb{border-radius:17px;padding:15px 18px;margin-bottom:14px}
 .wr-pp .mbb-k{font-size:15.5px}
 .wr-pp .mbb-v{font-size:17px}
 .wr-pp .mbb-tl{font-size:17px}
 .wr-pp .mbb-tv{font-size:30px}
 .wr-pp .mbb-tag{font-size:12.5px;padding:3px 9px}
 .wr-pp .mok{border-radius:16px;padding:17px 21px;font-size:18px}
 .wr-pp .mups{border-radius:18px;padding:15px 16px;gap:14px;margin-bottom:14px}
 .wr-pp .mups-ic{width:36px;height:36px;border-radius:11px}
 .wr-pp .mups-ic svg{width:18px;height:18px}
 .wr-pp .mups-tx b{font-size:15px}
 .wr-pp .mups-tx span{font-size:12.5px}
 .wr-pp .mups-sw{width:50px;height:29px}
 .wr-pp .mups-sw::after{width:23px;height:23px}
 .wr-pp .mups.on .mups-sw::after{transform:translateX(21px)}
 .wr-pp .mok-lbl{font-size:18px}
 .wr-pp .uinfo{border-radius:16px;padding:14px 16px;margin-top:16px;gap:13px}
 .wr-pp .uinfo .uic{width:34px;height:34px;border-radius:10px}
 .wr-pp .uinfo .ut1{font-size:14px}
 .wr-pp .uinfo .ut2{font-size:12.5px}
 .wr-pp .uinfo .ut2 svg{width:14px;height:14px}
 .wr-pp .uinfo-i{width:30px;height:30px}
 .wr-pp .uinfo-i svg{width:17px;height:17px}
 .wr-pp .ucmp{border-radius:25px}
 .wr-pp .ucmp-h{padding:19px 18px 14px}
 .wr-pp .ucmp-h b{font-size:16px}
 .wr-pp .ucmp-x{width:28px;height:28px}
 .wr-pp .ucmp-x svg{width:13px;height:13px}
 .wr-pp .ucmp-lead{padding:15px 18px 16px;font-size:13px}
 .wr-pp .ucmp-t{grid-template-columns:1fr 100px 100px}
 .wr-pp .ucmp-t>*{padding:10px 14px;font-size:13.5px;gap:10px}
 .wr-pp .ucmp-t>*:nth-child(3n),.wr-pp .ucmp-t>*:nth-child(3n+2){padding-left:0;padding-right:16px}
 .wr-pp .ucmp-hd{padding-top:13px;padding-bottom:13px}
 .wr-pp .ucmp-pill{font-size:12px;padding:5px 6px}
 .wr-pp .ucmp-rate{font-size:11px}
 .wr-pp .ucmp-tile{width:30px;height:30px;border-radius:9px}
 .wr-pp .ucmp-i{width:18px;height:18px}
 .wr-pp .ucmp-y,.wr-pp .ucmp-n{width:17px;height:17px}
 .wr-pp .ucmp-note{padding:14px 18px 18px;font-size:13px}
}
/* ── Zone d'achat à onglets ────────────────────────────── */
.wr-pp .npsbar--two{height:auto;padding:10px 14px;align-items:center}
.wr-pp .npsbar-t2{flex:1;min-width:0;font-family:'DM Sans',sans-serif;font-size:12.5px;font-weight:600;color:rgba(233,241,224,.72);line-height:1.35}
.wr-pp .npsbar-t2 b{display:block;font-family:'Urbanist',sans-serif;font-weight:900;font-size:14px;color:#d5e990;letter-spacing:-.01em;margin-bottom:1px}

.wr-pp .wrtabs{display:flex;gap:5px;background:#f4f6ee;border:1px solid #e7eadf;border-radius:16px;padding:5px;margin-bottom:2px}
.wr-pp .wrtab{position:relative;flex:1;border:none;background:transparent;border-radius:12px;padding:14px 8px;cursor:pointer;
 font-family:'Urbanist',sans-serif;font-weight:900;font-size:14.5px;color:#6b7565;white-space:nowrap;
 transition:background .22s,color .22s,box-shadow .22s}
.wr-pp .wrtab.on{background:#fff;color:#0D2218;box-shadow:0 3px 10px rgba(13,34,24,.1)}
.wr-pp .wrtab.plus.on{background:linear-gradient(135deg,#0f2606,#2d5a08);color:#c4e147}
.wr-pp .wrtab.std{flex:.78;color:#a3a99a;font-weight:800;font-size:13.5px}
.wr-pp .wrtab.std.on{color:#5f6b58;background:#fff;box-shadow:0 3px 10px rgba(13,34,24,.07)}
.wr-pp .wrtab-pin{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:8px;font-weight:900;letter-spacing:.1em;
 text-transform:uppercase;background:#c4e147;color:#173508;border-radius:100px;padding:2px 8px;line-height:1.4}
.wr-pp .wrpane{display:none}
.wr-pp .wrpane.on{display:block;animation:wrPaneIn .3s cubic-bezier(.22,1,.36,1) both}
@keyframes wrPaneIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.wr-pp .wrusebar{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px 12px;border-radius:13px;
 background:#fafbf8;border:1px dashed #dfe4d8;font-size:12px;color:#6b7565;line-height:1.45}
.wr-pp .wrusebar-ic{width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid #e7eadf;color:#7d8a70;
 display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wr-pp .wrusebar-ic svg{width:14px;height:14px}
.wr-pp .wrusebar b{font-family:'Urbanist',sans-serif;font-weight:900;color:#0D2218}

.wr-pp .wruinfo{display:flex;align-items:center;gap:11px;margin-top:12px;padding:12px 13px;border-radius:15px;
 background:#f6fbe9;border:1px solid #dcecae;transition:background .35s,border-color .35s}
.wr-pp .wruinfo.plus{background:linear-gradient(135deg,#0f2606,#2d5a08);border-color:#2d5a08}
.wr-pp .wruinfo-ic{width:31px;height:31px;border-radius:10px;background:#fff;border:1px solid #dcecae;color:#3c5a0e;
 display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.35s}
.wr-pp .wruinfo.plus .wruinfo-ic{background:rgba(196,225,71,.16);border-color:rgba(196,225,71,.32);color:#c4e147}
.wr-pp .wruinfo-ic svg{width:16px;height:16px}
.wr-pp .wruinfo-tx{flex:1;min-width:0}
.wr-pp .wruinfo-tx b{display:block;font-family:'Urbanist',sans-serif;font-weight:900;font-size:13px;color:#173508;line-height:1.3}
.wr-pp .wruinfo.plus .wruinfo-tx b{color:#c4e147}
.wr-pp .wruinfo-tx span{display:block;font-size:11px;color:#5f7548;margin-top:2px}
.wr-pp .wruinfo.plus .wruinfo-tx span{color:rgba(255,255,255,.66)}
.wr-pp .wruinfo-q{width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid #dcecae;color:#3c5a0e;
 display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;
 font-family:'Urbanist',sans-serif;font-weight:900;font-size:12px;padding:0}
.wr-pp .wruinfo.plus .wruinfo-q{background:rgba(196,225,71,.16);border-color:rgba(196,225,71,.32);color:#c4e147}
.wr-pp .wrsw{animation:wrSwap .42s ease both}
@keyframes wrSwap{0%{opacity:.35;transform:translateY(5px)}100%{opacity:1;transform:none}}

.wr-pp .wrtiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:2px}
.wr-pp .wrtile{position:relative;border:1.5px solid #e7eadf;background:#fafbf8;border-radius:14px;padding:14px 6px 13px;
 cursor:pointer;text-align:center;transition:.16s;overflow:hidden}
.wr-pp .wrtile:hover{border-color:#cfe28a}
.wr-pp .wrtile.on{border-color:#c4e147;border-width:2px;padding:13px 5px 12px;
 background:linear-gradient(150deg,#f6fbe9,#e6f4bf);box-shadow:0 12px 24px -12px rgba(196,225,71,1)}
.wr-pp .wrtile b{display:block;font-family:'Urbanist',sans-serif;font-weight:900;font-size:17px;color:#0D2218;line-height:1}
.wr-pp .wrtile.on b{color:#173508}
.wr-pp .wrtile span{display:block;font-size:10.5px;color:#8d9384;margin-top:3px;font-weight:600}
.wr-pp .wrtile-rb{position:absolute;top:9px;right:-25px;width:82px;transform:rotate(38deg);
 background:linear-gradient(90deg,#d5e990,#c4e147);color:#173508;font-family:'Urbanist',sans-serif;font-weight:900;
 font-size:9px;letter-spacing:.03em;padding:3px 0;text-align:center;pointer-events:none;
 box-shadow:0 3px 9px -3px rgba(196,225,71,1);
 /* le texte du ruban héritait d'un gris du thème : on force le vert foncé */
 -webkit-font-smoothing:antialiased;text-shadow:none;opacity:1}

.wr-pp .wrstep{margin-top:12px;background:#fafbf8;border:1px solid #eceee8;border-radius:15px;padding:12px 13px}
.wr-pp .wrstep-l{display:block;font-family:'Urbanist',sans-serif;font-weight:900;font-size:9.5px;letter-spacing:.12em;
 text-transform:uppercase;color:#0D2218;margin-bottom:9px}
.wr-pp .wrstep-s{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;
 border:1px solid #e7eadf;border-radius:13px;padding:7px 8px}
.wr-pp .wrstep-b{width:40px;height:40px;border-radius:11px;border:1px solid #e7eadf;background:#fafbf8;color:#0D2218;
 font-size:21px;cursor:pointer;line-height:1;transition:.15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wr-pp .wrstep-b:hover:not(:disabled){border-color:#c4e147;background:#f6fbe9;color:#173508}
.wr-pp .wrstep-b:disabled{opacity:.3;cursor:not-allowed}
.wr-pp .wrstep-v{flex:1;text-align:center;font-family:'Urbanist',sans-serif;font-weight:900;font-size:23px;
 color:#0D2218;letter-spacing:-.02em;line-height:1.05}
.wr-pp .wrstep-v small{display:block;font-family:'DM Sans',sans-serif;font-weight:600;font-size:10.5px;color:#a3a99a;letter-spacing:0;margin-top:2px}
.wr-pp .wrpop{animation:wrPop .3s cubic-bezier(.2,1.5,.4,1)}
@keyframes wrPop{0%{transform:scale(.86)}60%{transform:scale(1.08)}100%{transform:scale(1)}}

.wr-pp .wrswap,.wr-pp .wrups{display:flex;align-items:center;gap:12px;width:100%;margin-top:11px;padding:13px 14px;
 border:none;border-radius:15px;cursor:pointer;text-align:left;overflow:hidden;position:relative;
 background:linear-gradient(135deg,#0f2606,#2d5a08);box-shadow:0 12px 26px -18px rgba(15,38,6,.95);
 transition:transform .16s,box-shadow .2s;font-family:'DM Sans',sans-serif}
.wr-pp .wrswap:hover,.wr-pp .wrups:hover{transform:translateY(-1px);box-shadow:0 18px 34px -18px rgba(15,38,6,1)}
.wr-pp .wrswap::after,.wr-pp .wrups::after{content:"";position:absolute;right:-30px;top:-50px;width:150px;height:150px;
 border-radius:50%;background:radial-gradient(closest-side,rgba(196,225,71,.24),transparent);pointer-events:none}
.wr-pp .wrswap-ic,.wr-pp .wrups-ic{position:relative;z-index:2;width:30px;height:30px;border-radius:10px;
 background:rgba(196,225,71,.16);border:1px solid rgba(196,225,71,.32);color:#c4e147;display:flex;align-items:center;
 justify-content:center;flex-shrink:0;font-family:'Urbanist',sans-serif;font-weight:900;font-size:17px;line-height:1}
.wr-pp .wrups-ic svg{width:15px;height:15px}
.wr-pp .wrswap-tx,.wr-pp .wrups-tx{position:relative;z-index:2;flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.wr-pp .wrswap-tx b,.wr-pp .wrups-tx b{font-family:'Urbanist',sans-serif;font-weight:900;font-size:14px;color:#c4e147;line-height:1.2}
.wr-pp .wrswap-tx em,.wr-pp .wrups-tx em{font-style:normal;font-weight:500;font-size:11.5px;color:rgba(255,255,255,.72);line-height:1.4}
.wr-pp .wrhl{font-family:'Urbanist',sans-serif;font-weight:900;color:#c4e147}
.wr-pp .wrswap-ar{position:relative;z-index:2;width:26px;height:26px;border-radius:50%;background:rgba(196,225,71,.16);
 border:1px solid rgba(196,225,71,.32);color:#c4e147;display:flex;align-items:center;justify-content:center;flex-shrink:0;
 font-family:'Urbanist',sans-serif;font-weight:900;transition:.18s}
.wr-pp .wrswap:hover .wrswap-ar{background:#c4e147;border-color:#c4e147;color:#173508;transform:translateX(2px)}
.wr-pp .wrups-sw{position:relative;z-index:2;width:40px;height:24px;border-radius:100px;background:rgba(255,255,255,.16);
 border:1px solid rgba(196,225,71,.28);flex-shrink:0;transition:background .22s}
.wr-pp .wrups-sw::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;
 background:#fff;transition:transform .22s cubic-bezier(.22,1,.36,1)}
.wr-pp .wrups.on .wrups-sw{background:#c4e147;border-color:#c4e147}
.wr-pp .wrups.on .wrups-sw::after{transform:translateX(16px);background:#173508}
.wr-pp .wrups-ok{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:9px;
 background:linear-gradient(135deg,#173508,#3b7a0c);font-family:'Urbanist',sans-serif;font-weight:900;font-size:13.5px;
 color:#c4e147;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.wr-pp .wrups.done .wrups-ok{opacity:1;visibility:visible}
.wr-pp .wrups-ok i{width:24px;height:24px;border-radius:50%;background:#c4e147;color:#173508;display:flex;
 align-items:center;justify-content:center;font-style:normal;transform:scale(.4)}
.wr-pp .wrups.done .wrups-ok i{animation:wrOk .42s cubic-bezier(.2,1.5,.4,1) .06s both}
@keyframes wrOk{from{transform:scale(.4)}60%{transform:scale(1.14)}to{transform:scale(1)}}
.wr-pp .wrups.closing{pointer-events:none;animation:wrUpsOut .95s cubic-bezier(.4,0,.2,1) both}
@keyframes wrUpsOut{0%,56%{opacity:1;max-height:96px;margin-top:11px}80%{opacity:0;max-height:96px;margin-top:11px}100%{opacity:0;max-height:0;margin-top:0}}
.wr-pp .wrups[hidden]{display:none}
.wr-pp .wrnud-cf{position:absolute;left:0;right:0;bottom:0;width:100%;height:120px;pointer-events:none;z-index:5;opacity:0;transition:opacity .2s}
.wr-pp .wrnud-cf.go{opacity:1}
@media(max-width:520px){
 .wr-pp .wrtab{padding:12px 4px;font-size:12.5px}
 .wr-pp .wrtab.std{font-size:12px}
 .wr-pp .wrtab-pin{font-size:7.5px;padding:2px 6px;top:-7px}
 .wr-pp .wrtiles{gap:6px}
 .wr-pp .wrtile{padding:12px 3px}
 .wr-pp .wrtile b{font-size:15px}
 .wr-pp .wrtile-rb{top:7px;right:-26px;width:78px;font-size:7.5px}
 .wr-pp .wrstep-b{width:38px;height:38px;font-size:19px}
 .wr-pp .wrstep-v{font-size:20px}
}
@media (prefers-reduced-motion:reduce){
 .wr-pp .wrpane.on,.wr-pp .wrups,.wr-pp .wrups.closing,.wr-pp .wrsw{animation:none}
}

/* ── Correctifs de la zone d'achat ─────────────────────── */

/* la bande de débit tenait sur trois lignes : les <b> internes
   héritaient du display:block du conteneur */
.wr-pp .wruinfo-tx > b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
 font-family:'Urbanist',sans-serif;font-weight:900;
 font-size:13px;color:#173508;line-height:1.35}
.wr-pp .wruinfo-tx > b b{display:inline;font-family:inherit;font-weight:900;color:inherit}
.wr-pp .wruinfo.plus .wruinfo-tx > b,
.wr-pp .wruinfo.plus .wruinfo-tx > b b{color:#c4e147}

/* le ruban de remise débordait du cadre de la tuile */
.wr-pp .wrtile{overflow:hidden !important}
.wr-pp .wrtile-rb{top:8px;right:-27px;width:86px}

/* packs standard : une colonne, comme convenu */
.wr-pp #wrpaneStd .chips{display:flex;flex-direction:column;gap:8px;grid-template-columns:none}
.wr-pp #wrpaneStd .chip{display:flex;align-items:center;gap:13px;grid-template-columns:none;
 border-radius:15px;padding:13px 15px;min-height:0}
.wr-pp #wrpaneStd .chip.on{border-color:#c4e147;border-width:2px;padding:12px 14px;
 background:linear-gradient(120deg,#f8fdec,#eef7d6)}
.wr-pp #wrpaneStd .chip .cico{display:none}
.wr-pp #wrpaneStd .chip .cmain{flex:1;min-width:0}
.wr-pp #wrpaneStd .chip .cgb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
 font-family:'Urbanist',sans-serif;font-weight:800;font-size:17px;letter-spacing:-.02em;color:#0D2218;line-height:1}
.wr-pp #wrpaneStd .chip .cval{font-size:11.5px;color:#8d9384;font-weight:600;margin-top:4px}
.wr-pp #wrpaneStd .chip .cval svg{display:none}
.wr-pp #wrpaneStd .chip .cppg{font-style:normal;color:#5f7548;font-weight:700}
.wr-pp #wrpaneStd .chip .cprice{font-family:'Urbanist',sans-serif;font-weight:900;font-size:18px;
 color:#6f9e21;letter-spacing:-.02em;white-space:nowrap;text-align:right;flex-shrink:0}
@media(max-width:520px){
 .wr-pp #wrpaneStd .chip .cgb{font-size:15.5px}
 .wr-pp #wrpaneStd .chip .cprice{font-size:16px}
}

/* ── Correctifs d'espacement et sélecteur de voyageurs ── */

/* le repère d'usage touchait le premier pack : son cadre en pointillés
   se superposait à la tuile */
.wr-pp .wrusebar{margin-bottom:14px}
.wr-pp #wrpaneStd .chips{margin-top:14px}
.wr-pp #wrpaneStd .chip{background:#fff}

/* « Durée du voyage » était collé au bandeau du dessus */
.wr-pp .wrpane .seclbl{margin-top:20px}
.wr-pp .wrpane > .seclbl:first-child{margin-top:14px}

/* sélecteur de voyageurs : même boîte que le sélecteur de durée */
.wr-pp .wrqsel{margin-top:14px;background:#fafbf8;border:1px solid #eceee8;border-radius:15px;padding:12px 13px}
.wr-pp .wrqsel-title{display:block;margin:0 0 9px;font-family:'Urbanist',sans-serif;font-weight:900;font-size:9.5px;
 letter-spacing:.12em;text-transform:uppercase;color:#0D2218}
.wr-pp .wrqsel-step{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;
 border:1px solid #e7eadf;border-radius:13px;padding:7px 8px;margin:0}
.wr-pp .wrqsel-btn{width:40px;height:40px;border-radius:11px;border:1px solid #e7eadf;background:#fafbf8;color:#0D2218;
 font-size:21px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;
 transition:.15s;box-shadow:none}
.wr-pp .wrqsel-btn:hover:not(:disabled){border-color:#c4e147;background:#f6fbe9;color:#173508}
.wr-pp .wrqsel-btn:disabled{opacity:.3;cursor:not-allowed}
.wr-pp .wrqsel-count{flex:1;text-align:center;display:block}
.wr-pp .wrqsel-count .sv{display:block;font-family:'Urbanist',sans-serif;font-weight:900;font-size:23px;
 color:#0D2218;letter-spacing:-.02em;line-height:1.05}
.wr-pp .wrqsel-count span{display:block;font-family:'DM Sans',sans-serif;font-weight:600;font-size:10.5px;
 color:#a3a99a;margin-top:2px}
.wr-pp .wrqsel .wrnud{margin-top:10px}
@media(max-width:520px){
 .wr-pp .wrqsel-btn{width:38px;height:38px;font-size:19px}
 .wr-pp .wrqsel-count .sv{font-size:20px}
}

/* le ruban de remise doit rester vert foncé sur lime, quel que soit l'état de la tuile */
.wr-pp .wrtile .wrtile-rb,
.wr-pp .wrtile.on .wrtile-rb,
.wr-pp .wrtile:hover .wrtile-rb{color:#173508 !important}

/* ── Rappel de remise, en tête du sélecteur de durée ── */
.wr-pp .wrstep{overflow:hidden}
.wr-pp .wrsav{display:flex;align-items:center;justify-content:center;gap:8px;
 margin:-15px -15px 12px;padding:10px 14px;border-radius:0;
 font-size:11.5px;font-weight:600;letter-spacing:.01em;
 background:#eef7d6;color:#3c5510;border-bottom:1px solid #dcecae;transition:background .3s,color .3s}
.wr-pp .wrsav b{font-family:'Urbanist',sans-serif;font-weight:900;color:#173508}
.wr-pp .wrsav-st{width:12px;height:12px;fill:#c4e147;flex-shrink:0;transition:fill .3s}
.wr-pp .wrsav-p{font-family:'Urbanist',sans-serif;font-weight:900;font-size:11px;color:#3c5a0e;
 background:#fff;border:1px solid #dcecae;border-radius:6px;padding:3px 9px;flex-shrink:0;transition:.3s}
.wr-pp .wrsav.on{background:linear-gradient(135deg,#d5e990,#c4e147);color:#173508;border-bottom-color:transparent}
.wr-pp .wrsav.on .wrsav-st{fill:#173508}
.wr-pp .wrsav.on b{color:#173508}
.wr-pp .wrsav.on .wrsav-p{background:rgba(23,53,8,.15);color:#173508;border-color:transparent}
.wr-pp .wrsav[hidden]{display:none}
/* passage à l'état acquis : petit éclat qui traverse, puis léger rebond */
.wr-pp .wrsav.just{animation:wrSavPop .5s cubic-bezier(.2,1.4,.4,1) both}
.wr-pp .wrsav.just::after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:40%;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);
 animation:wrSavShine .75s ease-out both}
.wr-pp .wrsav{position:relative;overflow:hidden}
.wr-pp .wrsav.just .wrsav-st{animation:wrSavStar .6s cubic-bezier(.2,1.6,.4,1) both}
@keyframes wrSavPop{0%{transform:scale(1)}45%{transform:scale(1.035)}100%{transform:scale(1)}}
@keyframes wrSavShine{from{left:-45%}to{left:120%}}
@keyframes wrSavStar{0%{transform:scale(.5) rotate(-40deg)}60%{transform:scale(1.25) rotate(8deg)}100%{transform:scale(1) rotate(0)}}
@media (prefers-reduced-motion:reduce){
  .wr-pp .wrsav.just,.wr-pp .wrsav.just::after,.wr-pp .wrsav.just .wrsav-st{animation:none}
}
@media(max-width:430px){
  .wr-pp .wrsav{font-size:clamp(10.5px,2.9vw,11.5px);padding:8px 12px;gap:7px}
  .wr-pp .wrsav-p{font-size:clamp(10px,2.7vw,11px)}
}

/* ── Sans tuiles : le sélecteur de durée devient l'élément principal ── */
.wr-pp .wrstep{margin-top:14px;padding:14px}
.wr-pp .wrstep-s{padding:8px}
.wr-pp .wrstep-b{width:46px;height:46px;border-radius:13px;font-size:24px}
.wr-pp .wrstep-v{font-size:30px;letter-spacing:-.035em}
.wr-pp .wrstep-v small{font-size:11.5px;margin-top:4px}
@media(max-width:430px){
  .wr-pp .wrstep-b{width:clamp(40px,11vw,46px);height:clamp(40px,11vw,46px);font-size:clamp(20px,5.6vw,24px)}
  .wr-pp .wrstep-v{font-size:clamp(23px,6.6vw,30px)}
}

/* ── Bannière de code promo ────────────────────────────── */
.wr-pp .wrpromo{position:relative;display:flex;align-items:center;gap:11px;overflow:hidden;
 border-radius:15px;padding:13px 14px;margin-bottom:14px;
 background:linear-gradient(135deg,#0f2606,#2d5a08)}
.wr-pp .wrpromo::after{content:"";position:absolute;right:-50px;top:-70px;width:200px;height:200px;
 border-radius:50%;pointer-events:none;
 background:radial-gradient(closest-side,rgba(196,225,71,.26),transparent)}
.wr-pp .wrpromo-ic{position:relative;z-index:2;width:19px;height:19px;color:#c4e147;flex-shrink:0}
.wr-pp .wrpromo-tx{position:relative;z-index:2;flex:1;min-width:0}
/* le titre ne passe jamais à la ligne : la taille s'ajuste à la largeur */
.wr-pp .wrpromo-tx b{display:block;font-family:'Urbanist',sans-serif;font-weight:900;
 font-size:clamp(11px,3.2vw,14.5px);letter-spacing:-.02em;line-height:1.2;color:#c4e147;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wr-pp .wrpromo-tx span{display:block;font-family:'DM Sans',sans-serif;font-weight:600;
 font-size:clamp(9.5px,2.6vw,11.5px);margin-top:3px;line-height:1.3;color:rgba(255,255,255,.6);
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wr-pp .wrpromo-code{position:relative;z-index:2;display:inline-flex;align-items:center;gap:7px;
 border:none;border-radius:11px;padding:10px 13px;cursor:pointer;flex-shrink:0;
 background:#c4e147;color:#173508;font-family:'Urbanist',sans-serif;font-weight:900;
 font-size:clamp(11px,3vw,13px);letter-spacing:.06em;transition:background .18s,transform .16s}
.wr-pp .wrpromo-code:hover{transform:translateY(-1px);background:#fff}
.wr-pp .wrpromo-code:focus-visible{outline:2px solid #fff;outline-offset:2px}
.wr-pp .wrpromo-ico,.wr-pp .wrpromo-ok{display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wr-pp .wrpromo-ico svg,.wr-pp .wrpromo-ok svg{width:13px;height:13px}
.wr-pp .wrpromo-ok{display:none}
.wr-pp .wrpromo-code.copied .wrpromo-ico{display:none}
.wr-pp .wrpromo-code.copied .wrpromo-ok{display:flex;animation:wrPromoOk .4s cubic-bezier(.2,1.5,.4,1) both}
@keyframes wrPromoOk{from{transform:scale(.4)}60%{transform:scale(1.2)}to{transform:scale(1)}}
.wr-pp .wrpromo[hidden]{display:none}
@media(max-width:430px){
  .wr-pp .wrpromo{gap:9px;padding:12px}
  .wr-pp .wrpromo-ic{width:17px;height:17px}
  .wr-pp .wrpromo-code{padding:9px 11px;gap:6px}
}
@media(max-width:340px){
  .wr-pp .wrpromo-tx span{display:none}     /* sous-titre sacrifié avant le titre */
}
@media (prefers-reduced-motion:reduce){
  .wr-pp .wrpromo-code,.wr-pp .wrpromo-code.copied .wrpromo-ok{transition:none;animation:none}
}

/* ── Étiquette ∞ dans l'onglet Illimité ────────────────── */
.wr-pp #wrtabUnl{display:flex;align-items:center;justify-content:center;gap:8px}
.wr-pp .wrtab-chip{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
 background:#d5e990;color:#173508;border-radius:7px;padding:5px 10px;transition:background .2s}
.wr-pp #wrtabUnl.on .wrtab-chip{background:linear-gradient(135deg,#d5e990,#c4e147)}
.wr-pp .wrtab-inf{width:23px;height:11.5px;flex-shrink:0;display:block}
@media(max-width:430px){
  .wr-pp #wrtabUnl{gap:6px}
  .wr-pp .wrtab-chip{padding:4px 8px;border-radius:6px}
  .wr-pp .wrtab-inf{width:clamp(17px,5vw,23px);height:auto}
}
@media(max-width:340px){
  .wr-pp .wrtab-chip{padding:4px 7px}
}

/* ── Packs standard, deux colonnes ─────────────────────
   Le badge Populaire chevauche la bordure haute : il ne consomme aucune
   place à l'intérieur, donc toutes les cartes gardent la même taille. */
.wr-pp #wrpaneStd .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
 flex-direction:unset;margin-top:14px;padding-top:7px}
.wr-pp #wrpaneStd .chip{position:relative;overflow:visible;border-radius:15px;min-height:74px;
 display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;text-align:left}
.wr-pp #wrpaneStd .chip.on{padding:14px}
.wr-pp #wrpaneStd .chip .cico{display:none}
.wr-pp #wrpaneStd .chip .cmain{min-width:0}
.wr-pp #wrpaneStd .chip .cgb{display:block;font-family:'Urbanist',sans-serif;font-weight:900;
 font-size:21px;letter-spacing:-.03em;color:#0D2218;line-height:1}
.wr-pp #wrpaneStd .chip .cval{display:block;font-size:13px;color:#8d9384;font-weight:600;margin-top:6px}
.wr-pp #wrpaneStd .chip .cval svg{display:none}
.wr-pp #wrpaneStd .chip .cprice{font-family:'Urbanist',sans-serif;font-weight:900;font-size:19px;
 color:#6f9e21;letter-spacing:-.03em;line-height:1;flex-shrink:0;white-space:nowrap;margin:0;padding:0}

/* badge à cheval sur la bordure, cerclé pour se détacher */
.wr-pp #wrpaneStd .chip .ctag{position:absolute;top:0;right:12px;transform:translateY(-50%);z-index:3;
 font-family:'Urbanist',sans-serif;font-weight:800;font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;
 color:#3c5a0e;background:#dff09a;border:1px solid #fff;border-radius:100px;padding:3px 8px;
 line-height:1;white-space:nowrap;margin:0}
.wr-pp #wrpaneStd .chip.on .ctag{background:#d5e990;color:#173508;border-color:#f8fdec}

/* ── mobile : tout centré, prix sous la validité ── */
@media(max-width:900px){
  .wr-pp #wrpaneStd .chip{display:block;text-align:center;min-height:0;padding:13px}
  .wr-pp #wrpaneStd .chip.on{padding:12px}
  .wr-pp #wrpaneStd .chip .cgb{font-size:20px}
  .wr-pp #wrpaneStd .chip .cval{font-size:11.5px;margin-top:5px}
  .wr-pp #wrpaneStd .chip .cprice{display:block;font-size:16.5px;margin-top:9px}
  .wr-pp #wrpaneStd .chip .ctag{left:50%;right:auto;transform:translate(-50%,-50%);font-size:8px;padding:2.5px 7px}
}
@media(max-width:430px){
  .wr-pp #wrpaneStd .chips{gap:8px}
  .wr-pp #wrpaneStd .chip .cgb{font-size:clamp(16px,5vw,20px)}
  .wr-pp #wrpaneStd .chip .cval{font-size:clamp(10px,2.9vw,11.5px)}
  .wr-pp #wrpaneStd .chip .cprice{font-size:clamp(14px,4.4vw,16.5px)}
}
@media(max-width:340px){
  .wr-pp #wrpaneStd .chips{grid-template-columns:1fr}
}

/* ── Correctifs des cartes de pack ─────────────────────
   1. La carte sélectionnée changeait de bordure ET de rembourrage : sa hauteur
      réelle différait des autres. On garde une géométrie strictement identique
      et on marque la sélection par un liseré intérieur.
   2. Le prix héritait d'un alignement à droite du thème : sur mobile, où tout
      est centré, il restait collé au bord. */
.wr-pp #wrpaneStd .chip,
.wr-pp #wrpaneStd .chip.on{border-width:1.5px;padding:15px}
.wr-pp #wrpaneStd .chip.on{box-shadow:inset 0 0 0 1px #c4e147;border-color:#c4e147}
.wr-pp #wrpaneStd .chips{align-items:stretch}
/* 3. Le thème ajoutait une barre lime de 4 px sur le bord gauche de la carte
      sélectionnée : elle faisait doublon avec le liseré et rognait le texte. */
.wr-pp #wrpaneStd .chip.on::before{display:none}

@media(max-width:900px){
  .wr-pp #wrpaneStd .chip,
  .wr-pp #wrpaneStd .chip.on{padding:13px}
  .wr-pp #wrpaneStd .chip .cprice{text-align:center;width:100%}
}

/* ── Mention « Satisfait ou remboursé » ────────────────── */
.wr-pp .wrgar{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px;
 font-family:'DM Sans',sans-serif;font-size:12.5px;color:#8d9384}
.wr-pp .wrgar-ic{width:15px;height:15px;color:#8fbf1c;flex-shrink:0}
.wr-pp .wrgar-t{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}
.wr-pp .wrgar-t b{font-family:'Urbanist',sans-serif;font-weight:900;color:#0D2218}
.wr-pp .wrgar-sep{color:#c3c9ba}
.wr-pp .wrgar-lk{border:none;background:none;padding:0;cursor:pointer;font-family:'DM Sans',sans-serif;
 font-size:12.5px;color:#5f6b58;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c9d1bd;
 transition:color .15s,text-decoration-color .15s}
.wr-pp .wrgar-lk:hover{color:#173508;text-decoration-color:#c4e147}
@media(max-width:430px){
  .wr-pp .wrgar{font-size:clamp(11px,3.1vw,12.5px);gap:7px}
  .wr-pp .wrgar-lk{font-size:clamp(11px,3.1vw,12.5px)}
}

/* ── Fenêtre ───────────────────────────────────────────── */
.wrgar-ov{position:fixed;inset:0;z-index:2147483000;background:rgba(13,34,24,.42);
 display:flex;align-items:center;justify-content:center;padding:24px;
 opacity:0;transition:opacity .22s}
.wrgar-ov.open{opacity:1}
.wrgar-ov[hidden]{display:none}
.wrgar-md{width:100%;max-width:430px;background:#fff;border-radius:22px;overflow:hidden;
 box-shadow:0 30px 70px -30px rgba(13,34,24,.75);font-family:'DM Sans',sans-serif;
 transform:translateY(10px) scale(.98);transition:transform .26s cubic-bezier(.22,1,.36,1)}
.wrgar-ov.open .wrgar-md{transform:none}
.wrgar-hd{padding:24px 24px 0;display:flex;align-items:flex-start;gap:12px}
.wrgar-ht{flex:1;min-width:0}
.wrgar-k{display:block;font-family:'Urbanist',sans-serif;font-weight:900;font-size:9.5px;
 letter-spacing:.14em;text-transform:uppercase;color:#a3a99a;margin-bottom:6px}
.wrgar-hd h3{font-family:'Urbanist',sans-serif;font-weight:900;font-size:20px;letter-spacing:-.025em;
 margin:0;line-height:1.15;color:#0D2218}
.wrgar-hd h3 em{font-style:normal;color:#c4e147}
.wrgar-x{width:30px;height:30px;border-radius:50%;border:1px solid #eceee8;background:#fafbf8;
 color:#a3a99a;font-size:15px;line-height:1;cursor:pointer;flex-shrink:0;transition:.15s}
.wrgar-x:hover{border-color:#dfe4d8;color:#5f6b58}
.wrgar-bd{padding:20px 24px 24px}
.wrgar-li{display:flex;gap:12px;padding:14px 0;border-top:1px solid #f4f6ee}
.wrgar-li:first-child{border-top:none;padding-top:4px}
.wrgar-mk{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;
 justify-content:center;margin-top:1px;background:#eef7d6;color:#5f8a16}
.wrgar-mk svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.6;
 stroke-linecap:round;stroke-linejoin:round}
.wrgar-tt b{display:block;font-family:'Urbanist',sans-serif;font-weight:900;font-size:13.5px;
 color:#0D2218;margin-bottom:3px}
.wrgar-tt span{font-size:12.5px;color:#6b7565;line-height:1.6}
.wrgar-ft{margin:6px 0 0;padding-top:14px;border-top:1px solid #f4f6ee;font-size:11.5px;
 color:#a3a99a;line-height:1.55}

@media(max-width:520px){
  .wrgar-ov{align-items:flex-end;padding:0}
  .wrgar-md{max-width:none;border-radius:22px 22px 0 0;transform:translateY(100%)}
  .wrgar-ov.open .wrgar-md{transform:none}
  .wrgar-hd{padding:20px 18px 0}
  .wrgar-hd h3{font-size:18px}
  .wrgar-bd{padding:16px 18px 24px}
}
@media (prefers-reduced-motion:reduce){
  .wrgar-ov,.wrgar-md{transition:none}
}


/* ── bandeau d'information ─────────────────────────────── */
.wrinfo{background:#fff;border:1px solid #e6ebdb;border-radius:16px;padding:14px 15px;margin-bottom:11px}
.wrinfo-lb{display:flex;align-items:center;gap:6px;font-family:'Urbanist',sans-serif;font-weight:900;
 font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#a3a99a;margin-bottom:8px}
.wrinfo-lb svg{width:12px;height:12px;color:#c4e147;flex-shrink:0}
.wrinfo-ops{display:flex;flex-wrap:wrap;gap:6px}
.wrinfo-b{display:inline-flex;align-items:center;gap:5px;border-radius:100px;padding:5px 10px 5px 8px;
 background:#f4f9ea;border:1px solid #e3eecb;color:#173508;
 font-family:'Urbanist',sans-serif;font-weight:800;font-size:11.5px}
.wrinfo-d{width:5px;height:5px;border-radius:50%;background:#c4e147;flex-shrink:0}
.wrinfo-r{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #f4f6ee;
 font-size:12.5px;color:#5f6b58;line-height:1.4;margin-top:11px}
.wrinfo-r+.wrinfo-r{margin-top:0}
.wrinfo-r>svg{width:15px;height:15px;color:#8fbf1c;flex-shrink:0}
.wrinfo-r b{font-weight:700;color:#0D2218}
.wrinfo-lk{border:none;background:none;padding:0;color:#3c5a0e;font-weight:700;cursor:pointer;
 text-decoration:underline;text-underline-offset:3px;font-size:12.5px;font-family:'DM Sans',sans-serif}

/* ── second bouton ─────────────────────────────────────── */
.wrbuy{width:100%;margin-top:9px;border:1.5px solid #0D2218;border-radius:14px;background:#0D2218;
 color:#c4e147;font-family:'Urbanist',sans-serif;font-weight:900;font-size:15px;padding:14px;cursor:pointer;
 transition:background .16s,transform .12s}
.wrbuy:hover{background:#173508}
.wrbuy:active{transform:translateY(1px)}

/* ── moyens de paiement ────────────────────────────────── */
.wrpay{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin-top:11px}
.wrpay-c{display:inline-flex;align-items:center;justify-content:center;height:24px;min-width:42px;padding:0 8px;
 border-radius:5px;border:1px solid rgba(13,34,24,.09);background:#fff;
 font-family:'Urbanist',sans-serif;font-weight:900;font-size:9px;letter-spacing:.04em;gap:1px}
.wrpay-visa{background:#1a1f71;color:#fff;font-style:italic;letter-spacing:.08em}
.wrpay-mc i{width:14px;height:14px;border-radius:50%;display:block}
.wrpay-mc i:first-child{background:#eb001b}
.wrpay-mc i:last-child{background:#f79e1b;margin-left:-5px;mix-blend-mode:multiply}
.wrpay-amex{background:#006fcf;color:#fff}
.wrpay-pp{color:#003087}
.wrpay-pp b{font-weight:900}
.wrpay-pp i{font-style:normal;font-weight:900;color:#009cde}
.wrpay-ap{background:#000;color:#fff;font-size:10px}
.wrpay-gp{color:#3c4043;font-size:10px}
.wrpay-l{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#a3a99a;
 margin:9px 0 0}
.wrpay-l svg{width:13px;height:13px;color:#8fbf1c;flex-shrink:0}

/* ── quatre lignes sous le bouton ──────────────────────── */
/* Même gabarit que les cartes de réassurance d'origine : la lisibilité
   d'une ligne isolée ne tient pas dans 28 px d'icône. */
.wrfeat{margin-top:14px;display:grid;gap:9px}
.wrfeat-r{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid #e7e7e7;
 border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.04);padding:14px 16px}
.wrfeat-i{width:38px;height:38px;border-radius:11px;background:#f0f8db;color:#4f7d12;
 display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wrfeat-i svg{width:18px;height:18px}
.wrfeat-t{min-width:0}
.wrfeat-t b{display:block;font-family:'Urbanist',sans-serif;font-weight:800;font-size:13.5px;
 color:#234d09;line-height:1.2}
.wrfeat-t span{display:block;font-size:11.5px;color:#6f8154;margin-top:3px;line-height:1.32}


/* Le bandeau existe dans les deux colonnes ; chacune n'en montre qu'un. */
.wr-pp .wrinfo-wrap--desk{margin-top:14px}
.wr-pp .wrinfo-wrap--mob{display:none}
@media(max-width:900px){
  /* Sur mobile l'image occupait plus de la moitié du premier écran sans
     rien apporter : elle disparaît, et le bandeau reprend sa place
     sous le titre. */
  .wr-pp .media{display:none}
  .wr-pp .wrinfo-wrap--desk{display:none}
  .wr-pp .wrinfo-wrap--mob{display:block}
}


@media(max-width:900px){
  /* Sur mobile, titre, note et bandeau réseau ne font qu'une carte, alignée
     à gauche et compacte : le titre centré et surdimensionné mangeait tout
     le premier écran avant même le premier forfait. */
  .wr-pp .hl{background:#fff;border:1px solid #e6ebdb;border-radius:18px;
   padding:16px 16px 0;margin-bottom:0;text-align:left}
  .wr-pp .titlerow{justify-content:flex-start;gap:10px}
  .wr-pp .htitle{font-size:24px;letter-spacing:-.03em;text-align:left}
  .wr-pp .flagMini,.wr-pp .flagMini img{width:26px;height:26px}
  .wr-pp .hl .stars .s svg{width:15px;height:15px}
  /* les deux pastilles de réassurance descendent plus bas dans la page */
  .wr-pp .hl .hmeta{display:none}
  .wr-pp .wrinfo-wrap--mob{margin:0 0 11px}
  .wr-pp .wrinfo-wrap--mob .wrinfo{border:none;border-radius:0 0 18px 18px;
   margin:0;padding:4px 16px 14px;box-shadow:none;border-top:1px solid #f4f6ee}
  .wr-pp .wrinfo-lb{margin-bottom:7px}
  .wr-pp .wrinfo-r{padding:8px 0;font-size:12.5px}
}


/* ── entrée vers l'estimateur ───────────────────────────── */
.wrdc-card{margin-top:12px;display:flex;align-items:center;gap:11px;width:100%;text-align:left;cursor:pointer;
 border:1.5px dashed #dcecae;background:#f8fdec;border-radius:14px;padding:13px;
 font-family:'DM Sans',sans-serif;transition:border-color .16s,background .16s}
.wrdc-card:hover{border-color:#c4e147;background:#f4f9ea}
.wrdc-card__ic{width:32px;height:32px;border-radius:10px;background:#fff;border:1px solid #e3eecb;
 color:#5f8a16;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wrdc-card__ic svg{width:16px;height:16px}
.wrdc-card__t{flex:1;min-width:0;font-family:'Urbanist',sans-serif;font-weight:900;font-size:13.5px;
 color:#173508;line-height:1.25}
.wrdc-card__a{font-family:'Urbanist',sans-serif;font-weight:900;font-size:15px;color:#5f8a16;flex-shrink:0}


/* Les deux boutons partagent exactement le même gabarit : seule la couleur
   distingue l'action principale de la secondaire. */
.wr-pp .cta,.wr-pp .wrbuy{display:flex;align-items:center;justify-content:center;
 width:100%;min-height:52px;padding:15px;border-radius:14px;
 font-family:'Urbanist',sans-serif;font-weight:900;font-size:15px;line-height:1.2}
.wr-pp .wrbuy{margin-top:9px}

/* Le titre mobile de la fiche : compact et aligné à gauche. */
@media(max-width:900px){
  /* Titre et note centrés, dans la même carte que le bandeau réseau. */
  .wr-pp .hl{text-align:center;border-radius:18px 18px 0 0;border-bottom:none;padding-bottom:4px}
  .wr-pp .hl .titlerow{justify-content:center}
  .wr-pp .hl .htitle{font-size:26px;letter-spacing:-.03em;justify-content:center}
  .wr-pp .wrinfo-wrap--mob .wrinfo{border-radius:0 0 18px 18px;border-top:1px solid #f4f6ee}

  /* Le drapeau : plus grand, et surtout recadré. Certains fichiers ne sont
     pas carrés, l'image se retrouvait décentrée dans son cercle. */
  .wr-pp .flagMini{width:34px;height:34px;flex-shrink:0}
  .wr-pp .flagMini img,.wr-pp .esim-flag{width:34px;height:34px;border-radius:50%;
   object-fit:cover;object-position:center;display:block}
}

/* Les cartes d'usage se centrent sur mobile : trop étroites pour un
   alignement à gauche qui laisse une colonne vide sous l'icône. */
@media(max-width:560px){
  .wr-uses__c{text-align:center}
  .wr-uses__ic{margin-left:auto;margin-right:auto}
}


/* L'étiquette « Réseaux » reste à gauche des bulles tant qu'elles tiennent
   sur la même ligne, et passe au-dessus dès que ça déborde. */
.wr-pp .wrinfo-wrap--mob .wrinfo{display:flex;flex-direction:column}
.wr-pp .wrinfo-wrap--mob .wrinfo>.wrinfo-lb{order:-1}
@media(max-width:900px){
  .wr-pp .wrinfo-wrap--mob .wrinfo{display:block}
  .wr-pp .wrinfo-wrap--mob .wrinfo .wrinfo-lb{display:inline-flex;margin:0 9px 0 0;vertical-align:middle}
  .wr-pp .wrinfo-wrap--mob .wrinfo .wrinfo-ops{display:inline-flex;flex-wrap:wrap;gap:6px;vertical-align:middle}
}

/* Les deux boutons gagnent en lisibilité. */
.wr-pp .cta,.wr-pp .wrbuy{font-size:16.5px}


/* Le filet au-dessus des opérateurs coupait la carte en deux sans raison :
   l'étiquette et les bulles appartiennent au même bloc que les lignes
   d'information, et s'alignent maintenant sur le même bord. */
.wr-pp .wrinfo-wrap--mob .wrinfo{border-top:none;padding-top:0}
.wr-pp .hl{padding-bottom:12px}
@media(max-width:900px){
  .wr-pp .wrinfo-wrap--mob .wrinfo{padding:0 16px 14px}
  .wr-pp .wrinfo-wrap--mob .wrinfo .wrinfo-lb{margin-bottom:0}
  .wr-pp .wrinfo-r{padding-left:0;padding-right:0}
}

/* Le raccourci vers le vérificateur : un lien souligné épais, en vert lime.
   Il se remarque sans devenir un second bouton dans une carte qui en compte
   déjà deux plus bas. */
.wr-pp .wrinfo-lk{border:none;background:none;padding:0;margin-left:3px;
 color:#8fbf1c;font-family:'Urbanist',sans-serif;font-weight:900;font-size:13px;
 letter-spacing:-.01em;cursor:pointer;
 text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;
 text-decoration-color:#c4e147;transition:color .16s,text-decoration-color .16s}
.wr-pp .wrinfo-lk:hover{color:#6f9e21;text-decoration-color:#8fbf1c}


/* L'étiquette et les bulles tiennent sur une seule ligne, desktop comme
   mobile : la ligne défile latéralement plutôt que de passer à la ligne. */
.wr-pp .wrinfo>.wrinfo-lb,.wr-pp .wrinfo-wrap--mob .wrinfo .wrinfo-lb{
 display:inline-flex;margin:0 10px 0 0;vertical-align:middle;flex-shrink:0}
.wr-pp .wrinfo-lb svg{width:15px;height:15px}
.wr-pp .wrinfo-ops,.wr-pp .wrinfo-wrap--mob .wrinfo .wrinfo-ops{
 display:inline-flex;flex-wrap:nowrap;gap:6px;vertical-align:middle;
 overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}
.wr-pp .wrinfo-ops::-webkit-scrollbar{display:none}
.wr-pp .wrinfo-b{flex-shrink:0}
.wr-pp .wrinfo-wrap--desk .wrinfo .opsrow,
.wr-pp .wrinfo{white-space:nowrap}
.wr-pp .wrinfo-r{white-space:normal}


/* L'étiquette suit la même typographie que les lignes d'information :
   même police, même taille, même couleur, et plus de capitales. */
.wr-pp .wrinfo-lb{font-family:'DM Sans',sans-serif;font-weight:700;font-size:12.5px;
 letter-spacing:0;text-transform:none;color:#0D2218;margin-bottom:0}
.wr-pp .wrinfo-lb svg{width:15px;height:15px;color:#8fbf1c}
.wr-pp .wrinfo-b{font-size:12.5px}

/* Moins de vide entre le menu et la première carte. */
@media(max-width:900px){
  /* L'écart venait de trois endroits à la fois : la marge haute de la
     section, le rembourrage de la page et la marge du corps. Les trois
     sont annulés, avec !important car le thème les redéclare plus bas. */
  .wr-pp{padding-top:0 !important;margin-top:0 !important}
  .wr-pp .page{padding-top:0 !important;margin-top:0 !important}
  .wr-pp .body{margin-top:0 !important;padding-top:0 !important}
  .wr-pp .hl{margin-top:0 !important}
  .wr-header{margin-bottom:0}
  /* la section produit démarre juste sous le header */
  .wr-pp-section,.shopify-section:has(.wr-pp){padding-top:0 !important;margin-top:0 !important}
}

/* Sur desktop, l'image ne descend plus au-delà de l'écran : le bandeau
   réseau doit rester visible sans avoir à faire défiler. */
@media(min-width:901px){
  .wr-pp .mediaimg{aspect-ratio:4/5;max-height:min(560px,58vh)}
  .wr-pp .wrinfo{padding:18px 20px}
  .wr-pp .wrinfo-lb,.wr-pp .wrinfo-b{font-size:14px}
  .wr-pp .wrinfo-lb svg{width:17px;height:17px}
  .wr-pp .wrinfo-r{font-size:14px;padding:11px 0}
  .wr-pp .wrinfo-r>svg{width:17px;height:17px}
  .wr-pp .wrinfo-lk{font-size:14.5px}
}


/* Le bouton d'achat direct montre le prix d'avant, barré. */
.wr-pp .wrbuy-was{font-size:14px;color:rgba(196,225,71,.5);text-decoration:line-through;
 font-weight:800;margin-right:8px}
.wr-pp .wrbuy-was:empty{display:none}


/* Le total du récapitulatif porte l'ancien prix, barré. */
.wr-pp .wrpb-vals{display:inline-flex;align-items:baseline;gap:9px}
.wr-pp .wrpb-was{font-size:15px;color:#9aa48f;text-decoration:line-through;font-weight:700}