/* ICODE MOBILE EXACT CENTER V22 */
@media (max-width:900px){

  html.icode-v22-public,
  html.icode-v22-public body{
    overflow-x:hidden !important;
  }

  /* Ancestors around ONLY the detected cards are allowed to breathe.
     This removes the invisible max-width / overflow prison that kept
     pushing the cards left. */
  html.icode-v22-public .icode-v22-ancestor{
    max-width:none !important;
    min-width:0 !important;
    overflow:visible !important;
    transform:none !important;
  }

  /* Actual cards. Width is nearly full viewport. JS supplies only the
     exact translateX required to put the rendered card in viewport center. */
  html.icode-v22-public .icode-v22-card{
    width:calc(100vw - 20px) !important;
    max-width:calc(100vw - 20px) !important;
    min-width:0 !important;
    position:relative !important;
    left:0 !important;
    right:auto !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
    will-change:transform;
  }

  html.icode-v22-public .icode-v22-workspace{
    width:calc(100vw - 18px) !important;
    max-width:calc(100vw - 18px) !important;
  }

  html.icode-v22-public .icode-v22-brand{
    width:calc(100vw - 18px) !important;
    max-width:calc(100vw - 18px) !important;
  }

  html.icode-v22-public .icode-v22-card img,
  html.icode-v22-public .icode-v22-card video,
  html.icode-v22-public .icode-v22-card svg,
  html.icode-v22-public .icode-v22-card canvas{
    max-width:100% !important;
  }
}

@media (max-width:560px){
  html.icode-v22-public .icode-v22-card,
  html.icode-v22-public .icode-v22-workspace,
  html.icode-v22-public .icode-v22-brand{
    width:calc(100vw - 12px) !important;
    max-width:calc(100vw - 12px) !important;
  }
}
/* END ICODE MOBILE EXACT CENTER V22 */