/** Shopify CDN: Minification failed

Line 150:0 Expected "}" to go with "{"

**/
/*------------------------------------------------------------------
Variables
*/
/*------------------------------------------------------------------
Re-usable Styles
*/
.image-gallery-image .cover-bg img,
.image-gallery-image .cover-bg svg {
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.image-gallery-image .image-gallery-link span {
  transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

/* Image Gallery */
.image-gallery-image {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  align-items: center;
  line-height: 0;
  font-size: 0.75rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  font-weight: 500; }
  @media only screen and (min-width: 768px) {
    .image-gallery-image {
      font-size: 0.9375rem; } }
  .image-gallery-image .image-gallery-link {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 25px;
    opacity: 1;
    background: var(--overlay-bg);
}
    @media only screen and (min-width: 768px) {
    .image-gallery-image .image-gallery-link span {
      position: relative;
      line-height: 1;
      z-index: 2;
      display: inline-block;
      color: #fff; }
      .image-gallery-image .image-gallery-link span:after {
        content: "";
        position: absolute;
        top: calc(100% + 4px);
        left: 0;
        width: 100%;
        height: 2px;
        background: #fff; }
  .low-padding .image-gallery-image {
    margin-bottom: 10px; }
  .image-gallery-image .image-gallery-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
    opacity: 1;
    background: var(--overlay-bg); }
  .image-gallery-image .cover-bg {
    position: relative;
    height: 100%;
    width: 100%;
    pointer-events: none;
    z-index: 1;
    overflow: hidden; }
    .image-gallery-image .cover-bg img,
    .image-gallery-image .cover-bg svg {
      display: block;
      max-width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover; }
    .image-gallery-image .cover-bg svg {
      background: #f5f5f5;
      fill: var(--color-accent1); }
    .media-aspect-portrait .image-gallery-image .cover-bg {
      height: 0;
      padding-bottom: 150%; }
    .media-aspect-landscape .image-gallery-image .cover-bg {
      height: 0;
      padding-bottom: 50%; }
    .media-aspect-square .image-gallery-image .cover-bg {
      height: 0;
      padding-bottom: 170%; }
    .media-aspect-adapt .image-gallery-image .cover-bg img,
    .media-aspect-adapt .image-gallery-image .cover-bg svg {
      position: static; }
  .image-gallery-image:hover .image-gallery-link {
    opacity: 1; }


   /* Mobile Optimization for Image Gallery */
@media only screen and (max-width: 768px) {
  /* Adjust grid layout for mobile */
  .image-gallery__row {
    display: flex;
    flex-wrap: wrap; /* Ensure items wrap properly */
    margin: -4px; /* Counteract inner padding */
  }

  /* Each image occupies 50% of the row */
  .image-gallery-image {
    flex: 0 0 50%; /* Two images per row */
    max-width: 50%; /* Ensure proper width */
    padding: 4px; /* Minimal spacing between items */
    box-sizing: border-box; /* Ensure padding doesn't add extra width */
  }

  /* Ensure image fills the container */
  .image-gallery-image .cover-bg {
    position: relative;
    width: 100%; /* Full width of the container */
    height: 0;
    padding-bottom: 100%; /* Maintain square aspect ratio */
    overflow: hidden; /* Hide overflowed content */
  }

  /* Image styles */
  .image-gallery-image .cover-bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    object-fit: cover; /* Ensure the image covers the container */
  }

  /* Optimize heading for mobile */
  .image-gallery h5 {
    font-size: 16px; /* Smaller text for tighter layouts */
    line-height: 1.2; /* Compact spacing */
  }
}