@import '../../../styles/shared/product-description';

.productBundleDescription {
	@include product-description;

    &_bundle {
        $card-spacing-y: $grid-gutter-height;

        &Wrapper {
            margin-top: 34px;
        }
        &List {
            @include grid-row;
            margin-top: -$card-spacing-y;
            display: flex;
            flex-wrap: wrap;
        }
        &Card {
            @include grid-item;
            margin-top: $card-spacing-y;
            max-width: 50%;

            @include media-md-up {
                @include column-width(4);
            }
            
            @include media-xxl-up {
                @include column-width(5);
            }
        }
    }
}