<ul class="product__media-sublist no-js">
								{%- if product.selected_or_first_available_variant.featured_media != null -%}
									{%- assign featured_media = product.selected_or_first_available_variant.featured_media -%}
									<li class="product__media-subitem slider__slide {% if section.settings.image_fit == 'contain' %} product__media-item--contain{% endif %}"
											data-media-sub-id="{{ section.id }}-{{ featured_media.id }}"
									>
										<div class="product__media">
											{% assign image_height = featured_media.preview_image.width
												| divided_by: featured_media.preview_image.aspect_ratio
											%}
											{{
												featured_media.preview_image
												| image_url: width: 246
												| image_tag:
													loading: 'lazy',
													width: featured_media.preview_image.width,
													height: image_height,
													widths: '150, 246,' 
											}}
										</div>
									</li>
								{%- endif -%}
								{%- for media in product.media -%}
									{%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
										<li class="product__media-subitem slider__slide {% if variant_images contains media.src %} product__media-item--variant{% endif %} {% if section.settings.image_fit == 'contain' %} product__media-item--contain{% endif %}"
												data-media-sub-id="{{ section.id }}-{{ media.id }}"
										>
											<div class="product__media">
												{% assign image_height = media.preview_image.width
													| divided_by: media.preview_image.aspect_ratio
												%}
												{{
													media.preview_image
													| image_url: width: 246
													| image_tag:
														loading: 'lazy',
														width: media.preview_image.width,
														height: image_height,
														widths: '150,246'
												}}
											</div>
										</li>
									{%- endunless -%}
								{%- endfor -%}
							</ul>