/* ANTARO showcase/detail modal — v2.0.261 */
#infoModal .modal-card--system{width:min(920px,92vw)!important;max-height:92dvh!important;padding:22px!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important}
#infoModal .modal-card--system .info-modal-copy{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;min-height:0!important;padding:0!important}
#infoModal .modal-card--system .modal-kicker,#infoModal .modal-card--system #modalTitle,#infoModal .modal-card--system #modalText{display:block!important;visibility:visible!important;opacity:1!important}
#infoModal .modal-card--system .showcase-static[hidden]{display:none!important}
#infoModal .modal-card--system .showcase-static:not([hidden]){display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:auto!important;max-height:62dvh!important;object-fit:contain!important;margin:14px auto!important;border-radius:16px!important;background:#eef8fe!important}
#infoModal .modal-card--system .info-modal-actions{display:block!important;position:static!important;width:100%!important;margin:12px 0 0!important;padding:0!important}
#infoModal .modal-card--system .info-modal-buttons{display:flex!important;gap:10px!important;width:100%!important;justify-content:center!important}
#infoModal .modal-card--system .info-modal-buttons .btn{min-height:50px!important}
@media (max-width:760px){
#infoModal.modal-layer{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;padding:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:rgba(8,42,73,.58)!important;backdrop-filter:blur(7px)!important}#infoModal.modal-layer[hidden]{display:none!important}
#infoModal .modal-card,#infoModal .modal-card--system{position:relative!important;width:min(94vw,430px)!important;max-height:92dvh!important;margin:0!important;padding:14px!important;border-radius:22px!important;background:#fff!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;box-shadow:0 24px 70px rgba(3,43,75,.28)!important}
#infoModal .modal-card:has(#systemShowcase:not([hidden])){width:min(97vw,470px)!important}
#infoModal .modal-close{position:absolute!important;left:12px!important;top:12px!important;width:38px!important;height:38px!important;border-radius:11px!important;z-index:8!important}
#infoModal .info-modal-copy,#infoModal .modal-card--system .info-modal-copy{display:block!important;visibility:visible!important;opacity:1!important;padding:8px 0 0!important;text-align:right!important}#infoModal .modal-kicker{display:block!important;margin-bottom:7px!important}#infoModal h2{display:block!important;margin:0 0 7px!important;padding-left:44px!important;font-size:26px!important;line-height:1.12!important}#infoModal p{display:block!important;margin:0 0 8px!important;font-size:14px!important;line-height:1.45!important;color:#58738b!important}
#infoModal .modal-card--system .showcase-static:not([hidden]),#infoModal .mobile-showcase-image:not([hidden]){display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:auto!important;max-height:55dvh!important;object-fit:contain!important;margin:10px auto!important;border-radius:16px!important;background:#eef8fe!important}
#infoModal #systemShowcase:not([hidden]){display:block!important;width:100%!important;max-width:none!important;margin:8px auto 14px!important;overflow:visible!important;background:transparent!important}
#infoModal #systemShowcase:not([hidden]) img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:48dvh!important;object-fit:contain!important;margin:0 auto!important;border-radius:16px!important}
#infoModal .info-modal-actions,#infoModal .modal-card--system .info-modal-actions{display:block!important;position:static!important;width:100%!important;margin:14px 0 0!important;padding:0!important;clear:both!important}#infoModal .info-modal-buttons,#infoModal .modal-card--system .info-modal-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}#infoModal .info-modal-buttons .btn{display:flex!important;width:100%!important;min-width:0!important;min-height:48px!important;padding:0 8px!important;border-radius:12px!important;font-size:14px!important}#infoModal .system-footer-copy{display:none!important}
}


/* Desktop containment — never allow horizontal modal scrolling */
#infoModal,
#infoModal .modal-card--system,
#infoModal .info-modal-copy,
#infoModal .showcase-static,
#infoModal .system-showcase,
#infoModal .info-modal-actions{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
#infoModal .showcase-static,
#infoModal .showcase-static img,
#infoModal .system-showcase picture,
#infoModal .system-showcase img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}


/* Desktop showcase modal: fit the viewport with no scrollbars */
@media (min-width:761px){
  #infoModal.modal-layer{
    overflow:hidden!important;
    padding:12px!important;
  }
  #infoModal .modal-card--system{
    width:min(920px,calc(100vw - 24px))!important;
    max-height:calc(100dvh - 24px)!important;
    padding:18px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  #infoModal .modal-card--system .info-modal-copy{
    flex:0 0 auto!important;
    overflow:hidden!important;
  }
  #infoModal .modal-card--system #modalTitle{
    margin:4px 0 5px!important;
    line-height:1.15!important;
  }
  #infoModal .modal-card--system #modalText{
    margin:0 0 6px!important;
    line-height:1.4!important;
  }
  #infoModal .modal-card--system .showcase-static:not([hidden]),
  #infoModal .modal-card--system .system-showcase:not([hidden]){
    flex:1 1 auto!important;
    min-height:0!important;
    width:100%!important;
    max-height:calc(100dvh - 210px)!important;
    margin:6px auto!important;
    overflow:hidden!important;
  }
  #infoModal .modal-card--system .showcase-static img,
  #infoModal .modal-card--system .system-showcase picture,
  #infoModal .modal-card--system .system-showcase img{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:calc(100dvh - 210px)!important;
    object-fit:contain!important;
    overflow:hidden!important;
  }
  #infoModal .modal-card--system .info-modal-actions{
    flex:0 0 58px!important;
    min-height:58px!important;
    margin:4px 0 0!important;
    padding:6px 0 0!important;
    overflow:hidden!important;
  }
}

/* Mobile showcase copy is already part of the artwork — 2.0.471 */
@media(max-width:760px){
 #infoModal .modal-card--system .info-modal-copy>.modal-kicker,
 #infoModal .modal-card--system .info-modal-copy>#modalTitle,
 #infoModal .modal-card--system .info-modal-copy>#modalText{display:none!important}
 #infoModal .modal-card--system .info-modal-copy{padding:30px 0 0!important}
}

/* Balanced mobile modal copy — 2.0.472 */
@media(max-width:760px){
 .modal-layer h2,.modal-layer h3,.modal-layer p{ text-wrap:balance; }
 .landing-sidebar a.mobile-account{display:grid;place-items:center;text-decoration:none;box-sizing:border-box}
}