/** Shopify CDN: Minification failed

Line 12:11 Expected ":"

**/
/* START_SECTION:global-featured-collection (INDEX:15) */
.section-resource-list {
        row-gap: var(--gap);
    }
  
    .resource-list--carousel-mobile {
        dis</style>play: block;
        @media screen and (width >= 750px) {
            display: none;
        }
    }
  
    .resource-list {
        --resource-list-column-gap: min(var(--resource-list-column-gap-mobile));
        --resource-list-row-gap: min(var(--resource-list-row-gap-mobile));
        --resource-list-columns:var(--resource-list-columns-mobile);
    }
  
      
    @media (min-width: 768px) {
        .resource-list {
            --resource-list-column-gap: min(var(--resource-list-column-gap-ipad));
        --resource-list-row-gap: min(var(--resource-list-row-gap-ipad));
        --resource-list-columns:var(--resource-list-columns-ipad);
        }
    }
    @media (min-width: 1200px) {
        .resource-list {
            --resource-list-columns:var(--resource-list-columns-desktop);
            --resource-list-column-gap: var(--resource-list-column-gap-desktop);
            --collection-list-row-gap: var(--resource-list-row-gap-desktop);
        }
    }

    .resource-list--grid {
        width: 100%;
        display: grid;
        column-gap: var(--resource-list-column-gap);
        row-gap: var(--resource-list-row-gap);
        grid-template-columns: var(--resource-list-columns);
    }
  
    .resource-list__item {
        height: 100%;
        text-decoration: none;
        display:grid;
    }

    /* Prevent layout shift for swiper wrapper */
    .swiper-wrapper__custom {
        position: relative;
        width: 100%;
        min-height: 1px; /* Prevent collapse before swiper initializes */
    }

    /* Ensure swiper-container has proper width and overflow */
    .swiper-wrapper__custom swiper-container {
        width: 100%;
        overflow: hidden;
        min-height: 1px; /* Prevent layout shift during initialization */
        position: relative;
    }

    .swiper-wrapper__custom swiper-container::part(container) {
        width: 100%;
    }

    /* Prevent layout shift for navigation arrows - ensure initial dimensions */
    /* .swiper-wrapper__custom .custom-swiper-navigation {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
    } */

    .swiper-wrapper__custom .custom-swiper-navigation .swiper-button-prev,
    .swiper-wrapper__custom .custom-swiper-navigation .swiper-button-next {
        /* Initial dimensions to prevent jump - will be overridden by swiper-bundle.css */
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
    }

    /* Theme editor specific fixes - minimal intervention */
    .in-theme-editor .swiper-wrapper__custom swiper-container {
        width: 100%;
    }

    .in-theme-editor .swiper-wrapper__custom swiper-container::part(container) {
        width: 100%;
        overflow: hidden;
    }

    /* Ensure swiper-slide calculates width properly in theme editor */
    .in-theme-editor .swiper-wrapper__custom swiper-slide {
        display: flex;
        height: auto;
        min-height: 0;
    }

    /* Ensure product cards take full width of slide */
    .in-theme-editor .swiper-wrapper__custom swiper-slide > * {
        width: 100%;
    }

    /* Fix product card display in theme editor for both grid and carousel */
    .in-theme-editor .resource-list__item .card-product,
    .in-theme-editor .swiper-wrapper__custom swiper-slide .card-product {
        width: 100%;
        min-width: 0;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    /* Ensure product card content displays properly in theme editor */
    .in-theme-editor .card-product .card-img,
    .in-theme-editor .card-product .card-body {
        width: 100%;
        min-width: 0;
    }

    /* Fix grid layout product cards in theme editor */
    .in-theme-editor .resource-list--grid .resource-list__item {
        min-height: 0;
    }

    .in-theme-editor .resource-list--grid .resource-list__item .card-product {
        height: 100%;
    }

    .featured-collection-side-image-wrapper {
        width: 100%;
        min-height: 300px;
        height: -webkit-fill-available;
    }

    .featured-collection-side-image-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Ensure content column takes full height when side image is present */
    .featured-collection-with-side-image .featured-collection-content-col {
        display: flex;
        flex-direction: column;
    }
    
    @media (min-width: 1200px) {
        .featured-collection-with-side-image .featured-collection-content-col {
            width: 76% !important;
        }
        
        .featured-collection-with-side-image .featured-collection-image-col {
            width: 24% !important;
        }
    }

    /* Make section stretch to full height when side image is present */
    .featured-collection-with-side-image-section {
        display: flex;
        flex-direction: column;
    }

    .featured-collection-with-side-image-section > .container,
    .featured-collection-with-side-image-section > .container-fluid {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .featured-collection-with-side-image {
        flex: 1;
        min-height: 100%;
    }

    @media (min-width: 1200px) {
        .featured-collection-side-image-wrapper {
            height: 100%;
            min-height: auto;
        }
        
        .featured-collection-side-image-wrapper img {
            aspect-ratio: auto !important;
            height: 100%;
        }

        /* Ensure grid and carousel take full width when in column */
        .featured-collection-with-side-image .resource-list--grid,
        .featured-collection-with-side-image .swiper-wrapper__custom {
            width: 100%;
        }

        /* Ensure swiper-container has proper width */
        .featured-collection-with-side-image swiper-container {
            width: 100%;
        }

        /* Make image column take full height */
        .featured-collection-with-side-image .featured-collection-image-col {
            min-height: 100%;
            display: flex;
            align-items: stretch;
        }

        /* Make image wrapper take full height of column */
        .featured-collection-with-side-image .featured-collection-side-image-wrapper {
            height: 100%;
            position: relative;
        }
    }
/* END_SECTION:global-featured-collection */