.blog-post-alt {

	margin: 0 0 100px 0;

	.blog-post-alt--flex {

		display: flex;
		justify-content: space-between;

		@media only screen and (max-width: 990px) {
			flex-wrap: wrap;
			justify-content: flex-start;
		}

		.block-klaviyo-form {

			border-radius: 16px;
			padding: 30px 20px;
			margin: 0 0 50px;

			.block-klaviyo-form--title {
				margin: 0 0 10px 0;
				font-family: var(--font-heading-family);
			}

			.block-klaviyo-form--overview {
				margin: 0;
			}

			.block-klaviyo-form--embed {
				width: 100%;
				display: block;
				margin: 16px 0 0 0;
			}

		}

		.block-richtext {
			p {
				font-size: 20px;
				@media only screen and (max-width: 768px) {
					font-size: 16px;
				}
			}
		}

		.block--accordion {

			.block--accordion-details {

				border-bottom: 1px solid #ccc;

				.accordion__summary {

					padding: 20px 0;
					font-size: 20px;

					@media only screen and (max-width: 768px) {
						font-size: 16px;
					}

				}

				.accordion__content {

					margin: 0 0 20px 0;

					p {
						margin: 0 0 12px 0;
						font-size: 20px;

						@media only screen and (max-width: 768px) {
							font-size: 16px;
						}
					}

				}

				&[open] {
					.icon-caret {
						transform: rotate(180deg);
					}
				}

			}

			&:not(:has(~ .block--accordion)) {
				margin-bottom: 30px;
			}

		}

		.blog-post-alt--main {

			width: 70%;

			@media only screen and (max-width: 990px) {
				width: 100%;
			}

			.block-title {

				margin: 0 0 30px;

			}

			.block-products {

				margin: 0 0 30px 0;

				@media only screen and (max-width: 768px) {
					margin-right: -2rem;
				} 

				.slick-arrow {

					font-size: 0;
					padding: 0;
					outline: none;
					border: none;
					width: 56px;
					height: 56px;
					border-radius: 50%;
					background: url('icon-arrow-right.svg') no-repeat center center / 24px;
					position: absolute;
					top: -76px;
					right: 0;
					box-shadow: 0 8px 30px rgba(var(--color-foreground),.08);
					cursor: pointer;

					@media only screen and (max-width: 768px) {
						display: none !important;  
					}

					&.slick-prev {
						right: 66px;
						transform: rotate(180deg);
					}

				}

				.block-product {

					width: 400px;
					margin: 0 20px 0 0;

					@media only screen and (max-width: 768px) {
						width: 260px;
						margin: 0 10px 0 0;
					}

				}

			}

		}

		.blog-post-alt--sidebar {

			width: 30%;
			padding-left: 40px;

			@media only screen and (max-width: 990px) {
				width: 100%;
				padding: 0;
			}

			.block {
				margin-bottom: 30px;
			}

			.block--accordion {
				margin: 0;
			}

			.block-cta-block {

				display: block;
				text-decoration: none;

				.subtitle {
					margin: 0 0 16px;
				}

				img {
					width: 100%;
					height: unset;
					display: block;
					border-radius: 12px;
				}

				.block-cta-block--title {

					margin: 12px 0 0 0;
					font-size: 18px;

				}

			}

		}

	}

}