.product-information {
	.product-information__grid {
		.custom-variant-picker {
			width: 100%;

			.custom-variant-picker__form {
				display: flex;
				flex-direction: column;
				gap: 1.25rem;

				/* ===================================
			COMMON (shared by edition + color)
		=================================== */
				.custom-option {
					border: 0;
					padding: 0;
					margin: 0;
				}

				.custom-option--edition,
				.custom-option--color {
					display: none;

					&.is-visible {
						display: block;
					}
				}

				/* ===================================
			HIGH CHAIR
		=================================== */
				.custom-option--high-chair {
					legend {
						font-size: 0.688rem;
						line-height: 1;
						letter-spacing: 8%;
						font-weight: 400;
						margin-bottom: 0.375rem;
						text-transform: uppercase;
					}

					.custom-high-chair {
						position: relative;

						.custom-high-chair__search-wrapper {
							position: relative;

							input {
								width: 100%;
								padding: 15px 16px;
								border: 1px solid #000000;
								border-radius: 2px;

								font-size: 15px;
								font-weight: 600;
								line-height: 1.2rem;
								letter-spacing: 0;
								
								scroll-margin-top: 100px;

								&::placeholder {
									color: #8D9385;
									font-size: 400;
								}

								&:focus-visible,
								&:focus,
								&:focus-within {
									outline: none;
								}
							}

							&::after {
								content: url('search_down_catchy.svg');
								width: 9px;
								height: auto;
								position: absolute;
								right: 20px;
								top: 46%;
								transform: translateY(-50%);
								pointer-events: none;
							}
						}

						.custom-high-chair__results {
							position: absolute;
							top: 100%;
							left: 0;
							right: 0;

							background: #fff;
							border: 1px solid #ddd;
							padding: 15px 16px;

							display: none;

							max-height: 30dvh;
							overflow-y: auto;

							z-index: 999;

							&.active {
								display: block;
							}

							.custom-high-chair__close {
								display: none;
							}

							/* @media screen and (max-width: 749px) {
								position: fixed;
								left: 0;
								right: 0;
								bottom: 0;
								top: auto;

								display: flex;
								flex-direction: column;

								max-height: 85vh;
								overflow-y: auto;
								-webkit-overflow-scrolling: touch;

								padding: 60px 20px 24px;

								background: #fff;

								z-index: 9999;

								opacity: 0;
								visibility: hidden;
								pointer-events: none;

								transform: translateY(100%);

								transition:
									transform .35s cubic-bezier(.22, 1, .36, 1),
									opacity .25s ease,
									visibility 0s linear .35s;

								&.active {
									opacity: 1;
									visibility: visible;
									pointer-events: auto;

									transform: translateY(0);

									transition:
										transform .35s cubic-bezier(.22, 1, .36, 1),
										opacity .25s ease,
										visibility 0s;
								}

								.custom-high-chair__close {
									position: absolute;
									top: 30px;
									right: 20px;

									width: 40px;
									height: 40px;

									display: flex;
									align-items: center;
									justify-content: center;

									border: 0;
									border-radius: 50%;

									background: none;

									font-size: 24px;
									line-height: 1;
									cursor: pointer;
									float: right;

									&:focus-visible,
									&:focus-within {
										outline: none;
									}
								}

							} */
							.custom-high-chair__group-title {
								display: block;
								font-size: 10px;
								font-weight: 600;
								line-height: 1;
								letter-spacing: 10%;
								text-transform: uppercase;
								margin-bottom: 7px;

								&::before {
									content: "—";
									margin-right: 4px;
								}
							}

							&:not(:has([data-category-result="most-popular"].show-result)) [data-category-title="most-popular"] {
								display: none;
							}

							&:not(:has([data-category-result="most-popular"].show-result)) [data-category-title="all-others"] {
								margin-top: 0;
							}

							.custom-high-chair__result {
								padding: 13px 0 8px 0;
								margin: 0 0 0 24px;

								font-weight: 400;
								font-size: 14px;
								line-height: 1.25;
								letter-spacing: 0%;
								border-bottom: 1px solid #E5E5E5;

								/* &:not(:last-child) {
									border-bottom: 1px solid #E5E5E5;
								} */

								& + .custom-high-chair__group-title {
									margin-top: 32px;
								}
							}
						}

						.custom-high-chair__result {
							padding: 10px 12px;
							cursor: pointer;

							&:hover,
							&.is-highlighted {
								background: #f4f4f4;
							}
						}

						.custom-high-chair__hidden-radios {
							display: none;
						}
					}

					.custom-high-chair-error {
						font-size: 12px;
						line-height: 1.25rem;
						letter-spacing: 4%;
						text-align: left;
						padding: 4px 10px;
						margin: 0;
						background: #FF383CD9;
						color: #ffffff;
						border-radius: 0px 0px 2px 2px;

						&.is-visible {
							display: block;
						}
					}
				}

				.catchy-price {
					font-size: 24px;
					font-weight: 600;
					line-height: 1.2rem;
					letter-spacing: 0px;

					&:has(.catchy-price__compare):not(:has(.hidden)) {
						.catchy-price__price {
							color: #ce0058;
							margin-left: 5px;
						}
						.catchy-price__compare {
							text-decoration: line-through;
							color: #8b8e91;
						}
					}
				}

				/* ===================================
			EDITION
		=================================== */
				.custom-option--edition {
					border: 0;
					padding: 0;
					margin: 0;

					legend {
						display: flex;
						justify-content: space-between;
						align-items: center;
						width: 100%;
						font-size: 0.688rem;

						line-height: 1;
						letter-spacing: 8%;
						font-weight: 400;
						margin-bottom: 0.375rem;
						text-transform: uppercase;

						span.edition-popup-trigger {
							position: relative;

							.popup-link {
								--sidebar-width: 30rem;

								.popup-link__button {
									padding-right: 8px;
									font-size: 10px;
									font-weight: 700;
									line-height: 1.1;
									color: #8b5a2b;
									border-bottom: 1px solid currentColor;
									cursor: pointer;

									svg {
										display: none;
									}
								}

								dialog.popup-link__content {
									overflow-y: scroll;
									max-width: 100%;
									/* padding: 48px 20px; */

									.text-block-with-icon * {
										font-size: 16px;
										font-weight: 600;

										@media screen and (max-width: 749px) {
											font-size: 10px;
										}
									}

									/* Mobile only */
									@media (max-width:749px) {
										& {
											display: block !important;
											margin: auto 0 0;
											width: 100%;
											max-width: 100%;
											transform: translateY(100%);
											opacity: 0;
											transition: transform 0.35s cubic-bezier(.22, 1, .36, 1), opacity 0.35s ease;
											animation: none;
										}

										/* Opening */
										&[open] {
											transform: translateY(0);
											opacity: 1;
										}

										/* Closing */
										&.dialog-closing {
											transform: translateY(100%);
											opacity: 0;
										}
									}
								}
								.close-button--wrapper {
									position: sticky;
									top: 0;
									width: 100%;
									height: 64px;
									background-color: var(--color-background);

									display: flex;
									justify-content: end;
									align-items: center;

									&, * {
										z-index: 2;
									}

									.popup-link__close{
										position: static;
										margin-right: 10px;
										--minimum-touch-target: 24px;
										svg {
											width: 24px;
											height: 24px;
										} 
									}
								}
							}

							&::after {
								content: url(small-arrow-edition.svg);
								position: absolute;
								top: 40%;
								transform: translateY(-50%);
								right: 0;
							}
						}
					}

					.custom-edition-grid {
						display: grid;
						grid-template-columns: repeat(2, minmax(0, 1fr));
						border: 1px solid #e6e6e6;
					}

					.custom-edition-card {
						position: relative;
						cursor: pointer;
						margin: 0;
						background: var(--color-background);
						border: 1px solid transparent;

						&:not(:last-child) {
							border-right-color: #E5E5E5;
						}

						input {
							position: absolute;
							opacity: 0;
							pointer-events: none;
						}

						.edition-border {
							display: none;
							position: absolute;
							width: 100%;
							height: 100%;
							top: 0;
							left: 0;
							scale: 1.02;
						}

						.custom-edition-card__content {
							display: flex;
							flex-direction: column;
							justify-content: center;
							padding: 8px 16px 8px 10px;
							transition: all 0.2s ease;
						}

						.title {
							display: flex;
							align-items: center;
							gap: 12px;
							margin-bottom: 2px;

							font-size: 15px;
							line-height: 1.25;
							font-weight: 700;

							.label {
								display: inline-flex;
								align-items: center;
								justify-content: center;
								padding: 4px 10px;
								background: #ece800;
								font-size: 14px;
								line-height: 1;
								font-weight: 700;
								text-transform: uppercase;
							}
						}

						.subtitle {
							font-size: 12px;
							font-weight: 400;
							line-height: 1.25rem;
							letter-spacing: 4%;
						}

						&:hover,
						&:has(input:checked) {
							background: #ffffff;
						}

						&:has(input:checked) {
							z-index: 2;
							border-color: black;
						}
					}
				}

				/* ===================================
			COLOR
		=================================== */
				.custom-option--color {
					.custom-color-tabs {
						display: flex;
						align-items: center;
						gap: 1rem;
						border-top: 1px solid #E5E5E5;
						border-bottom: 1px solid #E5E5E5;
						margin-bottom: 16px;
						padding-block: 8px;
					}

					.custom-color-tab {
						background: none;
						border: none;
						padding: 4px;
						margin: 0;
						font-size: 14px;
						line-height: 1.2rem;
						letter-spacing: 4%;
						color: #5D6156;
						cursor: pointer;
						position: relative;
						font-weight: 400;

						&:hover {
							color: #000000;
						}

						&::before {
							content: attr(data-text);
							visibility: hidden;
							height: 0;
							overflow: hidden;
							display: block;
							font-size: 14px;
							letter-spacing: .02em;
							font-weight: 700;
							padding-inline: 4px;
						}

						&.is-active {
							color: #000000;
							font-weight: 600;
							letter-spacing: 0.02em;

							&::after {
								content: "";
								position: absolute;
								left: 0;
								right: 0;
								bottom: -1px;
								height: 1px;
								background: #FF4390;
							}
						}
					}

					.custom-color-grid {
						display: flex;
						flex-wrap: wrap;
						gap: 14px;
						margin-bottom: 16px;
					}

					.custom-color-swatch {
						position: relative;
						width: 38px;
						height: 38px;
						cursor: pointer;

						input[type="radio"] {
							position: absolute;
							inset: 0;
							width: 100%;
							height: 100%;
							margin: 0;
							opacity: 0;
							cursor: pointer;

							&[disabled] {
								cursor: not-allowed;
							}
						}

						.swatch {
							display: block;
							width: 100%;
							height: 100%;
							border-radius: 50%;
							box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
							position: relative;
							isolation: isolate;
							transition: box-shadow 0.15s ease;
						}

						input:checked+.swatch {
							box-shadow: none;
							border: none;

							&::after {
								content: '';
								position: absolute;
								width: 100%;
								height: 100%;
								background: url('swatch-border-check.svg') no-repeat;
								background-size: contain;
								z-index: 1;
								left: 0;
								top: 0;
							}
						}

						&.is-disabled{
							opacity: 0.5;

							.swatch::before {
								content: "";
								position: absolute;
								top: 50%;
								left: 0;
								width: 100%;
								height: 1px;
								background: currentColor;
								box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.25);
								transform: translateY(-50%) rotate(-45deg);
							}
							
							 input {
								pointer-events: none;
							}

							&:has(input:checked){
								border: none;
								.swatch::after{
									content: '';
									position: absolute;
									width: 100%;
									height: 100%;
									background: url(swatch-border-no-check.svg) no-repeat;
									background-size: cover;
									z-index: 1;
									left: 0;
									top: 0;
									border: none;
								}
							}
						} 

						&.is-hidden,
						&.is-tab-hidden {
							display: none;
						}
					}

					.selected-color {
						font-size: 15px;
						font-weight: 400;
						line-height: 1.25rem;
						letter-spacing: 0%;

						.color-name {
							font-weight: 600;
						}
					}
				}
			}
			.catchy-klaviyo-wrapper {
				form {
					max-width: none !important;
					margin-block: 20px 0 !important;
					padding: 8px !important;

					p, span, a, button, input, select, label, input::placeholder {
						font-family: var(--font-body--family) !important;
					}

					label, input, input::placeholder {
						font-size: 14px !important;
					}

					button.klaviyo-form-button {
						font-size: 18px !important;
					}
				}
			}
		}

		/* ===================================
		ADD TO CART / FORM BUTTONS
	=================================== */
		.product-form-buttons {
			position: relative;

			button.add-to-cart-button {
				background: #82CEF9;
				border-radius: 2px;
				padding: 12px 24px;
				gap: 5px;

				.add-to-cart-text {
					&, & .add-to-cart-text__content {
						font-size: 16px;
						letter-spacing: 2%;
						line-height: 1.5rem;
						font-weight: 600;
						color: #000000;
					}

					.add-to-cart-icon,
					.add-to-cart-icon svg {
						width: var(--icon-size-lg);
						height: var(--icon-size-lg);
					}
				}
				&:not(:has(.add-to-cart-icon svg)) {
					.add-to-cart-text::after {
						content: "";
						background: url("icon-arrow-a2c.svg") no-repeat;
						width: 24px;
						height: 24px;
						background-size: 100%;
					}
				}
			}

			.custom-atc-validation-layer {
				position: absolute;
				inset: 0;
				z-index: 5;
				display: none;
				cursor: pointer;
				border-radius: inherit;

				&.is-active {
					display: block;
				}
			}
		}

		/* Custom image gallery */
		.product-custom-gallery {
			width: 100%;

			.product-custom-gallery__viewer {
				margin-bottom: 10px;
				position: relative;
			}

			.product-custom-gallery__stage {
				position: relative;
				overflow: hidden;
				border-radius: 0;
				background: #f7f7f7;
				aspect-ratio: 1;
				touch-action: pan-y;
				user-select: none;
			}

			/* Media container */

			.product-custom-gallery__media-container {
				width: 100%;
				height: 100%;
				overflow: hidden;
				transition: opacity .22s ease;

				&.is-changing {
				opacity: 0;
				}
			}

			.product-custom-gallery__track {
				display: flex;
				width: 100%;
				height: 100%;
				transform: translate3d(0, 0, 0);
				transition: transform .45s cubic-bezier(.22, .61, .36, 1);
				will-change: transform;
				backface-visibility: hidden;
			}

			.product-custom-gallery__slide {
				flex: 0 0 100%;
				width: 100%;
				height: 100%;

				img,
				video {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: contain;
				}
			}

			.product-custom-gallery__media {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: contain;
				user-select: none;
				-webkit-user-drag: none;

				&:not([src]) {
				display: none;
				}
			}

			/* Loading */

			.product-custom-gallery__loading {
				position: absolute;
				inset: 0;
				display: flex;
				align-items: center;
				justify-content: center;
				background: rgba(247, 247, 247, .9);
				font-size: 14px;
				color: #666;
				opacity: 0;
				pointer-events: none;
				transition: opacity .2s ease;

				&.is-visible {
				opacity: 1;
				}
			}

			/* Arrows */

			.product-custom-gallery__arrow {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				width: 44px;
				height: 44px;
				border: 0;
				background: none;
				cursor: pointer;
				display: flex;
				align-items: center;
				justify-content: center;
				z-index: 10;
				transition: all .2s ease;

				svg {
                    width: 32px;
                    height: 32px;
					--icon-stroke-width: 1px;
				}
			}

			.product-custom-gallery__arrow--prev {
				left: 16px;

				svg {
				transform: rotate(90deg);
				}
			}

			.product-custom-gallery__arrow--next {
				right: 16px;

				svg {
				transform: rotate(-90deg);
				}
			}

			/* Main Gallery Dots */

			.product-custom-gallery__dots {
				position: absolute;
				left: 50%;
				bottom: 18px;
				transform: translateX(-50%);
				display: flex;
				gap: 8px;
				z-index: 5;
			}

			.product-custom-gallery__dot {
				width: 10px;
				height: 10px;
				border: none;
				border-radius: 5px;
				background: #fff;
				cursor: pointer;
				padding: 0;
				box-shadow: 0px 0px 3px #0000001f;
				transition: all .1s ease;

				&.is-active {
					background: #dfdf0d;
					width: 18px;
				}
			}

			/* Thumbnails */

			.product-custom-gallery__thumbnails {
				display: flex;
				justify-content: start;
				gap: 6px;
				overflow-x: auto;
				overflow-y: hidden;
				padding: 0;
				scrollbar-width: none;

				&::-webkit-scrollbar {
				display: none;
				}
			}

			.product-custom-gallery__thumbnail {
				flex: 0 0 90px;
				border-radius: 2px;
				border: 1px solid var(--color-background);
				background: var(--color-background);
				padding: 0;
				cursor: pointer;
				transition: border-color .2s ease;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;

				&:hover {
					border-color: #888;
				}

				&.is-active {
					border-color: #000;

					.product-custom-gallery__thumbnail-image {
						border-radius: 1px;
					}
				}

				img {
					display: block;
					width: 100%;
					aspect-ratio: 1;
					object-fit: cover;
					border-radius: 0;
				}
			}

			.product-custom-gallery__thumbnail-image {
				position: relative;
				overflow: hidden;
				border-radius: 2px;
			}

			.product-custom-gallery__thumbnail-image--overlay {
				position: absolute;
				width: 100%;
				bottom: 0;
				left: 0;

				.product-custom-gallery__thumbnail-title {
					display: block;
					padding: 4px;
					text-align: center;
					color: #333;
					font-family: var(--font-body--family);
					font-weight: 400;
					font-size: 12px;
					line-height: 1.1;
					letter-spacing: 0%;

					background: #E5E5E5;
				}

				/* Thumbnail Dots */

				.product-custom-gallery__thumbnail-dots {
					display: flex;
					justify-content: center;
					gap: 2px;
					padding: 4px;
					z-index: 2;
				}

				.product-custom-gallery__thumbnail-dot {
					width: 4px;
					height: 4px;
					border-radius: 2px;
					background: #fff;
					transition: all .1s ease;

					&.is-active {
						background: #DFDF0D;
						width: 8px;
					}
				}
			}
			/* @media screen and (max-width: 844px) {
				.product-custom-gallery__thumbnails {
					justify-content: start;
				}
			} */

			@media (max-width: 749px) {
				.product-custom-gallery__thumbnails {
					padding-inline: 20px;
				}

				.product-custom-gallery__thumbnail {
					flex: 0 0 88px;
				}

				.product-custom-gallery__thumbnail-title {
					font-size: 10px;
				}

				.product-custom-gallery__arrow {
					width: 36px;
					height: 36px;
				}
			}
		}
	}
}

/* ===================================
MOBILE
=================================== */
@media screen and (max-width: 749px) {
	.product-information .custom-variant-picker .custom-variant-picker__form .custom-option--edition .custom-edition-grid {}
}

/* ===================================
COMPARISON TABLE
=================================== */
.product-details {
	.comparison-table {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		text-transform: none;
		position: relative;
	}

	.comparison-table__column {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 10px;
		border: 1px solid #0000001A;
	}

	.comparison-table__media img,
	.comparison-table__media svg {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		aspect-ratio: 1 / 1;
	}

	.comparison-table__badge {
		position: absolute;
		top: 8px;
		left: 8px;
		z-index: 2;
		padding: 6px 12px;
		color: #000;
		font-size: 10px;
		line-height: 1;
		font-weight: 600;
		text-transform: uppercase;
	}

	.comparison-table__header {
		padding: 8px 16px;
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.comparison-table__label {
		margin: 0;
		font-size: 10px;
		line-height: 1;
		letter-spacing: 0.09em;
		text-transform: uppercase;
		color: #5d6156;
	}

	.comparison-table__title {
		margin: 0;
		font-size: 14px;
		line-height: 1.25;
		font-weight: 600;
		letter-spacing: 0;
		color: #000;
	}

	.comparison-table__price {
		margin: 0;
		font-size: 12px;
		line-height: 1.2;
		letter-spacing: 0.02em;
		color: #000;
	}

	.comparison-table__features {
		padding: 0 16px 16px;

		display: flex;
		flex-direction: column;
		gap: 8px;
		height: 100%;
	}

	.comparison-table__feature {
		display: flex;
		align-items: center;
		flex-grow: 1;
		margin: 0;
		font-size: 14px;
		line-height: 1.25;
		color: #000;

		&:not(:last-child) {
			border-bottom: 1px solid #0000000d;
			padding-bottom: 8px
		}
	}

	.comparison-table__feature--empty {
		color: transparent;
	}

	.comparison-table__badge {
		position: absolute;
		top: 0;
		z-index: 1;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 6px 14px;
		font-size: 11px;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		white-space: nowrap;
		color: var(--badge-text-color, #000);
		background: var(--badge-bg-image, var(--badge-bg-color, #d4e833));
		background-size: 100% 30px;
		background-position: center;
		background-repeat: no-repeat;
		transform: translateY(var(--badge-v-offset, 0px)) rotate(var(--badge-rotation, 0deg));
		transform-origin: center;
		pointer-events: none;
	}

	.comparison-table__badge[data-position-desktop="left"] {
		left: var(--badge-h-offset, 0%);
		right: auto;
	}

	.comparison-table__badge[data-position-desktop="right"] {
		left: calc(50% + 8px + var(--badge-h-offset, 0%));
		right: auto;
	}

	@media screen and (max-width: 749px) {
		.comparison-table__badge {
			transform: translateY(var(--badge-v-offset-mobile, 0px)) rotate(var(--badge-rotation-mobile, 0deg));
		}

		.comparison-table__badge[data-position-mobile="left"] {
			left: var(--badge-h-offset-mobile, 0%);
			right: auto;
		}

		.comparison-table__badge[data-position-mobile="right"] {
			left: calc(50% + 8px + var(--badge-h-offset-mobile, 0%));
			right: auto;
		}
	}
}

.product-details .custom-the-story {
	text-transform: none;

	.text-block {
		&:first-child * {
			font-size: 10px;
			font-weight: 600;
			line-height: 1;
			letter-spacing: 10%;
			color: #70451A;
			text-transform: uppercase;
		}

		&:not(:first-child) * {
			font-size: 15px;
			font-weight: 400;
			line-height: 1.2;
			letter-spacing: 0%;
		}
	}
}


/* Default products */
.section.product-information {
	.product-information__grid[data-product-grid-content] {
		@media screen and (min-width: 750px) {
			grid-template-columns: 1.15fr 1fr;
		}


		.product-information__media {
			img.product-media__image {
				object-fit: cover;
			}
			.media-gallery--carousel {
				@media screen and (min-width: 750px) {
					slideshow-component {
						max-height: calc(100dvh - var(--header-height) - 20px);
					}
				}

				.slideshow-controls__thumbnails-container {
					.slideshow-controls__thumbnails {
						gap: 6px;
						padding: 8px 0 0 6px;
						.slideshow-control {
							position: relative;
							min-width: 89px;
							height: auto;
							border: 1px solid transparent;
							aspect-ratio: 1 / 1;

							&:is([aria-selected=true]) {
								outline: none;
								border-color: black;
								/* &::after {
									content: '';
									background: url('edition-border-square.svg') no-repeat;
									width: 100%;
									height: 100%;
									position: absolute;
									top: 0;
									left: 0;
								} */
							}
						}
					}
				}
			}
		}
	}

	variant-picker {
		/* legend {
			font-size: 0.688rem;
			line-height: 1;
			letter-spacing: 8%;
			font-weight: 400;
			margin-bottom: 0.375rem;
			text-transform: uppercase;
		} */
		 .variant-option__swatch-value {
			padding-inline-start: 0;
		 }
		.variant-option:has(.custom-button-swatch) {
			grid-template-columns: repeat(auto-fit, 38px);
			gap: 14px;
			.custom-button-swatch.variant-option__button-label {
				display: block;
				position: relative;

				width: 38px;
				height: 38px;
				min-height: 0;
				min-width: 0;

				border-radius: 50%;
				cursor: pointer;
				box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
				border: 1px solid #0000001a;

				input {
					position: absolute;
					inset: 0;
					width: 100%;
					height: 100%;
					margin: 0;
					opacity: 0;
					cursor: pointer;
				}
				&:has(input:checked){
					border: none;
					&::after{
						content: '';
						position: absolute;
						width: 100%;
						height: 100%;
						background: url(swatch-border-check.svg) no-repeat;
						background-size: cover;
						z-index: 1;
						left: 0;
						top: 0;
						border: none;
					}
				}
				&.is-disabled{
					&:has(input:checked){
						border: none;
						&::after{
							content: '';
							position: absolute;
							width: 100%;
							height: 100%;
							background: url(swatch-border-no-check.svg) no-repeat;
							background-size: cover;
							z-index: 1;
							left: 0;
							top: 0;
							border: none;
						}
					}
				}
				&.is-disabled{
					opacity: 0.5;

					&::before{
						content: "";
						position: absolute;
						top: 50%;
						left: 0;
						width: 100%;
						height: 1px;
						background: black;
						box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.25);
						transform: translateY(-50%) rotate(-45deg);
						border-radius: 0;
						border: none;
						clip-path: initial;
					}
				}
				&::before {
					content: none;
				}

				.variant-option__button-label__text, .variant-option__button-label__pill, .variant-option__strikethrough {
					display: none;
				}
			}
		}
	}
	product-price{
		[class*="price__"] {
			font-size: 24px;
			font-weight: 600;
			line-height: 1.2rem;
			letter-spacing: 0px;
		}
	}
}
.product-details {
	.price__sale {
		font-size: 24px;
		font-weight: 600;
		line-height: 1.2rem;
		letter-spacing: 0px;
		
		&:not(.price__hidden) {
			display:flex;
			gap:5px;
		}

		.price-item--sale {
			color: #ce0058;
			margin-left: 5px;
		}
		.compare-at-price {
			text-decoration: line-through;
			color: #8b8e91;
			opacity:1;
		}
		.price-item__group:first-child {
			order: 2;
		}
	}
}