#product-card {
	display: flex;
	flex-flow: row wrap;
	gap: 24px;
	margin: 24px auto;
}

/* Product image previews */

.product-image-previews {
}


/* Main product image */

#product-image-main {
	flex: 1 0 auto;
	width: 80px;
}

#product-image-main img {
	width: 100%;
}


/* Product attributes */
#product-card .attributes {
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	gap: 24px;
	width: 100px;
}

#product-card .attributes .categories ul {
	display: flex;
	flex-flow: row wrap;
	gap: 16px;
}

#product-card .attributes .categories li {
	list-style-type: none;
}

#product-card .attributes .categories a {
	font-weight: 500;
	color: #494D56;
}

#product-card .attributes h1 {
	color: #494D56;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
}

#product-card .attributes h2 {
	color: #494D56;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
}

#product-card .attributes .price {
	color: #494D56;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	white-space: nowrap;
}

#product-card .attributes .actions a {
	width: 100%;
}

#product-card .attributes .specification {
	color: #494D56;
}

#product-card .attributes .specification ul {
	list-style: none;
}

#product-card .attributes .specification li {
	margin: 4px 0;
}

#product-card .attributes .specification .label {
	color: #898B91;
}

/* Useful info */

#product-card .useful-info .header.main,
#product-card .useful-info .header.block {
	margin: 0;
	padding: 0;
}

#product-card .useful-info .header.main {
	color: #494D56;
	font-family: 'Raleway', serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
}

#product-card .useful-info .header.block {
	color: #494D56;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
}

#product-card .useful-info p {
	color: #898B91;
	font-weight: 400;
	font-size: 16px;
	line-height: 23px;
}

/* Useful info */
.useful-info {
	flex: 1 0 100%;
	width: 100%;
}

.collapse-trigger {
	display: flex;
	flex-flow: row nowrap;
	overflow: hidden;
	justify-content: space-between;
	align-content: stretch;
	width: 100%;
	gap: 8px;
}

.collapse-trigger h3 {
	font-family: 'Raleway', serif;
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	color: #494D56;
	margin-bottom: 24px;

	flex: 1 0 auto;
}

.collapse-trigger::after {
	content: url("/assets/web/images/pic/chevron-up.svg");
	flex: 0 0 auto;
}

.collapse-trigger.collapsed::after {
	content: url("/assets/web/images/pic/chevron-down.svg");
}

.collapse-body.collapsed {
	display: none;
}

/* Featured products store */
#store {
	flex: 1 0 100%;
}


@media only screen and (max-width: 768px) {
	#product-card > :nth-child(1) {order: 2}
	#product-card > :nth-child(2) {order: 1}
	#product-card > :nth-child(3) {order: 3}
	#product-card > :nth-child(4) {order: 4}
	#product-card > :nth-child(5) {order: 5}

	#product-card .attributes {
		gap: 16px;
	}

	#product-card .attributes h1 {
		font-size: 24px;
		line-height: 32px;
	}

	#product-card .attributes .price {
		font-size: 20px;
		line-height: 24px;
	}

	#product-card .image-wrapper {
		flex-direction: column-reverse;
		gap: 24px;
	}

	#product-card .product-image-previews {
		flex-flow: row wrap;
		gap: 8px;
		width: 100%;
	}

	#product-card .product-image-previews .item {
		height: 50px;
		width: 50px;
	}

	#product-card #product-image-main {
		flex: 1 0 100%;
		width: 100%;
	}

	#product-card .attributes {
		width: 100%;
	}

	#product-card .categories {
		font-size: 14px;
		line-height: 18px;
	}

	.collapse-trigger h3 {
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 16px;
	}
}