/* V130 — Configuratore DENTRO le schede prodotto, telefono e tablet stretto (fino a 899px).
   Niente più finestra con uno scorrimento verticale suo (bloccava la pagina): il riquadro è alto quanto
   il contenuto (lo misura product-live-config.js), il tavolo è grande in alto, sotto le parti e UNA fila
   di finiture che scorre solo di lato. Il dito in verticale fa sempre scorrere la pagina. */
@media (max-width:899px){
  /* V139: dentro il configuratore niente scorrimento verticale (il dito passa sempre alla pagina) */
  html.is-embedded-config:not(#a):not(#b),
  html.is-embedded-config:not(#a):not(#b) body{height:auto !important;min-height:0 !important;overflow-x:hidden !important;overflow-y:hidden !important;overscroll-behavior:auto !important;}
  html.is-embedded-config:not(#a):not(#b) body main.app{position:static !important;inset:auto !important;display:block !important;height:auto !important;min-height:0 !important;overflow:visible !important;padding:0 !important;}
  html.is-embedded-config:not(#a):not(#b) body main.app > .stage{height:min(78vw,400px) !important;min-height:0 !important;max-height:none !important;}
  html.is-embedded-config:not(#a):not(#b) body main.app > aside.panel{display:block !important;height:auto !important;min-height:0 !important;max-height:none !important;overflow:visible !important;position:static !important;transform:none !important;}
  html.is-embedded-config:not(#a):not(#b) body aside.panel > .panel-scroll{overflow:visible !important;height:auto !important;max-height:none !important;padding-bottom:18px !important;}
  html.is-embedded-config:not(#a):not(#b) body .panel .comp.open .sws{grid-template-rows:auto !important;grid-auto-columns:118px !important;}
}
@media (min-width:600px) and (max-width:899px){
  html.is-embedded-config:not(#a):not(#b) body main.app > .stage{height:min(60vw,460px) !important;}
  html.is-embedded-config:not(#a):not(#b) body .panel .comp.open .sws{grid-auto-columns:140px !important;}
}