/* ============================================================
   Sakawin BLOG v2 — scoped under body.skw-blog-v2
   Design system: ĐỒNG BỘ PDP v2 (trang sản phẩm làm chuẩn).
   Đỏ #b50e1f, kem #faf5ec, gradient nút, panel bo 16px,
   shadow ấm, Be Vietnam Pro.
   ============================================================ */

/* ---------- TOKENS (khớp product-v2.css) ---------- */
body.skw-blog-v2{
	--b2-red:#b50e1f;
	--b2-red-dark:#8e0c1b;
	--b2-red-deep:#5e0812;
	--b2-red-soft:#f9e9e0;
	--b2-ink:#2b1d17;
	--b2-ink-2:#5b463c;
	--b2-muted:#8f7a6c;
	--b2-line:#f0e4d0;
	--b2-line-warm:#eed5c6;
	--b2-bg:#faf5ec;
	--b2-card-warm:#fffdf8;
	--b2-media:#f3ece0;
	--b2-gold:#d9a441;
	--b2-gold-soft:#fdf1d8;
	--b2-grad:linear-gradient(135deg,#c8102e 0%,#8e0c1b 100%);
	--b2-shadow:0 1px 2px rgba(95,50,22,.05),0 12px 32px rgba(95,50,22,.08);
	--b2-shadow-sm:0 2px 10px rgba(95,50,22,.07);
}

/* ---------- TYPE / PAGE BG ----------
   Quy tắc font chốt 05/10: Helvetica Neue = chữ đọc/phụ;
   Be Vietnam Pro = tiêu đề, nút/CTA, giá, badge/chip, số liệu. */
body.skw-blog-v2{
	font-family:'Helvetica Neue',Helvetica,Arial,system-ui,sans-serif;
	color:var(--b2-ink);
}
body.skw-blog-v2 #main,
body.skw-blog-v2 #main *:not(i):not(svg):not(svg *):not([class*="icon"]):not([class*="icon"] *):not(.dashicons):not(.genericon):not(.fa):not(.fab):not(.fas):not(.far):not([class*="fa-"]){
	font-family:'Helvetica Neue',Helvetica,Arial,system-ui,sans-serif;
}
/* Be Vietnam Pro giữ cho: tiêu đề, nút, chip/badge, số liệu, pagination */
body.skw-blog-v2 h1,body.skw-blog-v2 h2,body.skw-blog-v2 h3,body.skw-blog-v2 h4,
.skw-bv2-kicker,.skw-bv2-chip,.skw-bv2-cat,.skw-bv2-btn,
.skw-bv2-search button,.skw-bv2-arcsearch button,
.skw-bv2-sec-head h2,.skw-bv2-card .skw-bv2-ttl,
.skw-bv2-feat-big .skw-bv2-ttl,.skw-bv2-nrow .skw-bv2-ttl,
.skw-bv2-stat b,.skw-bv2-num,.skw-bv2-toc .skw-bv2-toc-t,
.skw-bv2-pagi a,.skw-bv2-pagi span,.skw-bv2-cta a,
.skw-bv2-prod b,.skw-bv2-rel .skw-bv2-ttl,.skw-bv2-qa-t,
body.skw-blog-v2 .page-numbers{
	font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',sans-serif;
}
body.skw-blog-v2 #wrapper,
body.skw-blog-v2 #main,
body.skw-blog-v2 #main.dark{
	background:linear-gradient(180deg,#ffffff 0px,#ffffff 700px,var(--b2-bg) 1300px,var(--b2-bg) 100%);
}
body.skw-blog-v2 a{transition:color .18s;}
body.skw-blog-v2 ::selection{background:var(--b2-red);color:#fff;}

/* ---------- WRAP + BREADCRUMB ---------- */
.skw-bv2-wrap{max-width:var(--skw-site-w,1360px);margin:0 auto;padding:0 20px;} /* fix1: 1180→1360 shared frame */
.skw-bv2-crumb{
	font-size:12px;color:var(--b2-muted);
	padding:18px 0 0;font-weight:400;
}
.skw-bv2-crumb a{color:var(--b2-muted);text-decoration:none;}
.skw-bv2-crumb a:hover{color:var(--b2-red);}
.skw-bv2-crumb .sep{opacity:.5;margin:0 6px;}
body.skw-blog-v2 .page-title{display:none;}

/* ---------- HERO — panel bo tròn + ảnh thật (PDP panel style) ---------- */
.skw-bv2-hero{
	background:#fff;
	border:1px solid var(--b2-line);
	border-radius:20px;
	box-shadow:var(--b2-shadow);
	overflow:hidden;
	margin-top:16px;
}
.skw-bv2-hero-in{
	display:grid;
	grid-template-columns:47% 53%;
	align-items:stretch;
}
.skw-bv2-hero-copy{
	padding:42px 40px 40px 42px;
	min-width:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.skw-bv2-kicker{
	display:inline-flex;align-items:center;gap:7px;
	color:var(--b2-muted);
	font-size:10.5px;
	letter-spacing:.14em;
	font-weight:700;
	text-transform:uppercase;
	margin:0 0 13px;
}
.skw-bv2-kicker::before{
	content:'';width:22px;height:2px;border-radius:2px;
	background:var(--b2-red);display:inline-block;
}
.skw-bv2-hero-copy h1{
	font-size:clamp(28px,3.2vw,40px);
	letter-spacing:-.025em;
	line-height:1.15;
	font-weight:700;
	color:var(--b2-ink);
	margin:0 0 13px;
	max-width:480px;
}
.skw-bv2-hero-copy .skw-bv2-lead{
	color:var(--b2-ink-2);
	font-size:14px;
	line-height:1.65;
	margin:0 0 24px;
	max-width:440px;
	font-weight:400;
}

/* hero search — pill trắng + nút gradient (điểm nhấn) */
.skw-bv2-search{
	display:flex;
	align-items:center;
	background:#fff;
	border:1.5px solid var(--b2-line-warm);
	border-radius:999px;
	height:56px;
	padding:0 6px 0 0;
	max-width:490px;
	box-shadow:var(--b2-shadow-sm);
	transition:border-color .2s,box-shadow .25s;
}
.skw-bv2-search:focus-within{
	border-color:var(--b2-red);
	box-shadow:0 0 0 4px rgba(181,14,31,.13);
}
.skw-bv2-search .skw-bv2-sicon{
	flex:none;
	display:flex;
	align-items:center;
	padding:0 4px 0 17px;
	color:var(--b2-muted);
}
.skw-bv2-search input[type="search"],
.skw-bv2-search input[type="text"]{
	flex:1;
	min-width:0;
	border:0;
	background:transparent;
	height:52px;
	padding:0 10px;
	font-family:inherit;
	font-size:14px;
	color:var(--b2-ink);
	box-shadow:none;
	outline:none;
	border-radius:0;
	margin:0;
}
.skw-bv2-search input::placeholder{color:#b3a494;}
.skw-bv2-search button{
	flex:none;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	height:44px;
	min-height:0;
	margin:0;
	line-height:1;
	border:0;
	border-radius:999px;
	background:var(--b2-grad);
	color:#fff;
	font-family:inherit;
	font-size:13px;
	font-weight:800;
	letter-spacing:.02em;
	padding:0 22px;
	cursor:pointer;
	box-shadow:0 6px 16px rgba(181,14,31,.28),inset 0 1.5px 0 rgba(255,255,255,.22);
	transition:transform .18s,box-shadow .25s;
}
.skw-bv2-search button:hover{
	transform:translateY(-1px);
	box-shadow:0 10px 22px rgba(181,14,31,.36),inset 0 1.5px 0 rgba(255,255,255,.22);
}

/* gợi ý tìm nhanh */
.skw-bv2-suggest{
	margin:13px 4px 0;
	font-size:12px;
	color:var(--b2-muted);
	display:flex;
	align-items:baseline;
	gap:8px;
	flex-wrap:wrap;
}
.skw-bv2-suggest b{font-weight:600;color:var(--b2-ink-2);}
.skw-bv2-suggest a{
	color:var(--b2-ink-2);
	text-decoration:none;
	border-bottom:1px dotted #d9c8b4;
	padding-bottom:1px;
}
.skw-bv2-suggest a:hover{color:var(--b2-red);border-bottom-color:var(--b2-red);}

/* hero media — ảnh bo góc trong panel */
.skw-bv2-hero-media{
	position:relative;
	min-width:0;
	padding:14px 14px 14px 0;
	display:flex;
}
.skw-bv2-hero-media img{
	display:block;
	width:100%;
	min-height:320px;
	object-fit:cover;
	border-radius:14px;
}
.skw-bv2-hero-chip{
	position:absolute;
	left:26px;
	bottom:26px;
	background:rgba(255,253,248,.94);
	border:1px solid var(--b2-line-warm);
	border-radius:999px;
	padding:8px 16px;
	display:flex;
	align-items:baseline;
	gap:7px;
	line-height:1.2;
	box-shadow:var(--b2-shadow-sm);
	backdrop-filter:blur(3px);
}
.skw-bv2-hero-chip b{
	color:var(--b2-red);
	font-size:16px;
	font-weight:800;
	letter-spacing:-.01em;
}
.skw-bv2-hero-chip span{
	color:var(--b2-ink-2);
	font-size:11.5px;
	font-weight:500;
}
.skw-bv2-hero-art{
	flex:1;
	min-height:320px;
	border-radius:14px;
	display:grid;
	place-items:center;
	background:
		radial-gradient(circle at 30% 20%,rgba(181,14,31,.09),transparent 55%),
		var(--b2-media);
}
.skw-bv2-hero-art .art-arch{
	width:56%;
	aspect-ratio:1/1.1;
	border:2px solid #e2d5c2;
	border-bottom:0;
	border-radius:50% 50% 0 0/40% 40% 0 0;
	position:relative;
}
.skw-bv2-hero-art .art-arch::after{
	content:'';
	position:absolute;
	left:18%;right:18%;bottom:14%;
	height:12px;border-radius:6px;background:#ecdfcc;
}
.skw-bv2-hero-art .art-arch::before{
	content:'';
	position:absolute;
	left:30%;right:30%;bottom:32%;
	height:8px;border-radius:4px;background:#f1e7d6;
}

/* ---------- STRIP SỐ LIỆU ---------- */
.skw-bv2-strip{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	margin-top:16px;
	background:var(--b2-card-warm);
	border:1px solid var(--b2-line);
	border-radius:14px;
	padding:15px 10px;
}
.skw-bv2-strip div{
	text-align:center;
	font-size:12px;
	color:var(--b2-ink-2);
	border-right:1px solid var(--b2-line);
	padding:0 8px;
}
.skw-bv2-strip div:last-child{border-right:0;}
.skw-bv2-strip b{font-weight:800;color:var(--b2-red);}

/* ---------- TOPIC PILLS ---------- */
.skw-bv2-topics{
	display:flex;
	align-items:center;
	gap:9px;
	flex-wrap:wrap;
	padding:24px 0 4px;
}
.skw-bv2-topics .skw-bv2-tlabel{
	font-size:12px;
	font-weight:700;
	color:var(--b2-ink-2);
	margin-right:4px;
}
.skw-bv2-topic{
	display:inline-flex;
	align-items:center;
	border:1.5px solid var(--b2-line);
	background:#fff;
	border-radius:999px;
	color:var(--b2-ink-2);
	padding:8px 15px;
	font-size:12px;
	font-weight:600;
	text-decoration:none;
	line-height:1.2;
	transition:border-color .2s,color .2s,background .2s,box-shadow .2s;
}
.skw-bv2-topic:hover{border-color:var(--b2-red);color:var(--b2-red);box-shadow:var(--b2-shadow-sm);}
.skw-bv2-topic.is-active{
	color:var(--b2-red);
	border-color:var(--b2-red);
	background:var(--b2-red-soft);
	font-weight:700;
}
.skw-bv2-topic i{
	font-style:normal;
	font-weight:400;
	color:var(--b2-muted);
	margin-left:5px;
	font-size:10.5px;
}
.skw-bv2-topic.is-active i{color:var(--b2-red);}

/* ---------- SECTION HEAD ---------- */
.skw-bv2-sec{padding:36px 0 6px;}
.skw-bv2-sec-head{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	gap:16px;
	margin:0 0 20px;
}
.skw-bv2-sec-head h2{
	font-size:clamp(19px,2.2vw,25px);
	letter-spacing:-.015em;
	margin:0;
	color:var(--b2-ink);
	font-weight:700;
	line-height:1.28;
}
.skw-bv2-sec-head .skw-bv2-more{
	color:var(--b2-red);
	font-size:12px;
	font-weight:700;
	white-space:nowrap;
	text-decoration:none;
	border-bottom:1.5px solid transparent;
	transition:border-color .2s;
	padding-bottom:2px;
}
.skw-bv2-sec-head .skw-bv2-more:hover{border-bottom-color:var(--b2-red);}

/* ---------- FEATURED ---------- */
.skw-bv2-feat{
	display:grid;
	grid-template-columns:52% 48%;
	gap:16px;
	align-items:stretch;
}
.skw-bv2-feat-big{
	display:flex;
	flex-direction:column;
	background:#fff;
	border:1px solid var(--b2-line);
	border-radius:16px;
	overflow:hidden;
	text-decoration:none;
	box-shadow:var(--b2-shadow-sm);
	transition:transform .22s,box-shadow .25s;
	min-width:0;
}
.skw-bv2-feat-big:hover{transform:translateY(-3px);box-shadow:var(--b2-shadow);}
.skw-bv2-thumb{
	position:relative;
	overflow:hidden;
	display:block;
	background:var(--b2-media);
	min-width:0;
}
.skw-bv2-thumb img{
	position:absolute;
	inset:0;
	width:100%;height:100%;
	object-fit:cover;
	display:block;
	transition:transform .5s ease;
}
.skw-bv2-feat-big .skw-bv2-thumb{aspect-ratio:16/9.6;}
.skw-bv2-feat-big:hover .skw-bv2-thumb img{transform:scale(1.03);}
.skw-bv2-feat-big .skw-bv2-fbody{
	padding:17px 19px 18px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	flex:1;
}
.skw-bv2-feat-big .skw-bv2-ftitle{
	font-size:19px;
	font-weight:700;
	letter-spacing:-.015em;
	line-height:1.32;
	color:var(--b2-ink);
	margin:9px 0 9px;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.skw-bv2-feat-big:hover .skw-bv2-ftitle{color:var(--b2-red);}
.skw-bv2-feat-big .skw-bv2-fexc{
	color:var(--b2-muted);
	font-size:12.5px;
	line-height:1.6;
	margin:0 0 12px;
	display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.skw-bv2-feat-side{
	display:flex;
	flex-direction:column;
	gap:16px;
	min-width:0;
}
.skw-bv2-feat-row{
	display:grid;
	grid-template-columns:158px minmax(0,1fr);
	background:#fff;
	border:1px solid var(--b2-line);
	border-radius:14px;
	overflow:hidden;
	text-decoration:none;
	box-shadow:var(--b2-shadow-sm);
	flex:1;
	transition:transform .22s,box-shadow .25s;
	min-width:0;
}
.skw-bv2-feat-row:hover{transform:translateY(-2px);box-shadow:var(--b2-shadow);}
.skw-bv2-feat-row .skw-bv2-thumb{min-height:100%;}
.skw-bv2-feat-row:hover .skw-bv2-thumb img{transform:scale(1.04);}
.skw-bv2-feat-row .skw-bv2-fbody{
	padding:14px 16px;
	min-width:0;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
.skw-bv2-feat-row .skw-bv2-rtitle{
	font-size:14px;
	font-weight:700;
	line-height:1.35;
	letter-spacing:-.01em;
	color:var(--b2-ink);
	margin:8px 0;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.skw-bv2-feat-row:hover .skw-bv2-rtitle{color:var(--b2-red);}
.skw-bv2-feat-row .skw-bv2-rexc{
	color:var(--b2-muted);
	font-size:11.5px;
	line-height:1.55;
	margin:0;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

/* ---------- CHIP chuyên mục + meta ---------- */
.skw-bv2-chip{
	display:inline-flex;
	align-items:center;
	color:var(--b2-red);
	background:var(--b2-red-soft);
	border:1px solid #f2d9cd;
	border-radius:9px;
	padding:4px 10px;
	font-size:10px;
	font-weight:800;
	letter-spacing:.09em;
	text-transform:uppercase;
	line-height:1.5;
	text-decoration:none;
}
a.skw-bv2-chip:hover{color:var(--b2-red-dark);}
.skw-bv2-chip.is-news{color:#8a5a10;background:var(--b2-gold-soft);border-color:#f0dfb5;}
.skw-bv2-meta{
	color:var(--b2-muted);
	font-size:11.5px;
	font-weight:400;
	display:flex;
	align-items:center;
	gap:7px;
	margin-top:auto;
	padding-top:12px;
	width:100%;
}
.skw-bv2-read{
	color:var(--b2-red);
	font-weight:700;
	font-size:11.5px;
	margin-left:auto;
	white-space:nowrap;
}

/* ---------- CARD GRID ---------- */
.skw-bv2-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:16px;
}
.skw-bv2-card{
	display:flex;
	flex-direction:column;
	background:#fff;
	border:1px solid var(--b2-line);
	border-radius:16px;
	overflow:hidden;
	text-decoration:none;
	box-shadow:var(--b2-shadow-sm);
	transition:transform .22s,box-shadow .25s;
	min-width:0;
	height:100%;
}
.skw-bv2-card:hover{transform:translateY(-3px);box-shadow:var(--b2-shadow);}
.skw-bv2-card .skw-bv2-thumb{aspect-ratio:16/9.8;}
.skw-bv2-card:hover .skw-bv2-thumb img{transform:scale(1.03);}
.skw-bv2-card .skw-bv2-cbody{
	padding:15px 16px 15px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	flex:1;
	min-width:0;
}
.skw-bv2-card .skw-bv2-ctitle{
	font-size:14.5px;
	font-weight:700;
	line-height:1.38;
	letter-spacing:-.01em;
	color:var(--b2-ink);
	margin:9px 0 8px;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.skw-bv2-card:hover .skw-bv2-ctitle{color:var(--b2-red);}
.skw-bv2-card .skw-bv2-cexc{
	color:var(--b2-muted);
	font-size:12px;
	line-height:1.6;
	margin:0 0 6px;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.skw-bv2-grid.skw-bv2-grid-4{grid-template-columns:repeat(4,1fr);}
.skw-bv2-grid.skw-bv2-grid-2{grid-template-columns:repeat(2,1fr);}

/* thumb fallback khi bài không có ảnh */
.skw-bv2-thumb .skw-bv2-noimg{
	position:absolute;inset:0;
	display:grid;place-items:center;
	background:var(--b2-media);
	color:#c4b39e;
}
.skw-bv2-thumb .skw-bv2-noimg svg{width:34px;height:34px;}

/* ---------- NEWS ROWS ---------- */
.skw-bv2-newslist{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:16px;
}
.skw-bv2-nrow{
	display:grid;
	grid-template-columns:126px minmax(0,1fr);
	background:#fff;
	border:1px solid var(--b2-line);
	border-radius:14px;
	overflow:hidden;
	text-decoration:none;
	box-shadow:var(--b2-shadow-sm);
	transition:transform .22s,box-shadow .25s;
	min-width:0;
}
.skw-bv2-nrow:hover{transform:translateY(-2px);box-shadow:var(--b2-shadow);}
.skw-bv2-nrow .skw-bv2-thumb{min-height:100%;}
.skw-bv2-nrow .skw-bv2-nbody{
	padding:13px 15px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;
}
.skw-bv2-nrow .skw-bv2-rtitle{
	font-size:13.5px;font-weight:700;line-height:1.38;letter-spacing:-.01em;
	color:var(--b2-ink);margin:8px 0 6px;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.skw-bv2-nrow:hover .skw-bv2-rtitle{color:var(--b2-red);}
.skw-bv2-nrow .skw-bv2-meta{padding-top:8px;}

/* ---------- HUB CTA CUỐI (gradient ấm như bundle-sum PDP) ---------- */
.skw-bv2-cta{
	background:linear-gradient(115deg,#fdeee4 0%,#fdf4d8 100%);
	border:1px solid var(--b2-line-warm);
	border-radius:18px;
	padding:34px 32px;
	display:grid;
	grid-template-columns:1fr auto;
	gap:20px;
	align-items:center;
	margin:40px 0 48px;
}
.skw-bv2-cta h2{
	font-size:21px;letter-spacing:-.015em;font-weight:700;color:var(--b2-ink);margin:0 0 8px;
}
.skw-bv2-cta p{color:#6c5a4c;font-size:13px;line-height:1.65;margin:0;max-width:560px;}
.skw-bv2-btn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	background:var(--b2-grad);
	color:#fff;
	border-radius:999px;
	padding:13px 26px;
	font-size:13px;
	font-weight:800;
	letter-spacing:.02em;
	text-decoration:none;
	box-shadow:0 8px 20px rgba(181,14,31,.3),inset 0 1.5px 0 rgba(255,255,255,.22);
	transition:transform .18s,box-shadow .25s;
	white-space:nowrap;
	border:none;
	cursor:pointer;
	font-family:inherit;
}
.skw-bv2-btn:hover{
	transform:translateY(-1px);
	box-shadow:0 12px 26px rgba(181,14,31,.38),inset 0 1.5px 0 rgba(255,255,255,.22);
	color:#fff;
}
.skw-bv2-btn.is-outline{
	background:#fff;
	color:var(--b2-red);
	border:1.5px solid var(--b2-red);
	box-shadow:none;
}
.skw-bv2-btn.is-outline:hover{background:var(--b2-red-soft);transform:none;}

/* ---------- PAGINATION ---------- */
body.skw-blog-v2 .page-numbers,
body.skw-blog-v2 ul.page-numbers{border:none;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:30px;}
body.skw-blog-v2 ul.page-numbers li{border:none;margin:0;}
body.skw-blog-v2 ul.page-numbers li > a,
body.skw-blog-v2 ul.page-numbers li > span{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:38px;height:38px;padding:0 12px;
	border-radius:999px;border:1.5px solid var(--b2-line);
	background:#fff;color:var(--b2-ink-2);
	font-size:12.5px;font-weight:600;line-height:1;transition:all .2s;
}
body.skw-blog-v2 ul.page-numbers li > a:hover{
	border-color:var(--b2-red);color:var(--b2-red);background:var(--b2-red-soft);
}
body.skw-blog-v2 ul.page-numbers li > .current{
	background:var(--b2-grad);border-color:transparent;color:#fff;font-weight:700;
	box-shadow:0 4px 12px rgba(181,14,31,.28);
}

/* ============================================================
   BÀI VIẾT (single)
   ============================================================ */
.skw-bv2-post-head{max-width:800px;margin:30px auto 0;}
.skw-bv2-post-head h1{
	font-size:clamp(24px,3vw,36px);
	font-weight:700;letter-spacing:-.025em;line-height:1.22;
	color:var(--b2-ink);margin:15px 0 18px;
}
.skw-bv2-byline{
	display:flex;align-items:center;gap:12px;
	padding:15px 0;border-top:1px solid var(--b2-line);border-bottom:1px solid var(--b2-line);
	margin-bottom:24px;flex-wrap:wrap;
}
.skw-bv2-ava{
	width:40px;height:40px;border-radius:50%;
	background:var(--b2-red-soft);color:var(--b2-red);
	display:flex;align-items:center;justify-content:center;
	font-weight:800;font-size:15px;flex:none;border:1px solid #f2d9cd;
}
.skw-bv2-byline .who{font-size:13px;font-weight:700;color:var(--b2-ink);line-height:1.35;}
.skw-bv2-byline .when{font-size:11.5px;color:var(--b2-muted);line-height:1.4;font-weight:400;}
.skw-bv2-byline .skw-bv2-share{margin-left:auto;display:flex;gap:8px;}
.skw-bv2-share a,
.skw-bv2-share button{
	display:inline-flex;align-items:center;justify-content:center;
	width:36px;height:36px;border-radius:50%;
	border:1.5px solid var(--b2-line);background:#fff;color:var(--b2-ink-2);
	transition:border-color .2s,color .2s,transform .18s;cursor:pointer;font-family:inherit;
}
.skw-bv2-share a:hover,
.skw-bv2-share button:hover{border-color:var(--b2-red);color:var(--b2-red);transform:translateY(-1px);}
.skw-bv2-share .is-done{border-color:var(--b2-gold);color:var(--b2-gold);}

/* quick answer box — kiểu gift-panel PDP */
.skw-bv2-leadbox{
	background:var(--b2-card-warm);
	border:1.5px solid #e8c2ac;
	border-radius:16px;
	padding:20px 22px;
	margin:0 0 26px;
}
.skw-bv2-leadbox .skw-bv2-lb-label{
	color:var(--b2-red);font-size:10.5px;font-weight:800;letter-spacing:.12em;
	text-transform:uppercase;margin:0 0 8px;display:flex;align-items:center;gap:8px;
}
.skw-bv2-leadbox .skw-bv2-lb-label::before{
	content:'';width:16px;height:2px;background:var(--b2-red);border-radius:2px;
}
.skw-bv2-leadbox p{
	font-size:14.5px;line-height:1.7;color:var(--b2-ink-2);margin:0;font-weight:400;
}

/* cover */
.skw-bv2-cover{
	border-radius:16px;overflow:hidden;margin:0 0 30px;
	border:1px solid var(--b2-line);background:var(--b2-media);
	box-shadow:var(--b2-shadow-sm);
}
.skw-bv2-cover img{display:block;width:100%;height:auto;}

/* layout 2 cột */
.skw-bv2-cols{
	display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:36px;
	max-width:1180px;margin:0 auto;align-items:start;
}
.skw-bv2-article{min-width:0;max-width:790px;}

/* TOC — panel trắng shadow PDP */
.skw-bv2-toc{
	position:sticky;top:96px;
	background:#fff;border:1px solid var(--b2-line);
	border-radius:16px;padding:18px;font-size:12.5px;
	box-shadow:var(--b2-shadow-sm);
}
.skw-bv2-toc .skw-bv2-toc-t{
	font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
	color:var(--b2-ink);margin:0 0 11px;display:flex;align-items:center;gap:8px;
}
.skw-bv2-toc .skw-bv2-toc-t::before{
	content:'';width:16px;height:2px;background:var(--b2-red);border-radius:2px;
}
.skw-bv2-toc ol{list-style:none;margin:0;padding:0;}
.skw-bv2-toc li{margin:0 0 3px;}
.skw-bv2-toc a{
	display:block;color:var(--b2-ink-2);text-decoration:none;
	padding:7px 10px;border-radius:9px;line-height:1.45;
	transition:all .15s;
}
.skw-bv2-toc a:hover{color:var(--b2-red);background:var(--b2-red-soft);}
.skw-bv2-toc a.is-on{color:var(--b2-red);font-weight:700;background:var(--b2-red-soft);}
.skw-bv2-toc.is-mobile{display:none;position:static;margin:0 0 24px;}
.skw-bv2-toc.is-mobile ol{display:none;margin-top:6px;}
.skw-bv2-toc.is-mobile.skw-open ol{display:block;}
.skw-bv2-toc .skw-bv2-toc-btn{
	display:none;width:100%;border:0;background:none;font-family:inherit;
	font-size:12px;font-weight:700;color:var(--b2-red);cursor:pointer;
	padding:8px 0 2px;align-items:center;gap:6px;justify-content:center;
}
.skw-bv2-toc.is-mobile .skw-bv2-toc-btn{display:flex;}

/* prose */
.skw-bv2-content{font-size:15.5px;line-height:1.85;color:var(--b2-ink-2);font-weight:400;}
.skw-bv2-content p{margin:0 0 20px;}
.skw-bv2-content h2{
	font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.3;
	color:var(--b2-ink);margin:36px 0 14px;scroll-margin-top:90px;
}
.skw-bv2-content h3{
	font-size:17px;font-weight:700;letter-spacing:-.01em;
	color:var(--b2-ink);margin:28px 0 12px;scroll-margin-top:90px;
}
.skw-bv2-content h4{font-size:15px;font-weight:700;color:var(--b2-ink);margin:22px 0 10px;}
.skw-bv2-content a{color:var(--b2-red);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(181,14,31,.4);}
.skw-bv2-content a:hover{text-decoration-color:var(--b2-red);}
.skw-bv2-content img{border-radius:12px;height:auto;}
.skw-bv2-content ul,.skw-bv2-content ol{margin:0 0 20px;padding-left:22px;}
.skw-bv2-content li{margin-bottom:8px;}
.skw-bv2-content blockquote{
	margin:24px 0;padding:18px 22px;background:var(--b2-card-warm);
	border:1.5px solid #e8c2ac;border-radius:14px;
	font-size:14.5px;color:var(--b2-ink-2);font-style:normal;
}
.skw-bv2-content table{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 22px;font-size:13.5px;border:1px solid var(--b2-line);border-radius:14px;overflow:hidden;}
.skw-bv2-content th,.skw-bv2-content td{border:none;border-bottom:1px solid var(--b2-line);padding:10px 14px;text-align:left;}
.skw-bv2-content tr:last-child td{border-bottom:none;}
.skw-bv2-content th{background:var(--b2-gold-soft);font-weight:700;color:var(--b2-red-dark);font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;}
.skw-bv2-content .wp-caption,.skw-bv2-content figcaption{font-size:12px;color:var(--b2-muted);text-align:center;padding-top:8px;}

/* product box — kiểu gift-panel PDP */
.skw-bv2-pbox{
	background:var(--b2-card-warm);border:1.5px solid #e8c2ac;
	border-radius:16px;padding:20px;margin:30px 0;
	box-shadow:var(--b2-shadow-sm);
}
.skw-bv2-pbox .skw-bv2-pbox-t{
	font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
	color:var(--b2-red);margin:0 0 14px;display:flex;align-items:center;gap:8px;
}
.skw-bv2-pbox .skw-bv2-pbox-t::before{
	content:'';width:16px;height:2px;background:var(--b2-red);border-radius:2px;
}
.skw-bv2-pbox .skw-bv2-prod{
	display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:center;
	background:#fff;border:1px solid var(--b2-line);border-radius:14px;
	padding:12px;text-decoration:none;transition:border-color .2s,box-shadow .2s;
	margin-bottom:10px;
}
.skw-bv2-pbox .skw-bv2-prod:hover{border-color:#e3c4a8;box-shadow:var(--b2-shadow-sm);}
.skw-bv2-pbox .skw-bv2-prod img{
	width:96px;height:96px;object-fit:contain;border-radius:10px;background:#faf6ee;
	mix-blend-mode:multiply;
}
.skw-bv2-pbox .skw-bv2-prod .pn{font-size:13.5px;font-weight:700;color:var(--b2-ink);line-height:1.35;margin:0 0 5px;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.skw-bv2-pbox .skw-bv2-prod:hover .pn{color:var(--b2-red);}
.skw-bv2-pbox .skw-bv2-prod .pp{font-size:15px;font-weight:800;color:var(--b2-red);display:block;}
.skw-bv2-pbox .skw-bv2-prod .pp del{color:#a89d92;font-weight:400;font-size:11.5px;margin-right:7px;}
.skw-bv2-pbox .skw-bv2-prod .pgo{
	flex:none;color:var(--b2-red);font-size:11.5px;font-weight:700;white-space:nowrap;
}
.skw-bv2-pbox .skw-bv2-pnote{font-size:11px;color:var(--b2-muted);margin:10px 0 0;}

/* nguồn/ghi chú */
.skw-bv2-src{
	border-top:1px solid var(--b2-line);
	padding:18px 0 4px;margin-top:34px;
	font-size:12px;color:var(--b2-muted);line-height:1.7;
}
.skw-bv2-src b{color:var(--b2-ink-2);font-weight:700;}
.skw-bv2-src a{color:var(--b2-red);font-weight:600;text-decoration:none;}

/* related */
.skw-bv2-related{max-width:1180px;margin:8px auto 0;padding-bottom:50px;}
.skw-bv2-related .skw-bv2-sec-head{margin-top:34px;padding-top:32px;border-top:1px solid var(--b2-line);}

/* tags */
.skw-bv2-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px;}
.skw-bv2-tags a{
	border:1.5px solid var(--b2-line);border-radius:999px;background:#fff;
	padding:7px 14px;font-size:11.5px;font-weight:600;color:var(--b2-ink-2);text-decoration:none;
	transition:border-color .2s,color .2s;
}
.skw-bv2-tags a:hover{border-color:var(--b2-red);color:var(--b2-red);}

/* ---------- CATEGORY / SEARCH HEAD ---------- */
.skw-bv2-archead{padding:32px 0 4px;}
.skw-bv2-archead h1{
	font-size:clamp(24px,3vw,34px);font-weight:700;letter-spacing:-.025em;
	color:var(--b2-ink);margin:0 0 10px;line-height:1.2;
}
.skw-bv2-archead .skw-bv2-arcdesc{
	color:var(--b2-ink-2);font-size:13.5px;line-height:1.65;max-width:640px;margin:0 0 4px;
}
.skw-bv2-archead .skw-bv2-count{font-size:12.5px;color:var(--b2-muted);margin-top:8px;}
.skw-bv2-archead .skw-bv2-count b{color:var(--b2-red);font-weight:800;}
.skw-bv2-arcsearch{
	display:flex;align-items:center;background:#fff;
	border:1.5px solid var(--b2-line-warm);border-radius:999px;height:48px;
	max-width:440px;margin-top:18px;padding:0 5px 0 0;
	box-shadow:var(--b2-shadow-sm);
	transition:border-color .2s,box-shadow .2s;
}
.skw-bv2-arcsearch:focus-within{border-color:var(--b2-red);box-shadow:0 0 0 4px rgba(181,14,31,.13);}
.skw-bv2-arcsearch .skw-bv2-sicon{padding:0 4px 0 15px;color:var(--b2-muted);display:flex;}
.skw-bv2-arcsearch input{flex:1;min-width:0;border:0;background:none;height:44px;padding:0 8px;font-family:inherit;font-size:13.5px;color:var(--b2-ink);box-shadow:none;outline:none;margin:0;border-radius:0;}
.skw-bv2-arcsearch button{
	flex:none;display:inline-flex;align-items:center;justify-content:center;
	box-sizing:border-box;height:38px;min-height:0;margin:0;line-height:1;
	border:0;border-radius:999px;background:var(--b2-grad);color:#fff;
	font-family:inherit;font-size:12px;font-weight:800;padding:0 18px;cursor:pointer;
	box-shadow:0 4px 12px rgba(181,14,31,.26);transition:transform .18s,box-shadow .2s;
}
.skw-bv2-arcsearch button:hover{transform:translateY(-1px);}

/* empty state */
.skw-bv2-empty{
	background:#fff;border:1px solid var(--b2-line);border-radius:16px;
	box-shadow:var(--b2-shadow-sm);
	text-align:center;padding:52px 24px;margin:26px auto 40px;max-width:560px;
}
.skw-bv2-empty .skw-bv2-eic{
	width:64px;height:64px;border-radius:50%;background:var(--b2-red-soft);
	border:1px solid #f2d9cd;
	color:var(--b2-red);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;
}
.skw-bv2-empty h2{font-size:19px;font-weight:700;color:var(--b2-ink);margin:0 0 6px;}
.skw-bv2-empty p{font-size:13px;color:var(--b2-muted);margin:0 0 20px;}

/* prev/next */
.skw-bv2-pn{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px;}
.skw-bv2-pn a{
	display:block;border:1px solid var(--b2-line);border-radius:14px;background:#fff;
	padding:15px 17px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .18s;min-width:0;
}
.skw-bv2-pn a:hover{border-color:#e3c4a8;box-shadow:var(--b2-shadow-sm);transform:translateY(-1px);}
.skw-bv2-pn .lbl{font-size:10.5px;color:var(--b2-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-weight:700;display:block;}
.skw-bv2-pn .ttl{font-size:13px;font-weight:700;color:var(--b2-ink);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.skw-bv2-pn a:hover .ttl{color:var(--b2-red);}
.skw-bv2-pn .is-next{text-align:right;}

/* hide Flatsome chrome */
body.skw-blog-v2.single-post .entry-meta,
body.skw-blog-v2.single-post .post-navigation,
body.skw-blog-v2.single-post .entry-header-text,
body.skw-blog-v2.single-post .post-sidebar,
body.skw-blog-v2 .skw-bv2-hide{display:none!important;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1024px){
	.skw-bv2-hero-in{grid-template-columns:1fr;}
	.skw-bv2-hero-copy{padding:32px 28px 28px;}
	.skw-bv2-hero-copy h1{max-width:100%;}
	.skw-bv2-hero-copy .skw-bv2-lead{max-width:100%;}
	.skw-bv2-search{max-width:100%;}
	.skw-bv2-hero-media{padding:0 14px 14px;}
	.skw-bv2-hero-media img{min-height:0;height:240px;}
	.skw-bv2-hero-art{min-height:200px;height:200px;}
	.skw-bv2-cols{grid-template-columns:1fr;gap:0;}
	.skw-bv2-cols > aside.skw-bv2-toc{display:none;}
	.skw-bv2-toc.is-mobile{display:block;}
	.skw-bv2-grid.skw-bv2-grid-4{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:849px){
	.skw-bv2-feat{grid-template-columns:1fr;}
	.skw-bv2-grid{grid-template-columns:repeat(2,1fr);}
	.skw-bv2-newslist{grid-template-columns:1fr;}
	.skw-bv2-cta{grid-template-columns:1fr;}
	.skw-bv2-strip{grid-template-columns:1fr;gap:0;padding:8px 0;}
	.skw-bv2-strip div{border-right:0;border-bottom:1px solid var(--b2-line);padding:10px 0;}
	.skw-bv2-strip div:last-child{border-bottom:0;}
}
@media (max-width:600px){
	.skw-bv2-wrap{padding:0 14px;}
	.skw-bv2-hero{border-radius:16px;margin-top:12px;}
	.skw-bv2-hero-copy{padding:26px 20px 24px;}
	.skw-bv2-hero-copy h1{font-size:26px;}
	.skw-bv2-search{height:50px;}
	.skw-bv2-search input{height:46px;font-size:13.5px;}
	.skw-bv2-search button{height:38px;padding:0 16px;font-size:12px;}
	.skw-bv2-hero-media img{height:200px;}
	.skw-bv2-hero-chip{left:22px;bottom:22px;}
	.skw-bv2-grid{grid-template-columns:1fr;gap:12px;}
	.skw-bv2-topics{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch;}
	.skw-bv2-topics .skw-bv2-tlabel{flex:none;}
	.skw-bv2-topic{flex:none;}
	.skw-bv2-feat-row{grid-template-columns:118px minmax(0,1fr);}
	.skw-bv2-sec-head{align-items:flex-start;flex-direction:column;gap:9px;}
	.skw-bv2-post-head{padding:0 2px;margin-top:22px;}
	.skw-bv2-content{font-size:15px;}
	.skw-bv2-content h2{font-size:19px;margin-top:30px;}
	.skw-bv2-pbox .skw-bv2-prod{grid-template-columns:74px minmax(0,1fr);}
	.skw-bv2-pbox .skw-bv2-prod img{width:74px;height:74px;}
	.skw-bv2-pbox .skw-bv2-prod .pgo{grid-column:1/-1;margin-top:2px;}
	.skw-bv2-pn{grid-template-columns:1fr;}
	.skw-bv2-pn .is-next{text-align:left;}
	.skw-bv2-cta{padding:26px 22px;margin:34px 0 38px;}
}