/**
 * Standard PDP hero flow and Clicker icon controls.
 * Loaded after the theme stylesheet on non-collection product pages.
 * Below 1000px the theme column flex remains in charge.
 */

@media (min-width: 1000px) {
	.single-product [id^="product-"] {
		display: grid !important;
		grid-template-columns: minmax(0, 624px) minmax(0, 304px);
		column-gap: 16px;
		row-gap: 24px;
		justify-content: space-between;
		align-items: start;
		width: 100%;
		max-width: 100%;
	}

	.single-product [id^="product-"] > .custom-product-gallery {
		grid-column: 1;
		grid-row: 1;
		float: none !important;
		width: auto !important;
		max-width: 100% !important;
		margin-bottom: 0 !important;
	}

	.single-product [id^="product-"] > .summary {
		grid-column: 2;
		grid-row: 1;
		float: none !important;
		width: auto !important;
		max-width: 100% !important;
		margin-bottom: 0 !important;
	}

	.single-product [id^="product-"] > :not(.custom-product-gallery):not(.summary):not(#fp-sticky-cta) {
		grid-column: 1 / -1;
		float: none !important;
		clear: both;
		max-width: 100%;
	}

	.single-product [id^="product-"] > #fp-sticky-cta {
		grid-column: 1 / -1;
		grid-row: 1;
	}
}

@media (min-width: 1280px) {
	.single-product [id^="product-"] {
		grid-template-columns: minmax(0, 744px) minmax(0, 360px);
		column-gap: 24px;
	}
}

@media (min-width: 1900px) {
	.single-product [id^="product-"] {
		grid-template-columns: minmax(0, 1056px) minmax(0, 512px);
		column-gap: 32px;
	}
}

.variations_form .fp-sw-swatches--pa_clicker {
	display: flex !important;
	flex-flow: row wrap !important;
	grid-template-columns: none !important;
	gap: 8px !important;
	width: 100% !important;
}

.variations_form .fp-sw-swatches--pa_clicker .fp-sw-swatch--icon-label {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: 100% !important;
	min-height: 40px !important;
	height: auto !important;
	padding: 6px 12px !important;
	gap: 8px !important;
	border-radius: 8px !important;
	text-align: left !important;
}

.variations_form .fp-sw-swatches--pa_clicker .fp-sw-swatch__icon {
	display: block !important;
	width: 24px !important;
	height: 24px !important;
	max-width: 24px !important;
	max-height: 24px !important;
	flex: 0 0 24px !important;
	object-fit: contain !important;
	border-radius: 0 !important;
	margin: 0 !important;
	aspect-ratio: auto !important;
}

.variations_form .fp-sw-swatches--pa_clicker .fp-sw-swatch__color,
.variations_form .fp-sw-swatches--pa_clicker .fp-sw-swatch__image {
	display: none !important;
}

.variations_form .fp-sw-swatches--pa_clicker .fp-sw-swatch--icon-label .fp-sw-swatch__label {
	position: static !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	clip: auto !important;
	white-space: nowrap !important;
	text-align: left !important;
}

.variations_form .fp-sw-swatches--pa_clicker .fp-sw-swatch--icon-label:focus,
.variations_form .fp-sw-swatches--pa_clicker .fp-sw-swatch--icon-label:focus-visible {
	outline: 2px solid #111827 !important;
	outline-offset: 2px !important;
}