﻿/* Landing-specific styling for blog pages (landing + filters) */

.picking-products-filters-dropdown-links .picking-products-filters-link {
	display: block;
	font-weight: 500;
	color: #25292F;
	margin-bottom: 20px;
	white-space: nowrap;
}

.picking-products-filters-dropdown-links .picking-products-filters-link:last-child {
	margin-bottom: 0;
}

.picking-products-filters-dropdown-links .picking-products-filters-link:hover {
	color: #ED622B;
}

.picking-products-filters-dropdown-links .picking-products-filters-link.active {
	font-weight: 700;
}

.landing-page .article-page,
.landing-section .article-page {
	padding-bottom: 40px;
	min-height: auto;
}

.landing-articles {
	margin-top: 32px;
	margin-bottom: 0;
}

.landing-page .article-page-content,
.landing-bridge .article-page-content,
.landing-faq .article-page-content {
	margin-left: 0;
	margin-right: 0;
	max-width: 1200px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

.landing-intro {
	margin-top: 18px;
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 1.6;
	color: #25292F;
}

.landing-page .article-page-content p,
.landing-page .article-page-content div {
	font-size: 16px;
	line-height: 1.6;
	color: #25292F;
}

.landing-page .article-page-content > div,
.landing-page .article-page-content > div *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
	font-size: 16px !important;
	line-height: 1.6;
	color: #25292F;
}

.landing-page .article-page-content {
	font-size: 16px;
	line-height: 1.6;
	color: #25292F;
}

.landing-bridge-text {
	font-size: 16px;
	line-height: 1.6;
	color: #25292F;
}

.landing-faq .article-page-content {
	margin-left: auto;
	margin-right: auto;
}

.landing-bridge .article-page {
	margin-top: 8px;
	padding-bottom: 0;
}

.landing-bridge .article-page-content {
	margin-top: 10px;
}

.landing-toc-block {
	justify-content: center;
	margin-top: 5px;
	max-width: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.landing-toc-block.premium-product-block {
	padding-top: 10px;
	padding-bottom: 15px;
}

.landing-toc-block h2 {
	font-size: 26px;
	margin-bottom: 5px;
	text-align: center;
}

.landing-toc-block .premium-product-block-row {
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px 32px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

.landing-toc-block .premium-product-block-row-item,
.landing-toc-block .premium-product-block-row a.premium-product-block-row-item {
	flex: 0 1 22%;
	max-width: 220px;
	text-align: center;
}

/* Disable scroll-in animation for type-5 block on landing */
.landing-page .premium-product-block.type-5 .premium-product-block-row-item {
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
}

.landing-toc-block .premium-product-block-row-item img {
	max-width: 90px;
	margin: 0 auto 10px;
}

.landing-toc-block .premium-product-block-row-item h3 {
	font-size: 20px !important;
	line-height: 1.3;
	font-weight: 700;
	margin: 4px 0 0;
}

.landing-toc-block .premium-product-block-row-item p {
	display: none;
}

@media (max-width: 767px) {
	.landing-toc-block .premium-product-block-row {
		gap: 18px 20px;
	}
	.landing-toc-block .premium-product-block-row-item,
	.landing-toc-block .premium-product-block-row a.premium-product-block-row-item {
		flex: 0 1 45%;
		max-width: 160px;
	}
	.landing-toc-block .premium-product-block-row-item img {
		max-width: 70px;
		margin-bottom: 8px;
	}
	.landing-toc-block .premium-product-block-row-item h3 {
		font-size: 15px;
	}
}

.landing-articles .landing-section-title {
	font-size: 24px;
	margin-bottom: 28px;
	font-weight: 700;
}

.landing-bridge {
	margin-top: 32px;
}

.landing-bridge .landing-section-title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 18px;
}

.landing-bridge .btn-orange {
	display: inline-block;
	margin-top: 20px;
}

.landing-bridge .landing-products {
	margin-bottom: 0;
}

.landing-bridge .landing-products .picking-products {
	margin-bottom: 12px;
}

.landing-bridge .picking-products-item {
	margin-bottom: 24px;
}

.landing-bridge-btn {
	margin-top: 6px;
	margin-bottom: 0;
}

.landing-bridge-btn .landing-bridge-btn-link {
	color: #fff;
	text-decoration: none;
	display: inline-block;
}

.landing-bridge-btn .btn-orange {
	margin-top: 0;
}

.landing-products-container {
	margin-top: 30px;
	margin-bottom: 10px;
}

.landing-products .picking-products {
	margin-bottom: 60px;
}

.landing-products .picking-products-item-link,
.landing-products .picking-products-item-title,
.landing-products .picking-products-item-description,
.landing-products .picking-products-item-cost {
	color: #25292F;
}

.landing-products .picking-products-item-title {
	font-weight: 700;
}

.landing-faq-item {
	padding: 16px 0;
	border-bottom: 1px solid #E5E4E2;
}

.landing-faq-item:last-child {
	border-bottom: none;
}

.landing-faq-q {
	font-size: 17px;
	font-weight: 600;
	position: relative;
	padding-right: 24px;
	cursor: pointer;
}

.landing-faq-q::after {
	content: '';
	width: 11px;
	height: 6px;
	background: url('../images/select-arrow-down.svg') no-repeat center / 100%;
	position: absolute;
	top: 6px;
	right: 0;
	transition: transform .2s;
}

.landing-faq-item.active .landing-faq-q::after {
	transform: rotate(180deg);
}

.landing-faq-a {
	display: none;
	margin-top: 12px;
	font-size: 16px;
	line-height: 1.45;
}

.landing-faq-item.active .landing-faq-a {
	display: block;
}
