/* Scoped repair for the mirrored homepage news gallery comp-m8e63qxx.
   The archived snapshot had zero layout width and 0/1px prerender sizes.
   Restore the desktop card grid while preserving Wix's one-column mobile layout. */
#pro-gallery-comp-m8e63qxx,
#pro-gallery-comp-m8e63qxx .pro-gallery,
#pro-gallery-comp-m8e63qxx .pro-gallery-container,
#pro-gallery-comp-m8e63qxx .pro-gallery-margin-container,
#pro-gallery-comp-m8e63qxx .pro-gallery-parent-container,
#pro-gallery-comp-m8e63qxx .pro-gallery-prerender {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
}

#pro-gallery-comp-m8e63qxx .pro-gallery-margin-container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 32px !important;
  row-gap: 0 !important;
  align-items: start;
}

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

#pro-gallery-comp-m8e63qxx [data-hook="item-container"].gallery-item-container {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  opacity: 1 !important;
  display: block !important;
  overflow: hidden;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 32px;
  box-shadow: 0 8px 0 0 rgb(161, 57, 224);
}

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

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

#pro-gallery-comp-m8e63qxx [data-hook="item-container"] img {
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box;
  object-fit: cover !important;
  border: 5px solid #fff;
  border-radius: 32px 32px 0 0;
}

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

#pro-gallery-comp-m8e63qxx .RiOfiW {
  background: #fff !important;
  min-height: 154px;
}

#pro-gallery-comp-m8e63qxx .O16KGI::before {
  content: "Xem Nội Dung";
  position: absolute;
  top: 104px;
  right: 19px;
  bottom: 10px;
  left: 0;
  color: rgb(161, 57, 224);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

/* The page-level Wix rule forces a 10px bottom margin on the absolutely
   positioned source cards; in this repaired grid it would add 10px of row
   height, so neutralize it with higher specificity. */
#SITE_CONTAINER #main_MF#main_MF .css-editing-scope [data-hook="post-list-root"] #pro-gallery-comp-m8e63qxx [data-hook="item-container"] {
  margin-bottom: 0 !important;
}

@media (max-width: 750px) {
  #pro-gallery-comp-m8e63qxx .pro-gallery-margin-container {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 32px !important;
    row-gap: 0 !important;
  }

  #pro-gallery-comp-m8e63qxx [data-hook="item-container"] .gallery-item-wrapper {
    width: calc(100% + 2px) !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
  }

  #pro-gallery-comp-m8e63qxx .O16KGI::before {
    top: 104px;
  }
}

/* Wix serves phones (user agent, not width) a single-column list: 16:9 image over a 112px text block, ~20.4px between cards. */
@media (max-width: 600px) {
  #pro-gallery-comp-m8e63qxx .pro-gallery-margin-container {
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 20.44px !important;
  }

  #pro-gallery-comp-m8e63qxx [data-hook="item-container"] .gallery-item-wrapper {
    aspect-ratio: 16 / 9 !important;
  }

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

  #pro-gallery-comp-m8e63qxx .RiOfiW {
    min-height: 112px;
  }

  #pro-gallery-comp-m8e63qxx .uYL9xS {
    margin-left: -4px;
    margin-right: -4px;
  }

  #pro-gallery-comp-m8e63qxx .O16KGI .FbwBsX,
  #pro-gallery-comp-m8e63qxx .O16KGI .T5UMT5,
  #pro-gallery-comp-m8e63qxx .O16KGI h2 {
    font-size: 16px !important;
  }

  #pro-gallery-comp-m8e63qxx .O16KGI::before {
    top: 80px;
    right: 0;
    text-align: right;
  }
}