/* Restore the Wix careers gallery's responsive card grid at every width.
   Only the 4:3 image scales with the column; the 350px text block is fixed, so the archived pixel layout
   (and scripts/gallery-scale.mjs) cannot reproduce it. */
@media screen {
  #pro-gallery-comp-m8cy9ggi,
  #pro-gallery-comp-m8cy9ggi .pro-gallery,
  #pro-gallery-comp-m8cy9ggi .pro-gallery-container,
  #pro-gallery-comp-m8cy9ggi .pro-gallery-margin-container {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }

  #pro-gallery-comp-m8cy9ggi .pro-gallery-margin-container {
    display: grid !important;
    column-gap: 32px !important;
    row-gap: 32px !important;
    align-items: start;
  }

  /* Wix gives every card margin-bottom: 10px; live has none (its row pitch is exactly the 32px gap). */
  #SITE_CONTAINER #main_MF#main_MF .css-editing-scope [data-hook="post-list-root"] #pro-gallery-comp-m8cy9ggi [data-hook="item-container"] {
    margin-bottom: 0 !important;
  }

  #pro-gallery-comp-m8cy9ggi .item-link-wrapper {
    display: contents !important;
  }

  #pro-gallery-comp-m8cy9ggi [data-hook="item-container"].gallery-item-container {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    border-width: 0 !important;
    overflow: hidden;
  }

  #pro-gallery-comp-m8cy9ggi [data-hook="item-container"] .gallery-item-wrapper {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3;
    margin: 0 !important;
    overflow: hidden;
  }

  #pro-gallery-comp-m8cy9ggi [data-hook="item-container"] .gallery-item-content {
    width: 100% !important;
    height: 100% !important;
  }

  #pro-gallery-comp-m8cy9ggi [data-hook="item-container"] img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  #pro-gallery-comp-m8cy9ggi [data-hook="item-container"] .gallery-item-common-info-outer,
  #pro-gallery-comp-m8cy9ggi [data-hook="item-container"] .gallery-item-common-info {
    height: 350px !important;
  }
}

/* Live Wix keeps every card visible and lays them out 1 / 2 / 3 / 4 columns (measured at 320-1920px). */
@media (max-width: 400px) {
  #pro-gallery-comp-m8cy9ggi .pro-gallery-margin-container {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 401px) and (max-width: 749px) {
  #pro-gallery-comp-m8cy9ggi .pro-gallery-margin-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 750px) and (max-width: 1079px) {
  #pro-gallery-comp-m8cy9ggi .pro-gallery-margin-container {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1080px) and (max-width: 1437px) {
  #pro-gallery-comp-m8cy9ggi .pro-gallery-margin-container {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* From 1438px the live grid fits as many 262px+ cards (32px apart) as the width allows: 294n - 32. */
@media (min-width: 1438px) {
  #pro-gallery-comp-m8cy9ggi .pro-gallery-margin-container {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1732px) {
  #pro-gallery-comp-m8cy9ggi .pro-gallery-margin-container {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 2026px) {
  #pro-gallery-comp-m8cy9ggi .pro-gallery-margin-container {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 2320px) {
  #pro-gallery-comp-m8cy9ggi .pro-gallery-margin-container {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
}