/*
 * Cuối trang (đợt 2, 09/2026 - kiểu anphatpc.com.vn): 2 hàng tin, dải chính sách, chân trang có cột "Tổng đài hỗ trợ".
 * Markup trong parts/footer.php; nội dung chính sách / tổng đài sửa ở CCN > Giao diện.
 */
.ccn-cuoi{width:1650px;margin:10px auto 0;}
@media (max-width:1366px){.ccn-cuoi{width:1200px;}}
@media (max-width:1230px){.ccn-cuoi{width:auto;margin:10px 16px 0;}}

/* --- Hàng tin --- */
.ccn-tin-hang{padding:18px 0 6px;border-top:1px solid #eceef1;}
.ccn-tin-hang .dau{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px;}
.ccn-tin-hang .dau h2{position:relative;margin:0;padding:0 0 8px;font:600 20px/26px Roboto, Arial;color:#222;text-transform:uppercase;}
.ccn-tin-hang .dau h2:after{content:"";position:absolute;left:0;bottom:0;width:60px;height:3px;border-radius:2px;background:#0a663c;}
.ccn-tin-hang .dau a{font:500 15px/20px Roboto, Arial;color:#0a663c;text-transform:uppercase;}
.ccn-tin-hang .dau a:hover{color:#e30019;}
.ccn-tin-hang ul{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none;}
.ccn-tin-hang li{list-style:none;}
.ccn-tin-hang li a{display:block;color:#222;}
.ccn-tin-hang .anh{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#f2f4f7;}
.ccn-tin-hang .anh img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;}
.ccn-tin-hang li a:hover .anh img{transform:scale(1.04);}
.ccn-tin-hang h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 0;padding:0;font:500 16px/22px Roboto, Arial;color:#222;}
.ccn-tin-hang li a:hover h3{color:#e30019;}

/* --- Dải chính sách --- */
.ccn-chinh-sach{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:12px 0 0;padding:18px 0;border-top:1px solid #eceef1;list-style:none;}
.ccn-chinh-sach li{list-style:none;}
.ccn-chinh-sach .o{display:flex;align-items:center;gap:14px;color:#222;}
.ccn-chinh-sach .o i{flex:none;width:44px;text-align:center;font-size:34px;color:#0a663c;}
.ccn-chinh-sach .o b{display:block;font:700 15px/20px Roboto, Arial;text-transform:uppercase;}
.ccn-chinh-sach .o small{display:block;font:400 14px/20px Roboto, Arial;color:#555;}
.ccn-chinh-sach a.o:hover b{color:#e30019;}

/* --- Chân trang: 4 cột menu đều nhau + cột Tổng đài rộng hơn --- */
#footer .box > .ibox > ul{display:flex;gap:2%;}
#footer .box > .ibox > ul > li{flex:4 1 0;width:auto !important;margin:0 !important;}
#footer .box > .ibox > ul > li:last-child{flex:1.35 1 0;}
#footer .box ul li ul.bmenu{display:flex;gap:2%;}
#footer .box ul li ul.bmenu > li{flex:1 1 0;width:auto;margin:0;}
#footer .box ul li h3{position:relative;margin:0 0 12px;padding:5px 0 10px;font:700 17px/22px Roboto, Arial;color:#222;text-transform:uppercase;}
#footer .box ul li h3:after{content:"";position:absolute;left:0;bottom:0;width:50px;height:3px;border-radius:2px;background:#0a663c;}
#footer .box ul li ul.bmenu li ul li a{padding:4px 0;font:400 15px/20px Roboto, Arial;color:#444;}
#footer .box ul li ul.bmenu li ul li a:hover{color:#e30019;}
#footer ul.ccn-tong-dai{margin:0;padding:0;list-style:none;}
#footer .box ul li ul.ccn-tong-dai li{display:block;width:100%;margin:0 0 10px;list-style:none;}
#footer ul.ccn-tong-dai .nhan{display:block;font:400 14px/20px Roboto, Arial;color:#555;}
#footer ul.ccn-tong-dai .nhan em{font-style:normal;color:#888;}
#footer ul.ccn-tong-dai a{display:block;font:700 20px/26px Roboto, Arial;color:#e30019;}

@media (max-width:768px){
	/* Điện thoại: tin + chính sách thành slide vuốt ngang; chi nhánh + cột menu bấm tiêu đề để mở (JS trong parts/footer.php). */
	.ccn-cuoi{margin:6px 12px 0;}
	.ccn-tin-hang{padding:14px 0 4px;}
	.ccn-tin-hang .dau{margin-bottom:10px;}
	.ccn-tin-hang .dau h2{font-size:17px;line-height:22px;}
	.ccn-tin-hang .dau a{font-size:13px;}
	.ccn-tin-hang ul{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px;}
	.ccn-tin-hang ul::-webkit-scrollbar{display:none;}
	.ccn-tin-hang li{flex:0 0 72%;scroll-snap-align:start;}
	.ccn-tin-hang h3{font-size:14px;line-height:20px;margin-top:8px;}

	.ccn-chinh-sach{display:flex;gap:0;margin-top:8px;padding:12px 0 6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}
	.ccn-chinh-sach::-webkit-scrollbar{display:none;}
	.ccn-chinh-sach li{flex:0 0 100%;scroll-snap-align:start;}
	.ccn-chinh-sach .o{margin:0 2px;padding:12px 14px;border:1px solid #e3efe7;border-radius:10px;background:#f4faf6;}
	.ccn-chinh-sach .o b{font-size:14px;}
	.ccn-chinh-sach .o small{font-size:13px;}
	.ccn-cs-cham{display:flex;justify-content:center;gap:6px;padding:6px 0 10px;}
	.ccn-cs-cham i{width:7px;height:7px;border-radius:50%;background:#cfd8d3;transition:width .2s ease, background .2s ease;}
	.ccn-cs-cham i.dang{width:18px;border-radius:4px;background:#0a663c;}

	/* Khối bấm để mở */
	.ccn-gap > h3{position:relative;cursor:pointer;padding-right:34px !important;}
	.ccn-gap > h3:before{content:"\f107";position:absolute;right:10px;top:50%;margin-top:-10px;font:normal 20px/20px FontAwesome;transition:transform .2s ease;}
	.ccn-gap.mo > h3:before{transform:rotate(180deg);}
	.ccn-gap:not(.mo) > ul{display:none;}

	#ccn-chi-nhanh{padding:12px 0 6px;}
	#ccn-chi-nhanh > ul{grid-template-columns:1fr;gap:8px;margin:0 12px;}
	#ccn-chi-nhanh h3{margin-bottom:0;font-size:14px;}
	#ccn-chi-nhanh h3 .ten{padding:7px 10px;}
	#ccn-chi-nhanh h3:before{color:#fff;}
	#ccn-chi-nhanh li.o.mo ul.dong{padding:8px 2px 4px;}

	#footer .box{padding:6px 0;}
	#footer .box > .ibox > ul{flex-direction:column;gap:0;}
	#footer .box ul li ul.bmenu{display:block;}
	#footer .box ul li ul.bmenu > li{display:block;width:100% !important;border-bottom:1px solid #eceef1;}
	#footer .box ul li ul.bmenu > li > h3{margin:0;padding:12px 34px 12px 0;font-size:15px;}
	#footer .box ul li ul.bmenu > li > h3:after{display:none;}
	#footer .box ul li ul.bmenu > li.mo > ul{padding:0 0 10px;}
	#footer .box > .ibox > ul > li:last-child{padding-top:12px;}
	#footer ul.ccn-tong-dai{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;}
	#footer ul.ccn-tong-dai a{font-size:18px;}
}
}

/* --- Chi nhánh kiểu An Phát: 3 cột, số thứ tự + thanh tiêu đề, các dòng có icon (CCN > Giao diện) --- */
#ccn-chi-nhanh{padding:18px 0 22px;background:#fff;border-top:1px solid #eceef1;border-bottom:1px solid #eceef1;margin-bottom:10px;}
#ccn-chi-nhanh > ul{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 24px;width:1650px;margin:0 auto;padding:0;list-style:none;}
@media (max-width:1366px){#ccn-chi-nhanh > ul{width:1200px;}}
@media (max-width:1230px){#ccn-chi-nhanh > ul{width:auto;margin:0 16px;}}
#ccn-chi-nhanh li.o{list-style:none;}
#ccn-chi-nhanh h3{display:flex;align-items:stretch;margin:0 0 10px;padding:0;background:#0a663c;font:700 15px/20px Roboto, Arial;color:#fff;text-transform:uppercase;}
#ccn-chi-nhanh h3 .so{flex:none;display:flex;align-items:center;justify-content:center;width:34px;margin:3px;background:#fff;color:#0a663c;font-weight:700;}
#ccn-chi-nhanh h3 .ten{padding:8px 10px;}
#ccn-chi-nhanh ul.dong{margin:0;padding:0;list-style:none;}
#ccn-chi-nhanh ul.dong li{display:flex;gap:10px;padding:3px 0;list-style:none;font:400 14px/21px Roboto, Arial;color:#444;}
#ccn-chi-nhanh ul.dong li i{flex:none;width:14px;margin-top:3px;text-align:center;color:#666;}
#ccn-chi-nhanh ul.dong li a{color:#0a4fb5;}
#ccn-chi-nhanh ul.dong li.ban-do{padding:0 0 2px 24px;}
#ccn-chi-nhanh ul.dong li.ban-do a:hover{color:#e30019;}
@media (max-width:900px){#ccn-chi-nhanh > ul{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){#ccn-chi-nhanh > ul{grid-template-columns:1fr;}}

/* Điện thoại: 3 nút nổi (Facebook, Chat, Hotline) chỉ còn biểu tượng tròn nhỏ, nằm trên thanh menu đáy. */
@media (max-width:768px){
	.contact-fixed-right{right:10px;bottom:96px;gap:8px;}
	.contact-fixed-right .contact-box{width:auto;min-height:0;padding:0;gap:0;border:0;border-radius:50%;background:transparent;box-shadow:0 4px 12px rgba(0,0,0,.25);}
	.contact-fixed-right .contact-box:hover{transform:none;}
	.contact-fixed-right .contact-icon{width:44px;height:44px;min-width:44px;}
	.contact-fixed-right .contact-icon svg{width:20px;height:20px;}
	.contact-fixed-right .contact-text{display:none;}
}

/* Điện thoại - chi nhánh (đặt sau khối gốc #ccn-chi-nhanh để được ưu tiên). */
@media (max-width:768px){
	#ccn-chi-nhanh{padding:12px 0 6px;}
	#ccn-chi-nhanh > ul{grid-template-columns:1fr;gap:8px;width:auto;margin:0 12px;}
	#ccn-chi-nhanh h3{margin:0;font-size:14px;}
	#ccn-chi-nhanh h3 .ten{padding:7px 10px;}
	#ccn-chi-nhanh h3:before{color:#fff;}
	#ccn-chi-nhanh li.o.mo ul.dong{padding:8px 2px 4px;}
	#footer ul.ccn-tong-dai{grid-template-columns:1fr;}
}