/* BPM Manager OP.5.12 — consolidated form compatibility CSS. Order preserved from OP.5.11. */

/* Étape 1 uniquement : alléger la lecture sans toucher aux états actifs */
#bpmev .bpmev-step[data-step="1"] .bpmev-qtext h4{
    font-weight:600 !important;
    color:#66737d !important;
}
#bpmev .bpmev-step[data-step="1"] .bpmev-qtext p{
    font-weight:400 !important;
    color:#9aa4ac !important;
}
#bpmev .bpmev-step[data-step="1"] .bpmev-choices button{
    font-weight:400 !important;
    color:#77838c !important;
    border-width:2px !important;
    border-style:solid !important;
    border-color:#cbd3d9 !important;
}
#bpmev .bpmev-step[data-step="1"] .bpmev-choices button strong{
    font-weight:600 !important;
    color:#66737d !important;
}
#bpmev .bpmev-step[data-step="1"] .bpmev-choices button span,
#bpmev .bpmev-step[data-step="1"] .bpmev-choices button small{
    font-weight:400 !important;
    color:#9aa4ac !important;
}
/* On conserve clairement la sélection */
#bpmev .bpmev-step[data-step="1"] .bpmev-choices button.active,
#bpmev .bpmev-step[data-step="1"] .bpmev-choices button.selected,
#bpmev .bpmev-step[data-step="1"] .bpmev-choices button[aria-pressed="true"]{
    border-width:2px !important;
}

#bpmev .bpmev-step[data-step="1"] input,
#bpmev .bpmev-step[data-step="1"] textarea,
#bpmev .bpmev-step[data-step="1"] select{
    color:#111111 !important;
    font-weight:400 !important;
}
#bpmev .bpmev-step[data-step="1"] input::placeholder,
#bpmev .bpmev-step[data-step="1"] textarea::placeholder{
    color:#9aa4ac !important;
    opacity:1 !important;
}

/* Questions au-dessus des choix */
#bpmev .bpmev-step[data-step="1"] .bpmev-qtext h4{
    color:#7b858c !important;
    font-weight:600 !important;
}
#bpmev .bpmev-step[data-step="1"] .bpmev-qtext p{
    color:#a0a8ae !important;
    font-weight:400 !important;
}

/* Cartes/champs : contour plus visible */
#bpmev .bpmev-step[data-step="1"] .bpmev-choices button{
    border:2px solid #c8d0d5 !important;
    color:#111 !important;
}

/* CONTENU des cartes : reste NOIR */
#bpmev .bpmev-step[data-step="1"] .bpmev-choices button strong{
    color:#111111 !important;
    font-weight:500 !important;
}
#bpmev .bpmev-step[data-step="1"] .bpmev-choices button small,
#bpmev .bpmev-step[data-step="1"] .bpmev-choices button span{
    color:#111111 !important;
    font-weight:400 !important;
}

/* Même en sélection : texte noir, seul le contour/fond indique la sélection */
#bpmev .bpmev-step[data-step="1"] .bpmev-choices button.selected strong,
#bpmev .bpmev-step[data-step="1"] .bpmev-choices button.selected small,
#bpmev .bpmev-step[data-step="1"] .bpmev-choices button.selected span{
    color:#111111 !important;
}

/* vrais champs éventuels : valeur noire, placeholder gris */
#bpmev .bpmev-step[data-step="1"] input,
#bpmev .bpmev-step[data-step="1"] textarea,
#bpmev .bpmev-step[data-step="1"] select{
    color:#111111 !important;
    border-width:2px !important;
}
#bpmev .bpmev-step[data-step="1"] input::placeholder,
#bpmev .bpmev-step[data-step="1"] textarea::placeholder{
    color:#a0a8ae !important;
}

#bpmev .bpmev-step[data-step="1"] .bpmev-choices button,
#bpmev .bpmev-step[data-step="1"] input,
#bpmev .bpmev-step[data-step="1"] textarea,
#bpmev .bpmev-step[data-step="1"] select{
    border:2px solid #111111 !important;
}

/* Base anti-débordement, y compris sous Elementor/thèmes */
#bpmev,#bpmev .bpmev-form,#bpmev .bpmev-layout,#bpmev .bpmev-main,#bpmev .bpmev-side,
#bpmev .bpmev-step,#bpmev .bpmev-question,#bpmev .bpmev-qtext,#bpmev .bpmev-choices,
#bpmev .bpmev-product,#bpmev .bpmev-grid,#bpmev .bpmev-dims,#bpmev .bpmev-files,
#bpmev .bpmev-product-meta,#bpmev .bpmev-address,#bpmev .bpmev-recap,#bpmev .bpmev-actions{min-width:0!important;max-width:100%!important}
#bpmev img,#bpmev svg,#bpmev video{max-width:100%!important;height:auto}
#bpmev input,#bpmev select,#bpmev textarea,#bpmev button{max-width:100%!important}
#bpmev input,#bpmev select,#bpmev textarea{min-width:0!important;width:100%!important}
#bpmev textarea{resize:vertical}
#bpmev .bpmev-recap-row span,#bpmev .bpmev-file-native-name,#bpmev .bpmev-qtext p,
#bpmev .bpmev-path small,#bpmev .bpmev-choices small{overflow-wrap:anywhere;word-break:normal}

/* Tablette paysage / petite fenêtre */
@media (max-width:1100px){
 #bpmev{width:calc(100% - 24px)!important;margin:18px auto!important}
 #bpmev .bpmev-layout{grid-template-columns:300px minmax(0,1fr)!important}
 #bpmev .bpmev-side{padding:30px 22px!important}
 #bpmev .bpmev-side h2{margin-left:92px!important;font-size:30px!important}
 #bpmev .bpmev-side>p{margin-left:92px!important;font-size:15px!important}
 #bpmev .bpmev-clock{width:72px!important;height:72px!important}
 #bpmev .bpmev-main{padding:32px 28px!important}
 #bpmev .bpmev-heading h2{font-size:30px!important}
 #bpmev .bpmev-choices{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Tablette portrait : on supprime la colonne latérale rigide */
@media (max-width:820px){
 #bpmev{width:calc(100% - 20px)!important;margin:12px auto!important}
 #bpmev .bpmev-layout{display:block!important}
 #bpmev .bpmev-side{border-right:0!important;border-bottom:1px solid #e4e6e6!important;padding:22px 22px 18px!important;overflow:hidden}
 #bpmev .bpmev-clock{float:left!important;width:68px!important;height:68px!important;margin:2px 18px 8px 0!important}
 #bpmev .bpmev-side h2{margin:0!important;font-size:27px!important;min-height:34px}
 #bpmev .bpmev-side>p{margin:8px 0 0!important;font-size:14px!important}
 #bpmev .bpmev-side>p b{font-size:21px!important}
 #bpmev .bpmev-side ul{clear:both!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 18px!important;margin:16px 0 0!important;padding:0!important}
 #bpmev .bpmev-side li{margin:4px 0!important;gap:10px!important}
 #bpmev .bpmev-side li>i{width:38px!important;height:38px!important;min-width:38px!important;font-size:17px!important}
 #bpmev .bpmev-side li b{font-size:13px!important}
 #bpmev .bpmev-side li span{font-size:11px!important}
 #bpmev .bpmev-main{padding:26px 22px 28px!important}
 #bpmev .bpmev-progress{margin:22px 0 26px!important}
 #bpmev .bpmev-grid,#bpmev .bpmev-files,#bpmev .bpmev-paths{grid-template-columns:1fr!important}
 #bpmev .bpmev-product-meta{grid-template-columns:110px minmax(0,1fr)!important}
}

/* Mobile */
@media (max-width:600px){
 #bpmev{width:100%!important;margin:0 auto!important;padding:0!important}
 #bpmev .bpmev-form{border-left:0!important;border-right:0!important;border-radius:0!important;box-shadow:none!important}
 #bpmev .bpmev-stagebar{padding:10px 12px!important;font-size:11px!important;display:flex!important;align-items:center!important;gap:8px!important}
 #bpmev .bpmev-stage-label{margin-left:0!important;min-width:0!important;overflow-wrap:anywhere}
 #bpmev .bpmev-side{padding:18px 15px 14px!important}
 #bpmev .bpmev-clock{width:56px!important;height:56px!important;margin-right:13px!important;border-width:3px!important}
 #bpmev .bpmev-side h2{font-size:23px!important;line-height:1.05!important}
 #bpmev .bpmev-side>p{font-size:13px!important;line-height:1.4!important}
 #bpmev .bpmev-side>p b{font-size:18px!important}
 #bpmev .bpmev-side ul{grid-template-columns:1fr!important;gap:3px!important;margin-top:12px!important}
 #bpmev .bpmev-side li{align-items:center!important}
 #bpmev .bpmev-side li span{display:none!important}
 #bpmev .bpmev-main{padding:22px 15px 26px!important}
 #bpmev .bpmev-heading{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important}
 #bpmev .bpmev-doc{font-size:28px!important}
 #bpmev .bpmev-heading h2{font-size:23px!important;line-height:1.05!important;min-width:0}
 #bpmev .bpmev-heading>span{font-size:11px!important;margin:0!important}
 #bpmev .bpmev-heading>span small{font-size:9px!important}
 #bpmev .bpmev-progress{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:20px -3px 24px!important}
 #bpmev .bpmev-progress:before{top:17px!important;left:12%!important;right:12%!important}
 #bpmev .bpmev-progress b{width:34px!important;height:34px!important;font-size:13px!important}
 #bpmev .bpmev-progress span{font-size:9px!important;line-height:1.15!important;margin-top:7px!important;overflow-wrap:anywhere}
 #bpmev .bpmev-section-title{font-size:21px!important;line-height:1.15!important}
 #bpmev .bpmev-intro{font-size:14px!important;line-height:1.45!important;margin-bottom:16px!important}
 #bpmev .bpmev-question{grid-template-columns:36px minmax(0,1fr)!important;gap:5px 9px!important;padding:14px 0!important}
 #bpmev .bpmev-num{width:34px!important;height:34px!important;font-size:11px!important}
 #bpmev .bpmev-qtext h4{font-size:17px!important;line-height:1.2!important}
 #bpmev .bpmev-qtext p{font-size:12px!important;line-height:1.4!important}
 #bpmev .bpmev-choices{grid-column:1/-1!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:8px!important}
 #bpmev .bpmev-choices button,#bpmev .bpmev-path{width:100%!important;min-height:56px!important;padding:12px 13px!important}
 #bpmev .bpmev-choices button strong,#bpmev .bpmev-path strong{font-size:15px!important;line-height:1.2!important;padding-right:25px}
 #bpmev .bpmev-path small{font-size:12px!important;line-height:1.35!important}
 #bpmev .bpmev-paths{gap:9px!important}
 #bpmev .bpmev-product{padding:13px!important;margin-top:10px!important}
 #bpmev .bpmev-product-head{gap:8px!important;flex-wrap:wrap!important}
 #bpmev .bpmev-grid,#bpmev .bpmev-files,#bpmev .bpmev-dims,#bpmev .bpmev-product-meta{grid-template-columns:1fr!important;gap:11px!important}
 #bpmev .bpmev-grid label,#bpmev .bpmev-full,#bpmev .bpmev-product-meta>label,#bpmev .bpmev-files>label{font-size:14px!important}
 #bpmev .bpmev-grid input,#bpmev .bpmev-grid select,#bpmev .bpmev-full textarea,#bpmev .bpmev-product-meta input,#bpmev .bpmev-files input,#bpmev .bpmev-phone input,#bpmev .bpmev-phone select{font-size:16px!important;padding:13px!important;min-height:48px!important}
 #bpmev .bpmev-phone{grid-template-columns:92px minmax(0,1fr)!important;gap:7px!important}
 #bpmev .bpmev-files label{padding:10px!important;overflow:hidden}
 #bpmev .bpmev-file-pick{width:100%!important;white-space:normal!important;min-height:46px!important}
 #bpmev .bpmev-file-native-name{display:block!important;width:100%!important;margin-top:7px!important;font-size:11px!important}
 #bpmev .bpmev-product-top{align-items:flex-start!important;flex-wrap:wrap!important}
 #bpmev .bpmev-add{width:100%!important;min-height:44px!important}
 #bpmev .bpmev-side-buttons{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
 #bpmev .bpmev-actions{grid-template-columns:1fr!important;gap:9px!important}
 #bpmev .bpmev-actions .bpmev-back,#bpmev .bpmev-actions .bpmev-next,#bpmev .bpmev-actions .bpmev-submit{width:100%!important;min-height:52px!important;margin:0!important;font-size:15px!important;white-space:normal!important}
 #bpmev .bpmev-recap{padding:13px!important;font-size:14px!important}
 #bpmev .bpmev-recap-card h4{font-size:16px!important;overflow-wrap:anywhere}
 #bpmev .bpmev-recap-row{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;padding:6px 0!important}
 #bpmev .bpmev-recap-row span{text-align:left!important}
 #bpmev .bpmev-mini,#bpmev .bpmev-mini-actions{min-width:0!important;max-width:100%!important}
 #bpmev .bpmev-mini-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important}
}

/* Très petits mobiles : 320–390 px */
@media (max-width:390px){
 #bpmev .bpmev-main{padding-left:11px!important;padding-right:11px!important}
 #bpmev .bpmev-side{padding-left:11px!important;padding-right:11px!important}
 #bpmev .bpmev-heading{grid-template-columns:auto minmax(0,1fr)!important}
 #bpmev .bpmev-heading>span{grid-column:1/-1!important;text-align:left!important;margin-left:36px!important}
 #bpmev .bpmev-progress span{font-size:8px!important}
 #bpmev .bpmev-progress b{width:31px!important;height:31px!important}
 #bpmev .bpmev-phone{grid-template-columns:1fr!important}
 #bpmev .bpmev-stagebar b{padding:6px 7px!important;white-space:nowrap}
 #bpmev .bpmev-product{padding:10px!important}
}

/* iOS : évite le zoom automatique au focus */
@media (max-width:820px){
 #bpmev input,#bpmev select,#bpmev textarea{font-size:16px!important}
}

@media (max-width:600px){
 /* Étape 2 : éviter l'effet de boîtes imbriquées qui rétrécissait le formulaire */
 #bpmev .bpmev-step[data-step="2"]{width:100%!important;max-width:none!important;overflow:visible!important}
 #bpmev .bpmev-step[data-step="2"] .bpmev-paths{width:100%!important;margin-left:0!important;margin-right:0!important}
 #bpmev .bpmev-step[data-step="2"] .bpmev-productbox,
 #bpmev .bpmev-step[data-step="2"] .bpmev-messagebox{
   width:100%!important;max-width:none!important;box-sizing:border-box!important;
   margin:14px 0 0!important;padding:12px!important;border-radius:10px!important;
 }
 #bpmev .bpmev-step[data-step="2"] .bpmev-product-top{width:100%!important;gap:10px!important}
 #bpmev .bpmev-step[data-step="2"] .bpmev-product-top h3{font-size:17px!important;line-height:1.2!important}
 #bpmev .bpmev-step[data-step="2"] .bpmev-products{width:100%!important;max-width:none!important}
 #bpmev .bpmev-step[data-step="2"] .bpmev-product{
   width:100%!important;max-width:none!important;box-sizing:border-box!important;
   margin:10px 0 0!important;padding:12px!important;
 }
 #bpmev .bpmev-step[data-step="2"] .bpmev-grid,
 #bpmev .bpmev-step[data-step="2"] .bpmev-dims,
 #bpmev .bpmev-step[data-step="2"] .bpmev-product-meta,
 #bpmev .bpmev-step[data-step="2"] .bpmev-files{width:100%!important;max-width:none!important;grid-template-columns:1fr!important}
 #bpmev .bpmev-step[data-step="2"] label{min-width:0!important;max-width:none!important;width:100%!important;box-sizing:border-box!important}
 #bpmev .bpmev-step[data-step="2"] input,
 #bpmev .bpmev-step[data-step="2"] select,
 #bpmev .bpmev-step[data-step="2"] textarea{width:100%!important;max-width:none!important;box-sizing:border-box!important}
 #bpmev .bpmev-step[data-step="2"] textarea{min-height:105px!important}
 #bpmev .bpmev-step[data-step="2"] .bpmev-files label{padding:9px!important}
 #bpmev .bpmev-step[data-step="2"] .bpmev-file-pick{width:100%!important}
 #bpmev .bpmev-step[data-step="2"] .bpmev-mini{flex:1 1 100%!important;width:100%!important}
 #bpmev .bpmev-step[data-step="2"] .bpmev-mini-actions{width:100%!important;justify-content:flex-start!important}
 #bpmev .bpmev-step[data-step="2"] .bpmev-actions{width:100%!important}
}
@media (max-width:430px){
 /* iPhone Pro : on récupère encore quelques pixels utiles uniquement à l'étape 2 */
 #bpmev .bpmev-step[data-step="2"] .bpmev-productbox,
 #bpmev .bpmev-step[data-step="2"] .bpmev-messagebox{padding:9px!important}
 #bpmev .bpmev-step[data-step="2"] .bpmev-product{padding:10px!important}
 #bpmev .bpmev-step[data-step="2"] .bpmev-path{padding:11px 12px!important}
}
/* Masque d'éventuels compteurs techniques de pagination ajoutés en bas */
#bpmev .bpmev-page-count,#bpmev .bpmev-step-count,#bpmev .bpmev-counter,#bpmev .form-page-count{display:none!important}

/* Empêche tout déplacement horizontal du formulaire */
html, body { overflow-x: clip !important; }
#bpmev,
#bpmev * { box-sizing: border-box !important; }
#bpmev {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
#bpmev form,
#bpmev .bpmev-step,
#bpmev .bpmev-step[data-step="2"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
}

/* Étape 2 : tous les enfants peuvent réellement rétrécir */
#bpmev .bpmev-step[data-step="2"] *,
#bpmev .bpmev-step[data-step="2"] .bpmev-route,
#bpmev .bpmev-step[data-step="2"] .bpmev-productbox,
#bpmev .bpmev-step[data-step="2"] .bpmev-products,
#bpmev .bpmev-step[data-step="2"] .bpmev-product,
#bpmev .bpmev-step[data-step="2"] .bpmev-grid,
#bpmev .bpmev-step[data-step="2"] .bpmev-dims {
    min-width: 0 !important;
    max-width: 100% !important;
}

/* Les deux choix du haut restent TOUJOURS dans le formulaire */
#bpmev .bpmev-step[data-step="2"] .bpmev-paths {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px 0 !important;
    padding: 0 !important;
}
#bpmev .bpmev-step[data-step="2"] .bpmev-path {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 14px 10px !important;
    overflow: hidden !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}
#bpmev .bpmev-step[data-step="2"] .bpmev-path strong,
#bpmev .bpmev-step[data-step="2"] .bpmev-path small {
    display: block !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

/* Mobile : utiliser presque toute la largeur physique disponible */
@media (max-width: 700px) {
    #bpmev {
        width: calc(100vw - 8px) !important;
        max-width: calc(100vw - 8px) !important;
        margin-left: calc(50% - 50vw + 4px) !important;
        margin-right: 0 !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    #bpmev form {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #bpmev .bpmev-step[data-step="2"] {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    #bpmev .bpmev-step[data-step="2"] .bpmev-paths {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    #bpmev .bpmev-step[data-step="2"] .bpmev-path {
        padding: 12px 12px !important;
    }
    #bpmev .bpmev-step[data-step="2"] .bpmev-productbox,
    #bpmev .bpmev-step[data-step="2"] .bpmev-product {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    #bpmev .bpmev-step[data-step="2"] input,
    #bpmev .bpmev-step[data-step="2"] textarea,
    #bpmev .bpmev-step[data-step="2"] select,
    #bpmev .bpmev-step[data-step="2"] button {
        max-width: 100% !important;
    }
}

/* Très petits écrans */
@media (max-width: 390px) {
    #bpmev .bpmev-step[data-step="2"] {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    #bpmev .bpmev-step[data-step="2"] .bpmev-productbox,
    #bpmev .bpmev-step[data-step="2"] .bpmev-product {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}

@media (max-width:700px){
    /* Quand on n'est plus à l'étape 1, masque la colonne/panneau gauche */
    #bpmev.bpmev-mobile-after-step1 .bpmev-left,
    #bpmev.bpmev-mobile-after-step1 .bpmev-sidebar,
    #bpmev.bpmev-mobile-after-step1 .bpmev-aside,
    #bpmev.bpmev-mobile-after-step1 .bpmev-side,
    #bpmev.bpmev-mobile-after-step1 .bpmev-leftcol,
    #bpmev.bpmev-mobile-after-step1 .bpmev-left-column{
        display:none !important;
    }

    /* Le contenu des étapes 2/3/4 récupère toute la largeur */
    #bpmev.bpmev-mobile-after-step1 .bpmev-wrap,
    #bpmev.bpmev-mobile-after-step1 .bpmev-layout,
    #bpmev.bpmev-mobile-after-step1 .bpmev-main,
    #bpmev.bpmev-mobile-after-step1 .bpmev-content,
    #bpmev.bpmev-mobile-after-step1 form{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        grid-template-columns:minmax(0,1fr) !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
}

/* La barre haute Étape X / Votre besoin est redondante avec la progression. */
#bpmev .bpmev-stagebar{display:none!important}

/* Tous les champs saisissables doivent être immédiatement identifiables. */
#bpmev input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),
#bpmev select,
#bpmev textarea{
    border-width:2px!important;
    border-style:solid!important;
    border-color:#8f9aa0!important;
}
#bpmev input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):focus,
#bpmev select:focus,
#bpmev textarea:focus{
    border-color:#62a900!important;
    outline:2px solid rgba(98,169,0,.16)!important;
    outline-offset:1px!important;
}

@media (max-width:700px){
    /* Mobile : priorité à l'action. Le chrono/titre restent, les arguments secondaires disparaissent. */
    #bpmev .bpmev-side ul{display:none!important}
    #bpmev .bpmev-side{padding-bottom:12px!important}

    /* Étape 2 : le conteneur "Votre produit d'impression" n'ajoute plus un second cadre. */
    #bpmev .bpmev-step[data-step="2"] .bpmev-productbox{
        width:100%!important;
        max-width:none!important;
        margin:12px 0 0!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
        overflow:visible!important;
    }
    #bpmev .bpmev-step[data-step="2"] .bpmev-product-top{
        width:100%!important;
        margin:0 0 10px!important;
        padding:11px 10px!important;
        border:1px solid #dbe5ea!important;
        border-radius:10px!important;
        background:#fbfdfe!important;
    }
    #bpmev .bpmev-step[data-step="2"] .bpmev-products{
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
    }
    #bpmev .bpmev-step[data-step="2"] .bpmev-product{
        width:100%!important;
        max-width:none!important;
        margin:10px 0 0!important;
    }
}

@media (max-width:430px){
    /* Quelques pixels supplémentaires sur iPhone : le produit utilise presque toute la largeur. */
    #bpmev .bpmev-main{padding-left:9px!important;padding-right:9px!important}
    #bpmev .bpmev-step[data-step="2"]{padding-left:0!important;padding-right:0!important}
    #bpmev .bpmev-step[data-step="2"] .bpmev-product-top{padding-left:8px!important;padding-right:8px!important}
    #bpmev .bpmev-step[data-step="2"] .bpmev-product{padding-left:10px!important;padding-right:10px!important}
}

@media (max-width:600px){
    #bpmev .bpmev-side h2{
        font-size:29px!important;
        line-height:1.02!important;
        letter-spacing:-.45px!important;
        margin-top:0!important;
        margin-bottom:15px!important;
    }
    #bpmev .bpmev-side>p{
        font-size:16px!important;
        line-height:1.42!important;
        margin-top:7px!important;
        margin-bottom:0!important;
        text-align:left!important;
    }
    #bpmev .bpmev-side>p b{
        display:inline-block!important;
        margin-top:3px!important;
        font-size:22px!important;
        line-height:1.18!important;
    }
    #bpmev .bpmev-section-title{
        font-size:22px!important;
        line-height:1.12!important;
        margin-bottom:8px!important;
        text-align:left!important;
    }
    #bpmev .bpmev-intro{
        width:100%!important;
        max-width:none!important;
        margin:0 0 20px!important;
        padding:0!important;
        font-size:17px!important;
        line-height:1.48!important;
        text-align:left!important;
        color:#65747d!important;
    }
}
@media (max-width:390px){
    #bpmev .bpmev-side h2{font-size:27px!important}
    #bpmev .bpmev-side>p{font-size:15px!important}
    #bpmev .bpmev-side>p b{font-size:21px!important}
    #bpmev .bpmev-intro{font-size:16px!important}
}

@media (max-width:700px){#bpmev .bpmev-intro{display:none!important}}

@media (max-width:700px){
    #bpmev .bpmev-side > p,
    #bpmx .bpmx-side > p{
        display:none !important;
    }
}

#bpmev .bpmev-nn,
#bpmev [data-bpmev-counter],
#bpmev .bpmev-page-count,
#bpmev .bpmev-step-count,
#bpmev .bpmev-counter,
#bpmev .bpmev-count,
#bpmev .bpmev-pagination-count,
#bpmev .form-page-count{display:none!important}

@media (max-width:700px){
    #bpmev .bpmev-secure{
        font-size:15px !important;
        line-height:1.35 !important;
        font-weight:500 !important;
        text-align:center !important;
        margin:18px auto 4px !important;
        padding:0 10px !important;
        max-width:100% !important;
        color:#626b70 !important;
    }
}

#bpmev .bpmev-secure{
    font-size:16px !important;
    line-height:1.4 !important;
    font-weight:500 !important;
    text-align:center !important;
    margin:18px auto 4px !important;
    padding:0 10px !important;
    max-width:100% !important;
    color:#626b70 !important;
}
@media (max-width:700px){
    #bpmev .bpmev-secure{
        font-size:15px !important;
        line-height:1.35 !important;
    }
}
