.wine-intro {
	.btn-go-back {
		display: inline-flex;
		flex-direction: column;
		gap: .5rem;
		color: var(--color-black);
		&:hover {
			color: var(--color-orange);
		}
	}
}
.wine-accolades {
	background-color: var(--color-antiqueruby);

	.section-title {
		color: #F39C49;
	}

	.grid-accolade-accordions {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 2rem;

		@media (width >= 768px) {
			grid-template-columns: repeat(2, 1fr);
			gap: 4rem 6rem;
		}
		@media (width >= 992px) {
			grid-template-columns: repeat(3, 1fr);
		}
	}

	.accordion {
		margin-bottom: 0;
		.accordion-item {
			border-bottom: 2px solid var(--color-white);
			.accordion-title {
				font-family: var(--font-primary);
				font-size: var(--text-4xl);
				font-weight: 600;
				color: var(--color-white);
				margin-bottom: 1rem;

				@media (width >= 768px) {
					font-size: var(--text-5xl);
				}

				button {
					width: 100%;
					display: flex;
					align-items: center;
					justify-content: space-between;
					i {
						display: inline-flex;
						align-items: center;
						justify-content: center;
						width: 2em;
						height: 2em;
						font-size: var(--text-xl);
						border: .125em solid var(--color-white);
						border-radius: 50em;
					}
				}

			}
			.accordion-collapse {
				color: var(--color-white);
				ul {
					li {
						padding: .75rem 0;
						&:not(:last-child) {
							border-bottom: 2px solid var(--color-white);
						}
					}
				}
			}
		}
	}
}

.wine-video {
	display: flex;
	align-items: center;
	overflow: hidden;
	max-height: 36rem;
	pointer-events: none;

	video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}