@import url('/styles/showcase-tilt.css');
/* Native configurator accessibility and responsive corrections. Desktop geometry
   continues to come from the supplied platform design stylesheet. */
#cfg-portee .fx[role="checkbox"]:focus-visible{outline:3px solid var(--aubergine);outline-offset:3px}
#cfg-portee .fx[data-lock] b::after{content:attr(data-lock-label)}
.platform-cta-wrapper>.cta-env{padding-top:20px}
.cfg-dd-menu{max-height:min(70vh,460px);overflow:auto;max-width:calc(100vw - 32px)}
.cfg-colle{top:var(--platform-nav-height,64px)}
.cfg-barre.est-collee{background:rgba(255,255,255,.92);backdrop-filter:blur(10px)}
@media(max-width:600px){
  .hero-page[data-platform-page] h1 .muet{white-space:normal!important}
  .cfg-barre{gap:.65rem;padding:.65rem}
  .cfg-dd{width:100%;min-width:0}
  .cfg-dd-btn{width:100%;justify-content:center;font-size:.8rem;flex-wrap:wrap;gap:.3rem}
  .cfg-dd-menu{left:0;right:auto;min-width:min(280px,calc(100vw - 54px));width:100%}
  .cfg-gauche{width:100%;gap:.5rem;justify-content:space-between}
  #cfg-compte{font-size:.78rem}
  .cfg-gauche .btn-mini{font-size:.75rem;padding:.45rem .65rem}
  #pilier-01,#pilier-02,#pilier-03,#realite,#cfg-sentinelle{scroll-margin-top:calc(var(--platform-nav-height,64px) + 112px)}
}