/* AssurFlow.fr - devis auto v1.0.6 / strictly scoped to .af-auto. */
.af-auto{--af-blue:#0879f4;--af-navy:#09194c;--af-pale:#f0f8ff;--af-line:#dbe9fc;--af-muted:#536988;background:linear-gradient(180deg,#eff8ff 0,#fff 520px,#fff 100%);color:var(--af-navy);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow:clip}
.af-auto,.af-auto *{box-sizing:border-box}
.af-auto button,.af-auto input,.af-auto select{font:inherit}
.af-auto__shell{width:min(100% - 40px,1180px);margin:auto;padding:22px 0 56px}
.af-auto__crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:10px;color:#60799d;font-size:12px;font-weight:600}
.af-auto__crumbs a{color:#3160b6;text-decoration:none}.af-auto__crumbs a:hover{text-decoration:underline}
.af-auto__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:324px;gap:10px;position:relative;padding:14px 18px 22px}
.af-auto__hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 46%,rgba(94,180,255,.23),transparent 50%);pointer-events:none}
.af-auto__hero-content{position:relative;z-index:2}
.af-auto__eyebrow,.af-auto__mini-label{font-size:11px;font-weight:900;letter-spacing:.12em;color:#086eef;text-transform:uppercase}
.af-auto__hero h1{font-size:clamp(34px,4.25vw,54px);line-height:1.07;letter-spacing:-.05em;font-weight:900;margin:14px 0 12px}
.af-auto__hero h1 span,.af-auto__section-title h2 span{color:#066ff0}
.af-auto__lead{font-size:16px;line-height:1.65;color:#314768;max-width:550px;margin:0}
.af-auto__hero-bullets{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:9px;font-size:13px;font-weight:650;color:#263f6a}
.af-auto__hero-bullets li{display:flex;align-items:flex-start;gap:11px}
.af-auto__hero-bullets li>span{width:23px;height:23px;border-radius:50%;background:#0b7ef7;color:white;display:inline-grid;place-items:center;flex-shrink:0;font-weight:800;box-shadow:0 4px 12px #5ea9ff66}
.af-auto__hero-media{position:relative;min-height:330px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.af-auto__hero-media::before{content:"";position:absolute;z-index:-1;width:80%;height:76%;border-radius:50%;background:#caeafe;filter:blur(38px)}
.af-auto__hero-media img{width:min(100%,565px);height:auto;display:block;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(39,95,174,.12))}
.af-auto__hero-floating{position:absolute;right:4%;bottom:9%;font-size:12px;font-weight:800;color:#193971;background:#ffffffee;border:1px solid #d3e7ff;border-radius:13px;padding:12px 16px;box-shadow:0 15px 38px #497cab24}
.af-auto__hero-floating span{color:#0a87ed;font-weight:900;margin-right:7px}
.af-auto__form-section{display:grid;grid-template-columns:265px minmax(0,1fr);border:1px solid #bcdeff;box-shadow:0 18px 55px rgba(8,74,155,.13);border-radius:23px;overflow:visible;background:#fff;isolation:isolate;position:relative}
.af-auto__step-side{background:linear-gradient(148deg,#0066e9 0%,#118bfa 76%,#68b8ff 100%);color:#fff;padding:28px 21px 26px;border-radius:22px 0 0 22px;overflow:hidden}
.af-auto__step-side-kicker{font-size:11px;font-weight:900;letter-spacing:.13em;color:#d8eaff}
.af-auto__step-list{list-style:none;margin:18px 0 12px;padding:0;display:grid;gap:9px}
.af-auto__step-link{display:flex;gap:10px;align-items:center;padding:12px 9px;border-radius:12px;background:transparent;color:#e0edff;transition:background .2s}
.af-auto__step-link.is-active{background:#ffffff22;color:white;box-shadow:inset 0 0 0 1px #ffffff28}
.af-auto__step-link.is-done{color:#fff}
.af-auto__step-num{height:35px;width:35px;display:grid;place-items:center;background:#ffffff46;border-radius:50%;font-weight:900;flex:none;color:#0347a2}
.af-auto__step-link.is-active .af-auto__step-num{background:white;color:#0c6ee3}
.af-auto__step-link strong{font-size:12px;line-height:1.3;display:block;font-weight:850;color:#fff}
.af-auto__step-link small{font-size:10px;line-height:1.45;display:block;color:#dcf0ff;margin-top:3px}
.af-auto__side-image{margin-top:13px;width:100%;height:auto;max-height:210px;object-fit:contain;filter:drop-shadow(0 12px 15px #0045ac46)}
.af-auto__step-side>p{font-size:11px;color:#e9f5ff;line-height:1.5;text-align:center;margin:10px 0 0}
.af-auto__form-main{min-width:0;padding:30px 33px 23px;position:relative}
.af-auto__progress-top{display:flex;justify-content:space-between;font-size:11px;font-weight:850;letter-spacing:.08em;color:#006cec}
.af-auto__progress-track{height:6px;border-radius:20px;background:#e7f0fc;margin-top:11px;overflow:hidden}
.af-auto__progress-track span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#0878f5,#16b3ff);transition:width .25s ease}
.af-auto__errors{margin:15px 0;padding:12px 16px;border:1px solid #fecdd3;background:#fff1f2;border-radius:12px;color:#9f1239;font-size:12px}.af-auto__errors ul{padding-left:18px;margin-top:6px;list-style:disc}
.af-auto__panel{border:0;margin:0;padding:20px 0 0;min-width:0}.af-auto__panel[hidden],.af-auto__step-side [hidden],.af-auto__form [hidden]{display:none!important}
.af-auto__panel h2{font-size:clamp(20px,2.2vw,26px);font-weight:900;letter-spacing:-.03em;line-height:1.2;margin:7px 0 6px;color:#112554}
.af-auto__panel-intro{font-size:12px;color:#60738d;line-height:1.5;margin:0}
.af-auto__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;margin-top:24px}
.af-auto .champ{min-width:0;max-width:none!important;position:relative}
.af-auto .champ[data-condition].hidden{display:none!important}
.af-auto .champ:has(input[type="radio"]),.af-auto .champ:has(input[type="checkbox"]){grid-column:1/-1}
.af-auto .champ>label:not(.af-auto__consent),.af-auto__contact-grid .champ>label{display:block!important;font-size:12px!important;color:#182c51!important;font-weight:750!important;margin:0 0 8px!important}
.af-auto .champ>label b{color:#e11d48}
.af-auto .champ>label small{font-weight:400;color:#8090a6}
.af-auto .champ input:not([type="radio"]):not([type="checkbox"]),.af-auto .champ select,.af-auto .champ textarea{min-height:45px!important;width:100%;border:1px solid #dae6f5!important;background:#fff!important;color:#22345b!important;padding:10px 13px!important;box-shadow:0 2px 6px #1848a60b!important;border-radius:11px!important;line-height:1.4!important;font-size:13px!important;outline:none!important;ring:none!important}
.af-auto .champ input:focus,.af-auto .champ select:focus,.af-auto .champ textarea:focus{border-color:#2186fb!important;box-shadow:0 0 0 3px #2186fb24!important}
.af-auto .champ input::placeholder{color:#93a4ba}
.af-auto .champ select{padding-right:24px!important;cursor:pointer}
.af-auto .champ [class*="text-xs"]{font-size:11px!important;line-height:1.45;color:#72839b!important}
.af-auto .champ .grid{gap:10px!important}
.af-auto .champ label:has(input[type="radio"]),.af-auto .champ label:has(input[type="checkbox"]){font-size:12px!important;font-weight:600!important;background:#f8fbff;border:1px solid #e2ebf8;padding:12px!important;cursor:pointer}
.af-auto .champ label:has(input:checked){border-color:#167ffc;background:#eaf5ff}
.af-auto .champ[data-af-vehicule]:focus-within{z-index:100}
.af-auto .champ[data-af-vehicule="marque"] input{padding-left:55px!important}
.af-auto .champ[data-af-vehicule] .af-vpicker__menu{top:calc(100% - 20px);border-color:#d5e6fb;z-index:150}
.af-auto .af-vpicker__badge{top:51%!important}
.af-auto__contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.af-auto__consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.5;color:#4d617f;margin-top:20px;cursor:pointer}.af-auto__consent input{width:17px;height:17px;flex:none;margin-top:2px;accent-color:#0875eb}.af-auto__consent a{text-decoration:underline;color:#106adb}
.af-auto__form-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:27px 0 0}
.af-auto__btn-next,.af-auto__btn-back{border:0;text-decoration:none;min-height:45px;padding:12px 24px;border-radius:10px;font-size:13px;font-weight:850;cursor:pointer;transition:transform .15s,box-shadow .15s}
.af-auto__btn-next{background:linear-gradient(115deg,#0090ff,#005cf1);color:#fff;box-shadow:0 5px 18px #0069f441;margin-left:auto}.af-auto__btn-next:hover{transform:translateY(-1px);box-shadow:0 8px 25px #0069f452}
.af-auto__btn-back{background:#edf6ff;border:1px solid #d0e6ff;color:#1951a1}
.af-auto__btn-next:disabled{opacity:.6;cursor:not-allowed}
.af-auto__security{font-size:11px;color:#6d809a;text-align:right;margin:12px 0 0}
.af-auto__advantage-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#f0f8ff;border:1px solid #dfedfc;border-radius:16px;margin:17px 0 50px;padding:15px 11px}
.af-auto__advantage{display:flex;align-items:center;gap:9px;padding:6px 11px;border-right:1px solid #d5e6f6;min-width:0}.af-auto__advantage:last-child{border:0}.af-auto__advantage img{height:53px;width:53px;object-fit:contain;flex:none}.af-auto__advantage strong{display:block;font-size:12px;line-height:1.25;font-weight:850}.af-auto__advantage span{display:block;margin-top:3px;font-size:10px;line-height:1.4;color:#6c809b}
.af-auto__section-title{text-align:center}.af-auto__section-title h2{font-size:clamp(24px,3vw,34px);font-weight:900;letter-spacing:-.04em;margin:6px 0 4px}.af-auto__section-title>p{font-size:13px;color:#6d809d;line-height:1.5}
.af-auto__offers-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}
.af-auto__offer{border:1px solid #e1edfc;border-radius:14px;background:#fff;overflow:hidden;min-width:0;box-shadow:0 10px 32px #1135690e;display:flex;flex-direction:column}.af-auto__offer img{width:100%;height:148px;object-fit:contain;background:linear-gradient(150deg,#e7f6ff,#fff);display:block;padding:8px}.af-auto__offer>div{padding:17px;display:flex;flex-direction:column;flex:1}
.af-auto__offer h3{font-size:16px;font-weight:900;margin:0 0 6px}.af-auto__offer p{color:#637994;font-size:12px;line-height:1.55;margin:0 0 11px}.af-auto__offer ul{display:grid;gap:8px;margin:0 0 20px;padding:0;list-style:none;font-size:11px;color:#314f79}.af-auto__offer li:before{content:'✓';color:#087bf7;font-weight:900;margin-right:9px}.af-auto__offer-cta{display:block;width:100%;border:1px solid #2088ff!important;border-radius:9px;padding:11px 6px;color:#076bed!important;background:#fff;font-size:12px;font-weight:850;text-decoration:none!important;text-align:center;margin-top:auto;cursor:pointer}.af-auto__offer-cta:hover{background:#eaf4ff}
.af-auto__disclaimer{font-size:11px;color:#76839b;text-align:center;line-height:1.6;margin:16px 0 52px}
.af-auto__faq{display:grid;grid-template-columns:1fr 1.5fr;gap:34px;margin:0 0 26px;align-items:start}.af-auto__faq h2{font-size:clamp(22px,2.8vw,30px);font-weight:900;letter-spacing:-.035em;margin:8px 0}.af-auto__faq p{font-size:13px;color:#5d7694;line-height:1.55}.af-auto__faq-items{display:grid;gap:9px}.af-auto__faq details{background:#f6faff;border:1px solid #e0eefa;border-radius:10px;padding:12px 15px}.af-auto__faq summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;font-weight:750;font-size:12px;list-style:none}.af-auto__faq summary::-webkit-details-marker{display:none}.af-auto__faq details[open] summary>span{transform:rotate(45deg)}.af-auto__faq summary span{color:#0077e9;font-weight:900;font-size:18px;transition:transform .2s}.af-auto__faq details p{font-size:12px;margin:10px 0 0;line-height:1.55}
.af-auto__closing{border-radius:15px;background:linear-gradient(110deg,#0845c4,#049aff);color:white;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:24px 29px;box-shadow:0 14px 27px #13489c24}.af-auto__closing h2{font-weight:850;font-size:22px;margin:0 0 5px}.af-auto__closing p{font-size:12px;opacity:.92}.af-auto__closing a{flex:none;background:#fff;color:#0c5cbb;border-radius:10px;padding:13px 18px;font-weight:850;font-size:12px;text-decoration:none}.af-auto__closing a:hover{background:#eaf6ff}
@media(max-width:1050px){.af-auto__form-section{grid-template-columns:230px 1fr}.af-auto__step-side{padding-inline:14px}.af-auto__form-main{padding:25px 22px}.af-auto__offer img{height:125px}.af-auto__advantage{padding:3px 6px}.af-auto__advantage img{width:43px;height:43px}}
@media(max-width:780px){.af-auto__shell{width:min(100% - 28px,680px)}.af-auto__hero{grid-template-columns:1fr;padding:15px 2px 22px}.af-auto__hero h1{font-size:39px}.af-auto__hero-media{min-height:0}.af-auto__hero-media img{max-height:290px}.af-auto__hero-floating{bottom:4%}.af-auto__form-section{grid-template-columns:1fr}.af-auto__step-side{border-radius:21px 21px 0 0;padding:17px 14px 10px}.af-auto__step-list{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:9px 0 3px}.af-auto__step-link{padding:7px 5px;flex-direction:column;text-align:center;gap:4px}.af-auto__step-link small{display:none}.af-auto__step-link strong{font-size:10px}.af-auto__step-num{width:29px;height:29px;font-size:11px}.af-auto__side-image,.af-auto__step-side>p,.af-auto__step-side-kicker{display:none}.af-auto__advantage-strip{grid-template-columns:1fr 1fr;row-gap:15px}.af-auto__advantage:nth-child(2){border-right:0}.af-auto__offers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.af-auto__faq{grid-template-columns:1fr;gap:12px}}
@media(max-width:480px){.af-auto__shell{width:calc(100% - 22px);padding-bottom:32px}.af-auto__hero h1{font-size:34px}.af-auto__lead{font-size:14px}.af-auto__hero-bullets{font-size:12px}.af-auto__hero-media img{max-height:260px}.af-auto__hero-floating{font-size:10px;padding:8px;right:0}.af-auto__form-main{padding:18px 15px}.af-auto__fields,.af-auto__contact-grid{grid-template-columns:1fr;gap:15px}.af-auto .champ:has(input[type="radio"]),.af-auto .champ:has(input[type="checkbox"]){grid-column:auto}.af-auto__panel h2{font-size:21px}.af-auto__step-link strong{font-size:9px}.af-auto__advantage-strip{grid-template-columns:1fr 1fr;gap:10px;padding:10px}.af-auto__advantage{display:block;text-align:center}.af-auto__advantage img{margin:auto auto 3px;height:44px;width:44px}.af-auto__advantage strong{font-size:11px}.af-auto__advantage span{font-size:10px}.af-auto__offer>div{padding:12px}.af-auto__offer h3{font-size:14px}.af-auto__offer img{height:112px}.af-auto__offer p{font-size:11px}.af-auto__closing{display:block;padding:22px}.af-auto__closing a{display:inline-block;margin-top:15px}.af-auto__closing h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.af-auto *{transition:none!important;scroll-behavior:auto!important}}

/* Compléments parcours auto unifié 1.0.12 */
.af-auto-unified__hero-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 19px;border-radius:14px;background:#1265df;color:#fff;font-weight:800;text-decoration:none;min-height:48px;margin-top:16px;box-shadow:0 10px 24px #1265df2a}.af-auto-unified__hero-link:hover{background:#034cbd;color:#fff}.af-auto-unified .af-auto__offer a.af-auto__offer-cta{display:flex;justify-content:center;align-items:center;min-height:44px;text-decoration:none}.af-auto-unified .af-auto__hero-media img{object-fit:contain;max-height:440px}.af-auto-unified .af-auto__panel[hidden],.af-auto-unified .af-auto__btn-back[hidden],.af-auto-unified .af-auto__btn-next[hidden]{display:none!important}.af-auto-unified .af-auto__fields .champ{min-width:0}.af-auto-unified .af-auto__fields select,.af-auto-unified .af-auto__fields input,.af-auto-unified .af-auto__fields textarea{max-width:100%}@media(max-width:768px){.af-auto-unified .af-auto__hero-media img{max-height:180px}.af-auto-unified .af-auto__hero{gap:12px}.af-auto-unified .af-auto__form-section{scroll-margin-top:16px}.af-auto-unified .af-auto__step-side{min-width:0}.af-auto-unified__hero-link{width:100%;text-align:center}.af-auto-unified .af-auto__panel{overflow:visible}.af-auto-unified .af-auto__hero h1{overflow-wrap:anywhere}}

/* AssurFlow.fr / devis vehicules mobile 1.0.11
   Correctif visuel additif et isole; pas de modifications backend. */
@media(max-width:900px) {
  /* Compatibilite entre 3 maquettes de devis ayant une base .af-auto */
  .af-auto { width:100%;max-width:100%;min-width:0;overflow-x:clip; }
  .af-auto *, .af-auto *::before, .af-auto *::after { box-sizing:border-box; }
  .af-auto__shell { width:min(100% - 30px,780px);max-width:100%;margin-inline:auto; }
  .af-auto__hero { min-width:0; }
  .af-auto__hero-content,.af-auto__hero-media { min-width:0; }
  .af-auto__hero-media img { max-width:100%;height:auto;object-fit:contain; }
  .af-auto__form-section { min-width:0; }
  .af-auto__form-main { min-width:0; }
  .af-auto__step-side { min-width:0; }
  .af-auto__fields,.af-auto__contact-grid { min-width:0; }
  .af-auto__fields > *,.af-auto__contact-grid > * { min-width:0;max-width:100%; }
  .af-auto .champ input:not([type=radio]):not([type=checkbox]),
  .af-auto .champ select,.af-auto .champ textarea { max-width:100%;min-width:0; }
  .af-auto .af-vpicker__menu { max-width:100%;overscroll-behavior:contain; }
  .af-auto__advantage-strip,.af-auto__offers-grid,.af-auto__faq { min-width:0; }
}
@media(max-width:767px) {
  /* Mise en page hero tres courte : le formulaire reste visible rapidement */
  .af-auto__shell { width:calc(100% - 24px)!important; }
  .af-auto__crumbs { max-width:100%;overflow-wrap:anywhere;font-size:12px;line-height:1.55; }
  .af-auto__hero { display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important;padding:14px 0 15px!important; }
  .af-auto__hero h1 { font-size:clamp(28px,7.5vw,39px)!important;line-height:1.12!important;letter-spacing:-.035em!important;overflow-wrap:break-word; }
  .af-auto__lead { font-size:14px!important;line-height:1.58!important; }
  .af-auto__hero-bullets { display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 11px!important;margin:10px 0 2px!important;padding:0!important; }
  .af-auto__hero-bullets li { min-width:0;font-size:11px!important;line-height:1.4!important; }
  .af-auto__hero-media { min-height:0!important;display:flex;align-items:center;justify-content:center;max-height:210px;overflow:visible; }
  .af-auto__hero-media img { width:min(78%,270px)!important;max-height:210px!important;object-fit:contain!important; }
  .af-auto__hero-floating { position:absolute;bottom:5px!important;right:1%!important;font-size:10px!important;padding:7px 9px!important;max-width:55%; }
  /* La colonne laterale devient une navigation horizontale, quelle que soit
     la quantite d'etapes. Plus de 4 etapes ne saute plus sur deux lignes. */
  .af-auto__form-section { display:block!important;overflow:visible!important;border-radius:18px!important; }
  .af-auto__step-side { border-radius:18px 18px 0 0!important;padding:12px!important;min-width:0!important; }
  .af-auto__step-side-kicker,.af-auto__step-side>p,.af-auto__side-image { display:none!important; }
  .af-auto__step-list { display:flex!important;flex-flow:row nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;overscroll-behavior-x:contain;gap:6px!important;padding:2px 2px 8px!important;margin:0!important;scrollbar-width:thin;scrollbar-color:#b8d7fb transparent; }
  .af-auto__step-link { flex:0 0 94px!important;max-width:94px!important;min-width:94px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;gap:4px!important;padding:9px 5px!important;scroll-snap-align:nearest;border-radius:11px!important;min-height:65px; }
  .af-auto__step-link strong { display:block!important;max-width:100%!important;font-size:10px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important; }
  .af-auto__step-link small { display:none!important; }
  .af-auto__step-num { flex:none!important;width:27px!important;height:27px!important;font-size:11px!important; }
  .af-auto__form-main { padding:17px 14px!important;min-width:0; }
  .af-auto__panel { padding:18px 0 0!important;min-width:0; }
  .af-auto__panel h2 { font-size:clamp(21px,5vw,26px)!important;line-height:1.18!important;margin-top:5px!important; }
  .af-auto__panel-intro { font-size:13px!important;line-height:1.55!important; }
  .af-auto__fields,.af-auto__contact-grid { display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:17px!important;margin-top:19px!important; }
  .af-auto__fields>.champ,.af-auto__contact-grid>.champ { grid-column:1/-1!important;width:100%!important;max-width:100%!important; }
  .af-auto .champ > label:not(.af-auto__consent) { font-size:14px!important;line-height:1.4!important;margin-bottom:7px!important; }
  .af-auto .champ > p { font-size:12px!important;line-height:1.45!important; }
  .af-auto .champ input:not([type=radio]):not([type=checkbox]),
  .af-auto .champ select,.af-auto .champ textarea,
  .af-auto__contact-grid input,.af-auto__contact-grid select { font-size:16px!important;min-height:48px!important;padding-top:11px!important;padding-bottom:11px!important;line-height:1.5!important;width:100%!important;max-width:100%!important;border-radius:11px!important; }
  .af-auto .champ textarea { min-height:96px!important;resize:vertical; }
  .af-auto .champ [class*="grid"] { grid-template-columns:minmax(0,1fr)!important;gap:9px!important; }
  .af-auto .champ label:has(input[type=radio]),
  .af-auto .champ label:has(input[type=checkbox]) { min-height:46px!important;padding:11px 12px!important;display:flex!important;align-items:flex-start!important;gap:10px!important;border-radius:11px!important;line-height:1.45!important;font-size:13px!important;overflow-wrap:anywhere; }
  .af-auto .champ input[type=checkbox],.af-auto .champ input[type=radio],
  .af-auto__consent input { width:18px!important;height:18px!important;min-width:18px!important;flex:none;accent-color:#1276ed; }
  .af-auto .champ[data-condition].hidden { display:none!important; }
  .af-auto .champ[data-af-vehicule] { position:relative;isolation:auto; }
  .af-auto .champ[data-af-vehicule]:focus-within { z-index:110!important; }
  .af-auto .champ[data-af-vehicule="marque"] input { padding-left:58px!important; }
  .af-auto .af-vpicker__menu { position:absolute!important;left:0!important;right:0!important;max-height:min(38vh,280px)!important;overflow-y:auto!important;border-radius:12px!important;z-index:250!important;-webkit-overflow-scrolling:touch; }
  .af-auto .af-vpicker__option { min-height:48px!important;font-size:14px!important; }
  .af-auto__form-actions { display:flex!important;align-items:center!important;gap:9px!important;margin:20px -7px 0!important;padding:12px 7px calc(10px + env(safe-area-inset-bottom,0px))!important;position:sticky;bottom:0;z-index:30;background:linear-gradient(180deg,rgba(255,255,255,.95),#fff 30%);border-top:1px solid #e4eefa;box-shadow:0 -5px 16px #0d33700a; }
  .af-auto__form-actions button:not([hidden]) { min-height:48px!important;padding:10px 12px!important;font-size:14px!important;white-space:normal!important;line-height:1.3!important; }
  .af-auto__form-actions .af-auto__btn-next:not([hidden]) { flex:1!important;margin:0!important; }
  .af-auto__form-actions .af-auto__btn-back:not([hidden]) { flex:0 0 auto!important;min-width:97px!important; }
  .af-auto__security { text-align:left!important;font-size:11px!important;line-height:1.5!important; }
  .af-auto__consent { align-items:flex-start!important;gap:11px!important;font-size:12px!important;line-height:1.6!important; }
  .af-auto__advantage-strip { grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:20px 0 36px!important;padding:9px!important; }
  .af-auto__advantage { border:0!important;padding:8px!important;min-width:0; }
  .af-auto__advantage img { width:42px!important;height:42px!important;object-fit:contain!important; }
  .af-auto__offers-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important; }
  .af-auto__offer { min-width:0; }
  .af-auto__offer img { height:115px!important;object-fit:contain!important; }
  .af-auto__offer > div { padding:12px!important; }
  .af-auto__offer h3 { font-size:14px!important;line-height:1.3!important; }
  .af-auto__offer p { font-size:12px!important;line-height:1.5!important; }
  .af-auto__offer-cta { min-height:43px;display:flex!important;align-items:center;justify-content:center; }
  .af-auto__faq { grid-template-columns:minmax(0,1fr)!important;gap:14px!important; }
  .af-auto__faq summary { min-height:44px;align-items:center;line-height:1.35; }
  .af-auto__closing { display:grid!important;grid-template-columns:1fr!important;gap:13px!important;padding:22px!important; }
  .af-auto__closing a { width:100%;text-align:center;margin:0!important;min-height:46px;display:flex!important;justify-content:center;align-items:center; }
  .af-auto__form-section,.af-auto__offer,.af-auto__faq details,.af-auto__closing { max-width:100%; }
  /* Formulaires produits non couverts par les trois maquettes specialisees:
     W garage, flotte, auto pro resilie, vehicule de societe, taxi, etc. */
  .af-vehicle-generic { min-width:0;max-width:100%;overflow-x:clip; }
  .af-vehicle-generic *, .af-vehicle-generic *::before,.af-vehicle-generic *::after { box-sizing:border-box; }
  .af-vehicle-generic > div { width:100%!important;max-width:720px!important;padding:20px 13px 50px!important;margin-inline:auto;min-width:0; }
  .af-vehicle-generic h1 { font-size:clamp(23px,6vw,32px)!important;line-height:1.2!important;overflow-wrap:anywhere; }
  .af-vehicle-generic .af-vehicle-progress { background:#fff;border:1px solid #e0ebfa;border-radius:14px;padding:13px!important;box-shadow:0 6px 22px rgba(17,60,127,.06);margin-top:18px!important; }
  .af-vehicle-generic .af-vehicle-progress #etape-titre { max-width:53%;overflow-wrap:anywhere;text-align:right; }
  .af-vehicle-generic #form-devis { margin-top:15px!important;min-width:0; }
  .af-vehicle-generic #form-devis>.etape { padding:21px 15px!important;min-width:0;border-radius:17px!important;overflow:visible!important; }
  .af-vehicle-generic #form-devis>.etape h2 { font-size:21px!important;line-height:1.25!important; }
  .af-vehicle-generic #form-devis .champ { min-width:0;max-width:100%!important;width:100%!important; }
  .af-vehicle-generic #form-devis .champ [class*="grid"],
  .af-vehicle-generic #form-devis .champ .grid { grid-template-columns:minmax(0,1fr)!important;gap:9px!important; }
  .af-vehicle-generic #form-devis .champ label { line-height:1.45!important; }
  .af-vehicle-generic #form-devis input:not([type=radio]):not([type=checkbox]),
  .af-vehicle-generic #form-devis select,.af-vehicle-generic #form-devis textarea {
    min-height:49px!important;min-width:0;width:100%!important;max-width:100%!important;font-size:16px!important;line-height:1.4!important;border-radius:11px!important; }
  .af-vehicle-generic #form-devis textarea { min-height:100px!important; }
  .af-vehicle-generic #form-devis label:has(>input[type=radio]),
  .af-vehicle-generic #form-devis label:has(>input[type=checkbox]) {
     min-height:45px;padding:11px!important;align-items:flex-start!important;gap:10px!important;overflow-wrap:anywhere;line-height:1.45!important; }
  .af-vehicle-generic #form-devis input[type=radio],
  .af-vehicle-generic #form-devis input[type=checkbox] { width:18px!important;height:18px!important;min-width:18px;flex-shrink:0;accent-color:#1674f6; }
  .af-vehicle-generic #form-devis .champ:has(.af-vpicker__menu) { position:relative;z-index:1; }
  .af-vehicle-generic #form-devis .champ:focus-within { z-index:130; }
  .af-vehicle-generic #form-devis .af-vpicker__menu { max-height:min(38vh,280px)!important;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:200; }
  .af-vehicle-generic #form-devis .af-vpicker__option { min-height:48px!important; }
  .af-vehicle-generic .af-vehicle-actions { display:flex!important;align-items:center!important;gap:9px!important;position:sticky;bottom:0;z-index:20;margin:0!important;padding:12px 0 calc(10px + env(safe-area-inset-bottom,0px))!important;border-top:1px solid #e5edf9;background:#fff;box-shadow:0 -7px 20px rgba(8,49,114,.06); }
  .af-vehicle-generic .af-vehicle-actions > span { display:none!important; }
  .af-vehicle-generic .af-vehicle-actions button:not(.hidden) { min-height:49px!important;white-space:normal;font-size:14px!important;padding:9px 13px!important; }
  .af-vehicle-generic .af-vehicle-actions #btn-suivant:not(.hidden),
  .af-vehicle-generic .af-vehicle-actions #btn-envoyer:not(.hidden) { flex:1!important; }
  .af-vehicle-generic .af-vehicle-actions #btn-precedent:not(.hidden) { flex:0 0 105px!important; }
  .af-vehicle-generic #form-devis [data-condition].hidden { display:none!important; }
  .af-vehicle-generic #form-devis input:focus-visible,.af-vehicle-generic #form-devis select:focus-visible,
  .af-auto #form-devis input:focus-visible,.af-auto #form-devis select:focus-visible { outline:2px solid #2479ee!important;outline-offset:2px; }
}
@media(max-width:380px){
  .af-auto__hero-bullets{grid-template-columns:1fr!important;gap:4px!important}
  .af-auto__hero-media{max-height:150px!important}
  .af-auto__hero-media img{max-height:155px!important}
  .af-auto__offers-grid{grid-template-columns:1fr!important}
  .af-auto__step-link{flex-basis:87px!important;min-width:87px!important;max-width:87px!important}
  .af-auto__advantage-strip{grid-template-columns:1fr 1fr!important}
  .af-auto__form-main{padding:15px 11px!important}
  .af-auto__form-actions .af-auto__btn-back:not([hidden]){min-width:87px!important}
  .af-vehicle-generic > div{padding-inline:10px!important}
  .af-vehicle-generic #form-devis>.etape{padding:19px 12px!important}
  .af-vehicle-generic .af-vehicle-actions #btn-precedent:not(.hidden){flex-basis:88px!important}
}
@media(prefers-reduced-motion:reduce){
  .af-auto,.af-vehicle-generic{scroll-behavior:auto!important}
  .af-auto *,.af-vehicle-generic *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
