/* FTSYS Mobile Gallery Fix V21
   Keeps every series image fully inside its blueprint frame. */

@media (max-width: 760px) {
  .aerogrid .ag-series-row,
  .aerogrid .ag-series-media,
  .aerogrid .ag-series-media picture {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .aerogrid .ag-series-row {
    width: 100%;
    overflow: hidden;
  }

  .aerogrid .ag-series-media {
    width: 100%;
    padding: 0;
    overflow: hidden;
    contain: layout paint;
  }

  .aerogrid .ag-series-media::before {
    inset: 24px;
    z-index: 2;
    pointer-events: none;
  }

  .aerogrid .ag-series-media::after {
    left: 14px;
    z-index: 3;
    pointer-events: none;
  }

  .aerogrid .ag-series-media picture,
  .aerogrid.motion-v11 .ag-series-row .ag-series-media picture,
  .aerogrid.motion-v12 .ag-series-row .ag-series-media picture,
  .aerogrid.motion-v12 .ag-series-row:nth-child(even) .ag-series-media picture {
    inset: 38px 36px;
    width: auto;
    height: auto;
    overflow: hidden;
  }

  .aerogrid .ag-series-media img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
  }
}

@media (max-width: 480px) {
  .aerogrid .ag-series-row .ag-series-media,
  .aerogrid .ag-series-row:nth-child(even) .ag-series-media {
    height: clamp(300px, 84vw, 350px);
  }

  .aerogrid .ag-series-media picture,
  .aerogrid.motion-v11 .ag-series-row .ag-series-media picture,
  .aerogrid.motion-v12 .ag-series-row .ag-series-media picture,
  .aerogrid.motion-v12 .ag-series-row:nth-child(even) .ag-series-media picture {
    inset: 38px 34px;
  }
}

@media (max-width: 360px) {
  .aerogrid .ag-series-media::before {
    inset: 20px;
  }

  .aerogrid .ag-series-media picture,
  .aerogrid.motion-v11 .ag-series-row .ag-series-media picture,
  .aerogrid.motion-v12 .ag-series-row .ag-series-media picture,
  .aerogrid.motion-v12 .ag-series-row:nth-child(even) .ag-series-media picture {
    inset: 34px 30px;
  }
}