/* ==========================================================
   Single Tool Hero
========================================================== */

.tvh-tool-hero{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:40px;
	padding:50px 0;
	border-bottom:1px solid #e2e8f0;
}

.tvh-tool-hero-left{
	display:flex;
	align-items:center;
	gap:24px;
}

.tvh-tool-logo img{
	width:90px;
	height:90px;
	object-fit:contain;
	border-radius:18px;
	background:#fff;
	border:1px solid #e2e8f0;
	padding:10px;
}

.tvh-tool-placeholder{
	width:90px;
	height:90px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#2563eb;
	color:#fff;
	font-size:32px;
	font-weight:700;
	border-radius:18px;
}

.tvh-tool-info h1{
	margin:0 0 14px;
	font-size:42px;
	font-weight:800;
}

.tvh-tool-meta{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin-bottom:18px;
}

.tvh-badge{
	padding:6px 14px;
	background:#eff6ff;
	color:#2563eb;
	border-radius:50px;
	font-size:14px;
	font-weight:600;
}

.tvh-rating{
	font-weight:700;
}

.tvh-tool-details{
	margin:0;
	padding:0;
	list-style:none;
}

.tvh-tool-details li{
	margin-bottom:8px;
	color:#475569;
}

.tvh-tool-actions{
	display:flex;
	gap:14px;
	flex-wrap:wrap;
}

/* ==========================================================
   Overview
========================================================== */

.tvh-overview{
	padding:60px 0;
}

.tvh-section-header{
	margin-bottom:30px;
}

.tvh-section-header h2{
	margin:0;
	font-size:34px;
	font-weight:700;
	color:#0f172a;
}

.tvh-overview-summary{
	margin-bottom:35px;
}

.tvh-overview-summary p{
	font-size:18px;
	line-height:1.8;
	color:#475569;
}

.tvh-overview-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
	gap:20px;
	margin-bottom:40px;
}

.tvh-overview-item{
	background:#ffffff;
	border:1px solid #e2e8f0;
	border-radius:16px;
	padding:20px;
}

.tvh-label{
	display:block;
	margin-bottom:10px;
	font-size:13px;
	font-weight:600;
	color:#64748b;
	text-transform:uppercase;
	letter-spacing:.08em;
}

.tvh-overview-item strong{
	font-size:18px;
	color:#0f172a;
}

.tvh-overview-content{
	line-height:1.9;
	color:#334155;
}

/* ==========================================================
   Features
========================================================== */

.tvh-features{
	padding:60px 0;
}

.tvh-feature-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
	gap:18px;
	margin-top:30px;
	margin-bottom:45px;
}

.tvh-feature-card{
	display:flex;
	align-items:flex-start;
	gap:14px;
	padding:18px 20px;
	border:1px solid #e2e8f0;
	border-radius:16px;
	background:#ffffff;
}

.tvh-feature-icon{
	width:28px;
	height:28px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:#2563eb;
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	flex-shrink:0;
}

.tvh-feature-meta{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
	gap:30px;
}

.tvh-meta-block h3{
	margin:0 0 18px;
	font-size:20px;
	font-weight:700;
}

.tvh-tag-list{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

.tvh-tag{
	display:inline-flex;
	align-items:center;
	padding:8px 14px;
	background:#eff6ff;
	color:#2563eb;
	border-radius:999px;
	font-size:14px;
	font-weight:600;
}

/* ==========================================================
   Pros & Cons
========================================================== */

.tvh-pros-cons{
	padding:60px 0;
}

.tvh-pros-cons-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
	gap:30px;
}

.tvh-pros-box,
.tvh-cons-box{
	background:#ffffff;
	border:1px solid #e2e8f0;
	border-radius:20px;
	padding:28px;
}

.tvh-pros-box{
	border-left:5px solid #22c55e;
}

.tvh-cons-box{
	border-left:5px solid #ef4444;
}

.tvh-pros-box h3,
.tvh-cons-box h3{
	margin:0 0 20px;
	font-size:24px;
	font-weight:700;
}

.tvh-pros-box ul,
.tvh-cons-box ul{
	list-style:none;
	margin:0;
	padding:0;
}

.tvh-pros-box li,
.tvh-cons-box li{
	display:flex;
	align-items:flex-start;
	gap:12px;
	padding:12px 0;
	border-bottom:1px solid #f1f5f9;
}

.tvh-pros-box li:last-child,
.tvh-cons-box li:last-child{
	border-bottom:none;
}

.tvh-icon{
	width:26px;
	height:26px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	flex-shrink:0;
	font-size:13px;
	font-weight:700;
}

.tvh-icon-success{
	background:#dcfce7;
	color:#15803d;
}

.tvh-icon-danger{
	background:#fee2e2;
	color:#b91c1c;
}

@media (max-width:768px){

	.tvh-pros-cons-grid{
		grid-template-columns:1fr;
	}

}

/* ==========================================================
   Sidebar
========================================================== */

.tvh-sidebar{
	position:sticky;
	top:100px;
	display:flex;
	flex-direction:column;
	gap:24px;
}

.tvh-sidebar-card{
	background:#fff;
	border:1px solid #e2e8f0;
	border-radius:18px;
	padding:24px;
}

.tvh-sidebar-card h3{
	margin:0 0 18px;
	font-size:20px;
}

.tvh-sidebar-item{
	margin-bottom:18px;
}

.tvh-sidebar-item strong{
	display:block;
	margin-bottom:8px;
	font-size:14px;
	color:#64748b;
}

.tvh-btn-full{
	width:100%;
	margin-bottom:14px;
	text-align:center;
}

.tvh-share-buttons{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

.tvh-share-buttons a{
	padding:10px 16px;
	border:1px solid #e2e8f0;
	border-radius:12px;
	text-decoration:none;
	font-size:14px;
	color:#0f172a;
	transition:.2s;
}

.tvh-share-buttons a:hover{
	background:#2563eb;
	color:#fff;
}

@media (max-width:991px){

	.tvh-sidebar{
		position:static;
	}

}

/* ==========================================================
   Related Tools
========================================================== */

.tvh-related-tools{

	padding:70px 0;

	border-top:1px solid #e2e8f0;

	margin-top:70px;

}

.tvh-related-tools .tvh-tool-grid{

	margin-top:35px;

}
/* ==========================================================
   FAQ
========================================================== */

.tvh-faq{

	padding:70px 0;

}

.tvh-faq-item{

	border:1px solid #e2e8f0;

	border-radius:16px;

	margin-bottom:16px;

	overflow:hidden;

}

.tvh-faq-question{

	width:100%;

	padding:22px;

	background:#fff;

	border:none;

	text-align:left;

	font-size:18px;

	font-weight:700;

	cursor:pointer;

}

.tvh-faq-answer{

	display:none;

	padding:22px;

	border-top:1px solid #e2e8f0;

	background:#fafafa;

}

.tvh-faq-item.active .tvh-faq-answer{

	display:block;

}

.tvh-tool-description{
margin:18px 0;
font-size:16px;
line-height:1.8;
color:#5b6473;
max-width:700px;
}

.tvh-featured-badge{
display:inline-block;
margin-left:12px;
padding:6px 14px;
border-radius:30px;
background:#fef3c7;
color:#92400e;
font-size:13px;
font-weight:700;
vertical-align:middle;
}