@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

html {
	font-size: 16px;
}

a:hover {
	text-decoration: none
}

.mrg-lr-0 {
	margin-left: 0;
	margin-right: 0;
}

.pdd-lr-0 {
	padding-left: 0;
	padding-right: 0;
}

.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pagination .page-item {
	width: 44px;
	height: 44px;
	margin: 0 7px;
}

.pagination .disabled .page-link {
	border: 1px solid rgba(244, 244, 244, 1) !important;
}

.pagination .page-item.active .page-link {
	background-color: #008243;
	border: 1px solid var(--main-clr);
	color: #fff;
	height: 40px;
}

.pagination .page-item .page-link {
	border-radius: 8px;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	line-height: 26px;
	font-weight: 500;
	padding: 0px;
	width: unset;
	background-color: #fff;
	border: 1px solid #c9c9c9;
	color: #000;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.detail-content {
	overflow: hidden;
	height: 500px;
}

/* Rating Star Widgets Style */
.rating-stars ul {
	list-style-type: none;
	padding: 0;

	-moz-user-select: none;
	-webkit-user-select: none;
}

.rating-stars ul>li.star {
	display: inline-block;

}

/* Idle State of the stars */
.rating-stars ul>li.star>svg {
	margin: 0 5px;
	fill: #ccc;
}

/* Hover state of the stars */
.rating-stars ul>li.star.hover>svg {
	fill: #FFBF00;
}

/* Selected state of the stars */
.rating-stars ul>li.star.selected>svg {
	fill: #FFBF00;
}

.mySwiperBot .swiper-slide-thumb-active {
	opacity: 1;
}

.detail-content {
	text-align: justify;
}

.detail-content p,
.detail-content span {
	font-size: 16px !important;
}

.detail-content p {
	margin-bottom: 1rem;
}

.detail-content h1 {
	font-size: 24px;
}

.detail-content h2 {
	font-size: 22px;
}

.detail-content h3 {
	font-size: 20px;
}

.detail-content img {
	max-width: 800px !important;
	display: block;
	margin: 5px auto;
}

.detail-page {
	text-align: justify;
}

.detail-page h1 {
	font-size: 24px;
}

.detail-page h2 {
	font-size: 22px;
}

.detail-page h3 {
	font-size: 20px;
}

.detail-page img {
	display: block;
	margin: 5px auto;
}

#cart_items {
	position: absolute;
	top: -0.2rem;
	right: 3.9875rem;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	line-height: 17px;
	background: red;
}

.navigator-menu {
	position: fixed;
	top: 0;
	bottom: 0;
	left: -300px;
	transition: left;
	transition-duration: 0.3s;
	transition-timing-function: linear;
}

.sideslip-room-detail {
	position: fixed;
	top: 0;
	bottom: 0;
	right: -700px;
	transition: right;
	transition-duration: 0.3s;
	transition-timing-function: linear;
}

.navigator-menu.sideslip {
	left: 0;
	animation: sideslip;
	animation-duration: 0.3s;
	animation-timing-function: linear;
}

.sideslip-room-detail.sideSlipRight {
	right: 0;
	animation: sideSlipRight;
	animation-duration: 0.3s;
	animation-timing-function: linear;
}

@keyframes sideslip {
	from {
		left: -300px;
	}

	to {
		left: 0;
	}
}

@keyframes sideSlipRight {
	from {
		right: -700px;
	}

	to {
		right: 0;
	}
}

.swal2-popup.swal2-toast.swal2-show {
	flex-direction: row !important;
}

.swal2-popup {
	border-radius: 12px;
}

.swal2-icon {
	width: 64px;
	height: 64px;
	margin: 1rem auto;
}

.swal2-input {
	margin-bottom: 0;
}

[type='text'] {
	border-color: #ccc !important;
}

[type='text']:focus {
	outline: 2px solid transparent;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) #008243;
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) #008243;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	border-color: #008243;
}

.swal2-icon.swal2-warning {
	border-color: #FFBF00;
	color: #FFBF00;
}

.swal2-title {
	font-size: 20px;
	line-height: 30px;
}

.swal2-styled.swal2-deny {
	background-color: #C4CDD5 !important;
}

.description_table {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.name-traveler {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.infoContainerReport {
	display: grid;
}

.infoContainerReport.hide {
	display: none;
}

.list-item-route {
	position: relative;
	background: url('../../images/bg-list-item.jpeg');
	background-attachment: scroll;
}

.list-item-route::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 0;
	background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9));
	border-radius: 0.75rem;
}

/*mobile S*/
@media screen and (max-width: 375px) {
	.detail-content img {
		max-width: 340px !important;
		height: unset !important;
		display: block;
		margin: 5px auto;
	}

	.pagination .page-item {
		width: 24px;
		height: 24px;
		margin: 0 7px;
	}
}

/*mobile M*/
@media screen and (min-width: 376px) and (max-width: 460px) {
	.detail-content img {
		max-width: 394px !important;
		height: unset !important;
		display: block;
		margin: 5px auto;
	}

	.pagination .page-item {
		width: 24px;
		height: 24px;
		margin: 0 7px;
	}

	.pagination .page-item.active .page-link {
		height: 24px;
	}

	.pagination .page-item .page-link {
		font-size: 12px;
		height: 24px;
		background-color: #fff;
	}

}

/*tablet*/
@media screen and (min-width: 461px) and (max-width: 768px) {
	.detail-content img {
		max-width: 600px !important;
		height: unset !important;
		display: block;
		margin: 5px auto;
	}
}

.bg-gradient-custom {
	background: linear-gradient(to bottom,
		rgba(41, 128, 185, 0.6),
		/* Mà u #2980B9 với độ trong suốt 60% */
		rgba(147, 249, 185, 0.6)
		/* Mà u #93F9B9 với độ trong suốt 60% */
	);
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	top: 92%;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index: 3;
	color: #fff;
	background-color: #008243;
	border-color: #008243;
	cursor: default;
}
.pagination>li>a, .pagination>li>span{
	margin: 0 10px;
	padding: 8px 19px;
	border-radius: 6px;
}
.pagination>li>a, .pagination>li>span{
	color: #000
}













































































































/* ============ THEME ============ */
:root{
	--brand: #2e7d32;           /* xanh chủ đạo */
	--brand-600:#256528;
	--text:#0f172a;
	--muted:#6b7280;
	--card:#ffffff;
	--bg:#f5f7f6;
	--border:#e5e7eb;
}

/* ============ LAYOUT ============ */
.account-wrap{
	background: var(--bg);
	padding: 16px;
	border-radius: 14px;
}
.account-card{
	background: var(--card);
	border: 1px solid var(--border);
	border-radius: 14px;
	box-shadow: 0 6px 20px rgba(0,0,0,.06);
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 24px;
	padding: 24px;
}

/* Sidebar */
.account-side{ border-right: 1px solid var(--border); padding-right: 20px; }
.user-block{
	display: grid; gap: 8px; margin-bottom: 14px; 
	text-align: center;
}
.avatar{
	width: 100%;
}
.avatar img{ 
	width:64px; 
	height:64px;
	object-fit:cover; 
	border-radius: 50%;
	display: inline-block;
}
.user-name{ font-weight:700; color: var(--text); }
.edit-link{
	font-size: 14px; color: var(--brand); text-decoration: none;
}
.edit-link:hover{ text-decoration: underline; }

.side-nav{ display: grid; gap: 6px; margin-top: 16px; }
.side-link{
	display:block; padding:10px 12px; border-radius:8px;
	color:#111827; text-decoration:none; border:1px solid transparent;
}
.side-link:hover{ background:#f3f6f4; }
.side-link.active{
	background: #e9f5ea; color: var(--brand);
	border-color: #d7ead9; font-weight:700;
}

/* Main */
.account-main{ padding-left: 4px; }
.account-title{
	margin: 0 0 18px; font-weight:800; color: var(--text);
}

.profile-layout{
	display:grid; grid-template-columns: 220px 1fr; gap: 24px;
	background: #fff; border:1px solid var(--border);
	border-radius: 12px; padding: 20px;
}
.big-avatar{
	width: 160px; height: 160px; border-radius: 50%;
	overflow:hidden; background:#eef2f7; margin: 0 auto;
	border: 4px solid #f3f4f6;
	box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
.big-avatar img{ width:100%; height:100%; object-fit:cover; }

.info-grid{
	display:grid; grid-template-columns: 1fr 2fr; gap: 10px 18px;
	align-items: start; margin: 0;
}
.info-grid dt{ color:var(--muted); font-weight:600; }
.info-grid dd{ margin: 0; color: var(--text); font-weight:700; }
.info-grid .full{ grid-column: 1/-1; display:grid; grid-template-columns: subgrid; }

/* ============ RESPONSIVE ============ */
@media (max-width: 992px){
	.account-card{ grid-template-columns: 1fr; padding: 16px; }
	.account-side{ border-right: none; border-bottom:1px solid var(--border); padding-bottom:16px; }
	.profile-layout{ grid-template-columns: 1fr; }
	.big-avatar{ margin: 0; }
}
.content-signed{
	position: relative;
}
.content-signed .userBlock{
	position: absolute;
	top: 100%;
	right: 0;
	background: #fff;
	z-index: 99;
	display: none;

	border-radius: 10px;
	border: 1px solid #ddd
}
.content-signed:hover .userBlock{
	display: block
}
[type='checkbox']:checked, [type='radio']:checked{
	background-color: #fff !important;
	border-color: #aaaaaa !important;
}
.viewed{
	position: absolute;
	top: 10px;
	right: 10px;
	background: #008243;
	border-radius: 5px;
	padding: 0 6px;
	color: #fff;
	font-size: 13px;
	z-index: 12;
}
.viewed .fa{
	margin-right: 5px;
}
.viet_hoa{
	text-transform: capitalize;
}
mark, .mark{
	background-color: unset;
	color: #fff;
}
.slider{
	overflow-x: hidden
}



.product-grid {
	border-radius: 4px;
	overflow: hidden;
	background: #FFF;
	margin-bottom: 20px;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.19);
}
.img-21-9 {
	position: relative;
	display: block;
	padding-top: 39.85%;
	overflow: hidden
}

.img-16-9 {
	position: relative;
	display: block;
	padding-top: 60.65%;
	overflow: hidden
}

.img-square {
	position: relative;
	display: block;
	padding-top: 100%;
	overflow: hidden
}

.img-4-3 {
	position: relative;
	display: block;
	padding-top: 65%;
	overflow: hidden
}

.img-21-9 img,
.img-16-9 img,
.img-square img,
.img-4-3 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.product-grid .info {
	padding: 20px;
}
.product-grid h3 {
	color: #333;
	font-size: 16px;
	font-weight: 700;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-bottom: 12px;
}
.price {
	color: red;
	font-size: 14px;
}
.heading-simple {
	color: #0F1A2A;
	font-size: 24px;
	font-weight: 700;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	align-items: center;
}


























/*modal fomr liên hệ chi tiết sản phẩm*/
.lien_he_ngay .close{
	border: 1px solid grey;
	width: 20px;
	height: 20px;
	text-align: center;
	background-color: white;
	border-radius: 50%;
	z-index: 100000000000;
	opacity: 1;
	font-size: 17px;
	position: absolute;
	right: -7px;
	top: -7px;
	padding: 2px;
}




.lien_he_ngay .container_body {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	margin: auto;
	padding: 20px;
	background: white;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	font-family: Arial, sans-serif;
	color: #333;
	background: linear-gradient(135deg, #ffeb3b 0%, #f57c00 100%);
}
.lien_he_ngay .left{
	background: rgba(255,255,255,0.6);
	display: inline-block;
	padding: 4px 10px;
	border-radius: 15px;
}
/* Left content */
.lien_he_ngay .left {
	flex: 1;
	margin-right: 20px;
}

.lien_he_ngay .left h1 {
	font-size: 32px;
	font-weight: bold;
	color: #222;
}

.lien_he_ngay .left h1 span {
	color: #7a3eff;
}

.lien_he_ngay .left p {
	margin: 15px 0;
	line-height: 1.6;
	color: #555;
}

.lien_he_ngay .feature {
	display: flex;
	align-items: flex-start;
	margin: 20px 0;
}

.lien_he_ngay .feature span {
	display: inline-block;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	margin-right: 12px;
	position: relative;
	flex-shrink: 0;
}

.lien_he_ngay .feature span::after {
	content: "✓";
	position: absolute;
	top: 2px;
	left: 6px;
	font-size: 14px;
	color: #DB1A2E;
}

.lien_he_ngay .feature strong {
	font-size: 16px;
	color: #222;
	display: block;
	margin-bottom: 4px;
}

.lien_he_ngay .feature p {
	font-size: 14px;
	color: #666;
	margin: 0;
	line-height: 1.5;
}


/* Right form */
.lien_he_ngay .form-box {
	flex: 1;
	background: white;
	border-radius: 15px;
	padding: 30px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.15), inset 0 0 10px rgba(255,255,255,0.4);
}

.lien_he_ngay .form-box h2 {
	font-size: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.lien_he_ngay .form-box h2 span {
	color: #DB1A2E;
}

.lien_he_ngay .form-box input,
.lien_he_ngay .form-box textarea,
.lien_he_ngay .form-box select {
	width: 100%;
	padding: 12px;
	margin: 10px 0;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 14px;
}

.lien_he_ngay .form-box button {
	width: 100%;
	padding: 14px;
	border: none;
	background: linear-gradient(90deg, #d32f2f, #f57c00);
	color: white;
	font-size: 16px;
	border-radius: 10px;
	cursor: pointer;
	transition: 0.3s;
	font-weight: bold;
}




.lien_he_ngay .form-box button:hover {
	opacity: 0.9;
}
.lien_he_ngay .modal-body{
	padding: 0px;
	border-radius: 20px;
}
.lien_he_ngay .modal-content{
	border-radius: 20px;
}
.lien_he_ngay .privacy {
	font-size: 12px;
	text-align: center;
	margin-top: 10px;
	color: #777;
}

/* Responsive */
@media (max-width: 767.98px) {
	.lien_he_ngay .container_body {
		grid-template-columns: repeat(1, 1fr);
	}
}


@media (max-width: 499.98px) {
	.lien_he_ngay .container_body {
		padding: 5px;
	}
}

.section-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 12px;
	border-left: 4px solid #2e7d32;
	color: #222;
	text-transform: uppercase;
}
.fixtrash {
	color: #FF0600;
	font-size: 20px;
}
.labelradio {
	cursor: pointer;
}

.fr {
	float: right;
}
.glt-upload2-thumb img{
	width: 90px;
	max-width: 90px;
}











.filter-section {
	text-align: center;
	margin: 20px 0;
}

.filter-section h3 {
	display: flex;
	align-items: center;
	justify-content: center; /* căn giữa icon + chữ */
	gap: 8px; /* khoảng cách giữa icon và chữ */
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
}

.filter-section h3 img {
	width: 24px;
	height: 24px;
	object-fit: contain; /* giữ tỷ lệ ảnh */
}

.filter-buttons {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
}

.filter-btn {
	border: none;
	padding: 10px 20px;
	border-radius: 999px; /* bo tròn */
	background: #f0f0f0;
	color: #333;
	font-size: 15px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.filter-btn:hover {
	background: #e0e0e0;
}

.filter-btn.active {
	background: #1b7a36; /* xanh đậm */
	color: #fff;
}





















:root{
	--psc-bg:#fff;
	--psc-border:#e5e7eb;
	--psc-shadow:0 8px 26px rgba(2,6,23,.08);
	--psc-radius:16px;
	--psc-text:#111827;
	--psc-sub:#6b7280;
	--psc-primary:#22c55e; /* xanh cho CTA */
	--psc-danger:#ef4444;  /* đỏ khi đóng cửa */
}

.place-sidecard{
	position: sticky; top: 120px; /* chỉnh theo chiều cao header */
	display: grid; gap: 14px;
	color: var(--psc-text);
	max-width: 420px; width: 100%;
}

/* head */
.psc-head{
	background:var(--psc-bg);
	border:1px solid var(--psc-border);
	border-radius:var(--psc-radius);
	box-shadow:var(--psc-shadow);
	padding:16px;
	display:flex; justify-content:space-between; align-items:flex-start; gap:8px;
}
.psc-title{margin:0 0 6px;font-size:20px;line-height:1.35}
.psc-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* badge trạng thái */
.psc-badge{
	font-size:12px;font-weight:700;
	padding:6px 10px;border-radius:999px;border:1px solid transparent;
}
.psc-badge--open{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}
.psc-badge--closed{color:var(--psc-danger);background:#fef2f2;border-color:#fecaca}

/* actions */
.psc-actions{display:flex;gap:8px}
.psc-icon{
	width:36px;height:36px;border-radius:50%;border:1px solid var(--psc-border);
	background:#fff;display:grid;place-items:center;cursor:pointer;
	transition:transform .03s, box-shadow .15s; box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.psc-icon:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}
.psc-icon:active{transform:translateY(1px)}
.psc-icon svg{width:18px;height:18px;fill:#4b5563}

/* CTA */
.psc-cta{
	display:inline-flex;justify-content:center;align-items:center;
	height:46px;border-radius:12px;background:var(--psc-primary);color:#fff;
	text-decoration:none;font-weight:800;letter-spacing:.2px;
	box-shadow:0 8px 18px rgba(34,197,94,.3);
}
.psc-cta:hover{filter:brightness(.98)}

/* info card */
.psc-card{
	background:var(--psc-bg);border:1px solid var(--psc-border);
	border-radius:var(--psc-radius);box-shadow:var(--psc-shadow);padding:16px;
}
.psc-subtitle{margin:0 0 12px;font-size:16px}
.psc-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.psc-list li{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:center}
.psc-ico svg{width:20px;height:20px;fill:#6b7280}
.psc-link{color:#2563eb;text-decoration:none}
.psc-link:hover{text-decoration:underline}

/* rating stars */
.psc-stars{
	--score:0; /* 0..5 */
	position:relative; display:inline-flex; align-items:center; gap:8px;
}
.psc-stars__bg{display:inline-grid; grid-auto-flow:column; gap:2px}
.star{width:16px;height:16px;fill:#e5e7eb}
.psc-stars__fill{
	pointer-events:none;
	position:absolute; left:0; top:0; height:16px;
	width: calc((var(--score) / 5) * 90px); /* 5 sao * (16+2) ~ 90px */

}
.psc-rating__num{font-size:12px;color:var(--psc-sub)}
/* Form đặt bàn */
.psc-form{background:var(--psc-bg);border:1px solid var(--psc-border);
	border-radius:var(--psc-radius);box-shadow:var(--psc-shadow);padding:14px;display:grid;gap:12px}
	.psc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
	.psc-field{display:flex;flex-direction:column;gap:6px}
	.psc-field--full{grid-column:1/-1}
	.psc-label{font-size:12px;font-weight:700;color:#374151}
	.psc-field input,.psc-field textarea{
		width:100%;border:1px solid var(--psc-border);border-radius:10px;padding:10px 12px;
		font-size:14px;background:#fff;outline:none;transition:border-color .15s, box-shadow .15s}
		.psc-field input:focus,.psc-field textarea:focus{
			border-color:var(--psc-primary);box-shadow:0 0 0 3px rgba(34,197,94,.15)}
/* Nút submit full width */
.psc-cta--block{width:100%}
/* Lỗi */
.psc-field.is-invalid input,.psc-field.is-invalid textarea{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}
.psc-form__msg{margin:0;font-size:13px;color:#6b7280}
.psc-form__msg.error{color:#dc2626}
.psc-form__msg.success{color:#059669}
@media (max-width:768px){ .psc-grid{grid-template-columns:1fr} }
:root{
	--m-border:#e5e7eb;
	--m-bg:#fff;
	--m-title:#111827;
	--m-sub:#6b7280;
	--m-shadow:0 8px 22px rgba(2,6,23,.08);
	--m-radius:16px;
	--m-accent:#22c55e; /* có thể đổi theo brand */
}

.map-section{
	background:var(--m-bg);
	border:1px solid var(--m-border);
	border-radius:var(--m-radius);
	box-shadow:var(--m-shadow);
	overflow:hidden;
	margin-top:16px;
	margin-bottom: 20px;
}

/* Header “Vị trí” */
.map-head{
	display:flex; align-items:center; gap:10px;
	padding:12px 16px;
	border-bottom:1px solid var(--m-border);
	background:linear-gradient(180deg,#ffffff, #fafafa);
}
.map-head svg{ width:18px; height:18px; fill:var(--m-accent); flex:0 0 auto; }
.map-head h3{ margin:0; font-size:16px; font-weight:800; color:var(--m-title); }

/* Khung map */
.map-embed{ padding:12px; }
.map-embed iframe,
.map-embed #map{ /* hỗ trợ cả Google Maps JS (div#map) */
	width:100%; height:420px; border:0; display:block; border-radius:12px;
	box-shadow: inset 0 0 0 1px var(--m-border);
}

/* Mobile */
@media (max-width:768px){
	.map-embed iframe,
	.map-embed #map{ height:320px; }
}











.psc-field.is-invalid input,
.psc-field.is-invalid textarea{ border-color:#ef4444; box-shadow:0 0 0 3px rgba(239,68,68,.12); }
.psc-err{ color:#dc2626; font-size:12px; margin-top:4px; display:block; }
.psc-form__msg{ margin:6px 0 0; font-size:13px; color:#6b7280; }
.psc-form__msg.error{ color:#dc2626; }
.psc-form__msg.success{ color:#059669; }
.psc-cta[disabled]{ opacity:.7; cursor:not-allowed; }

.psc-icon {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease;

}

.psc-icon i {
	font-size: 18px;
	color: #aaa; /* mặc định xám */
	transition: color 0.3s ease;
}

.psc-icon.active i {
	color: red; /* khi yêu thích */
}
.main-slider {
	width: 100%;
	margin-bottom: 10px;
}
.main-slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.thumb-slider {

}
.thumb-slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
	border-radius: 5px;
}

.btn-lien-he {
	display: inline-block;
	padding: 10px 24px;
	font-size: 16px;
	font-weight: 700;
	color: #fff !important; /* chữ trắng */
	text-decoration: none;
	border-radius: 30px;
	background: linear-gradient(135deg, #cd1992, #1976d2); /* tím → xanh dương */
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
	text-shadow: 0 1px 3px rgba(0,0,0,0.3); /* viền mờ để chữ không chìm */
	transition: all 0.3s ease;
}

.btn-lien-he:hover {
	background: linear-gradient(135deg, #c2185b, #4caf50); /* tím → xanh lá */
	transform: translateY(-2px);
	box-shadow: 0 6px 14px rgba(0,0,0,0.25);
}

.btn-lien-he:active {
	transform: scale(0.96);
	box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

/* Style cho đoạn mô tả sản phẩm */
.info-hometext p {
	font-size: 16px;
	font-weight: 500;
	color: #333; /* chữ tối, dễ đọc */
	margin-top: 10px;
	line-height: 1.6;
	padding: 8px 12px;
	border-left: 4px solid #cd1992; /* vạch tím nổi bật */
	background: #f9f9f9; /* nền nhạt cho dễ đọc */
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.05);
	margin-bottom: 20px;
}

/* Nếu muốn chữ nhấn mạnh hơn */
.info-hometext p strong {
	color: #1976d2; /* xanh dương từ logo */
}
































/* Reset bootstrap tab mặc định */
.nav-tabs {
	border-bottom: none !important;
	margin-bottom: 20px;
	display: flex;
}

.nav-tabs > li {
	float: none !important;
}

.nav-tabs > li > a {
	border: 1px solid #ddd !important;
	border-radius: 6px !important;
	background: #f9f9f9;
	color: #555 !important;
	padding: 10px 20px;
	font-weight: 600;
	transition: all 0.3s ease;
}

/* Hover */
.nav-tabs > li > a:hover {
	background: #f1f1f1;
	color: #008234 !important;
	border-color: #008234 !important;
}

/* Tab active */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	background: #008234 !important;
	color: #fff !important;
	border-color: #008234 !important;
}

/* Nội dung tab */
.tab-content {
	border: 1px solid #eee;
	padding: 20px;
	border-radius: 6px;
	background: #fff;
}





.form-control {
	display: block;
	width: 100%;
	height: 32px;
	padding: 6px 12px !important;
	font-size: 13px !important;
	line-height: 1.42857143 !important;
	color: #555;
	background-color: #fff !important;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
}

.box_lien_he{
	padding: 10px 0px;
}