/** Shopify CDN: Minification failed

Line 11:16 Expected identifier but found whitespace
Line 11:18 Unexpected "{"
Line 11:27 Expected ":"
Line 11:53 Expected ":"

**/

  .section-resource-list {
    --image-gap: {{ section.settings.columns_gap }}px;
  }

  .product-list-with-image {
    display: flex;
    gap: calc(var(--image-gap) * 2);
    align-items: stretch;
    width: 100%;
  }

  .product-list-with-image--right {
    flex-direction: row-reverse;
  }

  /* Desktop styles - Image occupies 30% */
  @media screen and (min-width: 768px) {
    .product-list-with-image {
      align-items: flex-start;
    }

    .product-list-with-image__image-wrapper {
      flex: 0 0 30%;
      max-width: 30%;
      position: relative;
      display: flex;
      align-items: flex-start;
    }

    .product-list-with-image__products {
      flex: 1;
      min-width: 0;
    }

    .product-list-with-image__image {
      position: relative;
      width: 100%;
      overflow: hidden;
      border-radius: var(--border-radius, 0);
    }

    .product-list-with-image__image-link {
      display: block;
      width: 100%;
      text-decoration: none;
    }

    .product-list-with-image__img {
      width: 100%;
      height: auto;
      object-fit: cover;
      object-position: center;
      display: block;
    }

    /* Adjust grid columns when image is present */
    .product-list-with-image .resource-list[data-layout-type="grid"] {
      --columns: 3 !important; /* Reduce columns to fit better with image */
    }

    /* For carousel layout */
    .product-list-with-image .resource-list[data-layout-type="carousel"] .resource-list__carousel-wrapper {
      max-width: 100%;
    }
  }

  /* Mobile styles - Stack vertically */
  @media screen and (max-width: 767px) {
    .product-list-with-image {
      flex-direction: column !important;
      gap: 1.5rem;
    }

    .product-list-with-image__image-wrapper {
      width: 100%;
      max-width: 100%;
      position: relative;
    }

    .product-list-with-image__products {
      width: 100%;
    }

    .product-list-with-image__image {
      position: relative;
      width: 100%;
      max-height: 400px;
      overflow: hidden;
      border-radius: var(--border-radius, 0);
    }

    .product-list-with-image__img {
      width: 100%;
      height: auto;
      max-height: 400px;
      object-fit: contain;
      display: block;
    }
  }

  /* Hover effect on link */
  .product-list-with-image__image-link:hover .product-list-with-image__img {
    transform: scale(1.05);
  }

  /* Animation */
  .product-list-with-image__img {
    transition: transform 0.3s ease;
  }

  /* Mobile padding support */
  @media screen and (max-width: 749px) {
    .section-resource-list.spacing-style[style*='--padding-block-start-mobile'] {
      padding-block-start: var(--padding-block-start-mobile) !important;
    }

    .section-resource-list.spacing-style[style*='--padding-block-end-mobile'] {
      padding-block-end: var(--padding-block-end-mobile) !important;
    }

    .section-resource-list.spacing-style[style*='--padding-inline-start-mobile'] {
      padding-inline-start: var(--padding-inline-start-mobile) !important;
    }

    .section-resource-list.spacing-style[style*='--padding-inline-end-mobile'] {
      padding-inline-end: var(--padding-inline-end-mobile) !important;
    }
  }