uix-product-page {
	&>.product {
		margin: auto;
		padding: 20px;
		margin-top: 70px;
		max-width: 1300px;
		&>.product-preview-carousel {
			background-color: var(--unyt-bg-secondary);
			border-radius: 12px;
			padding: 20px 10px;
			min-width: 50%;
			position: sticky;
			top: 90px;
			@media screen and (max-width: 1300px) {
				min-width: 100%;
				position: unset;
			}
		}
uix-product-page 		&>.product-info {
			width: 100%;
			display: flex;
			gap: 6px!important;
			@media screen and (max-width: 1300px) {
				margin: auto;
				max-width: 800px;
			}
uix-product-page 			&>h2 {
				margin: 0;
				font-size: 2.2rem;
				line-height: 1;
			}
uix-product-page 			&>.tags {
				flex-wrap: wrap;
				display: flex;
				gap: 6px;
				margin-top: 10px;
				margin-bottom: 10px;
			}
uix-product-page 			&>.price-info {
				gap: 4px;
				color: var(--unyt-text-secondary);
				display: flex;
				flex-direction: column;
				&>.details {
					margin-top: -5px;
					color: var(--unyt-text-secondary);
				}
uix-product-page 				&>.shipping-info {
					opacity: 0.6;
					line-height: 1;
					font-size: small;
				}
uix-product-page 				&>.price {
					color: var(--unyt-text-secondary);
					font-family: monospace;
					font-size: 1.5rem;
					margin-top: 6px;
				}
			}
uix-product-page 			&>hr {
				width: 100%;
			}
uix-product-page 			&>form {
				width: 100%;
				max-width: 500px;
				@media screen and (max-width: 1300px) {
					margin: auto;
				}
uix-product-page 				#paypal-button-container {
					margin: unset;
					margin-left: auto;
				}
uix-product-page 				&>.out-of-stock {
					margin-top: 30px;
					margin-bottom: 10px;
					padding-top: 10px;
					font-size: large;
					color: var(--red);
					padding-bottom: 10px;
					border-top: 1px solid var(--unyt-border-primary);
					border-bottom: 1px solid var(--unyt-border-primary);
				}
uix-product-page 				&>.selector {
					margin-bottom: 8px;
					&.variant-selector {
						margin-bottom: 18px;
						&>.variants {
							display: flex;
							gap: 10px;
							padding-top: 5px;
							padding-bottom: 5px;
							&>* {
								--size: 30px;
								width: var(--size);
								border-radius: 999px;
								height: var(--size);
								appearance: none;
								border: none;
								padding: 0;
								outline: 2px solid transparent;
								outline-offset: 2px;
								transition: transform 0.3s ease-in-out, outline-color 0.2s;
								&:not([data-active]):hover {
									transform: scale(0.9);
									outline-color: var(--unyt-text-secondary);
								}
uix-product-page 								&:not([data-active]) {
									border: 2px solid var(--unyt-border-primary);
								}
uix-product-page 								&[data-active] {
									transform: scale(0.8);
									outline-color: var(--unyt-text-primary);
								}
							}
						}
					}
uix-product-page 					&.size-selector {
						&>header>a {
							color: var(--unyt-text-primary);
						}
uix-product-page 						&>select {
							all: unset;
							border: 1px solid var(--unyt-border-primary);
							padding: 10px;
							border-radius: 6px;
							width: 100%;
							box-sizing: border-box;
						}
					}
uix-product-page 					&.quantity-selector {
						margin-top: 20px;
						display: flex;
						gap: 10px;
						flex-wrap: wrap;
						&>.unyt-quantity-adjuster {
							height: auto;
							min-height: 40px;
						}

uix-product-page 						&>.add-to-cart-button {
							max-width: 400px;
							gap: 4px;
							&>button>div>div>.default {
								align-items: center;
							}
						}
					}
uix-product-page 					&>header {
						display: flex;
						align-items: center;
						justify-content: space-between;
						margin-bottom: 6px;
						margin-top: 8px;
						&>h3 {
							font-weight: normal;
							font-size: large;
							margin: 0;
						}
					}
uix-product-page 					&>select {
						padding: 10px;
						border-radius: 6px;
						width: 100%;
					}
				}
			}
uix-product-page 			&>.description {
				--text: var(--unyt-text-secondary)!important;

				uix-markdown-wrapper {
					margin: 0;
					padding: 0;
					width: 100%;
					overflow: hidden;
					margin-top: 10px;
				}
			}
		}
	}
}

@media screen and (max-width:640px) {
uix-product-page 	.product {
		margin-top: 5px;
	}
}

uix-product-page {
	&>.featured-products {
		padding: 20px;
		max-width: 1300px;
		margin: auto;
		min-height: 500px;
	}
}