/* Fluid base type + safer tap targets */
  :root{ --rsp-base: clamp(14px, 1.2vw + 12px, 18px); }
  html{ font-size: var(--rsp-base); -webkit-text-size-adjust: 100%; }
  body{ line-height: 1.6; text-rendering: optimizeLegibility; }
  a, button, input[type=button], input[type=submit]{ min-height: 44px; }
  *{ -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; }

  /* Media fit */
  img, video, canvas, svg{ max-width:100%; height:auto; }
  img{ display:block; }

  /* Avoid horizontal scrolling on narrow viewports */
  html, body{ overflow-x:hidden; }

  /* Tables: allow horizontal scroll on mobile if too wide */
  @media (max-width: 640px){
    table{ display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling: touch; }
  }

  /* Common grid/flex patterns collapse to single column on small screens */
  @media (max-width: 768px){
    .grid{ display:grid; gap: 18px; }
    .grid > *{ min-width:0; }
    .grid-2, .grid-3, .grid-4, [class*="grid-"]{ grid-template-columns: 1fr !important; }
    .row, .rows, [class*="col-"]{ width:100%!important; max-width:100%!important; flex:1 1 100%!important; }
    .card{ padding: 16px; border-radius: 12px; }
    .btn, .button, .cta{ padding: 12px 16px; }
  }

  /* Very small devices */
  @media (max-width: 480px){
    h1{ font-size: clamp(24px, 7vw, 34px); line-height: 1.15; }
    h2{ font-size: clamp(20px, 6vw, 28px); line-height: 1.2; }
    h3{ font-size: clamp(18px, 5.2vw, 22px); line-height: 1.25; }
    .container{ padding-left: 14px; padding-right: 14px; }
    .hero{ gap: 16px; }
  }

  /* Inputs and tap-friendly spacing */
  input, select, textarea{ font: inherit; }
  label{ display:block; margin-bottom: 6px; }
  .field{ margin-bottom: 12px; }
  a:focus-visible,
  button:focus-visible,
  input:focus-visible,
  select:focus-visible,
  textarea:focus-visible{
    outline:2px solid rgba(122, 165, 42, 0.85);
    outline-offset:3px;
  }

  /* Safe visual refresh */
  body.fr_FR{
    background:
      radial-gradient(circle at 8% 0%, rgba(255, 214, 179, 0.96), transparent 24%),
      radial-gradient(circle at 92% 6%, rgba(255, 244, 230, 0.88), transparent 20%),
      radial-gradient(circle at 50% 100%, rgba(214, 180, 162, 0.34), transparent 28%),
      linear-gradient(180deg, #fffaf5 0%, #f7eee7 48%, #efe4dc 100%);
    color:#2f241f;
    position:relative;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }

  body.fr_FR::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(120deg, rgba(255,255,255,0.22), transparent 28%),
      radial-gradient(circle at center, rgba(255,255,255,0.18), transparent 62%);
    mix-blend-mode:screen;
    opacity:.85;
  }

  header{
    max-width:1120px;
    margin:20px auto 18px;
    padding:0 14px;
    position:relative;
    isolation:isolate;
  }

  header::before{
    content:"";
    position:absolute;
    inset:-18px 14px auto;
    height:250px;
    border-radius:48px;
    background:
      radial-gradient(circle at 14% 0%, rgba(255,255,255,0.96), transparent 30%),
      radial-gradient(circle at 84% 14%, rgba(255,199,214,0.48), transparent 27%),
      linear-gradient(135deg, rgba(255,249,251,0.96), rgba(255,232,238,0.78) 56%, rgba(252,216,224,0.42));
    filter:blur(20px);
    z-index:0;
  }

  header::after{
    content:"";
    position:absolute;
    inset:18px 34px auto;
    height:190px;
    border-radius:42px;
    border:1px solid rgba(227, 192, 205, 0.72);
    background:linear-gradient(180deg, rgba(255,255,255,0.48), rgba(255,255,255,0.12));
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.68);
    z-index:0;
  }

  .hero-intro{
    display:block !important;
    margin:0 auto 18px;
    max-width:none;
    text-align:center;
    color:#744652;
    font-size:.93rem;
    line-height:1.8;
    position:relative;
    z-index:1;
    margin-top:-4px;
    white-space:nowrap;
  }
  .hero-intro::before{
    content:none;
  }

  .status-strip{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
    max-width:860px;
    margin:0 auto 14px;
    position:relative;
    z-index:1;
  }

  .status-chip{
    padding:13px 14px 12px;
    border-radius:18px;
    background:
      radial-gradient(circle at top, rgba(255,255,255,.98), transparent 54%),
      linear-gradient(180deg, rgba(255,255,255,0.99), rgba(255,243,246,0.95));
    border:1px solid rgba(232, 190, 202, 0.95);
    box-shadow:0 22px 42px rgba(123, 67, 88, 0.11);
    color:#5f4b54;
    font-size:.82rem;
    line-height:1.42;
    min-height:100%;
    position:relative;
    overflow:hidden;
  }

  .status-chip::before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:4px;
    background:linear-gradient(90deg, rgba(217, 98, 138, 0.96), rgba(241, 163, 176, 0.96));
  }

  .status-chip strong{
    display:block;
    margin-bottom:3px;
    color:#8a3446;
    font-size:.68rem;
    letter-spacing:.07em;
    text-transform:uppercase;
  }

  .contact-banner{
    display:none !important;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin:0 auto 20px;
    max-width:880px;
    padding:15px 18px;
    border-radius:999px;
    background:linear-gradient(135deg, rgba(142,51,69,.94), rgba(194,109,92,.94));
    color:#fff4ec;
    box-shadow:0 18px 36px rgba(130, 63, 48, 0.18);
    text-align:center;
    position:relative;
    z-index:1;
  }

  .contact-banner a{
    color:#fff !important;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
  }

  #head-title{
    margin:0 auto 18px;
    max-width:930px;
    padding:30px 30px 24px;
    border-radius:38px;
    background:
      radial-gradient(circle at top, rgba(255,255,255,1), rgba(255,245,248,0.97) 40%, rgba(255,231,236,0.99) 100%);
    border:1px solid #efc0cf;
    box-shadow:0 32px 76px rgba(126, 54, 80, 0.16), inset 0 1px 0 rgba(255,255,255,0.98);
    text-shadow:0 1px 0 rgba(255,255,255,0.72);
    position:relative;
    overflow:hidden;
    font-size:clamp(34px, 4.8vw, 68px);
    line-height:1;
    letter-spacing:-0.04em;
    z-index:1;
  }

  #head-title::before{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:6px;
    background:linear-gradient(90deg, #d6517e, #f08ea1 56%, #f7c3c9);
  }

  #head-title::after{
    content:"";
    position:absolute;
    right:-24px;
    top:-28px;
    width:148px;
    height:148px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(224,118,149,0.22), transparent 68%);
  }
  #head-title b{
    display:block;
    max-width:760px;
    margin:0 auto;
    color:#b23763;
    font-weight:700;
    font-size:clamp(27px, 3.9vw, 50px);
  }
  #head-title span{
    display:block;
    max-width:640px;
    margin:14px auto 0;
    color:#775761;
    font-size:clamp(14px, 1.15vw, 17px);
    line-height:1.66;
    letter-spacing:.01em;
  }

  #head-title .head-kicker{
    display:block;
    width:max-content;
    max-width:100%;
    margin:0 auto 12px;
    color:#7a5b65;
    font-size:clamp(13px, 1.05vw, 16px);
    line-height:1.52;
    white-space:nowrap;
  }

  #head-title .head-kicker::before{
    content:"Consultation privée";
    display:block;
    width:max-content;
    margin:0 auto 10px;
    padding:7px 12px;
    border-radius:999px;
    background:linear-gradient(135deg, rgba(255,240,244,.98), rgba(248,201,213,.95) 52%, rgba(233,138,167,.92));
    border:1px solid rgba(214,120,150,.92);
    box-shadow:0 12px 24px rgba(175, 84, 114, 0.14);
    color:#9f2f5c;
    font-size:.67rem;
    letter-spacing:.14em;
    text-transform:uppercase;
  }

  .hero-trustband{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
    max-width:860px;
    margin:0 auto 14px;
    position:relative;
    z-index:1;
  }

  .hero-trustitem{
    padding:11px 12px 10px;
    border-radius:18px;
    background:
      radial-gradient(circle at top, rgba(255,255,255,.98), transparent 56%),
      linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,240,244,.92));
    border:1px solid rgba(238, 204, 214, .96);
    box-shadow:0 16px 32px rgba(136, 74, 96, .09);
    text-align:center;
  }

  .hero-trustitem strong{
    display:block;
    margin-bottom:2px;
    color:#9f2f5c;
    font-size:.68rem;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  .hero-trustitem span{
    display:block;
    color:#66505a;
    font-size:.8rem;
    line-height:1.34;
  }

  h2.hero-marquee{
    max-width:980px;
    margin:0 auto;
    padding:12px;
    border-radius:24px;
    background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,246,248,.7));
    border:1px solid rgba(240, 203, 213, 0.82);
    box-shadow:0 18px 34px rgba(132, 70, 93, 0.10);
    position:relative;
    z-index:1;
  }

  h2.hero-marquee::before{
    content:"En direct";
    position:absolute;
    top:-12px;
    left:22px;
    padding:6px 12px;
    border-radius:999px;
    background:linear-gradient(135deg, #c93e63, #ef8fa0);
    color:#fff;
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    box-shadow:0 12px 22px rgba(169, 62, 97, 0.22);
  }

  .chatbox,
  .stopbox{
    border-radius:40px;
    background:
      radial-gradient(circle at top, rgba(255,255,255,0.88), transparent 34%),
      linear-gradient(180deg, rgba(255,255,255,0.99), rgba(255,248,244,0.96));
    border:1px solid #ead8cf;
    box-shadow:0 34px 82px rgba(78, 47, 58, 0.15), inset 0 1px 0 rgba(255,255,255,0.96);
    overflow:visible;
    position:relative;
    isolation:isolate;
    content-visibility:auto;
    contain-intrinsic-size: 1200px;
  }

  .chatbox{
    max-width:1060px;
    margin-left:auto;
    margin-right:auto;
    padding:20px 18px 18px;
    background:
      radial-gradient(circle at top, rgba(255,255,255,0.96), transparent 30%),
      linear-gradient(180deg, rgba(255,252,251,0.99), rgba(249,241,236,0.97));
  }

  .dialogboxes{
    margin-top:10px;
    max-width:790px;
    margin-left:auto;
    margin-right:auto;
  }
  .dialogboxes::before{
    content:"Consultation privee en direct";
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0 0 16px;
    padding:10px 16px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(255,242,246,.98), rgba(255,228,234,.94));
    border:1px solid rgba(232,185,198,.92);
    color:#a43c62;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    box-shadow:0 14px 26px rgba(155, 67, 95, 0.12);
  }

  .dialogboxes > br:first-child{
    display:none;
  }

  .chatbox::before,
  .stopbox::before{
    content:"";
    display:block;
    height:12px;
    margin:-48px -36px 20px;
    background:linear-gradient(90deg, #ce456d, #eb8ea2, #f6c5cb);
  }

  .chatbox::after,
  .stopbox::after{
    content:"";
    position:absolute;
    inset:12px;
    border-radius:30px;
    border:1px solid rgba(225, 203, 194, 0.54);
    pointer-events:none;
  }

  .chat-stage{
    position:relative;
    max-width:1000px;
    margin:0 auto;
    padding:18px 20px 2px;
    border-radius:30px;
    background:linear-gradient(180deg, rgba(255,255,255,.64), rgba(255,255,255,.28));
    border:1px solid rgba(240, 221, 213, .76);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  }

  .chat-topbar{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:18px;
    padding:16px 18px;
    border-radius:24px;
    background:linear-gradient(135deg, rgba(131, 39, 66, .98), rgba(183, 84, 115, .96));
    box-shadow:0 22px 38px rgba(114, 46, 69, .22);
    color:#fff6f8;
  }

  @media (min-width: 768px){
    .chat-stage{
      padding-bottom:4px;
      margin-bottom:4px;
    }

    .dialogboxes{
      margin-top:10px !important;
    }

    .dialogboxes::before{
      margin-bottom:12px !important;
    }
  }

  .chat-topbar__identity{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
    flex:1 1 auto;
  }

  .chat-topbar__avatar{
    width:58px;
    height:58px;
    border-radius:50%;
    border:3px solid rgba(255,255,255,.86);
    box-shadow:0 12px 26px rgba(74, 18, 37, .26);
    object-fit:cover;
  }

  .chat-topbar__text strong{
    display:block;
    font-size:1rem;
    letter-spacing:.01em;
  }

  .chat-topbar__text span{
    display:block;
    margin-top:4px;
    color:rgba(255,244,247,.84);
    font-size:.88rem;
    line-height:1.4;
    overflow-wrap:anywhere;
  }

  .chat-topbar__text:empty{
    display:none;
  }

  .chat-topbar__status{
    display:grid;
    gap:8px;
    justify-items:end;
    text-align:right;
    min-width:160px;
    flex:0 1 160px;
  }

  .chat-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.16);
    color:#fff;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
  }

  .chat-pill::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#92e06d;
    box-shadow:0 0 0 6px rgba(146, 224, 109, .14);
  }

  .chat-topbar__meta{
    color:rgba(255,244,247,.78);
    font-size:.84rem;
    line-height:1.45;
  }

  .anabellebox,
  .accueil{
    background:
      radial-gradient(circle at top left, rgba(255,255,255,0.98), transparent 34%),
      linear-gradient(180deg, #fffdfd, #fff3f6);
    border:1px solid #efd4dd;
    box-shadow:0 18px 38px rgba(115, 57, 79, 0.10);
    backdrop-filter:blur(3px);
    border-radius:28px;
    padding:22px 24px 16px;
    word-break:break-word;
  }

  .userbox{
    background:
      radial-gradient(circle at top right, rgba(255,255,255,0.96), transparent 34%),
      linear-gradient(180deg, #f8fbf6, #e4ede0);
    border:1px solid #cfdbc9;
    box-shadow:0 20px 40px rgba(88, 110, 80, 0.10);
    border-radius:28px;
    padding:22px 24px 16px;
    word-break:break-word;
  }

  .response{
    color:#35272f;
    font-size:17px;
    line-height:1.9;
    letter-spacing:.003em;
    text-wrap:pretty;
  }

  .response a{
    color:#8a3c36;
  }

  .anabellebox p,
  .userbox p{
    margin-top:0;
    margin-bottom:10px;
  }

  .anabellebox,
  .userbox{
    position:relative;
  }

  .anabellebox::before{
    content:"";
    position:absolute;
    top:22px;
    left:-9px;
    width:18px;
    height:18px;
    background:linear-gradient(135deg, #fffdfd, #ffeef2);
    border-left:1px solid #efd4dd;
    border-bottom:1px solid #efd4dd;
    transform:rotate(45deg);
  }

  .userbox::after{
    content:"";
    position:absolute;
    top:22px;
    right:-9px;
    width:18px;
    height:18px;
    background:linear-gradient(135deg, #f8fbf6, #e2ebe0);
    border-right:1px solid #cfdbc9;
    border-top:1px solid #cfdbc9;
    transform:rotate(45deg);
  }

  .anabelleimg,
  .chatanabelle,
  .chatuser{
    border-radius:50%;
    box-shadow:0 16px 30px rgba(71, 39, 52, 0.16);
    object-fit:cover;
  }

  .anabelleimg{
    border:4px solid rgba(255,255,255,0.94);
    background:#fff;
    z-index:3;
  }

  .anabellebox .response::selection,
  .userbox::selection{
    background:#f6d2bf;
  }

  #txt_sexe,
  #txt_prenom,
  .prospect-phone-txt,
  .prospect-email-txt{
    display:block;
    margin-bottom:10px;
    color:#7b5561;
    font-weight:700;
  }

  #form1 label,
  #form2 label,
  #form4 label,
  #form5 label,
  #formprospectn label{
    display:inline-block;
    margin:0 10px 8px 6px;
  }

  #form1 input[type=radio]{
    transform:scale(1.08);
  }

  #boxuserfirst{
    padding:22px 22px 16px;
    border-radius:26px;
    background:
      radial-gradient(circle at top left, rgba(255,255,255,0.96), transparent 34%),
      linear-gradient(180deg, rgba(249,252,247,0.98), rgba(229,238,224,0.97));
    border:1px solid rgba(206, 219, 198, 0.98);
    box-shadow:0 22px 40px rgba(89, 110, 81, 0.10);
  }

  #form1{
    display:block;
  }

  #txt_sexe{
    margin-bottom:16px;
    font-size:13px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#7a4157;
    text-align:center;
  }

  .gender-options{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
    margin-bottom:6px;
  }

  #form1 input[type=radio]{
    position:absolute;
    opacity:0;
    pointer-events:none;
  }

  #form1 label[for="form_sexe_0"],
  #form1 label[for="form_sexe_1"]{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:62px;
    margin:0;
    padding:16px 18px;
    border-radius:20px;
    border:1px solid rgba(205, 217, 194, 0.98);
    background:
      radial-gradient(circle at top, rgba(255,255,255,0.96), transparent 52%),
      linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,248,241,0.94));
    box-shadow:0 12px 24px rgba(96, 108, 90, 0.06);
    color:#495548;
    font-size:16px;
    font-weight:700;
    letter-spacing:.01em;
    text-align:center;
    cursor:pointer;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  }

  #form1 label[for="form_sexe_0"]:hover,
  #form1 label[for="form_sexe_1"]:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 28px rgba(96, 108, 90, 0.09);
    border-color:rgba(173, 185, 161, 0.98);
  }

  #form_sexe_0:checked + label,
  #form_sexe_1:checked + label{
    background:linear-gradient(180deg, rgba(252,255,251,0.96), rgba(241,246,237,0.94));
    border-color:rgba(164, 178, 150, 0.98);
    color:#455a3f;
    box-shadow:0 0 0 2px rgba(177, 189, 166, 0.16), 0 14px 26px rgba(96, 108, 90, 0.08);
  }

  .boxselect{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
  }

  .input-card{
    padding:24px 24px 18px;
    border-radius:28px;
    background:
      radial-gradient(circle at top left, rgba(255,255,255,0.97), transparent 36%),
      linear-gradient(180deg, rgba(249,252,247,0.98), rgba(232,239,227,0.96));
    border:1px solid rgba(208, 219, 200, 0.98);
    box-shadow:0 24px 44px rgba(89, 108, 80, 0.10);
  }

  #boxdispo{
    text-align:center;
    padding:28px 26px 22px;
    border-radius:32px;
    background:
      radial-gradient(circle at top, rgba(255,255,255,0.99), transparent 42%),
      linear-gradient(180deg, rgba(250,252,248,0.99), rgba(230,238,225,0.98));
    border:1px solid rgba(206, 219, 198, 0.98);
    box-shadow:0 26px 48px rgba(89, 108, 80, 0.11);
  }

  #boxdispo > *{
    width:100%;
  }

  .phone-panel-intro{
    margin:0 auto 12px;
    max-width:460px;
    color:#6f4154;
    font-size:.76rem;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
  }

  .phone-panel-copy{
    margin:0 auto 20px;
    max-width:530px;
    color:#556150;
    font-size:1rem;
    line-height:1.72;
  }

  .phone-panel-note{
    margin:0 auto 14px;
    max-width:520px;
    color:#7a6a62;
    font-size:.83rem;
    line-height:1.5;
  }

  #form2,
  #form4,
  #form5{
    display:block;
  }

  #form2{
    display:grid;
    gap:10px;
    align-content:start;
  }

  #txt_prenom,
  .datenaissance{
    margin-bottom:16px;
    font-size:13px;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:#7a4157;
    text-align:center;
  }

  #prenom{
    min-height:58px;
    padding:16px 18px;
    border-radius:18px;
    border:1px solid rgba(203, 216, 195, 0.98);
    background:
      radial-gradient(circle at top, rgba(255,255,255,0.99), transparent 52%),
      linear-gradient(180deg, rgba(255,255,255,0.99), rgba(238,245,234,0.96));
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.96), 0 12px 22px rgba(89, 108, 80, 0.06);
    color:#435141;
    font-size:16px;
  }

  #sendsecond{
    margin-top:0;
  }

  #boxusersecond{
    align-content:start;
    row-gap:10px;
    background:
      radial-gradient(circle at top left, rgba(255,255,255,0.96), transparent 34%),
      linear-gradient(180deg, rgba(249,252,247,0.98), rgba(229,238,224,0.97));
    border:1px solid rgba(206, 219, 198, 0.98);
    box-shadow:0 22px 40px rgba(89, 110, 81, 0.10);
  }

  #boxuserquatre{
    background:
      radial-gradient(circle at top left, rgba(255,255,255,0.96), transparent 34%),
      linear-gradient(180deg, rgba(249,252,247,0.98), rgba(229,238,224,0.97));
    border:1px solid rgba(206, 219, 198, 0.98);
    box-shadow:0 22px 40px rgba(89, 110, 81, 0.10);
  }

  #boxusercinq{
    background:
      radial-gradient(circle at top left, rgba(255,255,255,0.96), transparent 34%),
      linear-gradient(180deg, rgba(249,252,247,0.98), rgba(229,238,224,0.97));
    border:1px solid rgba(206, 219, 198, 0.98);
    box-shadow:0 22px 40px rgba(89, 110, 81, 0.10);
  }

  #boxusersecond .datechat{
    margin-top:0;
  }

  #prenom::placeholder{
    color:#8a9587;
  }

  .boxselect{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
    margin-bottom:14px;
    align-items:center;
  }

  .dropdate-select{
    min-height:50px;
    padding:10px 12px;
    border-radius:16px;
    border:1px solid rgba(203, 216, 195, 0.98);
    background:
      radial-gradient(circle at top, rgba(255,255,255,0.99), transparent 52%),
      linear-gradient(180deg, rgba(255,255,255,0.99), rgba(238,245,234,0.96));
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.96), 0 12px 22px rgba(89, 108, 80, 0.06);
    color:#435141;
    font-size:14px;
  }

  #sendsecond,
  #sendquatre,
  #sendcinq,
  #send6{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:170px;
    min-height:56px;
    margin-top:2px;
    padding:14px 26px;
    border-radius:20px;
    background:
      linear-gradient(180deg, rgba(255,255,255,0.38), rgba(255,255,255,0.08) 38%, rgba(255,255,255,0) 44%),
      linear-gradient(180deg, #b7cf9f, #95b37b 52%, #718b59);
    border:1px solid #6f8759;
    box-shadow:
      0 18px 34px rgba(91, 111, 76, 0.22),
      inset 0 1px 0 rgba(255,255,255,0.46),
      inset 0 -1px 0 rgba(79, 104, 59, 0.24);
    color:#fff !important;
    font-weight:700;
    letter-spacing:.015em;
    text-shadow:0 1px 0 rgba(73, 92, 58, 0.24);
    text-transform:none;
    text-decoration:none;
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, border-color .18s ease;
  }

  #sendquatre{
    display:flex;
    width:100%;
    margin-top:0;
    white-space:nowrap;
  }

  #sendsecond:hover,
  #sendquatre:hover,
  #sendcinq:hover,
  #send6:hover{
    transform:translateY(-1px);
    border-color:#7a9561;
    box-shadow:
      0 20px 36px rgba(91, 111, 76, 0.24),
      inset 0 1px 0 rgba(255,255,255,0.5),
      inset 0 -1px 0 rgba(79, 104, 59, 0.28);
    filter:saturate(1.06);
  }

  #sendsecond:active,
  #sendquatre:active,
  #sendcinq:active,
  #send6:active{
    transform:translateY(0);
    box-shadow:
      0 12px 22px rgba(91, 111, 76, 0.18),
      inset 0 1px 0 rgba(255,255,255,0.34),
      inset 0 -1px 0 rgba(79, 104, 59, 0.24);
    filter:saturate(.98);
  }

  #sendsecond:focus-visible,
  #sendquatre:focus-visible,
  #sendcinq:focus-visible,
  #send6:focus-visible{
    outline:2px solid rgba(120, 149, 88, 0.95);
    outline-offset:3px;
  }

  #boxusersix{
    padding:24px 24px 18px;
    border-radius:28px;
    background:
      radial-gradient(circle at top left, rgba(255,255,255,0.97), transparent 36%),
      linear-gradient(180deg, rgba(249,252,247,0.98), rgba(232,239,227,0.96));
    border:1px solid rgba(208, 219, 200, 0.98);
    box-shadow:0 24px 44px rgba(89, 108, 80, 0.10);
  }

  #formprospect{
    display:grid;
    gap:8px;
  }

  #formvalue{
    margin-bottom:12px;
    font-size:13px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#6c7d31;
    text-align:center;
  }

  #formprospect .prospect-email-txt{
    margin:0 0 4px;
    color:#6c7d31;
    font-size:13px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    text-align:center;
  }

  #formprospect .col-label-input{
    width:100%;
  }

  #formprospect .btn-ok{
    width:190px !important;
    margin:2px auto 0 !important;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  #chatanabelle_email{
    min-height:58px;
    padding:16px 18px;
    border-radius:20px;
    border:1px solid rgba(188, 207, 170, 0.98);
    background:
      radial-gradient(circle at top, rgba(255,255,255,0.95), transparent 52%),
      linear-gradient(180deg, rgba(255,255,255,0.98), rgba(241,248,233,0.94));
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.92), 0 12px 24px rgba(78, 104, 57, 0.08);
    color:#44543a;
    font-size:16px;
  }

  #chatanabelle_email::placeholder{
    color:#849176;
  }

  #question{
    min-height:160px;
    padding:18px 18px;
    border-radius:22px;
    border:1px solid rgba(188, 207, 170, 0.98);
    background:
      radial-gradient(circle at top, rgba(255,255,255,0.95), transparent 52%),
      linear-gradient(180deg, rgba(255,255,255,0.98), rgba(241,248,233,0.94));
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.92), 0 12px 24px rgba(78, 104, 57, 0.08);
    color:#44543a;
    font-size:16px;
    line-height:1.65;
    resize:vertical;
  }

  #question::placeholder{
    color:#6d7b60;
    opacity:1;
  }

  #form5 p:first-child{
    margin-bottom:12px;
  }

  #form5 p:last-child{
    margin-bottom:0;
  }

  #formprospectn{
    display:grid;
    gap:10px;
    justify-items:center;
    width:min(100%, 460px);
    margin:0 auto;
  }

  #formprospectn .forms{
    width:100%;
    display:grid;
    justify-items:center;
    gap:8px;
    padding:16px 16px 14px;
    border-radius:22px;
    background:rgba(255,255,255,0.72);
    border:1px solid rgba(207, 224, 191, 0.94);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.94);
  }

  #formprospectn .prospect-phone-txt{
    margin:0;
    color:#6c7d31;
    font-size:13px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    text-align:center;
  }

  #formprospectn .col-label-input{
    width:100%;
    margin:0 auto;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  #formprospectn .col-label-input--button{
    width:100%;
    margin:0 auto;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  #formprospectn .btn-ok{
    width:220px !important;
    min-height:56px;
    margin:4px auto 0 !important;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  #formprospectn .phone-legal{
    margin:4px 0 0;
    color:#7a6a62;
    font-size:11px;
    line-height:1.45;
    text-align:center;
    max-width:430px;
  }

  #chatanabelle_phone_number::placeholder{
    font-size:13px;
    line-height:1.35;
  }

  #formprospectn .phone-legal a{
    color:#5f7d2d;
    font-weight:700;
  }

  #question,
  #chatanabelle_email,
  #chatanabelle_phone_number,
  #prenom{
    width:100%;
  }

  .forms{
    display:grid;
    gap:12px;
    align-items:start;
  }

  .forms .col-label-input,
  .forms .col-label-form{
    width:100%;
  }

  .mentionsextra{
    padding-bottom:20px;
    color:#6e625b;
    text-align:center;
    max-width:780px;
    margin-left:auto;
    margin-right:auto;
  }

  .writing_text{
    display:inline-flex;
    align-items:center;
    gap:3px;
    padding:10px 14px;
    border-radius:999px;
    background:rgba(255, 245, 238, 0.92);
    border:1px solid #ecd9cf;
    color:#8f5c4f;
    font-size:.84rem;
    box-shadow:0 10px 20px rgba(97, 63, 48, 0.08);
  }

  marquee{
    display:block;
    padding:0;
    border-radius:0;
    background:none;
    border:0;
    color:#7d3153 !important;
    font-weight:700;
    box-shadow:none;
    line-height:inherit;
    max-width:none;
    margin:0;
  }
  marquee a{
    font-weight:700;
    white-space:nowrap;
  }

  .datechat,
  .envoi{
    color:#7a6a62;
    font-size:12px;
    letter-spacing:.02em;
  }

  .btn-ok{
    border-radius:18px;
    padding:14px 26px;
    min-height:50px;
    font-size:15px;
    font-weight:700;
    letter-spacing:.015em;
    border:1px solid #6f8759;
    background:
      linear-gradient(180deg, rgba(255,255,255,0.38), rgba(255,255,255,0.08) 38%, rgba(255,255,255,0) 44%),
      linear-gradient(180deg, #b7cf9f, #95b37b 52%, #718b59) !important;
    color:#fff !important;
    box-shadow:
      0 18px 34px rgba(91, 111, 76, 0.22),
      inset 0 1px 0 rgba(255,255,255,0.46),
      inset 0 -1px 0 rgba(79, 104, 59, 0.24);
    text-shadow:0 1px 0 rgba(73, 92, 58, 0.24);
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, border-color .18s ease;
  }

  .btn-ok:hover{
    transform:translateY(-1px);
    background:
      linear-gradient(180deg, rgba(255,255,255,0.44), rgba(255,255,255,0.1) 38%, rgba(255,255,255,0) 44%),
      linear-gradient(180deg, #bed6a6, #9ab982 52%, #789360) !important;
    color:#fff !important;
    border-color:#7a9561;
    box-shadow:
      0 20px 36px rgba(91, 111, 76, 0.24),
      inset 0 1px 0 rgba(255,255,255,0.5),
      inset 0 -1px 0 rgba(79, 104, 59, 0.28);
    filter:saturate(1.06);
  }

  .btn-ok:active{
    transform:translateY(0);
    box-shadow:
      0 12px 22px rgba(91, 111, 76, 0.18),
      inset 0 1px 0 rgba(255,255,255,0.34),
      inset 0 -1px 0 rgba(79, 104, 59, 0.24);
    filter:saturate(.98);
  }

  .btn-ok:focus-visible{
    outline:2px solid rgba(120, 149, 88, 0.95);
    outline-offset:3px;
  }

  .btn-phone-submit{
    width:90% !important;
    max-width:90% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    justify-self:center;
    white-space:normal;
    word-break:break-word;
    line-height:1.18;
    text-align:center;
  }

  .formcustom,
  .dropdate-select,
  .form-control{
    min-height:44px;
    width:100%;
    max-width:100%;
    border-radius:14px;
    border:1px solid #d9c8bf;
    background:linear-gradient(180deg, #fffdfa, #fffaf7);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.65);
  }

  .dropdate-select{
    min-width:140px;
    appearance:none;
  }

  .formcustom:focus,
  .dropdate-select:focus,
  .form-control:focus{
    border-color:#d2937c;
    box-shadow:0 0 0 4px rgba(224, 162, 138, 0.14);
    outline:none;
  }

  textarea.form-control{
    min-height:120px;
    padding:12px 14px;
    resize:vertical;
  }

  input[type="text"],
  textarea,
  select{
    transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
  }

  @media (max-width: 768px){
    header{
      margin:20px auto 16px;
    }

    #head-title{
      padding:18px 14px;
      font-size:clamp(24px, 7vw, 34px);
      border-radius:22px;
    }

    .hero-intro{
      display:block !important;
      width:calc(100% - 18px);
      max-width:280px;
      margin:0 auto 8px !important;
      padding:0 4px;
      box-sizing:border-box;
      font-size:.78rem;
      line-height:1.42;
      overflow-wrap:anywhere;
    }

    .status-strip{
      grid-template-columns:1fr;
      gap:10px;
      margin-bottom:14px;
    }

    .response{
      font-size:16px;
      line-height:1.7;
    }

    .chatbox,
    .stopbox{
      border-radius:22px;
      margin-top:18px;
      margin-bottom:18px;
    }

    .anabellebox,
    .userbox{
      padding:12px 14px 4px;
      border-radius:16px;
    }

    .chatbox::before,
    .stopbox::before{
      margin:-18px -12px 18px;
    }

    .chatbox::after,
    .stopbox::after{
      inset:8px;
      border-radius:14px;
    }

    .boxselect{
      display:grid;
      grid-template-columns:1fr;
      gap:10px;
    }

    .dropdate-select{
      width:100%;
      min-width:0;
      margin-right:0;
    }

    #form1 label,
    #form2 label,
    #formprospectn label{
      display:block;
      margin:6px 0 10px;
    }

  }

  @media (min-width: 768px){
    .anabelleimg{
      position:absolute;
      top:18px;
      left:18px;
      width:104px;
      height:104px;
    }
  }
  /* WOW refresh */
  body.fr_FR{
    background:
      radial-gradient(circle at 12% 0%, rgba(255, 214, 188, 0.96), transparent 24%),
      radial-gradient(circle at 88% 4%, rgba(255, 241, 220, 0.9), transparent 18%),
      radial-gradient(circle at 50% 18%, rgba(165, 48, 71, 0.12), transparent 28%),
      linear-gradient(180deg, #fffdf9 0%, #f7ede5 38%, #eddcd1 100%);
  }

  body.fr_FR::after{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background-image:
      linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);
    background-size:24px 24px;
    mask-image:linear-gradient(180deg, rgba(0,0,0,0.22), transparent 42%);
    opacity:.35;
  }

  header{
    margin:24px auto 16px;
    padding:0 16px;
  }

  header::before{
    inset:-34px 10px auto;
    height:150px;
    border-radius:48px;
    background:
      radial-gradient(circle at 20% 0%, rgba(255,255,255,0.9), transparent 34%),
      radial-gradient(circle at 78% 12%, rgba(214, 116, 103, 0.18), transparent 28%),
      linear-gradient(135deg, rgba(255,255,255,0.44), rgba(255,233,221,0.08));
    filter:blur(14px);
  }

  .hero-intro{
    display:block;
  }

  .hero-intro::before{
    content:"Consultation privée";
    margin:0 auto 10px;
    padding:8px 14px;
    background:linear-gradient(135deg, rgba(255,240,244,.98), rgba(248,201,213,.95) 52%, rgba(233,138,167,.92));
    border:1px solid rgba(214,120,150,.92);
    box-shadow:0 14px 28px rgba(175, 84, 114, 0.16);
    color:#9f2f5c;
    letter-spacing:.16em;
  }

  .status-strip{
    display:grid !important;
  }

  .status-chip{
    position:relative;
    padding:20px 20px 18px;
    border-radius:28px;
    background:
      radial-gradient(circle at top, rgba(255,255,255,.98), transparent 54%),
      linear-gradient(180deg, rgba(255,255,255,0.99), rgba(255,243,246,0.95));
    border:1px solid rgba(232, 190, 202, 0.95);
    box-shadow:0 22px 42px rgba(123, 67, 88, 0.11);
  }

  .status-chip::after{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:4px;
    background:linear-gradient(90deg, rgba(217, 98, 138, 0.96), rgba(241, 163, 176, 0.96));
  }

  .status-chip strong{
    margin-bottom:3px;
    color:#7f2c44;
    font-size:.72rem;
    letter-spacing:.12em;
  }

  #head-title{
    max-width:930px;
    margin:0 auto 18px;
    padding:30px 30px 24px;
    border-radius:38px;
    background:
      radial-gradient(circle at top, rgba(255,255,255,1), rgba(255,245,248,0.97) 40%, rgba(255,231,236,0.99) 100%);
    border:1px solid #efc0cf;
    box-shadow:0 32px 76px rgba(126, 54, 80, 0.16), inset 0 1px 0 rgba(255,255,255,0.98);
  }

  header::after{
    inset:14px 18px auto;
    height:112px;
    border-radius:28px;
  }

  #head-title::before{
    height:7px;
    background:linear-gradient(90deg, #d45d7e, #eb8fa2 56%, #f2b3b3);
  }

  #head-title b{
    max-width:760px;
    margin:0 auto;
    font-size:clamp(27px, 3.9vw, 50px);
    color:#b23763;
  }

  #head-title span{
    max-width:640px;
    margin:14px auto 0;
    font-size:clamp(14px, 1.15vw, 17px);
    color:#775761;
    line-height:1.66;
  }

  #head-title .head-kicker{
    display:block;
    width:max-content;
    max-width:100%;
    margin:0 auto 12px;
    color:#7a5b65;
    font-size:clamp(13px, 1.05vw, 16px);
    line-height:1.52;
    white-space:nowrap;
  }

  #head-title .head-kicker::before{
    content:"Consultation privée";
    display:block;
    width:max-content;
    margin:0 auto 10px;
    padding:7px 12px;
    border-radius:999px;
    background:linear-gradient(135deg, rgba(255,240,244,.98), rgba(248,201,213,.95) 52%, rgba(233,138,167,.92));
    border:1px solid rgba(214,120,150,.92);
    box-shadow:0 12px 24px rgba(175, 84, 114, 0.14);
    color:#9f2f5c;
    font-size:.67rem;
    letter-spacing:.14em;
    text-transform:uppercase;
  }

  h2:has(marquee){
    max-width:980px;
    margin:0 auto;
    padding:12px;
    position:relative;
    z-index:1;
    border-radius:24px;
    background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,246,248,.7));
    border:1px solid rgba(240, 203, 213, 0.82);
    box-shadow:0 18px 34px rgba(132, 70, 93, 0.10);
  }

  h2 marquee{
    padding:12px 20px;
    border-radius:999px;
    background:rgb(255, 191, 191);
    color:#7f1f48 !important;
    box-shadow:0 16px 30px rgba(150, 82, 92, 0.14);
    font-size:14px;
    font-weight:700;
    letter-spacing:.02em;
  }

  h2 marquee a{
    color:#cc0000 !important;
    font-weight:800;
    text-decoration:none;
    margin:0 10px;
  }

  .chatbox{
    max-width:1060px;
    padding:18px 0 12px;
    border-radius:42px;
    box-shadow:0 46px 110px rgba(72, 40, 31, 0.18);
  }

  .chatbox::before,
  .stopbox::before{
    height:18px;
    margin:-46px -18px 24px;
    background:linear-gradient(90deg, #d85f83, #eb95a7 62%, #f4c2c2);
  }

  .dialogboxes{
    max-width:760px;
    margin-top:14px;
  }

  .dialogboxes::before{
    content:none;
    display:none;
  }

  .anabellebox,
  .userbox{
    padding:21px 23px 15px;
    border-radius:26px;
  }

  .anabellebox{
    background:
      radial-gradient(circle at top left, rgba(255,255,255,0.98), transparent 36%),
      linear-gradient(180deg, #fffefd, #fff4ef 58%, #fff0ea);
    border-color:rgba(236, 208, 197, 0.96);
    box-shadow:0 22px 40px rgba(116, 74, 57, 0.12);
  }

  .userbox{
    background:linear-gradient(180deg, #f5fbf0, #eaf4e2);
  }

  .anabellebox .response{
    color:#3d2b30;
    font-size:17.4px;
    line-height:1.86;
    letter-spacing:.002em;
  }

  .anabellebox .datechat{
    color:#88726a;
  }

  .anabelleimg{
    border:5px solid rgba(255,255,255,0.96);
    box-shadow:0 20px 36px rgba(77, 44, 57, 0.18);
  }

  .writing_text{
    padding:11px 15px;
    border-radius:999px;
    background:
      radial-gradient(circle at top, rgba(255,255,255,0.94), transparent 56%),
      linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,246,241,0.9));
    border:1px solid rgba(232, 209, 198, 0.96);
    box-shadow:0 12px 24px rgba(96, 60, 47, 0.10);
    color:#8a6557;
  }

  @media (max-width: 767px){
    header{
      margin:14px auto 10px;
      padding:0 10px;
    }

    header::before{
      inset:-8px 10px auto;
      height:185px;
      border-radius:28px;
      filter:blur(14px);
    }

    header::after{
      inset:10px 18px auto;
      height:132px;
      border-radius:24px;
    }

    .hero-trustband{
      grid-template-columns:1fr;
      gap:10px;
      margin-bottom:14px;
    }

    .status-strip{
      grid-template-columns:1fr;
      gap:10px;
    }

    #head-title{
      margin-bottom:14px;
      padding:20px 14px 15px;
      border-radius:24px;
      font-size:clamp(26px, 7.6vw, 40px);
    }

    h2:has(marquee){
      padding:10px 6px 8px;
      border-radius:16px;
    }

    h2 marquee{
      padding:10px 12px;
      font-size:12px;
      line-height:1.35;
    }

    .chatbox{
      border-radius:24px;
      padding:10px 10px 12px;
    }

    .chatbox::before,
    .stopbox::before{
      margin:-22px -14px 14px;
      height:8px;
    }

    .chatbox::after,
    .stopbox::after{
      inset:8px;
      border-radius:18px;
    }

    .chat-stage{
      padding:10px 10px 4px;
      border-radius:18px;
    }

    .dialogboxes{
      width:100%;
      max-width:100%;
      margin-top:8px;
    }

    .dialogboxes::before{
      display:flex;
      width:100%;
      justify-content:center;
      text-align:center;
      white-space:normal;
      padding:9px 12px;
      margin:0 0 12px;
      border-radius:16px;
      font-size:.68rem;
      line-height:1.35;
      letter-spacing:.05em;
    }

    .chat-topbar{
      flex-direction:column;
      align-items:flex-start;
      gap:12px;
      padding:14px 14px 13px;
      border-radius:20px;
    }

    .chat-topbar__identity{
      width:100%;
      align-items:center;
      gap:10px;
    }

    .chat-topbar__avatar{
      width:48px;
      height:48px;
      flex:0 0 48px;
    }

    .chat-topbar__text{
      min-width:0;
      width:100%;
    }

    .chat-topbar__text strong{
      font-size:.98rem;
      line-height:1.22;
    }

    .chat-topbar__status{
      width:100%;
      justify-items:start;
      text-align:left;
      min-width:0;
      flex:1 1 auto;
      gap:6px;
    }

    .chat-pill{
      white-space:normal;
      font-size:.72rem;
      line-height:1.25;
    }

    .chat-topbar__meta{
      font-size:.76rem;
      line-height:1.38;
      overflow-wrap:anywhere;
    }

    .hero-intro{
      display:block !important;
    }

    .hero-intro::before{
      content:none;
    }

    .status-chip{
      padding:14px 14px 12px;
    }

    .status-chip strong{
      font-size:.68rem;
    }

    #head-title span{
      display:block;
      max-width:25ch;
      margin:10px auto 0;
      color:#7b5d67;
      font-size:.85rem;
      line-height:1.42;
    }

    #head-title .head-kicker{
      width:100%;
      max-width:36ch;
      margin:0 auto 10px;
      font-size:.72rem;
      line-height:1.32;
      white-space:normal;
      text-wrap:balance;
    }

    #head-title .head-kicker::before{
      display:block;
      width:max-content;
      margin:0 auto 8px;
      padding:6px 10px;
      font-size:.6rem;
      letter-spacing:.12em;
    }

    .gender-options{
      grid-template-columns:1fr;
      gap:10px;
    }

    .anabellebox,
    .userbox,
    .input-card,
    #boxusersecond,
    #boxuserquatre,
    #boxusercinq,
    #boxusersix,
    #boxdispo{
      width:100%;
      max-width:100%;
      padding:15px 13px 11px;
      border-radius:18px;
    }

    #boxuserfirst{
      width:100%;
      max-width:100%;
      padding:15px 13px 11px;
      border-radius:18px;
    }

    .anabellebox::before,
    .userbox::after{
      display:none;
    }

    .response{
      font-size:15px;
      line-height:1.72;
    }

    .anabellebox .response{
      font-size:15.4px;
      line-height:1.76;
    }

    .datechat{
      font-size:12px;
      line-height:1.35;
      overflow-wrap:anywhere;
    }

    #form1 label[for="form_sexe_0"],
    #form1 label[for="form_sexe_1"]{
      min-height:56px;
      font-size:15px;
      border-radius:18px;
    }

    .boxselect{
      grid-template-columns:1fr;
      gap:10px;
      margin-bottom:12px;
    }

    #prenom,
    .dropdate-select{
      min-height:54px;
      font-size:15px;
      border-radius:18px;
    }

    #sendsecond,
    #sendquatre,
    #sendcinq,
    #send6{
      width:100%;
      min-width:0;
      min-height:52px;
      border-radius:16px;
    }

    #question{
      min-height:120px;
      border-radius:18px;
      font-size:15px;
    }

    #chatanabelle_email,
    #chatanabelle_phone_number{
      min-height:54px;
      border-radius:18px;
      font-size:15px;
    }

    #chatanabelle_phone_number::placeholder{
      font-size:12px;
      line-height:1.35;
    }

    #formprospect,
    #formprospectn{
      width:100%;
      max-width:100%;
      min-width:0;
    }

    #formprospect .forms,
    #formprospectn .forms{
      width:100%;
      max-width:100%;
      min-width:0;
      padding:13px 11px 11px;
      border-radius:18px;
    }

  }

  @media (max-width: 320px){
    #boxusersix,
    #boxdispo{
      padding:14px 10px 12px;
      border-radius:18px;
    }

    #formprospect,
    #formprospectn,
    #formprospect .forms,
    #formprospectn .forms,
    .forms{
      width:100%;
      min-width:0;
      max-width:100%;
    }

    #formprospect .forms,
    #formprospectn .forms{
      padding:12px 10px 10px;
      gap:8px;
    }

    #formvalue,
    #formprospect .prospect-email-txt,
    #formprospectn .prospect-phone-txt{
      font-size:12px;
      letter-spacing:.08em;
      line-height:1.35;
      word-break:break-word;
    }

    #formprospect .col-label-input,
    #formprospectn .col-label-input,
    .forms .col-label-input,
    .forms .col-label-form{
      min-width:0;
      max-width:100%;
    }

    #formprospect .btn-ok,
    #formprospectn .btn-ok,
    #sendsecond,
    #sendquatre,
    #sendcinq,
    #send6,
    .btn-ok{
      display:flex !important;
      align-items:center;
      justify-content:center;
      width:100% !important;
      min-width:0 !important;
      max-width:100% !important;
      box-sizing:border-box;
      min-height:48px;
      padding:11px 12px;
      border-radius:17px;
      font-size:13px;
      line-height:1.2;
      letter-spacing:0;
      white-space:normal;
      text-align:center;
    }

    #formprospectn .btn-ok{
      font-size:12.5px;
      padding:11px 10px;
      margin:0 auto !important;
    }

    #formprospectn .btn-phone-submit{
      width:90% !important;
      max-width:90% !important;
      min-height:50px;
      padding:10px 8px;
      font-size:12px;
      line-height:1.14;
    }

    #prenom,
    #question,
    #chatanabelle_email,
    #chatanabelle_phone_number,
    .formcustom,
    .dropdate-select,
    .form-control{
      min-width:0;
      width:100%;
      max-width:100%;
      font-size:14px;
    }

    #chatanabelle_email,
    #chatanabelle_phone_number{
      min-height:48px;
      border-radius:16px;
    }
  }

  @media (min-width: 768px){
    .chatbox{
      overflow:visible !important;
    }

    .anabelleimg.hidden-xs{
      display:none !important;
    }

    .dialogboxes{
      margin-left:24px !important;
      margin-right:24px !important;
    }

    #form4 .boxselect{
      display:flex !important;
      flex-wrap:nowrap !important;
      gap:8px !important;
      align-items:center !important;
    }

    #form4 .dropdate-select{
      flex:1 1 0 !important;
      width:33.333% !important;
      min-width:0 !important;
      max-width:none !important;
    }
  }