/* _content/KasWebDemo/Pages/Index.cshtml.rz.scp.css */
.bg-gradient-template[b-frkg9t2d2c] {
	height: 160px;
	background: linear-gradient(135deg, #ffffff, #f8f9fa);
	border-bottom: 1px solid #eee;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.2s ease;
}

.card:hover .bg-gradient-template[b-frkg9t2d2c] {
	background: linear-gradient(135deg, #f8f9fa, #e9ecef);
}
/* _content/KasWebDemo/Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-8u288zj6zi] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-8u288zj6zi] {
  color: #0077cc;
}

.btn-primary[b-8u288zj6zi] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-8u288zj6zi], .nav-pills .show > .nav-link[b-8u288zj6zi] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-8u288zj6zi] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-8u288zj6zi] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-8u288zj6zi] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-8u288zj6zi] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-8u288zj6zi] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}
/* _content/KasWebDemo/Pages/T/CongTy/cty-led/Detail.cshtml.rz.scp.css */
/* --- Breadcrumb --- */
.breadcrumb-wrapper[b-oisk5q8axo] {
	background: #fdfaf7;
	padding: 15px 0;
	border-bottom: 1px solid rgba(246, 130, 31, 0.1);
}

.breadcrumb-item a[b-oisk5q8axo] {
	color: var(--brand-dark);
	text-decoration: none;
	font-weight: 500;
	font-size: 0.9rem;
}

.breadcrumb-item.active[b-oisk5q8axo] {
	color: var(--brand-color);
	font-weight: 600;
}

/* --- Article Header --- */
.article-meta[b-oisk5q8axo] {
	font-size: 0.9rem;
	color: #888;
	letter-spacing: 1px;
}

.article-title[b-oisk5q8axo] {
	font-weight: 800;
	letter-spacing: -1px;
	line-height: 1.2;
}

.featured-image-container[b-oisk5q8axo] {
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
	margin: 40px 0;
}

/* --- Content Styling --- */
.article-content[b-oisk5q8axo] {
	font-size: 1.15rem;
	color: #444;
}

.article-content h2[b-oisk5q8axo],
.article-content h3[b-oisk5q8axo] {
	font-weight: 700;
	color: var(--brand-dark);
	margin-top: 40px;
}

/* Blockquote Luxury */
.luxury-quote[b-oisk5q8axo] {
	padding: 40px;
	background: #fdfaf7;
	border-left: 5px solid var(--brand-color);
	border-radius: 0 20px 20px 0;
	font-style: italic;
	font-size: 1.4rem;
	color: var(--brand-dark);
	margin: 40px 0;
}

/* Sidebar / Related */
.related-card[b-oisk5q8axo] {
	border: none;
	border-radius: 15px;
	transition: var(--transition);
	overflow: hidden;
}

.related-card:hover[b-oisk5q8axo] {
	transform: translateY(-5px);
}

.share-btn[b-oisk5q8axo] {
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #eee;
	color: #333;
	transition: var(--transition);
	text-decoration: none;
}

.share-btn:hover[b-oisk5q8axo] {
	background: var(--brand-color);
	color: #fff;
}
/* _content/KasWebDemo/Pages/T/CongTy/cty-led/Index.cshtml.rz.scp.css */
/* --- Products Section --- */
.product-card[b-7hbn0iu26r] {
	border: none;
	border-radius: 20px;
	overflow: hidden;
	background: #fff;
	transition: var(--transition);
}

.product-img-wrapper[b-7hbn0iu26r] {
	position: relative;
	overflow: hidden;
	aspect-ratio: 1/1;
}

.product-card img[b-7hbn0iu26r] {
	transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.product-card:hover img[b-7hbn0iu26r] {
	transform: scale(1.1);
}

.btn-quickview[b-7hbn0iu26r] {
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	transition: var(--transition);
	background: var(--brand-light);
	color: var(--brand-dark);
	white-space: nowrap;
}

.product-card:hover .btn-quickview[b-7hbn0iu26r] {
	bottom: 20px;
}

/* --- Projects Section --- */
.project-item[b-7hbn0iu26r] {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	height: 400px;
}

.project-overlay[b-7hbn0iu26r] {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 30px;
	opacity: 0;
	transition: var(--transition);
}

.project-item:hover .project-overlay[b-7hbn0iu26r] {
	opacity: 1;
}

/* --- Process Section --- */
.process-step[b-7hbn0iu26r] {
	position: relative;
	text-align: center;
	padding: 20px;
}

.step-number[b-7hbn0iu26r] {
	width: 50px;
	height: 50px;
	background: var(--brand-color);
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	margin: 0 auto 20px;
	box-shadow: 0 10px 20px rgba(246, 130, 31, 0.3);
}

@media (min-width: 992px) {
	.process-step:not(:last-child)[b-7hbn0iu26r]::after {
		content: '';
		position: absolute;
		top: 45px;
		left: 60%;
		width: 80%;
		height: 2px;
		background: rgba(246, 130, 31, 0.2);
		z-index: -1;
	}
}

/* --- CTA Section Pro Styling --- */
.cta-section[b-7hbn0iu26r] {
	position: relative;
	background: #121212;
	/* Nền tối sâu tạo sự sang trọng */
	border-radius: 40px;
	/* Bo góc cực đại theo style hiện đại */
	padding: 100px 40px;
	overflow: hidden;
	z-index: 1;
	border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Hiệu ứng ánh sáng nghệ thuật (Glow Effect) phía sau */
.cta-section[b-7hbn0iu26r]::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -10%;
	width: 400px;
	height: 400px;
	background: radial-gradient(circle, rgba(246, 130, 31, 0.15) 0%, transparent 70%);
	z-index: -1;
	filter: blur(50px);
}

.cta-section[b-7hbn0iu26r]::after {
	content: '';
	position: absolute;
	bottom: -20%;
	right: -5%;
	width: 300px;
	height: 300px;
	background: radial-gradient(circle, rgba(246, 130, 31, 0.1) 0%, transparent 70%);
	z-index: -1;
	filter: blur(40px);
}

.cta-section h2[b-7hbn0iu26r] {
	letter-spacing: -1px;
	line-height: 1.2;
	color: #ffffff;
}

.cta-section .lead[b-7hbn0iu26r] {
	color: rgba(255, 255, 255, 0.6) !important;
	font-weight: 300;
}

/* Nút Luxury với màu brand #f6821f */
.btn-luxury[b-7hbn0iu26r] {
	background: var(--brand-color);
	color: white;
	border: none;
	border-radius: 14px;
	font-weight: 700;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	box-shadow: 0 15px 35px rgba(246, 130, 31, 0.25);
	position: relative;
	overflow: hidden;
}

.btn-luxury:hover[b-7hbn0iu26r] {
	background: #ff9138;
	color: white;
	transform: translateY(-5px);
	box-shadow: 0 20px 45px rgba(246, 130, 31, 0.4);
}

/* Nút Outline sang chảnh */
.btn-outline-light.rounded-pill[b-7hbn0iu26r] {
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(10px);
	transition: all 0.4s ease;
}

.btn-outline-light.rounded-pill:hover[b-7hbn0iu26r] {
	background: #ffffff;
	color: #000;
	border-color: #ffffff;
}

/* Responsive cho mobile */
@media (max-width: 768px) {
	.cta-section[b-7hbn0iu26r] {
		padding: 60px 20px;
		border-radius: 25px;
	}

	.cta-section h2[b-7hbn0iu26r] {
		font-size: 1.8rem;
	}

	.d-flex.gap-3[b-7hbn0iu26r] {
		flex-direction: column;
		width: 100%;
	}

	.btn-luxury[b-7hbn0iu26r],
	.btn-outline-light[b-7hbn0iu26r] {
		width: 100%;
	}
}

/* Custom Google Maps trong Footer */
.footer-map-wrapper[b-7hbn0iu26r] {
	position: relative;
	border-radius: 20px;
	/* Bo góc lớn cho hiện đại */
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.1);

	/* Làm bản đồ tiệp màu tối với Footer */
	transition: var(--transition);
	height: 200px;
}


.footer-map-wrapper iframe[b-7hbn0iu26r] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* _content/KasWebDemo/Pages/T/General/tintuc-web1/Index.cshtml.rz.scp.css */
.post-thumb[b-dnl2t6375a] {
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    height: 200px;
}

.post-title[b-dnl2t6375a] {
    font-size: 1.1rem;
    font-weight: bold;
}

.post-meta[b-dnl2t6375a] {
    font-size: 0.9rem;
    color: #777;
}
/* _content/KasWebDemo/Pages/T/Gom/gom-viet-high/Index.cshtml.rz.scp.css */
/* --- NAV LUXURY --- */
/* Trạng thái mặc định (Lúc mới tải trang - Cao và Thoáng) */
.luxury-nav[b-b2hr525y5m] {
	padding: 20px 0;
	/* Padding lớn tạo sự sang trọng */
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	/* Hiệu ứng co lại mượt mà */
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(10px);
}

/* Trạng thái sau khi kéo chuột (Co lại - Gọn gàng) */
.luxury-nav.scrolled[b-b2hr525y5m] {
	padding: 12px 0;
	/* Co hẹp padding lại */
	background: rgba(255, 255, 255, 0.95);
	/* Đậm màu hơn một chút để nổi bật nội dung */
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	/* Thêm shadow nhẹ để tách biệt với body */
}

/* Tùy chỉnh Logo cũng co lại một chút nếu cần */
.luxury-nav.scrolled .navbar-brand[b-b2hr525y5m] {
	font-size: 20px;
	/* Nhỏ lại một chút so với 24px ban đầu */
}

/* Tùy chỉnh Submenu cũng phải dịch chuyển theo Navbar mới */
.luxury-nav.scrolled .submenu[b-b2hr525y5m] {
	top: 100%;
	/* Đảm bảo nó vẫn dính sát mép dưới của nav đã co */
}



.offcanvas-body .nav-link[b-b2hr525y5m] {
	font-size: 24px;
	/* Chữ to hơn, nghệ hơn trên Desktop */
	letter-spacing: 3px;
	transition: 0.5s;
}

.offcanvas-body .nav-link:hover[b-b2hr525y5m] {
	padding-left: 20px;
	/* Hiệu ứng đẩy nhẹ khi hover */
	color: #b08d2d;
}

/* --- ICON & BUTTON CUSTOM --- */
.btn-menu-offcanvas[b-b2hr525y5m] {
	background: none;
	border: none;
	font-size: 11px;
	letter-spacing: 2px;
	font-weight: 600;
	display: flex;
	align-items: center;
	color: var(--dark-text);
}

.btn-menu-offcanvas i[b-b2hr525y5m] {
	font-size: 20px;
	margin-right: 8px;
}

.search-icon[b-b2hr525y5m] {
	font-size: 18px;
	color: var(--dark-text);
	transition: 0.3s;
}

.search-icon:hover[b-b2hr525y5m] {
	color: #b08d2d;
}

/* --- SEARCH MODAL LUXURY --- */
.search-modal-bg[b-b2hr525y5m] {
	background: rgba(255, 255, 255, 0.98);
	backdrop-filter: blur(15px);
}

.search-input-luxury[b-b2hr525y5m] {
	width: 100%;
	border: none;
	background: transparent;
	font-family: var(--serif-font);
	font-size: 2.5rem;
	text-align: center;
	outline: none;
	color: #b08d2d;
}

.search-underline[b-b2hr525y5m] {
	height: 1px;
	background: var(--luxury-gold);
	width: 0;
	margin: 10px auto;
	transition: width 0.6s ease;
}

#searchModal:show .search-underline[b-b2hr525y5m] {
	width: 100%;
}

/* Style cho chữ "GỐM VIỆT" */
.brand-text[b-b2hr525y5m] {
	font-family: 'Cormorant Garamond', serif;
	font-size: 22px;
	letter-spacing: 4px;
	color: #4a3a10 !important;
	/* Màu nâu đậm gốm sứ */
	display: block;
	margin: 0;
	line-height: 1;
}

/* --- OFFCANVAS LUXURY --- */
/* Thêm một tấm ảnh gốm mờ nghệ thuật phía sau menu offcanvas */
.luxury-offcanvas[b-b2hr525y5m] {
	/* Đổi màu nền sang dải màu vàng gốm Luxury */
	background-image: linear-gradient(to right, #fdfaf3 0%, #f7f2e5 100%);

	/* Đảm bảo màu bao phủ toàn bộ menu */
	background-size: cover;

	/* Thêm một đường viền mảnh bên phải để phân tách với nội dung chính */
	border-right: 1px solid rgba(138, 109, 29, 0.2);

	width: 350px;
	background: #fdfaf3;
	/* Màu kem nhẹ luxury */
	border-right: 1px solid #efdfa0;
}

/* Sửa lại nút đóng cho sạch sẽ */
.luxury-offcanvas .btn-close[b-b2hr525y5m] {
	opacity: 0.8;
	filter: brightness(0.5);
	/* Làm nút x đóng đậm hơn để dễ thấy trên nền vàng */
}

.luxury-offcanvas .nav-link[b-b2hr525y5m] {
	font-size: 18px;
	font-family: var(--serif-font);
	margin: 15px 0;
	padding: 0;
	text-transform: capitalize;
	/* Chữ cái đầu viết hoa cho thanh thoát */
}

.sub-menu-off a[b-b2hr525y5m] {
	text-decoration: none;
	color: #888;
	font-size: 14px;
	padding: 8px 0;
	display: block;
	transition: 0.3s;
}

.sub-menu-off a:hover[b-b2hr525y5m] {
	color: #b08d2d;
}

/* Căn chỉnh lại logo nav cho cân đối */
.navbar-brand[b-b2hr525y5m] {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.nav-right-icons[b-b2hr525y5m] {
	display: flex;
	align-items: center;
	gap: 20px;
}

.navbar-brand[b-b2hr525y5m] {
	font-family: var(--serif-font);
	font-weight: 600;
	font-size: 24px;
	letter-spacing: 4px;
	color: #b08d2d !important;
}

.nav-link[b-b2hr525y5m] {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 15px;
	color: var(--dark-text) !important;
}

/* Hover Submenu */
.dropdown-hover[b-b2hr525y5m] {

	position: relative;
}

.submenu[b-b2hr525y5m] {
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	list-style: none;
	padding: 20px;
	min-width: 200px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.3s ease;
	border: 1px solid #efdfa0;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.dropdown-hover:hover .submenu[b-b2hr525y5m] {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.submenu li a[b-b2hr525y5m] {
	display: block;
	padding: 8px 0;
	text-decoration: none;
	color: var(--dark-text);
	font-size: 13px;
	border-bottom: 1px solid transparent;
}

.submenu li a:hover[b-b2hr525y5m] {
	border-bottom: 1px solid #e8c96f;
}

/* --- HERO SECTION --- */
#heroCarousel[b-b2hr525y5m] {
	background: var(--luxury-gold);
	height: 90vh;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.hero-container[b-b2hr525y5m] {
	margin-top: 80px;
}

/* --- FIX LỖI MOBILE --- */
@media (max-width: 768px) {
	.hero-container[b-b2hr525y5m] {
		padding-top: 140px;
		/* Tăng padding để đẩy text xuống thấp hơn Nav */
		padding-bottom: 40px;
		text-align: center;
		/* Thường Mobile để căn giữa sẽ sang hơn */
	}

	.hero-title[b-b2hr525y5m] {
		font-size: 2.2rem;
		/* Thu nhỏ tiêu đề để không bị tràn màn hình */
		line-height: 1.2;
		margin-top: 15px;
	}

	.sub-title[b-b2hr525y5m] {
		font-size: 10px;
		letter-spacing: 3px;
	}

	/* Đẩy hình ảnh xuống dưới text một chút cho thoáng */
	.hero-img-wrapper[b-b2hr525y5m] {
		margin-top: 30px;
	}
}

.sub-title[b-b2hr525y5m] {
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: 12px;
	display: block;
	margin-bottom: 15px;
	color: #8a6d1d;
}

.hero-title[b-b2hr525y5m] {
	font-family: var(--serif-font);
	font-size: 4.5rem;
	line-height: 1.1;
	font-weight: 300;
	margin-bottom: 25px;
}

.hero-desc[b-b2hr525y5m] {
	font-weight: 200;
	font-size: 16px;
	line-height: 1.8;
	max-width: 450px;
	margin-bottom: 40px;
}

.btn-luxury[b-b2hr525y5m] {
	display: inline-block;
	padding: 15px 40px;
	border: 1px solid var(--dark-text);
	text-decoration: none;
	color: var(--dark-text);
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
	transition: all 0.4s;
}

.btn-luxury:hover[b-b2hr525y5m] {
	background: var(--dark-text);
	color: #fff;
}

.hero-img-wrapper img[b-b2hr525y5m] {
	width: 100%;
	height: 450px;
	object-fit: cover;

	/* Bo góc so le: Trên trái và Dưới phải bo lớn, 2 góc kia bo nhẹ */
	/* Công thức: Top-Left | Top-Right | Bottom-Right | Bottom-Left */
	border-radius: 160px 4px 4px 4px;

	/* Đổ bóng nhẹ, loang rộng tạo cảm giác ảnh nổi tự nhiên */
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.08);

	/* Thêm một chút border mảnh màu vàng nhạt cho sang */
	border: 1px solid rgba(176, 141, 45, 0.2);

	transition: all 0.5s ease;
}

/* Hiệu ứng khi hover vào ảnh (tùy chọn) */
.hero-img-wrapper img:hover[b-b2hr525y5m] {
	transform: translateY(-10px);
	box-shadow: 0 45px 80px rgba(0, 0, 0, 0.12);
}

/* --- FOOTER --- */
.luxury-footer[b-b2hr525y5m] {
	padding: 100px 0 40px;
	background: #1a1a1a;
	color: #fff;
}

.footer-logo img[b-b2hr525y5m] {
	width: 200px;
	/* Kích thước logo vừa phải */

	object-fit: cover;
	/* Giúp ảnh không bị méo */
	border-radius: 10%;
	/* Bo tròn hoàn hảo */
	margin-bottom: 5px;
	/* Khoảng cách với chữ bên dưới */
	border: 2px solid #e8c96f;
	/* Thêm viền vàng mảnh cho sang */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	/* Đổ bóng nhẹ */
	transition: 0.4s ease;
	background-color: #dcdcdc;
	margin-bottom: 20px;
}

.luxury-footer h5[b-b2hr525y5m] {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #efdfa0;
	margin-bottom: 25px;
}

.luxury-footer a[b-b2hr525y5m] {
	color: rgba(255, 255, 255, 0.6);
	text-decoration: none;
	font-size: 14px;
	transition: 0.3s;
}

.luxury-footer a:hover[b-b2hr525y5m] {
	color: #efdfa0;
}

.copyright[b-b2hr525y5m] {
	margin-top: 50px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.3);
}

/* Header của Section */
.section-title-luxury[b-b2hr525y5m] {
	font-family: 'Cormorant Garamond', serif;
	font-size: 2.5rem;
	font-weight: 300;
	letter-spacing: 2px;
	margin-top: 10px;
}

/* Card chính */
.cat-card-luxury[b-b2hr525y5m] {
	display: block;
	position: relative;
	text-decoration: none;
	color: #2d2d2d;
	overflow: hidden;
	background: #fff;
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Container ảnh */
.cat-image-wrapper[b-b2hr525y5m] {
	position: relative;
	height: 450px;
	/* Chiều cao cố định tạo sự đồng bộ */
	overflow: hidden;
	/* Bo góc nhẹ kiểu cao cấp */
	border-radius: 2px;
}

.cat-image-wrapper img[b-b2hr525y5m] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1.2s ease;
}

/* Lớp phủ mờ giúp text nổi bật */
/* Card trắng tinh khôi */
.cat-card-luxury[b-b2hr525y5m] {
	background: #fff;
	padding-bottom: 20px;
}

/* Đưa info ra ngoài ảnh */
.cat-info[b-b2hr525y5m] {
	position: relative;
	/* Thay vì absolute */
	bottom: 0;
	left: 0;
	right: 0;
	padding: 25px 15px;
	background: #fff;
	color: #2d2d2d;
	/* Chữ đen trên nền trắng */
	text-align: center;
}

.cat-info h3[b-b2hr525y5m] {
	color: #2d2d2d;
	text-shadow: none;
	font-size: 1.4rem;
}

.cat-info p[b-b2hr525y5m] {
	color: #888;
}

.view-more[b-b2hr525y5m] {
	border-bottom: 1px solid #b08d2d;
	color: #b08d2d;
}

/* Hiệu ứng view more */
.view-more[b-b2hr525y5m] {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-bottom: 1px solid #fff;
	padding-bottom: 3px;
	display: inline-block;
	opacity: 0;
	transform: translateY(10px);
	transition: all 0.4s ease;
}

/* --- HOVER EFFECTS --- */
.cat-card-luxury:hover .cat-image-wrapper img[b-b2hr525y5m] {
	transform: scale(1.1);
	/* Phóng to ảnh nhẹ */
}

.cat-card-luxury:hover .cat-overlay[b-b2hr525y5m] {
	background: linear-gradient(to bottom, transparent 40%, rgba(0, 0, 0, 0.7));
}

.cat-card-luxury:hover .view-more[b-b2hr525y5m] {
	opacity: 1;
	transform: translateY(0);
}

.cat-card-luxury:hover .cat-info[b-b2hr525y5m] {
	transform: translateY(-10px);
	transition: all 0.4s ease;
}

/* Nền xen kẽ (Background Alternative) */
.bg-alt[b-b2hr525y5m] {
	background-color: #fcfaf5;
	/* Màu kem cực nhạt, tạo cảm giác sạch sẽ */
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

/* Tiêu đề */
.artisan-title-luxury[b-b2hr525y5m] {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 400;
	font-size: 1.8rem;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	padding-bottom: 15px;
	color: #444;
}

.gold-accent-line[b-b2hr525y5m] {
	position: absolute;
	bottom: 0;
	left: 25%;
	width: 50%;
	height: 1px;
	background: var(--luxury-gold);
	/* Sử dụng gradient vàng đồng đã tạo ở trên */
}

/* Container chứa tags */
.artisan-tags-container[b-b2hr525y5m] {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px;
	max-width: 900px;
	margin: 0 auto;
}

/* Tag style kiểu Minimalist */
.artisan-tag-luxury[b-b2hr525y5m] {
	display: inline-block;
	padding: 10px 25px;
	border: 1px solid #dcdcdc;
	/* Viền mảnh */
	border-radius: 50px;
	/* Bo tròn mềm mại */
	background: #fff;
	color: #666;
	font-size: 13px;
	text-decoration: none;
	letter-spacing: 1px;
	transition: all 0.3s ease;
	font-family: 'Montserrat', sans-serif;
}

.artisan-tag-luxury:hover[b-b2hr525y5m] {
	border-color: #e8c96f;
	/* Đổi sang màu vàng khi hover */
	color: #b08d2d;
	background: #fff;
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(232, 201, 111, 0.2);
}

.btn-close-luxury[b-b2hr525y5m] {
	background: none;
	border: none;
	padding: 10px 20px;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	letter-spacing: 3px;
	color: #999;
	/* Màu xám nhạt tinh tế */
	text-transform: uppercase;
	display: flex;
	align-items: center;
	transition: all 0.4s ease;
	cursor: pointer;
	outline: none !important;
}

.btn-close-luxury i[b-b2hr525y5m] {
	font-size: 18px;
	margin-right: 10px;
	font-weight: 200;
}

.btn-close-luxury:hover[b-b2hr525y5m] {
	color: #2d2d2d;
	/* Đậm lên khi hover */
	letter-spacing: 4px;
	/* Chữ dãn nhẹ ra cực sang */
	transform: translateX(5px);
}

.btn-search-submit[b-b2hr525y5m] {
	background: #2d2d2d;
	/* Màu đen than (Charcoal) sang trọng */
	color: #fff;
	border: 1px solid #2d2d2d;
	padding: 12px 35px;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;
	/* Luxury không dùng bo góc tròn trịa */
}

.btn-search-submit i[b-b2hr525y5m] {
	font-size: 14px;
	margin-right: 0;
	/* Mặc định chỉ hiện icon trên mobile */
}

/* Hiệu ứng Hover đảo màu */
.btn-search-submit:hover[b-b2hr525y5m] {
	background: #b08d2d;
	/* Chuyển sang vàng đồng khi hover */
	border-color: #b08d2d;
	color: #fff;
	padding-left: 45px;
	padding-right: 45px;
}

/* Responsive cho Mobile */
@media (max-width: 768px) {
	.btn-search-submit[b-b2hr525y5m] {
		padding: 12px 20px;
		width: auto;
	}

	.btn-search-submit span[b-b2hr525y5m] {
		display: none;
		/* Ẩn chữ "TÌM KIẾM" trên mobile cho gọn */
	}
}

.border-bottom-luxury[b-b2hr525y5m] {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #dcdcdc;
	/* Đường kẻ mảnh như sợi tóc */
	padding-bottom: 5px;
	margin-top: 30px;
	transition: border-color 0.6s ease;
}

.border-bottom-luxury:focus-within[b-b2hr525y5m] {
	border-bottom-color: #b08d2d;
	/* Đổi sang màu vàng khi đang gõ */
}

.search-input-luxury[b-b2hr525y5m] {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent;
	font-family: 'Cormorant Garamond', serif;
	font-size: 32px;
	font-weight: 300;
	color: #2d2d2d;
	flex-grow: 1;
}
/* _content/KasWebDemo/Pages/T/Gom/gom-viet-high/_ProductIndex.cshtml.rz.scp.css */
/* Container sản phẩm */
.product-card-luxury[b-wipyy2eujb] {
	background: #fff;
	transition: all 0.4s ease;
	padding: 10px;
}

/* Khung ảnh sản phẩm */
.product-img-box[b-wipyy2eujb] {
	position: relative;
	overflow: hidden;
	background: #f9f9f9;
	/* Nền xám nhẹ để làm nổi bật gốm trắng/vàng */
}

.img-main[b-wipyy2eujb] {
	width: 100%;
	height: 320px;
	object-fit: cover;
	transition: transform 0.8s ease;
}

/* Lớp phủ nút bấm (Ẩn mặc định) */
.product-actions[b-wipyy2eujb] {
	position: absolute;
	bottom: -50px;
	/* Giấu dưới đáy */
	left: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 15px;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(5px);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	opacity: 0;
}

.product-card-luxury:hover .product-actions[b-wipyy2eujb] {
	bottom: 0;
	/* Đẩy lên khi hover */
	opacity: 1;
}

.product-card-luxury:hover .img-main[b-wipyy2eujb] {
	transform: scale(1.05);
}

/* Style nút bấm hành động */
.btn-action[b-wipyy2eujb] {
	text-decoration: none;
	color: #2d2d2d;
	border: 1px solid #2d2d2d;
	padding: 8px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	transition: 0.3s;
}

.btn-action:hover[b-wipyy2eujb] {
	background: #2d2d2d;
	color: #fff;
}

/* Thông tin sản phẩm bên dưới */
.product-info[b-wipyy2eujb] {
	padding: 20px 0 10px;
	text-align: center;
}

.product-name a[b-wipyy2eujb] {
	font-family: 'Cormorant Garamond', serif;
	font-size: 16px;
	color: #2d2d2d;
	text-decoration: none;
	font-weight: 400;
	letter-spacing: 0.5px;
	transition: 0.3s;
}

.product-status[b-wipyy2eujb] {
	display: block;
	font-size: 11px;
	color: #b08d2d;
	/* Màu vàng đồng */
	margin-top: 8px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* Nút "Xem tất cả" dưới Swiper */
.btn-default.main-shadow[b-wipyy2eujb] {
	background: transparent;
	border: 1px solid #b08d2d;
	color: #b08d2d;
	padding: 12px 40px;
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
	transition: 0.4s;
}

.btn-default.main-shadow:hover[b-wipyy2eujb] {
	background: #b08d2d;
	color: #fff;
}

/* Container chính của Swiper */
.swiper-pro[b-wipyy2eujb] {
	padding: 30px 0 60px !important;
	/* Tạo khoảng trống cho nút và chấm tròn */
	overflow: visible !important;
	/* Cho phép hiệu ứng hover/shadow không bị cắt */
}

.swiper-slide[b-wipyy2eujb] {
	height: auto;
	/* Đảm bảo các slide bằng chiều cao nhau */
	transition: opacity 0.3s ease;
}

/* Mũi tên Next/Prev */
.swiper-button-next[b-wipyy2eujb],
.swiper-button-prev[b-wipyy2eujb] {
	color: #b08d2d !important;
	/* Màu vàng đồng */
	background: #fff;
	width: 45px !important;
	height: 45px !important;
	border: 1px solid #efdfa0;
	border-radius: 50%;
	transition: all 0.3s ease;
}

/* Thu nhỏ mũi tên bên trong */
.swiper-button-next[b-wipyy2eujb]:after,
.swiper-button-prev[b-wipyy2eujb]:after {
	font-size: 18px !important;
	font-weight: bold;
}

.swiper-button-next:hover[b-wipyy2eujb],
.swiper-button-prev:hover[b-wipyy2eujb] {
	background: #b08d2d;
	color: #fff !important;
	border-color: #b08d2d;
}

/* Đẩy nút ra ngoài khung một chút cho thoáng trên Desktop */
@media (min-width: 1024px) {
	.swiper-button-next[b-wipyy2eujb] {
		right: -60px !important;
	}

	.swiper-button-prev[b-wipyy2eujb] {
		left: -60px !important;
	}
}

/* Ẩn nút trên Mobile để dùng vuốt tay cho gọn */
@media (max-width: 768px) {

	.swiper-button-next[b-wipyy2eujb],
	.swiper-button-prev[b-wipyy2eujb] {
		display: none !important;
	}
}

/* Thanh chấm tròn */
.swiper-pagination-bullets[b-wipyy2eujb] {
	bottom: 10px !important;
}

.swiper-pagination-bullet[b-wipyy2eujb] {
	width: 8px !important;
	height: 8px !important;
	background: #dcdcdc !important;
	opacity: 1 !important;
	margin: 0 6px !important;
	transition: all 0.4s ease;
	border-radius: 0;
	/* Để hình vuông nhỏ nhìn sẽ Startup/Minimalist hơn */
}

.swiper-pagination-bullet-active[b-wipyy2eujb] {
	background: #b08d2d !important;
	width: 25px !important;
	/* Kéo dài chấm đang active tạo hiệu ứng hiện đại */
}

/* 1. Đảm bảo container không bị tràn */
.category-section[b-wipyy2eujb],
.product-section[b-wipyy2eujb] {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	/* Cực kỳ quan trọng để chặn slide tràn ra ngoài */
	position: relative;
}

/* 2. Fix khung chứa Swiper */
.swiper-pro.mySwiper[b-wipyy2eujb] {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto;
	position: relative;
	/* Khử các thuộc tính float nếu có từ BT3 */
	float: none !important;
	display: block !important;
}

/* 3. Đảm bảo Swiper-wrapper không kéo dãn container cha */
.swiper-wrapper[b-wipyy2eujb] {
	display: flex !important;
	/* Ép dùng flex của Swiper */
	box-sizing: content-box;
}

.gv-mt-60[b-wipyy2eujb] {
	margin-top: 60px;
}

.gv-btn-outline[b-wipyy2eujb] {
	display: inline-block;
	padding: 12px 45px;
	border: 1px solid #dcdcdc;
	/* Viền rất mảnh màu xám nhạt */
	color: #2d2d2d;
	text-decoration: none !important;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	transition: all 0.5s ease;
	position: relative;
}

.gv-btn-outline:hover[b-wipyy2eujb] {
	border-color: #b08d2d;
	color: #b08d2d;
	letter-spacing: 3px;
	/* Hiệu ứng dãn chữ nhẹ khi hover rất sang */
}

.gv-arrow[b-wipyy2eujb] {
	display: inline-block;
	transition: transform 0.3s ease;
	margin-left: 8px;
}

.gv-btn-outline:hover .gv-arrow[b-wipyy2eujb] {
	transform: translateX(8px);
	/* Mũi tên dịch chuyển nhẹ */
}

/* Nền màu kem nhạt xen kẽ */
.gv-bg-alt[b-wipyy2eujb] {
	background-color: #f9f7f2;
}

/* Badge (Nhãn nhỏ phía trên) */
.gv-badge-luxury[b-wipyy2eujb] {
	display: inline-block;
	font-size: 11px;
	letter-spacing: 3px;
	color: #b08d2d;
	border-bottom: 1px solid #b08d2d;
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-family: 'Montserrat', sans-serif;
}

/* Tiêu đề Serif */
.gv-title-serif[b-wipyy2eujb] {
	font-family: 'Cormorant Garamond', serif;
	font-size: 2.8rem;
	font-weight: 400;
	line-height: 1.2;
	color: #2d2d2d;
}

.gv-mb-30[b-wipyy2eujb] {
	margin-bottom: 30px;
}

/* Mô tả */
.gv-desc-luxury[b-wipyy2eujb] {
	font-size: 16px;
	line-height: 1.8;
	color: #666;
	font-weight: 300;
	margin-bottom: 40px;
}

/* List phong thủy tối giản */
.gv-fengshui-list[b-wipyy2eujb] {
	list-style: none;
	padding: 0;
	margin: 0;
}

.gv-fengshui-list li[b-wipyy2eujb] {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

/* Dấu chấm vàng nhỏ thay cho Emoji */
.gv-dot[b-wipyy2eujb] {
	width: 6px;
	height: 6px;
	background-color: #b08d2d;
	border-radius: 50%;
	margin-right: 15px;
	flex-shrink: 0;
}

.gv-list-text[b-wipyy2eujb] {
	font-size: 14px;
	letter-spacing: 0.5px;
	color: #444;
	font-family: 'Montserrat', sans-serif;
}

/* Khung ảnh nghệ thuật */
.gv-img-frame[b-wipyy2eujb] {
	position: relative;
	padding: 20px;
	/* Tạo khoảng trống cho viền */
}

.gv-img-responsive[b-wipyy2eujb] {
	width: 100%;
	display: block;
	position: relative;
	z-index: 2;
	/* Hiệu ứng bo góc nhẹ kiểu gốm */
	border-radius: 2px;
}

/* Viền trang trí lệch kiểu Modern Luxury */
.gv-img-border[b-wipyy2eujb] {
	position: absolute;
	top: 0;
	right: 0;
	width: 80%;
	height: 80%;
	border: 1px solid #e8c96f;
	z-index: 1;
}

/* Link gạch chân */
.gv-link-underline[b-wipyy2eujb] {
	color: #2d2d2d;
	text-decoration: none !important;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-bottom: 1px solid #2d2d2d;
	padding-bottom: 5px;
	transition: 0.3s;
}

.gv-link-underline:hover[b-wipyy2eujb] {
	color: #b08d2d;
	border-color: #b08d2d;
	padding-left: 10px;
}

/* Responsive */
@media (max-width: 768px) {
	.gv-title-serif[b-wipyy2eujb] {
		font-size: 2rem;
	}

	.gv-img-frame[b-wipyy2eujb] {
		margin-top: 50px;
	}
}
/* _content/KasWebDemo/Pages/T/NhaHang-Resort/nhahang-bobo/Index.cshtml.rz.scp.css */
:root[b-nvu3z7p602] {
    --text-main: #111827;
    --text-muted: #6b7280;
    --bg-soft: #f9fafb;
    --font-heading: 'Plus Jakarta Sans', sans-serif !important;
    --font-editorial: 'Playfair Display', serif !important;
    --font-body: 'Outfit', sans-serif !important;
}

body[b-nvu3z7p602] {
    font-family: 'Outfit', sans-serif !important;
    color: #1e293b;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.01em;
    /* Giúp chữ trông "premium" hơn */
    color: var(--text-main);
    line-height: 1.7;
}

/* H1: HIỆN ĐẠI & MẠNH MẼ (Dành cho Hero) */
h1[b-nvu3z7p602] {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -0.04em !important;
    /* Chữ sát lại tạo độ "chất" */
    line-height: 1.1;
    color: #0f172a;
    margin-bottom: 1.5rem;
}

/* H2: SANG TRỌNG & NGHỆ THUẬT (Dành cho tiêu đề Section) */
h2[b-nvu3z7p602] {
    font-family: 'Playfair Display', serif !important;
    font-weight: 700 !important;
    font-style: italic;
    /* Chữ nghiêng có chân cực kỳ Michelin */
    letter-spacing: -0.01em !important;
    line-height: 1.3;
    color: #1e293b;
    margin-bottom: 1.2rem;
}

/* H3: CHUYÊN NGHIỆP & GỌN GÀNG (Dành cho tên món ăn, tiêu đề nhỏ) */
h3[b-nvu3z7p602] {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.4;
    color: #0f172a;
}

/* Override nhẹ cho p để "thở" tốt hơn */
p[b-nvu3z7p602] {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 400;
    line-height: 1.8;
    color: #64748b;
}

/* Nút bấm cũng cần font hiện đại */
.btn[b-nvu3z7p602] {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.navbar .nav-link[b-nvu3z7p602] {
    transform: translateY(0);
    transition:
        color .25s ease,
        transform .25s ease;
}

.navbar-glass[b-nvu3z7p602] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    /* BẮT BUỘC */
}


.navbar .nav-link:hover[b-nvu3z7p602] {
    transform: translateY(-1px);
}

.navbar .nav-link[b-nvu3z7p602] {
    position: relative;
    padding: 6px 0;
    font-weight: 500;
    color: var(--text-main);
    transition: color .25s ease;
}

/* underline */
.navbar .nav-link[b-nvu3z7p602]::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 2px;
    background: currentColor;
    border-radius: 2px;
    transition: width .25s ease;
}

.navbar .nav-link:hover[b-nvu3z7p602] {
    color: #111827;
}

.navbar .nav-link:hover[b-nvu3z7p602]::after {
    width: 100%;
}

/* dark mode */
body.dark .navbar .nav-link[b-nvu3z7p602] {
    color: #e5e7eb;
}

body.dark .navbar .nav-link:hover[b-nvu3z7p602] {
    color: #ffffff;
}


section[b-nvu3z7p602] {
    padding: 96px 0;
}

.btn-primary[b-nvu3z7p602] {
    background: #111827;
    border: none;
    padding: 12px 28px;
    border-radius: 12px;
}

.btn-primary:hover[b-nvu3z7p602] {
    background: #000;
}

.hero-title[b-nvu3z7p602] {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.2;
}

.card-soft[b-nvu3z7p602] {
    border: none;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);

}

.card-soft img[b-nvu3z7p602] {
    max-height: 350px;
    object-fit: cover;
}

.img-rounded[b-nvu3z7p602] {
    border-radius: 24px;
}

.footer-premium[b-nvu3z7p602] {
    background-color: #fcfbf7;
    /* Màu kem rất nhẹ hoặc trắng sứ */
    border-top: 1px solid #eee;
    color: #333;
    font-family: 'Playfair Display', serif;
    /* Ưu tiên font có chân cho cảm giác sang trọng */
}

.brand-name[b-nvu3z7p602] {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.5rem;
}

.label[b-nvu3z7p602] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
    display: block;
}

.text-muted[b-nvu3z7p602] {
    font-size: 0.95rem;
    font-family: 'Inter', sans-serif;
    /* Font không chân cho phần nội dung để dễ đọc */
}

.map-container[b-nvu3z7p602] {
    filter: grayscale(20%);
    /* Làm bản đồ hơi nhạt màu để hòa hợp với thiết kế */
    transition: filter 0.3s ease;
}

.map-container:hover[b-nvu3z7p602] {
    filter: grayscale(0%);
}

.short-hr[b-nvu3z7p602] {
    width: 50px;
    border-top: 2px solid #b89f6d;
    /* Màu vàng đồng nhẹ làm điểm nhấn */
    opacity: 1;
}

.copyright[b-nvu3z7p602] {
    font-size: 0.8rem;
    color: #bbb;
}

.navbar-glass[b-nvu3z7p602] {
    position: fixed;
    z-index: 1000;
}

/* submenu*/

.navbar[b-nvu3z7p602] {
    z-index: 9999;
    background-color: white;
}

.navbar .container[b-nvu3z7p602] {
    overflow: visible;
}

.dropdown-hover[b-nvu3z7p602] {
    position: relative;
}

/* Container chứa cả link và menu */
.dropdown-hover[b-nvu3z7p602] {
    position: relative;
    display: flex;
    align-items: center;
    /* Căn giữa theo chiều dọc */
    height: 100%;
    /* Chiếm toàn bộ chiều cao navbar để không bị mất hover */
}

.dropdown-menu-soft[b-nvu3z7p602] {
    position: absolute;
    top: 100%;
    /* Sát mép dưới navbar */
    left: 0;
    min-width: 240px;
    background: #ffffff;
    border-radius: 16px;
    padding: 12px;

    /* Hiệu ứng Premium */
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .08);

    /* Trạng thái ẩn */
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    z-index: 1000;
}

/* CẦU NỐI TÀI TÌNH: Xóa bỏ khoảng trống chết */
.dropdown-menu-soft[b-nvu3z7p602]::before {
    content: "";
    position: absolute;
    top: -20px;
    /* Nhô lên che phủ khoảng trống 10-20px */
    left: 0;
    width: 100%;
    height: 25px;
    /* Đủ cao để nối liền với Nav Link */
    background: transparent;
}

/* Trạng thái hiện */
.dropdown-hover:hover .dropdown-menu-soft[b-nvu3z7p602] {
    visibility: visible;
    opacity: 1;
    transform: translateY(5px);
    /* Khoảng cách thực tế sau khi hiện */
    pointer-events: auto;
}

/* Style cho item con */
.dropdown-item-soft[b-nvu3z7p602] {
    display: block;
    padding: 10px 16px;
    color: var(--text-main);
    text-decoration: none;
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 500;
    transition: background 0.2s ease;
}

.dropdown-item-soft:hover[b-nvu3z7p602] {
    background: #f8fafc;
    color: var(--accent-color);
}

.hero-parallax-section[b-nvu3z7p602] {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* background layer */
.hero-bg[b-nvu3z7p602] {
    position: absolute;
    inset: 0;
    background-image: url("https://images.unsplash.com/photo-1555396273-367ea4eb4db5");
    background-size: cover;
    background-position: center;
    transform: translateY(0);
    will-change: transform;
}

/* overlay cho chữ dễ đọc */
.hero-bg[b-nvu3z7p602]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right,
            rgba(255, 255, 255, .9) 0%,
            rgba(255, 255, 255, .6) 40%,
            rgba(255, 255, 255, .2) 100%);
}

/* dark mode overlay */
body.dark .hero-bg[b-nvu3z7p602]::after {
    background: linear-gradient(to right,
            rgba(11, 15, 25, .85) 0%,
            rgba(11, 15, 25, .55) 40%,
            rgba(11, 15, 25, .25) 100%);
}

/* content layer */
.hero-content[b-nvu3z7p602] {
    position: relative;
    z-index: 2;
}

.hero-bg[b-nvu3z7p602] {
    transform: translateY(0) scale(1.05);
}

@media (max-width: 991px) {
    .hero-bg[b-nvu3z7p602] {
        transform: none !important;
    }
}

.about-item[b-nvu3z7p602] {
    padding: 32px 24px;
}

.about-item h5[b-nvu3z7p602] {
    letter-spacing: 0.02em;
}

.about-card[b-nvu3z7p602] {
    padding: 36px 28px;
    border-radius: 20px;

    background: rgba(255, 255, 255, 0.6);
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background .35s ease;
}

/* light mode hover */
.about-card:hover[b-nvu3z7p602] {
    transform: translateY(-6px);
    background: #ffffff;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .08);
}

/* dark mode */
body.dark .about-card[b-nvu3z7p602] {
    background: rgba(17, 24, 39, .6);
}

body.dark .about-card:hover[b-nvu3z7p602] {
    background: #111827;
    box-shadow: 0 25px 50px rgba(0, 0, 0, .6);
}
/* _content/KasWebDemo/Pages/T/Shop/shop-cafe/Index.cshtml.rz.scp.css */
/* Gallery Styles */
.gallery-item[b-8qtu98smz5] {
	position: relative;
	height: 350px;
	border-radius: 20px;
	overflow: hidden;
	cursor: pointer;
}

.gallery-item img[b-8qtu98smz5] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.gallery-item:hover img[b-8qtu98smz5] {
	transform: scale(1.08);
}

.gallery-overlay[b-8qtu98smz5] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	opacity: 0;
	transition: 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gallery-item:hover .gallery-overlay[b-8qtu98smz5] {
	opacity: 1;
}

/* Testimonials */
.testi-card[b-8qtu98smz5] {
	background: #fff;
	border: none;
	border-radius: 20px;
	padding: 30px;
	height: 100%;
	transition: 0.3s;
}

.testi-card:hover[b-8qtu98smz5] {
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
}

.quote-icon[b-8qtu98smz5] {
	font-size: 2rem;
	color: var(--primary-color);
	opacity: 0.3;
}

/* Map Section */
.map-container[b-8qtu98smz5] {
	filter: grayscale(100%) invert(92%) contrast(83%);
	/* Cho map tiệp màu luxury nhẹ */
	border-radius: 25px;
	overflow: hidden;
	height: 450px;
}

.contact-info-box[b-8qtu98smz5] {
	background: var(--accent-color);
	padding: 40px;
	border-radius: 25px;
	height: 100%;
}

/* Custom cho Mobile */
@media (max-width: 991.98px) {
	.navbar-collapse[b-8qtu98smz5] {
		background: white;
		padding: 20px;
		border-radius: 20px;
		margin-top: 15px;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	}
}

/* Menu List Styles */
.menu-tab-link[b-8qtu98smz5] {
	color: var(--text-dark);
	font-weight: 600;
	border: none !important;
	background: transparent !important;
	padding: 10px 25px;
	transition: 0.3s;
	border-radius: 30px !important;
}

.menu-tab-link.active[b-8qtu98smz5] {
	background-color: var(--primary-color) !important;
	color: white !important;
}

.menu-item-list[b-8qtu98smz5] {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 1.5px;
}

.menu-item-name[b-8qtu98smz5] {
	font-weight: 600;
	font-size: 1.1rem;
	background: white;
	padding-right: 10px;
	z-index: 1;
}

.menu-item-dot[b-8qtu98smz5] {
	flex-grow: 1;
	border-bottom: 1px dotted #ccc;
	margin: 0 10px;
}

.menu-item-price[b-8qtu98smz5] {
	font-weight: 600;
	color: var(--primary-color);
	background: white;
	padding-left: 10px;
	z-index: 1;
}

.menu-item-desc[b-8qtu98smz5] {
	font-size: 0.85rem;
	color: #888;
	margin-bottom: 20px;
}
/* _content/KasWebDemo/Pages/T/Shop/shop-trasua/Index.cshtml.rz.scp.css */
/* Teen Menu Styles */
.teen-menu-nav[b-4bn0a8nbym] {
	background: #fff;
	padding: 10px;
	border-radius: 50px;
	display: inline-flex;
	box-shadow: 0 10px 25px rgba(255, 127, 80, 0.1);
}

.teen-tab-link[b-4bn0a8nbym] {
	border-radius: 50px !important;
	font-weight: 700 !important;
	padding: 12px 30px !important;
	color: var(--text-dark) !important;
	border: none !important;
	transition: 0.3s !important;
}

.teen-tab-link.active[b-4bn0a8nbym] {
	background-color: var(--primary-color) !important;
	color: white !important;
	box-shadow: 0 5px 15px rgba(255, 127, 80, 0.3);
}

.menu-list-item[b-4bn0a8nbym] {
	padding: 15px;
	border-radius: 20px;
	transition: 0.3s;
	border-bottom: 1px dashed #eee;
}

.menu-list-item:hover[b-4bn0a8nbym] {
	background-color: #fff;
	transform: scale(1.02);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.price-tag[b-4bn0a8nbym] {
	background: var(--accent-color);
	color: var(--primary-color);
	padding: 5px 15px;
	border-radius: 30px;
	font-weight: 700;
}

.topping-badge[b-4bn0a8nbym] {
	font-size: 0.75rem;
	background: #E0F2F1;
	color: #00897B;
	padding: 3px 10px;
	border-radius: 10px;
	margin-right: 5px;
}

/* Footer Styles */
.footer-wrapper[b-4bn0a8nbym] {
	position: relative;
	background-color: #2D2D2D;
	/* Màu tối để "chốt" trang lại cho sang */
	padding-top: 100px;
	margin-top: 100px;
	/* Tạo khoảng trống cho lớp 1 đè lên */
}

/* Lớp 1: Newsletter Box nổi */
.footer-newsletter[b-4bn0a8nbym] {
	position: absolute;
	top: -80px;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	max-width: 1000px;
	background: var(--primary-color);
	border-radius: 40px;
	padding: 50px;
	box-shadow: 0 20px 40px rgba(255, 127, 80, 0.3);
	z-index: 10;
}

.footer-newsletter h2[b-4bn0a8nbym] {
	color: white;
	font-size: 2.5rem;
	margin-bottom: 10px;
}

/* Lớp 2: Main Footer Content */
.footer-main[b-4bn0a8nbym] {
	color: #e0e0e0;
}

.footer-link[b-4bn0a8nbym] {
	color: #b0b0b0;
	text-decoration: none;
	transition: 0.3s;
	display: block;
	margin-bottom: 10px;
	font-weight: 500;
}

.footer-link:hover[b-4bn0a8nbym] {
	color: var(--primary-color);
	padding-left: 10px;
}

.social-circle[b-4bn0a8nbym] {
	width: 45px;
	height: 45px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	transition: 0.3s;
	font-size: 1.2rem;
}

.social-circle:hover[b-4bn0a8nbym] {
	background: var(--primary-color);
	transform: translateY(-5px);
	color: white;
}

.footer-bottom[b-4bn0a8nbym] {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	padding: 30px 0;
}

/* SVG Wave */
.footer-wave[b-4bn0a8nbym] {
	position: absolute;
	top: -100px;
	left: 0;
	width: 100%;
	line-height: 0;
}

.footer-wave svg[b-4bn0a8nbym] {
	display: block;
	width: 100%;
	height: 100px;
}

/* Tầng 2: Nền tối chữ sáng */
.footer-wrapper[b-4bn0a8nbym] {
	position: relative;
	background-color: #1a1a1a !important;
	/* Đen sâu hơn để nổi chữ */
	padding-top: 120px;
	margin-top: 100px;
}

/* Ép tất cả chữ trong Footer Main phải là màu sáng */
.footer-main[b-4bn0a8nbym],
.footer-main p[b-4bn0a8nbym],
.footer-main h5[b-4bn0a8nbym],
.footer-main h3[b-4bn0a8nbym],
.footer-main .small[b-4bn0a8nbym] {
	color: #ffffff !important;
	/* Trắng tinh khôi */
}

/* Fix riêng cho các đường Link */
.footer-link[b-4bn0a8nbym] {
	color: #cccccc !important;
	/* Màu xám sáng cho link */
	text-decoration: none;
	transition: 0.3s;
	display: block;
	margin-bottom: 12px;
	font-weight: 500;
}

.footer-link:hover[b-4bn0a8nbym] {
	color: var(--primary-color) !important;
	/* Hover lên là màu cam teen */
	transform: translateX(8px);
}

/* Header của từng cột */
.footer-main h5[b-4bn0a8nbym] {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1.1rem;
	margin-bottom: 25px;
	color: var(--primary-color) !important;
	/* Cho tiêu đề cột màu cam luôn cho rực rỡ */
}

/* Thanh bản quyền dưới cùng */
.footer-bottom[b-4bn0a8nbym] {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 30px 0;
	background: #151515;
	/* Tối hơn một chút nữa */
}

.footer-bottom p[b-4bn0a8nbym],
.footer-bottom a[b-4bn0a8nbym] {
	color: #888888 !important;
	/* Chữ nhỏ ở dưới mờ mờ cho đúng chất */
}