/* IQONN 360 — passe UX/UI (dimensions, rythme, mobile) */
[hidden]{display:none!important}
@media (min-width:1400px){.container{width:min(1240px,calc(100% - 4rem))}.nav-pill,.nav-drawer{max-width:1200px}}
.why-grid,.autres-grid,.visit-grid,.city-grid,.process-steps,.solution-list{gap:1.25rem}
.why-card,.city-card,.visit-card,.autre-card{height:100%}
.why-card p,.autre-card-body p,.city-card p{font-size:.95rem;line-height:1.55}
.visit-card.has-photo .visit-media{height:auto;aspect-ratio:16/10}
.visit-loc{font-size:.9rem}
.autre-card{position:relative}
.autre-card-media{aspect-ratio:16/9}
.autre-card-body{padding:1rem 1.25rem 1.3rem}
.autre-card-body h3 a{color:inherit}
.autre-card-body h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.autre-card-body h3 a:focus-visible{outline:none}
.autre-card:has(a:focus-visible){outline:2px solid var(--cobalt);outline-offset:3px}
.autre-more{display:inline-block;margin-top:.65rem;font-size:.85rem;font-weight:600;color:var(--cobalt)}
.autre-card:hover .autre-more{text-decoration:underline}
.process-steps li{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:148px;padding:1.6rem 1.1rem}
.config-form{display:flex;flex-direction:column;justify-content:space-between}
.tour-stage{background:linear-gradient(135deg,#0E2148,#1A45B8)}
.m-bar{display:none}
@media (max-width:640px){
  .stack-carousel{--card-w:86vw;--card-h:min(460px,108vw)}
  .stack-card{border-radius:24px}
  .stack-card.is-left-1,.stack-card.is-right-1{opacity:.55}
  .stack-tabs{display:none}
  .stack-nav{gap:1.25rem}
  .autre-card{flex-direction:row;align-items:center}
  .autre-card-media{flex:0 0 38%;aspect-ratio:1/1;margin:.55rem;border-radius:14px}
  .autre-card-label{display:none}
  .autre-card-media::after{background:linear-gradient(160deg,rgba(14,33,72,.05),rgba(14,33,72,.25))}
  .autre-card-body{padding:.75rem 1rem .75rem .35rem}
  .autre-card-body h3{font-size:1rem;margin-bottom:.3rem}
  .autre-card-body p{font-size:.86rem;line-height:1.45}
  .autre-more{margin-top:.4rem;font-size:.8rem}
  .direct-grid{grid-template-columns:repeat(3,1fr);gap:.6rem}
  .direct-card{padding:1rem .4rem;gap:.35rem}
  .direct-card svg{width:24px;height:24px}
  .direct-card strong{font-size:.9rem}
  .direct-card span:last-child{font-size:.7rem;overflow-wrap:anywhere}
  .process-steps li{min-height:120px}
  .m-bar{position:fixed;left:0;right:0;bottom:0;z-index:950;display:flex;gap:.5rem;padding:.6rem .75rem calc(.6rem + env(safe-area-inset-bottom));background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);box-shadow:0 -8px 24px rgba(14,33,72,.08)}
  .m-bar a,.m-bar button{flex:1;min-height:48px;border-radius:999px;font-weight:600;font-size:.92rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}
  .m-bar .m-quote{background:var(--navy);color:#fff}
  .m-bar .m-wa{background:#1FA855;color:#fff}
  .m-bar svg{width:18px;height:18px}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .wa-fab{display:none}
  .wa-float{bottom:calc(84px + env(safe-area-inset-bottom))}
  body.is-modal-open .m-bar{display:none}
}

.nav-brand{display:inline-flex;align-items:center;gap:.55rem}.nav-brand::before{content:"";width:28px;height:28px;flex:none;background:url(/logo.svg) center/contain no-repeat}