.page-product {}

	.page-product .price {
		color: var(--secondary-color);
	}

	.page-product .product-photos-variants {
		display: grid;
		grid-auto-columns: 1fr;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto;
		gap: 8px;
	}

		.page-product .product-photos-variants .photo-item {
			background: #ddd;
			height: auto;
			border-radius: .5rem;
		}

			.page-product .product-photos-variants .photo-item img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: .5rem;
			}

	.page-product .product-calc {
		gap: .75rem;
	}

		.page-product .product-calc .btn {
			width: 28px;
			height: 28px;
			display: flex;
			align-items: center;
			justify-content: center;
		}
			.page-product .product-calc .btn[disabled] {
				opacity: .25;
			}

	.page-product .product-attribute {
		position: relative;
		padding-bottom: 0 !important;
	}
		.page-product .product-attribute:after {
			content: '';
			border-bottom: 1px dotted #ddd;
			position: absolute;
			bottom: 1px;
			left: 0;
			width: 100%;
		}

		.page-product .product-attribute .attribute-text {
			background: var(--background);
			position: relative;
			z-index: 1;
		}

	.page-product .product-photos img {
		border-radius: .5rem;
	}

	.page-product .model-products-swiper {}

		.page-product .model-products-swiper .swiper-slide {
			border: 1px solid #e7e7e7;
		}
			.page-product .model-products-swiper .swiper-slide.selected-product {
				border-color: #000;
			}

		.page-product .model-products-swiper img {
			width: 100%;
			height: 100px;
			object-fit: contain;
		}

@media (min-width: 992px) {

	.page-product .product-photos .swiper-wrapper {
		margin-bottom: 0;
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

}

@media (max-width: 556px) {

	.page-product .product-photos {
		margin-left: -.75rem;
		margin-right: -.75rem;
		padding-left: .75rem;
		padding-right: .75rem;
	}

		.page-product .product-photos img {
			height: 260px;
		}

}