/* ============================================================
   FOOTER V2 — block UX "Footer - About us" (ID 160), toàn site.
   Scope: .skw-ft-v2 · token đồng bộ PDP v2 (đỏ #b50e1f, kem #faf5ec).
   ============================================================ */
.skw-ft-v2{
	--ft-red:#b50e1f;--ft-red2:#d4392e;--ft-ink:#2b1d17;--ft-ink2:#4b3a33;
	--ft-muted:#8a7a70;--ft-bg:#faf5ec;--ft-line:#ece0d2;
	background:var(--ft-bg);border-top:1px solid var(--ft-line);
	padding:30px 0 0;margin:8px calc(50% - 50vw) 0;
	font-family:'Helvetica Neue',Helvetica,Arial,system-ui,sans-serif;
}
.skw-ft-v2 *{box-sizing:border-box;}
.skw-ft-v2 .skw-ft-grid{
	display:grid;grid-template-columns:1.35fr 1fr 1.05fr .9fr;gap:28px;
	max-width:1140px;margin:0 auto;padding:0 20px 24px;
}
.skw-ft-v2 .skw-ft-bot{
	max-width:1140px;margin:0 auto;padding-left:20px;padding-right:20px;
}

/* --- cột brand --- */
.skw-ft-v2 .skw-ft-logo img{height:62px;width:auto;display:block;}
.skw-ft-v2 .skw-ft-tag{
	font-size:13.5px;line-height:1.7;color:var(--ft-ink2);margin:14px 0 18px;max-width:300px;
}
.skw-ft-v2 .skw-ft-call{
	display:inline-flex;align-items:center;gap:10px;
	background:linear-gradient(135deg,#c9182b,#a50d1b);color:#fff;
	font-family:'Be Vietnam Pro',system-ui,sans-serif;font-size:13.5px;font-weight:700;
	letter-spacing:.02em;padding:13px 22px;border-radius:999px;text-decoration:none;
	box-shadow:0 8px 18px rgba(181,14,31,.26),inset 0 1.5px 0 rgba(255,255,255,.22);
	transition:transform .18s,box-shadow .2s;
}
.skw-ft-v2 .skw-ft-call:hover{transform:translateY(-1px);color:#fff;}
.skw-ft-v2 .skw-ft-call svg{width:16px;height:16px;flex:none;}
.skw-ft-v2 .skw-ft-call b{font-weight:800;}

.skw-ft-v2 .skw-ft-loc{
	display:flex;gap:11px;align-items:flex-start;margin:20px 0 10px;
}
.skw-ft-v2 .skw-ft-loc svg{width:20px;height:20px;flex:none;color:var(--ft-red);margin-top:2px;}
.skw-ft-v2 .skw-ft-loc b{
	display:block;font-family:'Be Vietnam Pro',system-ui,sans-serif;
	font-size:13px;font-weight:700;color:var(--ft-ink);
}
.skw-ft-v2 .skw-ft-loc span{display:block;font-size:12.5px;color:var(--ft-muted);margin-top:3px;line-height:1.5;}
.skw-ft-v2 .skw-ft-maplink{
	display:inline-flex;align-items:center;gap:6px;margin-top:4px;
	font-size:12.5px;font-weight:700;color:var(--ft-red);text-decoration:none;
	border-bottom:1px solid rgba(181,14,31,.35);padding-bottom:1px;
}
.skw-ft-v2 .skw-ft-maplink:hover{color:var(--ft-red2);border-color:var(--ft-red2);}
.skw-ft-v2 .skw-ft-maplink i{font-style:normal;}

/* --- cột link --- */
.skw-ft-v2 .skw-ft-col h3{
	font-family:'Be Vietnam Pro',system-ui,sans-serif;
	font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
	color:var(--ft-ink);margin:2px 0 16px;position:relative;padding-bottom:11px;
}
.skw-ft-v2 .skw-ft-col h3::after{
	content:'';position:absolute;left:0;bottom:0;width:24px;height:2.5px;
	border-radius:2px;background:var(--ft-red);
}
.skw-ft-v2 .skw-ft-col a{
	display:block;font-size:13.5px;color:var(--ft-ink2);text-decoration:none;
	padding:5px 0;line-height:1.45;transition:color .15s,transform .15s;
}
.skw-ft-v2 .skw-ft-col a:hover{color:var(--ft-red);transform:translateX(3px);}

/* --- social --- */
.skw-ft-v2 .skw-ft-soc{display:flex;gap:10px;}
.skw-ft-v2 .skw-ft-soc a{
	width:40px;height:40px;border-radius:50%;display:inline-flex;
	align-items:center;justify-content:center;flex:none;
	background:#fff;border:1px solid var(--ft-line);color:var(--ft-ink2);
	transition:all .18s;padding:0;
}
.skw-ft-v2 .skw-ft-soc a:hover{
	background:var(--ft-red);border-color:var(--ft-red);color:#fff;
	transform:translateY(-2px);box-shadow:0 6px 14px rgba(181,14,31,.25);
}
.skw-ft-v2 .skw-ft-soc svg{width:17px;height:17px;fill:currentColor;display:block;}

/* --- bottom bar --- */
.skw-ft-v2 .skw-ft-bot{
	display:flex;align-items:center;justify-content:space-between;gap:14px;
	border-top:1px solid var(--ft-line);padding-top:14px;padding-bottom:14px;
	font-size:12px;color:var(--ft-muted);
}
.skw-ft-v2 .skw-ft-legal{display:flex;gap:22px;}
.skw-ft-v2 .skw-ft-legal a{color:var(--ft-muted);text-decoration:none;font-size:12px;}
.skw-ft-v2 .skw-ft-legal a:hover{color:var(--ft-red);}

/* --- siết gap hàng icon cam kết (5 featured_box trên footer) --- */
@media (min-width:850px){
	.row.topfooter{max-width:820px;margin-left:auto;margin-right:auto;}
}
/* thu khoảng trắng trên/dưới strip */
.section:has(.row.topfooter) .gap-element{height:8px !important;padding-top:0;}
.row.topfooter{padding-top:0;padding-bottom:0;}
.row.topfooter .icon-box{margin-bottom:0;}
.row.topfooter .icon-box p{margin-bottom:0;}
.row.topfooter .icon-box-img{margin-bottom:6px;}
.row.topfooter + .row{padding-top:0;}
.skw-ft-v2{margin-top:2px;}

/* --- responsive --- */
@media (max-width:849px){
	.skw-ft-v2{padding:24px 0 0;margin-top:4px;}
	.skw-ft-v2 .skw-ft-grid{grid-template-columns:1fr 1fr;gap:20px;padding-bottom:18px;}
	.skw-ft-v2 .skw-ft-brand{grid-column:1/-1;}
	.skw-ft-v2 .skw-ft-logo img{height:52px;}
	.skw-ft-v2 .skw-ft-tag{max-width:none;}
	.skw-ft-v2 .skw-ft-bot{flex-direction:column;align-items:flex-start;gap:8px;padding-top:12px;padding-bottom:12px;}
}
@media (max-width:480px){
	.skw-ft-v2 .skw-ft-grid{grid-template-columns:1fr;gap:24px;}
}