body:has(.select__dialog.open) {
	overflow: hidden;

	.shopify-section:has(.announcement-bar-promo-container), .section-header{
		opacity: 0;
		pointer-events: none;
	}

	.sticky-add-to-cart {
		z-index: 0;
	}
}

.variant--pickers__option {
	display: flex;
	flex-direction: column;
	row-gap: 1.8rem;

	margin: 0;
	padding: 0;
	border: unset;
}

.variant--picker__label {
	position: relative;

	padding: 2rem 1.6rem;
	border-radius: 0.8rem;
	border: 1.5px solid #eaeaea;

	transition: all 0.25s ease;

	&:has(input:checked) {
		border: 1.5px solid #f56500;
		background: #f5650012;

		.variant--picker__label--hidden--content {
			height: auto;
			margin-top: 1.6rem;
			padding-top: 1.6rem;
			opacity: 1;
			border-color: #0000001a;
		}
	}

	.variant--picker__badge {
		position: absolute;
		top: 0;
		left: 18%;
		translate: 0 -50%;

		padding: 0.4rem 1rem;
		border-radius: 3.2rem;

		font-size: 1.2rem;
		line-height: 1;
		font-weight: 800;
		color: #FFFFFF;

		background-color: #D20019;
	}

	.variant--picker__label--summary {
		display: flex;
		align-items: center;
		gap: 1.6rem;

		cursor: pointer;
	}

	input {
		display: inline-flex;
		align-items: center;
		justify-content: center;

		width: 1.6rem;
		height: 1.6rem;
		margin: 0;

		accent-color: #f56500;
		opacity: 1;
		cursor: pointer;
	}

	.variant--picker__image {
		width: 4.8rem;
		height: 4.8rem;

		img {
			width: 100%;
			height: 100%;

			object-fit: cover;
			object-position: center;
		}
	}

	.variant--picker__title {
		margin-right: auto;

		font-size: 2.2rem;
		line-height: 1;
		font-weight: 700;
		font-style: normal;
		color: #131313;
	}

	.variant--picker__prices {
		display: flex;
		align-items: center;
		gap: 1.4rem;
	}

	.variant--picker__price {
		font-size: 2.2rem;
		line-height: 1;
		font-weight: 600;
		color: #131313;
	}

	.variant--picker__save--badge {
		display: flex;
		justify-content: center;
		align-items: center;

		padding: 0.6rem;
		border-radius: 0.4rem;
		background: rgba(245, 101, 0, 0.10);

		font-size: 1.2rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1;
		color: #F56500;

		&.percentage {
			padding: 0.8rem;
			border-radius: 3.2rem;

			font-size: 1.4rem;
			color: #FFFFFF;

			background-color: #D20019;
		}
	}

	.variant--picker__label--hidden--content {
		height: 0;
		opacity: 0;

		border-top: 1.5px solid transparent;
		transition: 0.25s ease-in-out, opacity 0.2s ease;

		.hidden--content__text {
			margin-top: 0;
			margin-bottom: 0.8rem;

			font-size: 1.4rem;
			line-height: 1.7;
		}

		.hidden--content__button {
			display: flex;
			align-items: center;
			justify-content: space-between;

			width: 100%;
			padding: 1.2rem 2.4rem;
			border-radius: 1.2rem;
			border: 1px solid transparent;

			font-size: 1.4rem;
			font-weight: 500;
			line-height: 1.54;
			color: #000;

			background-color: #FFFFFF;
			cursor: pointer;
			transition: border-color 0.25s ease;

			&:hover, &:focus {
				border-color: #F56500;
			}
		}
	}
}

.select__dialog {
	position: fixed;
	inset-block-start: 0px;
	inset-inline-end: 0px;
	user-select: text;

	display: block;
	translate: 110% 0;

	max-width: 100%;
	max-height: 100%;
	height: 100dvh;
	width: 100%;
	max-width: 53.2rem;

	margin-right: 0;
	padding: 0;
	border: unset;
	visibility: hidden;

	background-color: white;
	transition: translate 0.25s ease, visibility 0.35s ease;

	&.open {
		translate: 0 0;
		visibility: visible;
		z-index: 100;

		&::before {
			content: '';
			position: absolute;
			right: 100%;
			top: 0;

			width: 100dvw;
			height: 100dvh;

			background-color: #00000066;
		}
	}

	/* &::backdrop {
		background-color: #00000066;
	} */

	.dialog__content {
		position: relative;

		display: grid;
		grid-template-rows: auto 1fr auto;

		height: 100%;
		padding: 0 3.2rem;

		.dialog__header {
			width: 100%;
			padding: 2.4rem 0;

			background-color: white;
		}

		.dialog__title {
			margin-top: 0;
			margin-bottom: 1rem;

			font-family: 'Poppins';
			font-size: 2.4rem;
			font-weight: 600;
			line-height: 1.4;
			color: #131313;
		}

		.dialog__progressbar--container {
			.dialog__progressbar--labels {
				display: flex;
				align-items: center;
				justify-content: space-between;

				margin-bottom: 0.8rem;

				font-size: 1.4rem;
				line-height: 1;
				font-weight: 500;
				color: #13131380;

				transition: color 0.25s ease;

				.accent {
					color: #131313;
				}
			}

			.dialog__progressbar--box {
				position: relative;
				padding: 0.2rem;
				background-color: #1313131A;

				.dialog__progressbar--points {
					position: absolute;
					top: 50%;
					left: 50%;
					translate: -50% -50%;
					z-index: 1;

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

					width: 100%;

					.dialog__progressbar--point {
						width: 1.6rem;
						height: 1.6rem;

						border-radius: 50%;
						border: 2px solid #E7E7E7;
						background-color: #fff;

						transition: background-color 0.25s ease;
					}

					.accent {
						background-color: #00B67A;
					}
				}

				.dialog__progressbar {
					height: 0.6rem;
					border-radius: 0.4rem;
					background-color: #00B67A;
					transition: width 0.25s ease;
				}
			}
		}

		.dialog__products--list {
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
			justify-content: flex-start;
			align-content: flex-start;
			gap: 0.8rem;

			padding-bottom: 1.6rem;
			overflow: auto;

			.dialog__product {
				display: flex;
				flex-direction: column;

				width: calc(50% - 0.4rem);

				border-radius: 2.4rem;
				border: 1px solid #0000000D;
				overflow: hidden;

				.dialog__product--image {
					position: relative;
					width: 100%;
					aspect-ratio: 1/1;

					img {
						width: 100%;
						height: 100%;

						object-fit: cover;
						object-position: center;
					}

					modal-opener, modal-opener button {
						position: absolute;
						inset: 0 0 0 0;
					}

					modal-opener button {
						display: flex;
						align-items: flex-start;
						justify-content: flex-end;
						padding: 1rem;

						&:hover, &:focus {
							svg {
								scale: 1.2;
							}
						}

						svg {
							transition: scale 0.25s ease-in-out;
						}
					}
				}

				.dialog__product--info {
					flex: 1;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					padding: 1.6rem 1.2rem;

					.dialog__product--title {
						margin: 0 0 0.4rem 0;

						font-family: 'Poppins';
						font-size: 1.4rem;
						line-height: 1.2;
						font-weight: 700;
						color: #262729;
						text-transform: uppercase;
					}

					.dialog__product--prices {
						display: flex;
						align-items: center;
						font-size: 1.4rem;
						line-height: 1;
						color: #262729;

						.dialog__product--compare-at-price {
							margin-left: 0.4rem;
							text-decoration: line-through;
							color: #26272966;
						}

						.dialog__product__save--badge {
							margin-left: auto;
							border-radius: 3.2rem;
							padding: 0.1rem 0.4rem;

							font-size: 1rem;
							line-height: 1.2;
							font-weight: 700;
							color: #FFFFFF;
							background-color: #D20019;
						}
					}

					.dialog__product--quantity {
						display: flex;
						align-items: center;
						justify-content: center;



						.dialog__product--quantity--input {
							position: relative;

							&.unsetted {
								input, button[is-minus] {
									pointer-events: none;
									visibility: hidden;
								}

								button[is-plus] {
									right: 50%;
									transform: translate(50%, -50%);
									overflow: hidden;

									&::after {
										content: '';

										position: absolute;
										inset: 0 0 0 0;

										background-image: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_10209_6736)'><path d='M15.2023 10.0774L15.5085 5.73892C15.533 5.38494 15.4081 5.03285 15.1653 4.7727C14.9209 4.51068 14.5747 4.36037 14.2154 4.36037H11.6683V2.57807C11.6683 1.4159 10.7169 0.470398 9.54726 0.470398H6.45248C5.28288 0.470398 4.33145 1.4159 4.33145 2.57807V4.36037H1.78444C1.42519 4.36037 1.07893 4.51068 0.834506 4.7727C0.591871 5.03275 0.466883 5.38494 0.491447 5.73939L0.936624 12.0463C1.07479 13.9993 2.72749 15.5293 4.69916 15.5293H11.3007C11.3553 15.5293 11.409 15.5272 11.4627 15.5249C11.5206 15.5274 11.5786 15.5293 11.6371 15.5293C13.7834 15.5293 15.5294 13.7832 15.5294 11.6368C15.5294 11.0824 15.4121 10.5552 15.2023 10.0774ZM14.2155 5.30165C14.3162 5.30165 14.4092 5.34183 14.4772 5.41477C14.5434 5.48574 14.5762 5.57769 14.5696 5.67322L14.3458 8.84536C13.6503 8.17026 12.705 7.75181 11.6632 7.74494C11.6651 7.728 11.6684 7.71143 11.6684 7.69402V5.30174L14.2155 5.30165ZM5.27262 2.57826C5.27262 1.93506 5.80194 1.41176 6.45248 1.41176H9.54726C10.1978 1.41176 10.7271 1.93506 10.7271 2.57826V4.36056H5.27262V2.57826ZM4.69926 14.5882C3.21935 14.5882 1.97907 13.4425 1.87554 11.98L1.43046 5.67369C1.42378 5.57769 1.45653 5.48574 1.52269 5.41477C1.59084 5.34183 1.68373 5.30165 1.78444 5.30165H4.33145V7.69393C4.33145 7.95379 4.54208 8.16452 4.80204 8.16452C5.06199 8.16452 5.27262 7.95379 5.27262 7.69393V5.30165H10.7271V7.69393C10.7271 7.74757 10.738 7.7983 10.7546 7.8463C9.03225 8.24734 7.74472 9.79397 7.74472 11.6368C7.74472 12.8161 8.27253 13.8738 9.10349 14.5881H4.69916L4.69926 14.5882ZM11.6371 14.5882C10.0098 14.5882 8.68599 13.2643 8.68599 11.6369C8.68599 10.0095 10.0098 8.68546 11.6371 8.68546C13.2644 8.68546 14.5882 10.0094 14.5882 11.6369C14.5882 13.2644 13.2643 14.5882 11.6371 14.5882Z' fill='white'/><path d='M13.009 11.1663H12.1078V10.265C12.1078 10.0052 11.8971 9.79445 11.6372 9.79445C11.3772 9.79445 11.1666 10.0052 11.1666 10.265V11.1663H10.2653C10.0054 11.1663 9.79474 11.377 9.79474 11.6369C9.79474 11.8968 10.0054 12.1075 10.2653 12.1075H11.1666V13.0087C11.1666 13.2685 11.3772 13.4792 11.6372 13.4792C11.8971 13.4792 12.1078 13.2685 12.1078 13.0087V12.1075H13.009C13.2689 12.1075 13.4795 11.8968 13.4795 11.6369C13.4795 11.377 13.2689 11.1663 13.009 11.1663Z' fill='white'/></g><defs><clipPath id='clip0_10209_6736'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>");
										background-repeat: no-repeat;
										background-size: 1.6rem 1.6rem;
										background-position: center;
										background-color: #262729;
									}
								}
							}

							input {
								width: 12rem;

								padding: 1rem;
								border: unset;

								font-family: 'Poppins';
								font-size: 1.4rem;
								line-height: 1;
								font-weight: 700;
								text-align: center;

								-webkit-appearance: none;
								-moz-appearance: textfield;
								appearance: textfield;

								&::-webkit-outer-spin-button,
								&::-webkit-inner-spin-button {
									-webkit-appearance: none;
									margin: 0;
								}
							}

							button {
								position: absolute;
								top: 50%;
								transform: translateY(-50%);

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

								width: 3.2rem;
								height: 3.2rem;

								border-radius: 0.8rem;
								border: unset;

								cursor: pointer;
								transition: scale 0.25s ease;



								&:hover, &:focus {
									scale: 1.05;
								}

								&[is-minus] {
									left: 0;

									color: #000000c0;
									background-color: #2627290D;
								}

								&[is-plus] {
									right: 0;

									color: #FFFFFF;
									background-color: #262729;
								}
							}
						}
					}
				}
			}
		}

		.dialog__footer {
			width: 100%;
			padding-bottom: 2.4rem;
			border-top: 1px solid #0000001A;

			background-color: white;

			.dialog__footer--text {
				margin: 1.6rem 0;

				font-size: 1.2rem;
				line-height: 1;
				color: #00000099;
			}

			.dialog__footer--content {
				display: flex;
				justify-content: space-between;

				.dialog__footer--prices {
					display: flex;
					flex-direction: column;
				}

				.dialog__footer--compare--at--total {
					margin-bottom: 0.4rem;

					font-size: 1.6rem;
					line-height: 1;
					font-weight: 500;
					color: #13131399;
					text-decoration: line-through;
				}

				.dialog__footer--total--price {
					font-size: 2rem;
					line-height: 1;
					font-weight: 700;
					color: #131313;
				}

				.dialog__footer--atc {
					padding: 2rem 3.2rem;
					border-radius: 0.8rem;
					border: unset;

					font-size: 1.6rem;
					line-height: 1;
					font-weight: 700;
					color: #FFFFFF;
					text-transform: uppercase;

					cursor: pointer;
					background-color: #00A86B;
					transition: background-color 0.25s ease;

					&:disabled {
						background-color: #D3D3D3;
						cursor: not-allowed;
					}

					&:hover:enabled, &:focus:enabled {
						background-color: #262729;
					}
				}
			}
		}

		.dialog__close--button {
			position: absolute;
			top: 2.4rem;
			right: 3.2rem;
			padding: 0.8rem;
			border: unset;

			background-color: transparent;
			transition: rotate 0.25s ease;

			cursor: pointer;

			&:hover, &:focus {
				rotate: 90deg;
			}
		}
	}
}

.product-form__buttons {
	position: relative;

	.dialog--opener {
		position: absolute;
		inset: 0 0 0 0;
		z-index: 1;
	}
}

/* .product-popup-modal__content {
	max-height: 90dvh;
	overflow: hidden;

	.product-popup-modal__content-info {
		display: flex;

		.image-wrapper {
			height: 100%;

			img {
				width: 100%;
				height: 100%;

				object-position: center;
				object-fit: cover;
			}
		}
	}
} */