/* IAGO GAMES V24 */
:where(a,button,input,select,textarea):focus-visible {
  outline:2px solid #ffd18c;
  outline-offset:3px;
}

@media(hover:none),(pointer:coarse) {
  .catalog-card:hover,
  .benefit:hover,
  .v19-related-card:hover {
    transform:none!important;
  }
  .button:hover {
    transform:none!important;
  }
  .catalog-card,
  .benefit,
  .v19-related-card {
    transition-duration:.16s;
  }
  .catalog-card:active,
  .button:active,
  .v19-related-card:active {
    filter:brightness(1.07);
  }
}

@media(max-width:760px) {
  html {
    scroll-padding-top:116px;
  }
  body {
    overflow-x:clip;
  }
  .header {
    backdrop-filter:blur(9px);
  }
  .header-main {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    column-gap:8px;
    row-gap:9px;
    height:auto!important;
    min-height:0;
    padding-top:10px;
    padding-bottom:10px;
    align-items:center;
  }
  .logo-link {
    grid-area:1/1;
    justify-self:start;
    min-width:0;
    max-width:145px;
    width:145px;
  }
  .logo-link img {
    max-width:100%;
    width:145px;
    height:auto;
  }
  .header-actions {
    grid-area:1/2;
    display:flex;
    gap:5px;
    align-items:center;
    justify-content:flex-end;
  }
  .header-actions .action-button:not(.mobile-toggle) {
    display:grid!important;
    place-items:center;
  }
  .header-actions .action-button {
    width:40px;
    min-width:40px;
    height:40px;
    min-height:40px;
    border-radius:12px;
  }
  #mobileToggle {
    display:grid!important;
  }
  .header-cta {
    display:none!important;
  }
  .search {
    grid-area:2/1/3/3;
    width:100%;
    max-width:none;
    min-width:0;
    height:44px;
    margin:0;
    border-radius:13px;
    padding:0 13px;
  }
  .search input {
    font-size:14px;
    min-width:0;
  }
  .search kbd {
    display:none;
  }
  #mainNav.nav {
    height:auto;
  }
  #mainNav.nav.open {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    padding-top:7px;
    padding-bottom:12px;
    animation:iago24-menu .18s ease-out both;
  }
  #mainNav.nav.open a {
    width:100%;
    min-width:0;
    min-height:44px;
    padding:10px 12px;
    text-align:left;
    justify-content:flex-start;
    border-radius:11px;
    white-space:normal;
  }
  .catalog-toolbar {
    gap:10px;
  }
  .catalog-toolbar select {
    min-height:44px;
    max-width:100%;
  }
  .catalog-toolbar .chip-group {
    flex-wrap:nowrap;
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    padding:4px 2px 6px;
  }
  .catalog-toolbar .chip-group::-webkit-scrollbar {
    display:none;
  }
  .catalog-toolbar .chip {
    min-height:44px;
    white-space:nowrap;
    flex:none;
  }
  .catalog-grid,
  .mini-grid {
    min-width:0;
  }
  .catalog-card {
    min-width:0;
  }
  .card-body h3 {
    overflow-wrap:anywhere;
  }
  .card-foot button {
    min-height:40px;
  }
  .button,
  .outline-link {
    min-height:44px;
  }
  #productDialog {
    width:calc(100vw - 20px);
    max-height:calc(100dvh - 20px);
    overflow:auto;
    overscroll-behavior:contain;
    border-radius:18px;
  }
  #productDialog .dialog-inner {
    padding:clamp(14px,4vw,22px);
  }
  #productDialog .product-grid {
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }
  #productDialog .product-cover {
    position:static;
    max-width:190px;
    margin:0 auto;
  }
  #productDialog .product-info h2 {
    font-size:clamp(33px,9vw,48px);
    overflow-wrap:anywhere;
  }
  #productDialog .dialog-close {
    min-width:44px;
    min-height:44px;
    right:10px;
    top:10px;
  }
  #productDialog .v19-facts {
    gap:8px;
  }
  #productDialog .v19-related {
    grid-template-columns:1fr;
  }
  .assistant-fab {
    right:12px;
    bottom:max(12px,env(safe-area-inset-bottom));
  }
  .assistant-fab > img {
    display:none!important;
  }
  .assistant-fab button {
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    border-radius:50%!important;
  }
  .assistant-panel {
    right:12px;
    max-width:min(340px,calc(100vw - 24px));
    bottom:70px;
  }
  .releases-section .marquee-viewport {
    max-width:100%;
  }
}

@media(max-width:380px) {
  .logo-link {
    width:118px;
  }
  .logo-link img {
    width:118px;
  }
  .brand-subtitle {
    font-size:5.5px;
    letter-spacing:.09em;
  }
  .header-main {
    column-gap:6px;
  }
  .header-actions {
    gap:3px;
  }
  .header-actions .action-button {
    width:38px;
    min-width:38px;
    height:40px;
  }
  .catalog-grid,
  .mini-grid {
    gap:8px;
  }
  .catalog-card {
    padding:4px;
  }
  .card-body {
    padding:8px 5px;
  }
  .card-body h3 {
    font-size:15px;
  }
}

@media(max-width:480px) {
  .neon-sparks {
    display:none;
  }
  .hero-particles {
    opacity:.45;
  }
}

@keyframes iago24-menu {
  from {
    opacity:.5;
    transform:translateY(-5px);
  }
  to {
    opacity:1;
    transform:none;
  }
}

@media(prefers-reduced-motion:reduce) {
  #mainNav.nav.open {
    animation:none;
  }
}