/*
Theme Name: Nội thất 31
Description: Giao diện con của Flatsome cho demo nội thất số 31
Template: flatsome
Version: 1.0.3
*/

/* Thanh liên hệ nổi bên trái */
.phone-mobile { display: none; }
.giuseart-nav { position: fixed; left: 13px; background: #fff; border-radius: 5px; width: auto; z-index: 150; bottom: 50px; padding: 10px 0; border: 1px solid #f2f2f2; }
.giuseart-nav ul { list-style: none; padding: 0; margin: 0; }
.giuseart-nav ul li { list-style: none !important; }
.giuseart-nav ul > li a { border: none; padding: 3px; display: block; border-radius: 5px; text-align: center; font-size: 10px; line-height: 15px; color: #515151; font-weight: 700; max-width: 72.19px; max-height: 54px; text-decoration: none; }
.giuseart-nav ul > li .chat_animation { display: none; }
.giuseart-nav ul > li a i.ticon-heart { background: url("/wp-content/uploads/2026/11/bieu-tuong-chi-duong-ban-do.png") 0 0 / contain no-repeat; width: 36px; height: 36px; display: block; }
.giuseart-nav ul > li a i.ticon-zalo-circle2 { background: url("/wp-content/uploads/2026/11/bieu-tuong-chat-zalo.png") 0 0 / contain no-repeat; width: 36px; height: 36px; display: block; }
.giuseart-nav li .button { background: transparent; }
.giuseart-nav ul > li a i.ticon-angle-up { background: url("/wp-content/uploads/2026/11/bieu-tuong-len-dau-trang.png") 0 0 / contain no-repeat; width: 36px; height: 36px; display: block; }
.giuseart-nav ul > li a i { width: 33px; height: 33px; display: block; margin: auto; }
.giuseart-nav ul > li a i.ticon-messenger { background: url("/wp-content/uploads/2026/11/bieu-tuong-messenger.png") 0 0 / contain no-repeat; width: 36px; height: 36px; display: block; }
.giuseart-nav ul li .button .phone_animation i { display: inline-block; width: 27px; font-size: 26px; margin-top: 12px; }
.giuseart-nav ul > li a i.ticon-chat-sms { background: url("/wp-content/uploads/2026/11/bieu-tuong-nhan-tin-sms.jpg") 0 0 / contain no-repeat; width: 38px; height: 36px; display: block; }
.giuseart-nav ul > li a i.icon-phone-w { background: url("/wp-content/uploads/2026/11/bieu-tuong-goi-dien-mau-trang.png") 0 0 / contain no-repeat; }
.giuseart-nav ul li .button .btn_phone_txt { position: relative; }

@media only screen and (max-width: 600px) {
	.giuseart-nav li .chat_animation { display: block !important; }
	.giuseart-nav li .button .phone_animation { box-shadow: none; position: absolute; top: -16px; left: 50%; transform: translate(-50%, 0); width: 50px; height: 50px; border-radius: 100%; background: #6cb917; line-height: 15px; border: 2px solid #fff; }
	.giuseart-nav ul > li a { padding: 0; margin: 0 auto; }
	.giuseart-nav { background: #fff; width: 100%; border-radius: 0; color: #fff; height: 60px; line-height: 50px; position: fixed; bottom: 0; left: 0; z-index: 999; padding: 5px; margin: 0; box-shadow: 0 4px 10px 0 #000; }
	.giuseart-nav li { float: left; width: 20%; list-style: none; height: 50px; }
	.phone-mobile { display: block !important; }
	.giuseart-nav ul li .button .btn_phone_txt { top: 35px; font-size: 10px; font-weight: bold; text-transform: none; }
}

/* Bù chênh lệch độ rộng phông chữ ở màn hình máy tính bảng để tiêu đề sản phẩm xuống dòng giống bản mẫu */
@media only screen and (min-width: 550px) and (max-width: 849px) {
	.product-title a { letter-spacing: -0.4px; }
}
@media only screen and (max-width: 549px) {
	.product-title a { letter-spacing: -0.6px; }
}