@media (max-width:820px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  *,*::before,*::after{box-sizing:border-box}

  .nymiq-v24-root{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:0!important;
    overflow:visible!important;
  }

  .nymiq-v24-left,
  .nymiq-v24-right{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    transform:none!important;
    translate:none!important;
    margin-left:0!important;
    margin-right:0!important;
    clip-path:none!important;
    z-index:4!important;
  }

  .nymiq-v24-left{padding-bottom:58px!important}

  .nymiq-v24-left::after{
    content:"↓"!important;
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    z-index:30!important;
    left:50%!important;
    top:auto!important;
    bottom:7px!important;
    transform:translateX(-50%)!important;
    width:48px!important;
    height:48px!important;
    border-radius:999px!important;
    border:1px solid rgba(36,211,190,.2)!important;
    background:#071a25!important;
    color:#28c9c5!important;
    font-size:29px!important;
    line-height:1!important;
    box-shadow:0 0 24px rgba(26,204,193,.07)!important;
  }

  .nymiq-v24-hide{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
  }

  .nymiq-v24-kill-before::before{
    content:none!important;
    display:none!important;
  }

  .nymiq-v24-kill-after::after{
    content:none!important;
    display:none!important;
  }

  .nymiq-v24-root input,
  .nymiq-v24-root button,
  .nymiq-v24-root [role="button"]{
    max-width:100%!important;
  }

  .nymiq-v24-tabs{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    gap:8px!important;
  }

  .nymiq-v24-tabs>*{
    min-width:0!important;
    width:auto!important;
  }
}

@media (max-width:430px){
  .nymiq-v24-tabs{gap:7px!important}
  .nymiq-v24-tabs>*{
    min-height:104px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }
}

/* NYMIQ_COMMERCIAL_SPRINT2_V1: ultra-petits ecrans sans couper les actions. */
@media (max-width: 430px) {
  .demo-tab { min-height: 68px !important; font-size: 11px !important; line-height: 1.2 !important; }
  .demo-flow .demo-field { overflow-wrap: anywhere; }
  .demo-before, .demo-after { min-width: 0; }
  .demo-warning, .demo-success { font-size: 12px !important; }
  .demo-toolbar { padding-bottom: 3px; }
}
@media (max-width: 360px) {
  .demo-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 3px !important; }
  .demo-tab { padding: 8px 3px !important; font-size: 10.5px !important; }
  .demo-tab .tab-ico { margin-bottom: 5px !important; }
  .hero h1 { overflow-wrap: anywhere; }
}