/* ==========================================================================
   NUT "XEM THEM" DUNG CHUNG (js/rieng/xem-them.js)             02/09/2026
   ==========================================================================
   Thay cho thanh so trang. Dung o trang danh muc san pham, danh muc tin /
   khuyen mai va danh muc video - vi vay cac lop mang tien to "xt-" chung chu
   khong con "dm-" cua rieng trang danh muc.

   Thanh so trang VAN nam trong HTML, chi bi an di: cac lien ket "/page-2-",
   "/page-3-"... la duong cho bo may tim kiem di het danh sach, va la phuong
   an du phong khi khong co JavaScript (khi do lop .xt-an-so-trang khong duoc
   gan, thanh so trang hien binh thuong).
   ========================================================================== */
.pnavigation.xt-an-so-trang { display: none; }

.xt-khung {
	margin: 18px 0 6px;
	text-align: center;
	/* The boc danh sach co the la mot HANG FLEX (vd trang khuyen mai: cac the
	   .cates xep flex-wrap). Khi do khung nut cung thanh mot muc flex va se co
	   lai vua be rong chu, nam le ben trai thay vi mot dong rieng o giua -
	   da do duoc dung loi do: nut nam o x = -3px. flex-basis 100% bat no
	   chiem tron mot dong; o the boc khong phai flex thi dong nay vo hai. */
	flex: 0 0 100%;
	max-width: 100%;
}

.xt-nut {
	min-width: 220px;
	height: 44px;
	padding: 0 26px;
	border: 1px solid #d4d4d4;
	border-radius: 22px;
	background: #fff;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	color: #333;
	cursor: pointer;
	transition: border-color .15s ease, color .15s ease, background .15s ease;
}

.xt-nut:hover,
.xt-nut:focus {
	border-color: #e42527;
	background: #fff5f5;
	color: #e42527;
}

.xt-nut[disabled] {
	opacity: .6;
	cursor: default;
}

.xt-dem {
	margin: 10px 0 0;
	font-size: 13px;
	color: #888;
}

@media (max-width: 767px) {
	.xt-khung { margin: 14px 0 4px; }
	/* Tren dien thoai cho nut rong gan het hang: ngon tay cham de trung hon
	   mot nut 220px nam giua man hinh. */
	.xt-nut { min-width: 0; width: 100%; max-width: 320px; }
}

/* Trang danh muc video: #related-video la mot HANG FLEX 3 cot (css video.css).
   Khoi <div class="row"> chua thanh phan trang - va nay chua ca nut "Xem
   them" - cung nam trong do nen bi co lai bang dung mot cot video: do duoc
   208px trong khung 470px. Cho no chiem tron mot dong.
   (Loi nay co tu truoc, khong phai do nut "Xem them" sinh ra - thanh so trang
   xua nay van bi bop nhu vay.) */
#related-video > .row {
	flex: 0 0 100%;
	max-width: 100%;
}