body.single-post_list .site-header:not(.custom-header-component),
body.single-post_list header[role="banner"]:not(.custom-header-component),
body.single-post_list .main-navigation,
body.single-post_list .site-navigation,
body.single-post_list nav[role="navigation"],
body.single-post_list .site-branding,
body.single-post_list .sidebar,
body.single-post_list .widget-area,
body.single-post_list .secondary-sidebar,
body.single-post_list .generate-page-header,
body.single-post_list .entry-header,
body.single-post_list .post-meta,
body.single-post_list .entry-footer,
body.single-post_list .comments-area,
body.single-post_list .navigation,
body.single-post_list .breadcrumbs {
	display: none !important;
}
body.single-post_list .custom-header-component {
	display: flex !important;
}
body.single-post_list .site-content > .inside-container > .main-content > *:not(.post-list-single),
body.single-post_list .site-content > .inside-container > .sidebar-container {
	display: none !important;
}
body.single-post_list {
	width: 100%;
	max-width: 100%;
}

body.single-post_list .site-content,
body.single-post_list [class*="page"],
body.single-post_list [class*="container"],
body.single-post_list .inside-container,
body.single-post_list .main-content,
body.single-post_list .entry-content,
body.single-post_list .content-area,
body.single-post_list .site-main,
body.single-post_list article,
body.single-post_list .post-list-single {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.post-list-single {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.post-list-content-wrapper {
	width: 100% !important;
	max-width: 100% !important;
	display: flex;
	flex-direction: column;
	margin-top: 0;
}
body.single-post_list {
	padding-top: 0 !important;
}
body.single-post_list .site-content {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

body.single-post_list [class*="page"] {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.single-post_list .post-list-single {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.single-post_list .post-list-content-wrapper {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.single-post_list .post-list-image-section {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.single-post_list .custom-header-component {
	margin-bottom: 0 !important;
}

.post-list-image-section {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	min-height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}
.post-list-image-section::before {
	content: '';
	position: absolute;
	inset: 0;
	padding: 1px;
	background: linear-gradient(
		135deg,
		rgba(0, 0, 0, 0.18),
		rgba(0, 0, 0, 0.04) 35%,
		rgba(0, 0, 0, 0.10) 70%,
		rgba(0, 0, 0, 0.14)
	);
	opacity: 0.45;
			pointer-events: none;
			-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}

.post-list-image-section::after {
	content: '';
	position: absolute;
	inset: -25%;
	background: radial-gradient(circle at 30% 20%, rgba(0, 0, 0, 0.10), transparent 55%);
	opacity: 0.35;
	pointer-events: none;
}

.post-list-image-section > * {
	position: relative;
	z-index: 1;
}

	@media (prefers-reduced-motion: no-preference) {
			@media (hover: hover) and (pointer: fine) {
		.post-list-image-section {
			transition: box-shadow 220ms ease, transform 220ms ease, border-color 220ms ease;
		}
		.post-list-image-section:hover {
			transform: translateY(-2px);
			border-color: rgba(0, 0, 0, 0.12);
			box-shadow: 0 14px 38px rgba(0, 0, 0, 0.08);
		}
		.post-list-image-section:hover::before {
			opacity: 0.6;
		}
	}
}

.post-list-main-image {
	width: 100%;
	max-width: 600px;
	height: auto;
	display: block;
	object-fit: contain;
	margin: 0 auto;
	transform: translate3d(0, 0, 0);
	will-change: transform;
	backface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
}
.post-list-image-section video {
	width: 100%;
	max-width: 600px;
	height: auto;
	display: block;
	margin: 0 auto;
	transform: translate3d(0, 0, 0);
	will-change: transform;
	backface-visibility: hidden;
}

.post-list-image-placeholder {
	width: 100%;
	height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f5f5f5;
	color: #999;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.post-list-info-section {
	width: 100%;
	max-width: 100%;
	background: #fff;
	padding: 2rem 1.5rem;
}
.post-list-main-title {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.1rem;
	font-weight: 400;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #111;
	margin: 0 0 0.75rem 0;
	line-height: 1.25;
}

@media (max-width: 768px) {
	.post-list-main-title {
		font-weight: 500;
		letter-spacing: 0.06em;
	}
}


.post-list-tabs {
	display: flex;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 2rem;
	margin-top: 0;
	padding-top: 0;
	gap: 0;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
	width: 100%;
	flex-wrap: nowrap;
	align-items: flex-end;
}
@media (min-width: 769px) {
	.post-list-tabs {
		overflow-x: visible;
		flex-wrap: wrap;
	}
}
@media (max-width: 768px) {
	.post-list-tabs::after {
		content: '';
		flex-shrink: 0;
		width: 1rem;
	}
}

.post-list-tabs::-webkit-scrollbar {
	display: none;
}

.post-list-tab {
	background: none;
	border: none;
	padding: 1rem 1.5rem;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #666;
	cursor: pointer;
	transition: all 0.2s ease;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	white-space: nowrap;
	flex-shrink: 0;
	flex-grow: 0;
	min-width: max-content;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: center;
}

.post-list-tab.active {
	color: #000;
	background: none;
	border-bottom-color: #000;
	font-weight: 500;
}

.post-list-tab-content {
	display: none;
}

.post-list-tab-content.active {
	display: block;
}

.post-list-section-heading {
	margin: 0 0 0.75rem 0;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.3;
}

.post-list-description {
	width: 100%;
	max-width: 100%;
	padding: 1rem 0;
	text-align: left;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.95rem;
	line-height: 1.6;
	color: #333;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
}

.post-list-description img {
	max-width: 100% !important;
	height: auto !important;
	object-fit: contain !important;
	display: block !important;
	margin: 1rem auto !important;
}

.post-list-description video,
.post-list-description iframe,
.post-list-description .wp-video,
.post-list-description .wp-video-shortcode {
	max-width: 100% !important;
	height: auto !important;
	display: block !important;
	margin: 1rem auto !important;
}

.post-list-description .wp-block-embed,
.post-list-description .wp-block-embed__wrapper {
	position: relative !important;
	padding-bottom: 56.25% !important; /* 16:9 aspect ratio */
	height: 0 !important;
	overflow: hidden !important;
	margin: 1rem 0 !important;
}

.post-list-description .wp-block-embed iframe,
.post-list-description .wp-block-embed__wrapper iframe {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

.post-list-description video {
	width: 100% !important;
	max-width: 100% !important;
}


.post-list-description p {
	margin: 0 0 1rem 0;
}

.post-list-description p:last-child {
	margin-bottom: 0;
}

.post-list-price,
.post-list-key-features,
.post-list-benefits,
.post-list-pros-cons,
.post-list-security-privacy,
.post-list-faq {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.9rem;
	line-height: 1.6;
	color: #333;
}

.post-list-faq {
	max-width: 600px;
	margin: 0 auto;
}

.faq-item {
	border-bottom: 1px solid #e5e5e5;
}

.faq-item:first-child {
	border-top: 1px solid #e5e5e5;
}

.faq-question {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.25rem 1.5rem;
	background: #fff;
	border: none;
	text-align: left;
	cursor: pointer;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	letter-spacing: 0.2px;
	color: #000;
	transition: background-color 0.2s ease;
}

.faq-question:hover {
	background-color: #fafafa;
}

.faq-question-text {
	flex: 1;
	line-height: 1.5;
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	transition: none;
}

.faq-question[aria-expanded="true"] .faq-question-text {
	opacity: 1 !important;
	display: block !important;
	visibility: visible !important;
	color: #000 !important;
}

.faq-question[aria-expanded="true"] {
	color: #000 !important;
}

.faq-icon {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666;
	transition: transform 0.3s ease, color 0.2s ease;
	margin-left: 1rem;
}

.faq-icon svg {
	width: 16px;
	height: 16px;
	stroke: currentColor;
}

.faq-question[aria-expanded="true"] .faq-icon {
	transform: rotate(180deg);
	color: #000;
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
}

.faq-question[aria-expanded="true"] + .faq-answer {
	max-height: 2000px;
}

.faq-answer-content {
	padding: 0 1.5rem 1.25rem 1.5rem;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.6;
	color: #666;
	letter-spacing: 0.1px;
}

.faq-answer-content p {
	margin: 0 0 0.75rem 0;
}

.faq-answer-content p:last-child {
	margin-bottom: 0;
}

.faq-answer-content ul,
.faq-answer-content ol {
	margin: 0.75rem 0;
	padding-left: 1.5rem;
}

.faq-answer-content li {
	margin-bottom: 0.5rem;
}

@media (max-width: 768px) {
	.post-list-faq {
		max-width: 100%;
	}
	
	.faq-question {
		padding: 1rem 1.25rem;
		font-size: 0.8rem;
	}
	
	.faq-answer-content {
		padding: 0 1.25rem 1rem 1.25rem;
		font-size: 0.8rem;
	}
	
	.faq-icon {
		width: 18px;
		height: 18px;
		margin-left: 0.75rem;
	}
	
	.faq-icon svg {
		width: 14px;
		height: 14px;
	}
}

.use-tool-preview-section {
	width: 100%;
	max-width: 100%;
	margin: 3rem auto;
	padding: 0 2rem;
}

.use-tool-box {
	max-width: 600px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 2rem 2.5rem;
	text-align: center;
	transition: all 0.3s ease;
}

.use-tool-box:hover {
	border-color: #000;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.use-tool-title {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.1rem;
	font-weight: 400;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #000;
	margin: 0 0 0.5rem 0;
}

.use-tool-description {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	color: #666;
	margin: 0 0 1.5rem 0;
	line-height: 1.5;
}

.use-tool-button {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.875rem 2rem;
	background: #000;
	color: #fff;
	border: 1px solid #000;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.3s ease;
}

.use-tool-button:hover {
	background: #fff;
	color: #000;
}

.use-tool-button-icon {
	display: flex;
	align-items: center;
	transition: transform 0.3s ease;
}

.use-tool-button:hover .use-tool-button-icon {
	transform: translateX(3px);
}

.use-tool-button-icon svg {
	stroke: currentColor;
}

.tool-preview-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100002;
}

.tool-preview-modal.active {
	display: flex;
	align-items: center;
	justify-content: center;
	animation: fadeIn 0.2s ease;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.tool-preview-modal-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(2px);
}

.tool-preview-modal-content {
	position: relative;
	width: 80%;
	height: 80%;
	max-width: 1400px;
	max-height: 90vh;
	background: #fff;
	display: flex;
	flex-direction: column;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
	z-index: 1;
	opacity: 0;
	transform: scale(0.95);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.tool-preview-modal.active .tool-preview-modal-content {
	opacity: 1;
	transform: scale(1);
}

.tool-preview-modal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 2rem;
	border-bottom: 1px solid #e5e5e5;
	flex-shrink: 0;
}

.tool-preview-modal-title {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #000;
	margin: 0;
}

.tool-preview-modal-close {
	background: none;
	border: none;
	padding: 0.5rem;
	cursor: pointer;
	color: #666;
	transition: color 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tool-preview-modal-close:hover {
	color: #000;
}

.tool-preview-modal-close svg {
	stroke: currentColor;
}

.tool-preview-modal-body {
	flex: 1;
	min-height: 0;
	overflow: hidden;
	position: relative;
}

.tool-preview-iframe-wrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	filter: blur(24px);
	transform: scale(1.02);
	transition: filter 6s ease-out, transform 6s ease-out;
}

.tool-preview-iframe-wrap.sharp {
	filter: blur(0);
	transform: scale(1);
}

.tool-preview-modal-body iframe {
	width: 100%;
	height: 100%;
	border: none;
}

.age-verification-screen-modal {
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.98);
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem;
}

.age-verification-screen-modal .age-verification-content {
	text-align: center;
	max-width: 520px;
	width: 100%;
}

.age-verification-screen-modal .age-verification-title {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.85rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #000;
	margin: 0 0 1.5rem 0;
}

.age-verification-screen-modal .age-verification-text {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1.6;
	color: #666;
	margin: 0 0 1rem 0;
}

.age-verification-screen-modal .age-verification-question {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1.6;
	color: #000;
	margin: 0 0 1.5rem 0;
}

.age-verification-screen-modal .age-verification-buttons {
	display: flex;
	gap: 1rem;
	justify-content: center;
	align-items: center;
}

.age-verification-screen-modal .age-verification-yes,
.age-verification-screen-modal .age-verification-no {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0.85rem 1.5rem;
	border: 1px solid #000;
	cursor: pointer;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.age-verification-screen-modal .age-verification-yes {
	background: #000;
	color: #fff;
}

.age-verification-screen-modal .age-verification-yes:hover {
	background: #fff;
	color: #000;
}

.age-verification-screen-modal .age-verification-no {
	background: #fff;
	color: #000;
}

.age-verification-screen-modal .age-verification-no:hover {
	background: #000;
	color: #fff;
}

@media (max-width: 768px) {
	.age-verification-screen-modal {
		padding: 1rem;
	}
	
	.age-verification-screen-modal .age-verification-title {
		font-size: 0.75rem;
		margin-bottom: 1rem;
	}
	
	.age-verification-screen-modal .age-verification-text,
	.age-verification-screen-modal .age-verification-question {
		font-size: 0.85rem;
	}
	
	.age-verification-screen-modal .age-verification-buttons {
		flex-direction: column;
		width: 100%;
	}
	
	.age-verification-screen-modal .age-verification-yes,
	.age-verification-screen-modal .age-verification-no {
		width: 100%;
		justify-content: center;
		display: flex;
	}
}

.tool-preview-ended-screen {
	display: none;
	position: absolute;
	inset: 0;
	background: #fff;
	align-items: center;
	justify-content: center;
	padding: 2rem;
	box-sizing: border-box;
}

.tool-preview-ended-box {
	width: 100%;
	max-width: 680px;
	border: 1px solid #e5e5e5;
	padding: 2rem 1.75rem;
	text-align: center;
	background: #fff;
}

.tool-preview-ended-title {
	margin: 0 0 0.75rem 0;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.95rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #111;
}

.tool-preview-ended-text {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.6;
	color: #666;
}

.tool-preview-replay-button {
	margin-top: 1.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.7rem 1.1rem;
	background: #fff;
	color: #111;
	border: 1px solid #e5e5e5;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.72rem;
	font-weight: 400;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	cursor: pointer;
	transition: border-color 200ms ease, color 200ms ease, background 200ms ease;
}

.tool-preview-replay-button:hover {
	border-color: #000;
	color: #000;
}

.tool-preview-replay-button svg {
	stroke: currentColor;
}

.tool-preview-modal.ended .tool-preview-iframe-wrap {
	display: none;
}
.tool-preview-modal.ended .tool-preview-ended-screen {
	display: flex;
}

.tool-preview-modal-footer {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.25rem 2rem;
	border-top: 1px solid #e5e5e5;
	flex-shrink: 0;
	gap: 1rem;
}

.tool-preview-timer {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.75rem;
	color: #666;
	letter-spacing: 0.5px;
}

.tool-preview-actions {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	width: auto;
	max-width: calc(100% - 2rem);
	margin: 0 auto;
	justify-content: center;
	align-self: center;
}

.tool-preview-continue-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.75rem 1.25rem;
	background: #fff;
	color: #000;
	border: 1px solid #000;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: all 0.25s ease;
	cursor: pointer;
	flex: 1;
	min-width: 0;
	white-space: nowrap;
}

.tool-preview-continue-button:hover {
	background: #000;
	color: #fff;
}

.tool-preview-visit-button {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	background: #000;
	color: #fff;
	border: 1px solid #000;
	text-decoration: none;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: all 0.3s ease;
}

.tool-preview-visit-button:hover {
	background: #fff;
	color: #000;
}

.tool-preview-visit-button svg {
	stroke: currentColor;
	transition: transform 0.3s ease;
}

.tool-preview-visit-button:hover svg {
	transform: translateX(3px);
}

.tool-preview-visit-button--compact {
	flex: 0 0 auto;
	min-width: 180px;
	justify-content: center;
	padding: 0.75rem 1rem;
}

@media (max-width: 768px) {
	.use-tool-preview-section {
		padding: 0 1rem;
		margin: 2rem auto;
	}
	
	.use-tool-box {
		padding: 1.5rem 1.5rem;
	}
	
	.use-tool-title {
		font-size: 1rem;
	}
	
	.use-tool-description {
		font-size: 0.8rem;
	}
	
	.use-tool-button {
		padding: 0.75rem 1.5rem;
		font-size: 0.7rem;
	}
}
	
	.tool-preview-modal-content {
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
		border-radius: 0;
	}
	
	.tool-preview-modal-header {
		padding: 1.25rem 1.5rem;
	}
	
	.tool-preview-modal-title {
		font-size: 0.875rem;
	}
	
	.tool-preview-modal-footer {
		padding: 1.25rem 1.5rem;
		flex-direction: column;
		gap: 1rem;
		align-items: stretch;
	}

	.tool-preview-actions {
		width: 100%;
		max-width: 100%;
		justify-content: center;
		flex-direction: column;
		align-items: stretch;
	}

	.tool-preview-continue-button {
		width: 100%;
	}

	.tool-preview-actions .tool-preview-visit-button--compact {
		width: 100%;
		min-width: 0;
	}
}

.benefits-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
	margin: 0;
	padding: 0;
}

.benefit-card {
	position: relative;
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 1.25rem 1rem;
	transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	cursor: default;
	overflow: hidden;
}

.benefit-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #000;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.benefit-card:hover {
	border-color: #000;
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.benefit-card:hover::before {
	transform: scaleX(1);
}

.benefit-card-icon {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.75rem;
	color: #000;
	transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.benefit-card-icon svg {
	width: 100%;
	height: 100%;
	stroke: currentColor;
}

.benefit-card:hover .benefit-card-icon {
	transform: scale(1.05) rotate(3deg);
}

.benefit-card-content {
	flex: 1;
}

.benefit-card-title {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.85rem;
	font-weight: 500;
	letter-spacing: 0.2px;
	color: #000;
	margin: 0;
	line-height: 1.3;
}

.benefit-card-hover-effect {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.02), transparent);
	transition: height 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	pointer-events: none;
}

.benefit-card:hover .benefit-card-hover-effect {
	height: 100%;
}

.key-features-pills {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 0;
	margin: 0 auto;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	max-width: 100%;
}

.key-feature-pill {
	display: flex;
	align-items: center;
	padding: 1rem 1.5rem;
	background-color: #fff;
	color: #000;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	transition: all 0.2s ease;
	border-left: 3px solid var(--feature-color, #e5e5e5);
	position: relative;
}

.key-feature-pill span {
	display: block;
	width: 100%;
}

.key-feature-pill::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background-color: var(--feature-color, #e5e5e5);
}


.key-feature-pill:not(:last-child) {
	border-bottom: 1px solid #e5e5e5;
}

.pros-cons-table {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	margin: 0 auto;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	max-width: 100%;
}

.pros-cons-item {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	padding: 1rem 1.5rem;
	background-color: #fff;
	color: #000;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	transition: background-color 0.2s ease;
}

.pros-cons-item:hover {
	background-color: #fafafa;
}

.pros-cons-label {
	flex-shrink: 0;
	font-size: 0.7rem;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #666;
	min-width: 40px;
	text-align: left;
}

.pros-cons-item.pro-item .pros-cons-label {
	color: #4caf50;
}

.pros-cons-item.con-item .pros-cons-label {
	color: #f44336;
}

.pros-cons-text {
	flex: 1;
	font-size: 0.875rem;
	font-weight: 400;
	letter-spacing: 0.2px;
	line-height: 1.5;
	color: #000;
}

.pros-cons-item:not(:last-child) {
	border-bottom: 1px solid #e5e5e5;
}

@media (max-width: 768px) {
	.pros-cons-item {
		padding: 0.875rem 1rem;
		gap: 1rem;
	}
	
	.pros-cons-label {
		font-size: 0.65rem;
		min-width: 35px;
	}
	
	.pros-cons-text {
		font-size: 0.8rem;
	}
}

.post-list-price-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.post-list-price-table thead {
	border-bottom: 2px solid #000;
}

.post-list-price-table th {
	padding: 1rem 1.5rem;
	text-align: left;
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #000;
}

.post-list-price-table tbody tr {
	border-bottom: 1px solid #e5e5e5;
	transition: background-color 0.2s ease;
}

.post-list-price-table tbody tr:hover {
	background-color: #f9f9f9;
}

.post-list-price-table tbody tr.price-table-payment-row:hover td {
	background-color: #fff;
}

.post-list-price-table tbody tr:last-child:not(.price-table-payment-row) {
	border-bottom: none;
}

.post-list-price-table .price-table-payment-row {
	border-bottom: 1px solid #e5e5e5;
}

.post-list-price-table td {
	padding: 1.25rem 1.5rem;
	font-size: 0.9rem;
	color: #333;
}

.post-list-price-table .price-label {
	font-weight: 500;
}

.post-list-price-table .price-value {
	font-weight: 600;
	color: #000;
}

.post-list-price-table .price-period {
	color: #666;
	font-size: 0.85rem;
}

@media (max-width: 768px) {
	.post-list-price-table {
		font-size: 0.85rem;
	}
	
	.post-list-price-table th,
	.post-list-price-table td {
		padding: 0.875rem 1rem;
	}
	
	.price-table-payment-row td {
		padding: 1rem;
	}

	.price-table-payment-row .price-label {
		font-size: 0.8rem;
	}

	.payment-method-icon-wrap .payment-icon {
		width: 20px;
		height: 20px;
	}
	
	.post-list-price-table th {
		font-size: 0.7rem;
	}
	
	.post-list-price-table .price-period {
		font-size: 0.8rem;
	}
}

/* Payment methods row – integrated into price table */
.price-table-payment-row td {
	border-top: 1px solid #e5e5e5;
	background-color: #fff;
	padding: 1.25rem 1.5rem;
	vertical-align: middle;
}

.price-table-payment-row .price-label {
	font-weight: 700;
	color: #000;
	width: 1%;
	white-space: nowrap;
	font-size: 0.85rem;
	letter-spacing: 0.3px;
}

.payment-methods-cell {
	vertical-align: middle;
	text-align: center;
}

.payment-methods-pills {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 1.5rem;
}

.payment-method-icon-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #333;
	transition: opacity 0.2s ease;
}

.payment-method-icon-wrap:hover {
	opacity: 0.75;
}

.payment-method-icon-wrap .payment-icon {
	width: 22px;
	height: 22px;
	stroke-width: 1.25;
	color: #333;
}

/* Fallback when no price table */
.post-list-payment-methods-standalone {
	margin-top: 1rem;
	padding: 1.25rem 1.5rem;
	border: 1px solid #e5e5e5;
	background-color: #fff;
}

.payment-methods-standalone-label {
	display: block;
	font-size: 0.85rem;
	font-weight: 700;
	color: #000;
	letter-spacing: 0.3px;
	margin-bottom: 0.75rem;
}

.post-list-payment-methods-standalone .payment-methods-pills {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 1.5rem;
}

.post-list-description p,
.post-list-price p,
.post-list-key-features p,
.post-list-benefits p,
.post-list-pros-cons p,
.post-list-security-privacy p,
.post-list-faq p {
	margin: 0 0 1rem 0;
}

.post-list-description p:last-child,
.post-list-price p:last-child,
.post-list-key-features p:last-child,
.post-list-benefits p:last-child,
.post-list-pros-cons p:last-child,
.post-list-security-privacy p:last-child,
.post-list-faq p:last-child {
	margin-bottom: 0;
}

.post-list-cta-wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4rem 2rem;
	background: #fff;
	position: relative;
}

.post-list-cta-button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding: 0;
	min-width: 280px;
	height: 60px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	background: transparent;
	border: none;
	overflow: visible;
	cursor: pointer;
	transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.cta-button-border {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.cta-border-svg {
	width: 100%;
	height: 100%;
	stroke: #000;
	stroke-width: 1;
	fill: none;
}

.cta-path {
	stroke-dasharray: 400;
	stroke-dashoffset: 400;
	transition: stroke-dashoffset 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.post-list-cta-button:hover .cta-path {
	stroke-dashoffset: 0;
}

.cta-button-text {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding-left: 1.5rem;
	line-height: 1.2;
}

.cta-text-line {
	position: relative;
	display: block;
	overflow: hidden;
	height: 1.2em;
}

.cta-text-line span {
	display: block;
	transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.cta-text-line::after {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateY(100%);
	transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.post-list-cta-button:hover .cta-text-line > span {
	transform: translateY(-100%);
}

.post-list-cta-button:hover .cta-text-line::after {
	transform: translateY(0);
}

.cta-button-arrow {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin-right: 1.5rem;
	border: 1px solid #000;
	border-radius: 50%;
	transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	overflow: hidden;
}

.cta-button-arrow svg {
	transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.post-list-cta-button:hover .cta-button-arrow {
	background: #000;
	color: #fff;
	transform: rotate(45deg);
}

.post-list-cta-button:hover .cta-button-arrow svg {
	transform: translateX(2px);
}

.cta-button-glow {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	background: radial-gradient(circle, rgba(0, 0, 0, 0.05) 0%, transparent 70%);
	border-radius: 50%;
	opacity: 0;
	transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	pointer-events: none;
	z-index: 0;
}

.post-list-cta-button:hover .cta-button-glow {
	width: 400px;
	height: 400px;
	opacity: 1;
}

.post-list-compare-cta-wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3rem 2rem 3rem;
	box-sizing: border-box;
}
.post-list-compare-cta-box {
	width: 280px;
	min-width: 280px;
	max-width: 100%;
	background: #fff;
	border: 1px solid #e0e0e0;
	padding: 1.5rem 2.5rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem 1rem;
	transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
	box-sizing: border-box;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.post-list-compare-cta-box:hover {
	background: #fafafa;
	border-color: #d0d0d0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.post-list-compare-cta-text {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	color: #333;
	margin: 0;
	letter-spacing: 0.3px;
}
.post-list-compare-cta-link {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color 0.25s ease;
}
.post-list-compare-cta-link:hover {
	border-bottom-color: #000;
}

.post-list-article-preview {
	width: 100%;
	max-width: 1200px;
	margin: 2rem auto 0;
	padding: 0 2rem;
}
.post-list-article-preview-link {
	display: block;
	text-decoration: none;
	color: inherit;
	background: #fafafa;
	border: 1px solid #eee;
	padding: 1rem 1.25rem;
	transition: border-color 0.2s ease, background 0.2s ease;
}
.post-list-article-preview-link:hover {
	border-color: #ddd;
	background: #fff;
}
.post-list-article-preview-label {
	display: block;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.65rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #999;
	margin-bottom: 0.35rem;
}
.post-list-article-preview-title {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1.35;
	color: #222;
	margin: 0 0 0.4rem 0;
}
.post-list-article-preview-date {
	display: block;
	font-size: 0.75rem;
	color: #888;
	margin-bottom: 0.5rem;
}
.post-list-article-preview-excerpt {
	font-size: 0.8rem;
	line-height: 1.45;
	color: #555;
	margin: 0 0 0.5rem 0;
}
.post-list-article-preview-cta {
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #000;
}
.post-list-article-preview-link:hover .post-list-article-preview-cta {
	text-decoration: underline;
}
@media (max-width: 768px) {
	.post-list-article-preview {
		margin-top: 1.5rem;
		padding: 0 1rem;
	}
	.post-list-article-preview-link {
		padding: 0.9rem 1rem;
	}
	.post-list-article-preview-title {
		font-size: 0.9rem;
	}
}

.post-list-related-section {
	width: 100%;
	max-width: 1200px;
	margin: 4rem auto 0;
	padding: 0 2rem;
}

.related-posts-title {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #000;
	margin: 0 0 2rem 0;
	text-align: center;
}

.related-posts-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin: 0;
}

.related-post-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	text-decoration: none;
	color: inherit;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.related-post-card:hover {
	transform: translateY(-2px);
	opacity: 0.9;
}

.related-post-image-wrapper {
	width: 100%;
	aspect-ratio: 2 / 3;
	overflow: hidden;
	background: #f5f5f5;
	position: relative;
}

.related-post-image {
	width: 100%;
	height: 100%;
	object-fit: cover !important;
	object-position: center !important;
	display: block;
}

.related-post-image-wrapper video {
	width: 100%;
	height: 100%;
	object-fit: cover !important;
	object-position: center !important;
	display: block;
}

.related-post-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f5f5f5;
	color: #999;
	font-size: 0.875rem;
}

.related-post-info {
	padding: 0.75rem 0.75rem 0 0.75rem !important;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.related-post-title-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 0.5rem;
	width: 100%;
	padding: 0;
}

.related-post-title {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 0.9rem !important;
	font-weight: 400 !important;
	letter-spacing: 0.3px !important;
	color: #000 !important;
	margin: 0 !important;
	line-height: 1.3 !important;
	flex: 1;
	text-align: left;
}

.related-post-save-button {
	background: none !important;
	border: none !important;
	cursor: pointer;
	padding: 0 !important;
	color: #000 !important;
	width: 18px !important;
	height: 18px !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: opacity 0.2s ease, color 0.2s ease;
	margin: 0 !important;
}

.related-post-save-button svg {
	width: 18px !important;
	height: 18px !important;
	display: block !important;
	stroke: currentColor !important;
}

.related-post-save-button:hover {
	opacity: 0.6;
}

.related-post-save-button.active {
	color: #e00;
}

.related-post-save-button.active svg {
	fill: currentColor;
}

@media (min-width: 769px) {
	.post-list-cta-button {
		min-width: 320px;
		height: 70px;
		font-size: 0.8rem;
	}
	.post-list-compare-cta-box {
		width: 320px;
		min-width: 320px;
	}
}

@media (max-width: 768px) {
	.post-list-cta-wrapper {
		padding: 3rem 1.5rem;
	}
	.post-list-compare-cta-wrapper {
		padding: 3rem 1.5rem 2.5rem;
	}
	.post-list-compare-cta-box {
		width: 100%;
		min-width: 0;
		padding: 1.25rem 1.5rem;
	}
	.post-list-cta-button {
		min-width: 100%;
		max-width: 100%;
		height: 60px;
		font-size: 0.7rem;
		letter-spacing: 2px;
	}
	
	.cta-button-text {
		padding-left: 1rem;
	}
	
	.cta-button-arrow {
		width: 36px;
		height: 36px;
		margin-right: 1rem;
	}
}

/* Desktop */
@media (min-width: 769px) {
	body.single-post_list .inside-container,
	body.single-post_list .main-content,
	body.single-post_list .entry-content {
		max-width: 100% !important;
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.post-list-content-wrapper {
		flex-direction: row;
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
		padding: 2rem;
		gap: 3rem;
		align-items: flex-start;
	}
	body.single-post_list .post-list-content-wrapper {
		padding-top: 28px !important;
	}
	
	.post-list-image-section {
		flex: 0 0 45%;
		max-width: 45%;
		padding: 0;
		min-height: auto;
		position: sticky;
		top: 80px;
		align-self: flex-start;
	}
	
	.post-list-main-image {
		width: 100%;
		max-width: 100%;
		max-height: none;
		height: auto;
		object-fit: contain;
		margin: 0;
	}
	
	.post-list-info-section {
		flex: 1 1 55%;
		max-width: 55%;
		min-width: 0;
		padding: 0;
		margin: 0;
		width: 100%;
		padding-top: 1rem;
	}
	
	.post-list-tabs {
		justify-content: flex-start;
		flex-wrap: wrap;
		width: 100%;
		overflow-x: visible;
		margin-top: 0;
		padding-top: 0.5rem;
		align-items: flex-end;
	}
	
	.post-list-tab {
		padding: 1.5rem 1.5rem 1rem 1.5rem;
		font-size: 0.85rem;
		white-space: nowrap;
		flex-shrink: 0;
		line-height: 1.4;
		height: auto;
		min-height: 3rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media (min-width: 1200px) {
	body.single-post_list .inside-container,
	body.single-post_list .main-content,
	body.single-post_list .entry-content {
		max-width: 100% !important;
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.post-list-content-wrapper {
		max-width: 1600px;
		padding: 2rem 3rem;
	}
	body.single-post_list .post-list-content-wrapper {
		padding-top: 28px !important;
	}
	
	.post-list-image-section {
		flex: 0 0 40%;
		max-width: 40%;
	}
	
	.post-list-info-section {
		flex: 1 1 60%;
		max-width: 60%;
		padding-top: 1rem;
	}
	
	.post-list-tabs {
		padding-top: 0.5rem;
	}
	
	.post-list-tab {
		padding: 1.5rem 2rem 1rem 2rem;
		font-size: 0.9rem;
		min-height: 3rem;
	}
}

/* Mobile */
@media (max-width: 768px) {
	body.single-post_list {
		padding-top: 0 !important;
	}
	
	.post-list-content-wrapper {
		flex-direction: column;
		padding: 0;
		gap: 0;
		margin-top: 0;
	}
	
	.post-list-image-section {
		padding: 0 !important;
		width: 100%;
		max-width: 100%;
		min-height: auto;
		position: relative;
		top: 0;
		margin-top: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #fff;
	}
	
	.post-list-main-image {
		width: 100%;
		max-width: 100%;
		height: auto;
		object-fit: contain;
		display: block;
		margin: 0 auto;
	}
	
	.post-list-image-placeholder {
		width: 100%;
		min-height: 300px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.post-list-info-section {
		padding: 1.5rem 1rem;
		width: 100%;
		max-width: 100%;
	}
	
	.post-list-tabs {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none;
		margin-bottom: 1.5rem;
		border-bottom: 1px solid #e5e5e5;
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		padding-right: 1rem;
	}
	
	.post-list-tabs::-webkit-scrollbar {
		display: none;
	}
	
	.post-list-tab {
		flex-shrink: 0;
		flex-grow: 0;
		padding: 0.875rem 1.25rem;
		font-size: 0.75rem;
		letter-spacing: 0.5px;
		white-space: nowrap;
		min-width: max-content;
	}
	
	.post-list-tabs::after {
		content: '';
		flex-shrink: 0;
		width: 1rem;
	}
	
	.post-list-description {
		max-width: 100%;
		font-size: 0.9rem;
		padding: 1rem 0;
	}
	
	.post-list-description p {
		margin-bottom: 0.75rem;
	}
	
	.post-list-description p:last-child {
		margin-bottom: 0;
	}
	
	.post-list-price,
	.post-list-key-features,
	.post-list-benefits,
	.post-list-pros-cons,
	.post-list-security-privacy,
	.post-list-faq {
		font-size: 0.875rem;
		line-height: 1.7;
		color: #333;
	}
	
	.post-list-price p,
	.post-list-key-features p,
	.post-list-benefits p,
	.post-list-pros-cons p,
	.post-list-security-privacy p,
	.post-list-faq p {
		margin-bottom: 1rem;
	}
	
	.post-list-price p:last-child,
	.post-list-key-features p:last-child,
	.post-list-benefits p:last-child,
	.post-list-pros-cons p:last-child,
	.post-list-security-privacy p:last-child,
	.post-list-faq p:last-child {
		margin-bottom: 0;
	}
	
	.post-list-benefits .benefits-grid {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 0.75rem;
	}

	.post-list-benefits .benefit-card {
		padding: 0.875rem 0.625rem;
		min-width: 0;
	}

	.post-list-benefits .benefit-card-icon {
		width: 26px;
		height: 26px;
		margin-bottom: 0.5rem;
	}

	.post-list-benefits .benefit-card-title {
		font-size: 0.75rem;
	}

	.key-features-pills {
		grid-template-columns: repeat(2, 1fr);
		border-left: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		max-width: calc(100% - 2rem);
		margin: 0 auto;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	.key-feature-pill {
		padding: 0.875rem 0.75rem;
		font-size: 0.7rem;
		border-left: 3px solid var(--feature-color, #e5e5e5);
		border-right: 1px solid #e5e5e5;
		white-space: normal;
		word-wrap: break-word;
		overflow-wrap: break-word;
		line-height: 1.4;
		min-height: 3.5rem;
		display: flex;
		align-items: center;
	}
	
	.key-feature-pill:nth-child(2n) {
		border-right: 1px solid #e5e5e5;
	}
	
	.key-feature-pill:last-child,
	.key-feature-pill:nth-last-child(2):nth-child(odd) {
		border-bottom: 1px solid #e5e5e5;
	}
	
	.pros-cons-table {
		border-left: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		max-width: calc(100% - 2rem);
	}
	
	.pros-cons-item {
		padding: 0.875rem 1rem;
		font-size: 0.8rem;
		line-height: 1.4;
	}
	
	.post-list-related-section {
		padding: 0 1.5rem;
		margin-top: 3rem;
	}
	
	.related-posts-title {
		font-size: 1.25rem;
		margin-bottom: 1.5rem;
	}
	
	.related-posts-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	
	.related-post-info {
		padding: 0.875rem 0.75rem 0 0.75rem !important;
	}
	
	.related-post-title {
		font-size: 0.8rem;
	}
}

/* Mobile molto piccolo */
@media (max-width: 480px) {
	.post-list-info-section {
		padding: 1.25rem 0.875rem;
	}
	
	.post-list-tab {
		padding: 0.75rem 1rem;
		font-size: 0.7rem;
	}
	
	.post-list-description,
	.post-list-details,
	.post-list-measures {
		font-size: 0.8125rem;
	}
}

/* Preview Unavailable Screen */
.tool-preview-unavailable-screen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #0c8f5a 0%, #0a2a1e 45%, #000 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 100;
}

.tool-preview-unavailable-content {
	text-align: center;
	padding: 3rem 2rem;
	max-width: 500px;
	color: white;
}

.unavailable-icon {
	margin: 0 auto 1.5rem;
	opacity: 0.9;
	animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
	0%, 100% { opacity: 0.7; transform: scale(1); }
	50% { opacity: 1; transform: scale(1.05); }
}

.tool-preview-unavailable-title {
	font-size: 1.75rem;
	font-weight: 600;
	margin-bottom: 1rem;
	color: white;
	line-height: 1.3;
}

.tool-preview-unavailable-text {
	font-size: 1rem;
	line-height: 1.6;
	margin-bottom: 0.75rem;
	color: rgba(255, 255, 255, 0.9);
}

.tool-preview-unavailable-cta {
	font-size: 1.1rem;
	font-weight: 500;
	margin-bottom: 2rem;
	color: rgba(255, 255, 255, 0.95);
}

.tool-preview-visit-now-button {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.95rem 2.25rem;
	background: transparent;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.85);
	border-radius: 0;
	font-size: 0.85rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
	box-shadow: none;
}

.tool-preview-visit-now-button:hover {
	background: #fff;
	color: #000;
	border-color: #fff;
	transform: translateY(-1px);
}

.tool-preview-visit-now-button svg {
	transition: transform 0.3s ease;
}

.tool-preview-visit-now-button:hover svg {
	transform: translateX(4px);
}

@media (max-width: 768px) {
	.tool-preview-unavailable-content {
		padding: 2rem 1.5rem;
	}
	
	.unavailable-icon {
		width: 48px;
		height: 48px;
	}
	
	.tool-preview-unavailable-title {
		font-size: 1.5rem;
	}
	
	.tool-preview-unavailable-text {
		font-size: 0.9rem;
	}
	
	.tool-preview-unavailable-cta {
		font-size: 1rem;
	}
	
	.tool-preview-visit-now-button {
		padding: 0.75rem 1.5rem;
		font-size: 0.9rem;
	}
}