/*
 * BLOCK 62 — Mix 1 layout
 * Tin chính cột TRÁI | tin phụ cột PHẢI (desktop)
 */

.listing-block-62.listing-mix-1-1 .column-1.b62-column-1,
.listing-block-62.listing-mix-1-1 .b62-column-1 {
	padding-right: 0 !important;
}

.listing-block-62.listing-mix-1-1 .column-2.b62-column-2,
.listing-block-62.listing-mix-1-1 .b62-column-2 {
	padding-left: 0 !important;
}

.listing-block-62 {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.listing-block-62 .item-inner.b62-inner,
.listing-block-62 .b62-inner {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: flex-start !important;
	align-content: flex-start !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: var(--b62-col-gap, 0);
	float: none !important;
	clear: both !important;
}

.listing-block-62 .item-inner.b62-inner::before,
.listing-block-62 .item-inner.b62-inner::after,
.listing-block-62 .b62-inner::before,
.listing-block-62 .b62-inner::after {
	display: none !important;
	content: none !important;
}

.listing-block-62 .column-1.b62-column-1,
.listing-block-62 .b62-column-1 {
	flex: 0 0 var(--b62-main-w, 50%) !important;
	max-width: var(--b62-main-w, 50%) !important;
	width: var(--b62-main-w, 50%) !important;
	min-width: 0 !important;
	float: none !important;
	clear: none !important;
	box-sizing: border-box !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin: 0 !important;
	border-right: none !important;
}

.listing-block-62 .column-2.b62-column-2,
.listing-block-62 .b62-column-2 {
	flex: 1 1 0 !important;
	max-width: var(--b62-small-w, 50%) !important;
	width: auto !important;
	min-width: 0 !important;
	float: none !important;
	clear: none !important;
	box-sizing: border-box !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin: 0 !important;
}

.listing-block-62 .b62-inner.b62-has-col-sep {
	gap: 0 !important;
	align-items: stretch !important;
}

.listing-block-62 .b62-has-col-sep .b62-column-1 {
	padding-right: max(0px, calc((var(--b62-col-gap, 0px) - var(--b62-sep-w, 1px)) / 2)) !important;
}

.listing-block-62 .b62-has-col-sep .b62-column-2 {
	padding-left: max(0px, calc((var(--b62-col-gap, 0px) - var(--b62-sep-w, 1px)) / 2)) !important;
}

.listing-block-62 .b62-col-separator {
	flex: 0 0 var(--b62-sep-w, 1px) !important;
	width: var(--b62-sep-w, 1px) !important;
	min-width: var(--b62-sep-w, 1px) !important;
	max-width: var(--b62-sep-w, 1px) !important;
	align-self: stretch !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-left: var(--b62-sep-w, 1px) var(--b62-sep-style, solid) var(--b62-sep-color, rgba(0, 0, 0, 0.08)) !important;
	background: transparent !important;
	box-sizing: border-box !important;
}

.listing-block-62 .b62-inner:not(.b62-has-col-sep) .b62-col-separator {
	display: none !important;
}

.listing-block-62 .b62-column-1 .listing-item,
.listing-block-62 .b62-column-2 .listing-item {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	clear: none !important;
}

.listing-block-62 .b62-item-big {
	margin-bottom: 0 !important;
}

.listing-block-62 .b62-item-big .post-summary {
	padding-bottom: 0 !important;
	border-bottom: none !important;
}

.listing-block-62 .b62-item-big .featured {
	width: 100%;
	margin: 0 0 12px 0 !important;
	line-height: 0;
	float: none !important;
}

.listing-block-62 .b62-item-big .img-holder.b62-img-big {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	margin: 0 !important;
	display: block !important;
}

.listing-block-62 .b62-item-small {
	margin-bottom: var(--b62-row-gap, 27px) !important;
}

.listing-block-62 .b62-item-small:last-child {
	margin-bottom: 0 !important;
}

.listing-block-62 .b62-item-small .item-inner {
	display: flex !important;
	align-items: flex-start !important;
	gap: var(--b62-item-gap, 15px);
}

.listing-block-62 .b62-item-small .featured {
	flex: 0 0 var(--b62-thumb, 100px);
	width: var(--b62-thumb, 100px);
	margin: 0 !important;
	line-height: 0;
	float: none !important;
}

.listing-block-62 .b62-item-small .img-holder.b62-img-small {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
	display: block !important;
}

.listing-block-62 .b62-item-small .content-wrap {
	flex: 1 1 auto;
	min-width: 0;
}

.listing-block-62 .b62-item-big .img-holder.b-loaded,
.listing-block-62 .b62-item-big .img-holder.b-error,
.listing-block-62 .b62-item-small .img-holder.b-loaded,
.listing-block-62 .b62-item-small .img-holder.b-error {
	-webkit-background-size: cover !important;
	background-size: cover !important;
	background-position: center center !important;
}

.listing-block-62 .title,
.listing-block-62 .title a,
.listing-block-62 .post-summary {
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
	text-rendering: optimizeLegibility;
}

.listing-block-62 .b62-column-1 > p,
.listing-block-62 .b62-column-2 > p,
.listing-block-62 .b62-column-1 > br,
.listing-block-62 .b62-column-2 > br {
	display: none !important;
	margin: 0 !important;
	height: 0 !important;
}

.listing-block-62 .post-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	font-size: 12px;
	color: #888;
	margin-bottom: 8px;
}

.listing-block-62 .post-meta a {
	color: #888;
}

/**
 * Mobile / cột hẹp — đồng bộ Mix 1 (.l-1-col + max-width 450px)
 * Tin chính trên, tin phụ dưới; ảnh phụ trái + chữ phải.
 */
.listing.listing-block-62.listing-mix-1-1.l-1-col {
	--b62-main-w: 100%;
	--b62-small-w: 100%;
	--b62-col-gap: 0px;
}

.listing.listing-block-62.listing-mix-1-1.l-1-col .b62-inner {
	flex-direction: column !important;
	flex-wrap: wrap !important;
	gap: 0 !important;
}

.listing.listing-block-62.listing-mix-1-1.l-1-col .column-1,
.listing.listing-block-62.listing-mix-1-1.l-1-col .column-2,
.listing.listing-block-62.listing-mix-1-1.l-1-col .b62-column-1,
.listing.listing-block-62.listing-mix-1-1.l-1-col .b62-column-2 {
	flex: 0 0 100% !important;
	max-width: 100% !important;
	width: 100% !important;
	float: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.listing.listing-block-62.listing-mix-1-1.l-1-col .column-1,
.listing.listing-block-62.listing-mix-1-1.l-1-col .b62-column-1 {
	margin-bottom: 24px !important;
}

.listing.listing-block-62.listing-mix-1-1.l-1-col .b62-col-separator {
	display: none !important;
}

@media only screen and (max-width: 450px) {
	.listing.listing-block-62.listing-mix-1-1 {
		--b62-main-w: 100%;
		--b62-small-w: 100%;
		--b62-col-gap: 0px;
	}

	.listing.listing-block-62.listing-mix-1-1 .b62-inner {
		flex-direction: column !important;
		flex-wrap: wrap !important;
		gap: 0 !important;
	}

	.listing.listing-block-62.listing-mix-1-1 .column-1,
	.listing.listing-block-62.listing-mix-1-1 .column-2,
	.listing.listing-block-62.listing-mix-1-1 .b62-column-1,
	.listing.listing-block-62.listing-mix-1-1 .b62-column-2,
	.listing.listing-block-62.listing-mix-1-1 .b62-has-col-sep .b62-column-1,
	.listing.listing-block-62.listing-mix-1-1 .b62-has-col-sep .b62-column-2 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		float: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.listing.listing-block-62.listing-mix-1-1 .column-1,
	.listing.listing-block-62.listing-mix-1-1 .b62-column-1 {
		margin-bottom: 24px !important;
	}

	.listing.listing-block-62.listing-mix-1-1 .b62-col-separator {
		display: none !important;
	}

	.listing-block-62 .b62-item-big .featured,
	.listing-block-62 .b62-item-big .img-holder.b62-img-big {
		width: 100% !important;
		max-width: 100% !important;
	}

	.listing-block-62 .b62-item-small .item-inner {
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start !important;
	}

	.listing-block-62 .b62-item-small .featured {
		flex: 0 0 var(--b62-thumb, 86px) !important;
		width: var(--b62-thumb, 86px) !important;
		max-width: 40% !important;
		margin-right: 0 !important;
		float: none !important;
	}

	.listing-block-62 .b62-item-small .content-wrap {
		flex: 1 1 auto !important;
		min-width: 0 !important;
	}
}