/*
Theme Name: Minh Tân
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 4.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* ===== TÔNG ĐỎ theo layout (layout/layout.jpg) =====
   Màu: đỏ đô #3d1013 (nền), #370b08 (footer), đỏ nút #a93331, hồng nhạt #f2cbcb (ô nhập), hồng chữ #f3c6c2.
   Custom CSS của Flatsome in SAU style.css nên rule nào đè lên nó phải có !important. */
:root {
	--do-do: #3d1013;
	--do-footer: #370b08;
	--do-nut: #a93331;
	--do-nut-hover: #8e2427;
	--hong-nhat: #f2cbcb;
	--hong-chu: #f3c6c2;
}

/* Logo SVG: giữ đúng tỉ lệ ngôi sao, cho tràn xuống dưới header như layout */
#logo img {
	width: 150px !important;
	height: 150px !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: contain;
}
.header-main #logo {
	padding-top: 14px;
}
.stuck #logo img {
	width: 72px !important;
	height: 72px !important;
}
@media (max-width: 849px) {
	#logo img {
		width: 64px !important;
		height: 64px !important;
	}
	.header-main #logo {
		padding-top: 0;
	}
}
.stuck .header-main #logo {
	padding-top: 0;
}

/* Hero: phủ đỏ lên ảnh nền, chân hero chuyển dần sang đỏ đô để nối với khối Đặt chỗ */
.section1 .section-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: #c0313a;
	mix-blend-mode: multiply;
	opacity: .78;
	pointer-events: none;
}
.section1 .section-bg-overlay {
	z-index: 1;
	background-image: linear-gradient(rgba(61, 16, 19, .15) 40%, var(--do-do)) !important;
}
.section1 h1 {
	color: var(--hong-chu);
}
.section1 a.nut-xem-them {
	background: #2b0a0c !important;
}
.section1 a.nut-xem-them:hover {
	background: var(--do-nut) !important;
}

/* Khối Đặt chỗ */
.section.section2 {
	background-color: var(--do-do) !important;
}
.section2 .form-book h3 {
	color: var(--hong-chu);
}
.section2 .form-book label {
	color: rgba(243, 198, 194, .8);
}
.section2 .form-book input {
	background: var(--hong-nhat) !important;
	border: 0 !important;
	color: #3d1013;
}
.section2 .form-book input[type=submit] {
	background: var(--do-nut) !important;
	color: #fff;
}
.section2 .form-book input[type=submit]:hover {
	background: var(--do-nut-hover) !important;
}

/* Nút "Read more" ở khối Tin tức */
.section9 .button {
	background-color: var(--do-nut) !important;
	border-color: var(--do-nut) !important;
	color: #fff !important;
}
.section9 .button:hover {
	background-color: var(--do-nut-hover) !important;
	border-color: var(--do-nut-hover) !important;
}

/* Footer (UX Block "footer") */
.section.footer-section {
	background-color: var(--do-footer) !important;
}
.footer-section h3 {
	text-transform: uppercase;
}
.footer-section input[type=email],
.footer-section input[type=text] {
	background: #e9a3a0;
	border: 0;
	color: #370b08;
}
.footer-section input[type=submit] {
	background: var(--do-nut) !important;
}

/* ===== Tiêu đề khung ruoubiamoi theo layout (layout/layout.jpg) ===== */
.section3 .tieu-de-nha-hang,
.section5 .tieu-de-thang,
.section9 .tieu-de-tin-tuc {
	color: #8e1b1f;
}
.section3 .tieu-de-nha-hang {
	margin-bottom: 4px;
	font-size: 44px;
	line-height: 1.1;
}
.section3 .tieu-de-phu {
	margin-bottom: 18px;
	color: #8e1b1f;
	font-size: 22px;
}
.section5 .tieu-de-chuong-trinh {
	margin: 0;
	color: #8e1b1f;
	font-family: var(--font-tieu-de);
	font-size: 46px;
	line-height: 1.1;
}
.section5 h2.tieu-de-thang {
	color: #8e1b1f;
	line-height: 1;
}
.section9 h2.tieu-de-tin-tuc {
	font-size: 72px;
	line-height: 1;
}

/* =====================================================================
   CÁC KHỐI LẤY TỪ WEB QUANNHAU (Bến Khô)
   Món mới · Dịch vụ tiệc · Đánh giá · Câu hỏi + bản đồ · Chữ chạy
   Mỗi khối = [section class="section-bk section-bk-..."].
   Padding trên/dưới đặt ở tham số [section] trong UX Builder.
   ===================================================================== */
.section-bk {
	--bk-green: #153f2b;
	--bk-deep: #0a2518;
	--bk-deep-2: #0c2c1d;
	--bk-amber: #e7a22d;
	--bk-orange: #f7a91b;
	--bk-cream: #f8f3e8;
	--bk-cream-2: #fbf7ef;
	--bk-ink: #16281d;
	--bk-muted: #53645b;
	/* Font lấy từ Flatsome → Theme Options → Style → Typography
	   (--font-tieu-de = Headings, --font-chu = Base Text; functions.php in 2 biến này) */
	--bk-display: var(--font-tieu-de);
	--bk-sans: var(--font-chu);
	--bk-serif: var(--font-chu);
	--bk-ease: cubic-bezier(.16, 1, .3, 1);
	font-family: var(--bk-sans);
}
.section-bk .row.row-small,
.section-bk .row:not(.row-collapse) {
	max-width: 1200px;
}
.section-bk .text p:last-child,
.section-bk .text ul:last-child {
	margin-bottom: 0;
}

/* Tiêu đề / nhãn nhỏ / đoạn dẫn dùng chung (trong [ux_text]) */
.section-bk .bk-eyebrow {
	display: block;
	margin: 0 0 1rem;
	color: var(--bk-orange);
	font-family: var(--bk-display);
	font-size: .82rem;
	font-weight: 700;
	letter-spacing: .18em;
	line-height: 1.1;
	text-transform: uppercase;
}
.section-bk .bk-eyebrow-dark {
	color: rgba(21, 63, 43, .67);
}
.section-bk .bk-title {
	margin: 0;
	width: auto;
	color: #fff;
	font-family: var(--bk-display);
	font-size: clamp(2.6rem, 4.6vw, 4.4rem);
	font-weight: 700;
	/* quannhau dùng -.025em cho font chữ hẹp; với font tiêu đề Flatsome thì chữ bị dính -> 0 */
	letter-spacing: 0;
	/* .82 như quannhau làm dấu tiếng Việt (Ỏ, Ư, dấu nặng) chạm dòng trên/dưới */
	line-height: 1.1;
	text-transform: uppercase;
}
.section-bk .bk-title-dark {
	color: var(--bk-green);
}
.section-bk .bk-accent {
	color: var(--bk-orange);
}
.section-bk .bk-lead {
	max-width: 520px;
	margin: 1.25rem 0 0;
	color: var(--bk-muted);
	font-size: 17px;
	line-height: 1.65;
}
.section-bk.dark .bk-lead {
	color: rgba(255, 255, 255, .67);
}

/* Nút [button class="bk-btn ..."] */
.section-bk .button.bk-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	margin: 0 .6rem .6rem 0;
	padding: .82rem 1.35rem;
	border: 1px solid transparent;
	border-radius: 3px 16px 3px 16px;
	font-family: var(--bk-display);
	font-size: 1.03rem;
	font-weight: 700;
	letter-spacing: .04em;
	line-height: 1;
	text-transform: uppercase;
	box-shadow: none;
	transition: transform .35s var(--bk-ease), background-color .35s ease, border-color .35s ease, color .35s ease;
}
.section-bk .button.bk-btn:hover {
	transform: translateY(-2px);
	box-shadow: none;
}
/* !important: Flatsome tô .button.primary bằng màu chủ đạo của site (in sau style.css) */
.section-bk .button.bk-btn-accent {
	background: var(--bk-orange) !important;
	border-color: var(--bk-orange) !important;
	color: var(--bk-deep-2) !important;
}
.section-bk .button.bk-btn-dark {
	background: var(--bk-green) !important;
	border-color: var(--bk-green) !important;
	color: #fff !important;
}

/* Hàng tiêu đề khối: tiêu đề trái, nút/ghi chú phải */
.section-bk .row-bk-head {
	margin-bottom: clamp(1rem, 2vw, 1.8rem);
}
.section-bk .row-bk-head > .col {
	padding-bottom: 0;
}
.section-bk .row-bk-head .div-head-action > .col-inner {
	display: flex;
	justify-content: flex-end;
}
.section-bk .row-bk-head .div-head-action .button {
	margin: 0 0 .45rem;
}

/* ---------- MÓN MỚI ---------- */
.section.section-bk-mon-moi {
	background: linear-gradient(145deg, #123a28, var(--bk-green));
	overflow: hidden;
}
.section-bk-mon-moi .row-bk-head {
	margin-bottom: 2.5rem;
}
.section-bk-mon-moi .row-mon-moi > .col {
	padding-bottom: 1rem;
}
.section-bk .banner-food {
	overflow: hidden;
	isolation: isolate;
	border: 1px solid rgba(248, 243, 232, .2);
	border-radius: 5px 26px 5px 26px;
	background: var(--bk-deep);
	box-shadow: 0 18px 38px rgba(3, 18, 11, .2);
}
.section-bk .banner-food .banner-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(7, 25, 16, .04) 18%, rgba(7, 25, 16, .92) 100%);
	pointer-events: none;
}
.section-bk :is(.banner-food, .banner-review) .banner-layers {
	z-index: 2;
}
.section-bk .banner-food .banner-bg img {
	transition: transform .75s var(--bk-ease), filter .45s ease !important;
}
.section-bk .banner-food:hover .banner-bg img {
	filter: saturate(1.12) contrast(1.05);
}
/* Chữ dưới đáy thẻ: text_box nằm sát đáy, full chiều ngang */
.section-bk .banner-food .bk-card-text {
	top: auto !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0;
	width: 100% !important;
	transform: none !important;
	padding: clamp(1rem, 2.4vw, 1.7rem);
}
.section-bk .banner-food .bk-card-text .text-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: .35rem .75rem;
}
.section-bk .banner-food .bk-card-text p,
.section-bk .banner-food .bk-card-text h3 {
	margin: 0;
}
.section-bk .banner-food .bk-card-cat {
	grid-column: 1 / -1;
	color: var(--bk-amber);
	font-size: .68rem !important;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.section-bk .banner-food .bk-card-title {
	color: #fff;
	font-family: var(--bk-display);
	font-size: clamp(1.2rem, 1.9vw, 1.9rem) !important;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}
.section-bk .banner-food .bk-card-price {
	color: var(--bk-amber);
	font-size: 1.3rem !important;
	font-weight: 700;
	white-space: nowrap;
}

/* ---------- DỊCH VỤ TIỆC (ảnh + chữ, ảnh có bóng cam lệch) ---------- */
.section.section-bk-ve-chung-toi {
	overflow: hidden;
	background: var(--bk-cream-2);
}
.section-bk-ve-chung-toi .div-story-img > .col-inner {
	position: relative;
}
.section-bk-ve-chung-toi .bk-story-img {
	position: relative;
	z-index: 1;
	margin: 0 !important;
}
.section-bk-ve-chung-toi .bk-story-img .img-inner {
	border-radius: 8px 28px 8px 28px;
	box-shadow: 14px 14px 0 var(--bk-amber);
}
.section-bk-ve-chung-toi .bk-story-copy,
.section-bk-ve-chung-toi .row-story-reverse .div-story-text > .col-inner {
	max-width: 560px;
}
.section-bk-ve-chung-toi .bk-story-list {
	display: grid;
	gap: .65rem;
	margin: 1.4rem 0 1.7rem !important;
	padding: 0;
	color: #526159;
	list-style: none;
}
.section-bk-ve-chung-toi .bk-story-list li {
	margin: 0 !important;
}
.section-bk-ve-chung-toi .bk-story-list li::before {
	content: "✦";
	margin-right: .65rem;
	color: #bd6100;
}

/* ---------- ĐÁNH GIÁ ([ux_slider] + [testimonial]) ---------- */
.section.section-bk-danh-gia {
	background: var(--bk-cream);
}
.section-bk-danh-gia .row-review-head {
	position: relative;
	margin-bottom: 1.8rem;
}
.section-bk-danh-gia .row-review-head::after {
	content: "";
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: -1.5rem;
	height: 1px;
	background: rgba(21, 63, 43, .16);
}
.section-bk-danh-gia .bk-review-score p {
	display: grid;
	min-width: 170px;
	margin: 0 0 0 auto;
	padding-left: 1.2rem;
	border-left: 2px solid var(--bk-amber);
	text-align: right;
}
.section-bk-danh-gia .bk-review-score strong {
	color: var(--bk-green);
	font-family: var(--bk-display);
	font-size: clamp(3.4rem, 5vw, 4.8rem);
	font-weight: 700;
	line-height: .85;
}
.section-bk-danh-gia .bk-review-score span {
	color: #a86512;
	font-weight: 700;
}
.section-bk-danh-gia .bk-review-score small {
	color: #637067;
	font-size: .78rem;
}
.slider-danh-gia {
	overflow: hidden;
	border-radius: 8px 32px 8px 32px;
	box-shadow: 0 24px 50px rgba(21, 63, 43, .15);
}
.slider-danh-gia .flickity-slider > * {
	width: 100% !important;
}
.section-bk .banner-review .overlay {
	background: linear-gradient(90deg, rgba(12, 44, 29, .06) 20%, rgba(12, 44, 29, .58) 56%, rgba(12, 44, 29, .96) 100%) !important;
}
.section-bk .banner-review .bk-review-box {
	top: 0 !important;
	bottom: 0;
	left: auto !important;
	right: 0;
	width: min(54%, 650px) !important;
	height: 100%;
	transform: none !important;
	display: flex;
	align-items: center;
	padding: clamp(2rem, 4vw, 4rem);
	border-left: 5px solid var(--bk-amber);
	background: linear-gradient(135deg, rgba(12, 44, 29, .18), rgba(12, 44, 29, .92));
}
.section-bk .banner-review .bk-review-box .text-box-content,
.section-bk .banner-review .bk-review-box .text-inner {
	width: 100%;
}
/* Testimonial chung */
.section-bk-danh-gia .testimonial-box .star-rating {
	margin: 0;
	color: var(--bk-amber);
	font-size: .95rem;
}
.section-bk-danh-gia .testimonial-box .testimonial-text,
.section-bk-danh-gia .testimonial-box .testimonial-text p {
	font-family: var(--bk-serif);
	font-style: normal !important;
	font-weight: 700;
}
.section-bk-danh-gia .testimonial-box .testimonial-text p {
	margin: 0;
}
.section-bk-danh-gia .testimonial-name-divider {
	display: none;
}
.section-bk-danh-gia .testimonial-name,
.section-bk-danh-gia .testimonial-company {
	display: block;
}
.bk-testimonial-feature .testimonial-text {
	margin-block: 1.3rem;
	color: #fff;
	font-size: clamp(1.25rem, 1.8vw, 1.5rem) !important;
	line-height: 1.12 !important;
}
.bk-testimonial-feature .testimonial-meta {
	padding-top: 1rem;
	border-top: 1px solid rgba(255, 255, 255, .18);
}
.bk-testimonial-feature .testimonial-name {
	color: var(--bk-amber);
	font-size: 1rem;
}
.bk-testimonial-feature .testimonial-company {
	color: rgba(255, 255, 255, .65);
	font-size: .85rem;
}
/* Cột phải: thanh điều khiển + danh sách đánh giá */
.section-bk-danh-gia .bk-review-nav p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 1rem;
}
.section-bk-danh-gia .bk-review-status {
	color: #637067;
	font-family: var(--bk-display);
	font-size: .82rem;
	font-weight: 700;
	letter-spacing: .14em;
}
.section-bk-danh-gia .bk-review-arrows {
	display: flex;
	gap: .6rem;
}
.section-bk-danh-gia .bk-review-arrows a {
	display: grid;
	width: 52px;
	height: 52px;
	place-items: center;
	border: 1px solid rgba(21, 63, 43, .24);
	border-radius: 50%;
	color: var(--bk-green);
	font-size: 1.35rem;
	transition: color .25s ease, background-color .25s ease, border-color .25s ease;
}
.section-bk-danh-gia .bk-review-arrows a:hover {
	border-color: var(--bk-green);
	background: var(--bk-green);
	color: #fff;
}
.bk-testimonial-tab {
	margin: 0 0 .8rem;
	padding: clamp(1.2rem, 2.4vw, 2rem);
	border: 1px solid rgba(21, 63, 43, .13);
	border-radius: 5px 22px 5px 22px;
	background: #fff;
	color: var(--bk-ink);
	cursor: pointer;
	transition: border-color .3s ease, background-color .3s ease, box-shadow .3s ease;
}
.bk-testimonial-tab:last-child {
	margin-bottom: 0;
}
.bk-testimonial-tab .testimonial-text {
	margin-block: .8rem;
	color: var(--bk-green);
	font-size: clamp(1rem, 1.3vw, 1.15rem) !important;
	line-height: 1.18 !important;
}
.bk-testimonial-tab .testimonial-name {
	color: var(--bk-green);
}
.bk-testimonial-tab .testimonial-company {
	color: #69766e;
	font-size: .82rem;
}
.bk-testimonial-tab:hover {
	border-color: rgba(231, 162, 45, .6);
}
.bk-testimonial-tab.is-active {
	border-color: var(--bk-amber);
	background: #fff8e8;
	box-shadow: inset 4px 0 0 var(--bk-amber);
}

/* ---------- CÂU HỎI + BẢN ĐỒ ---------- */
.section.section-bk-cau-hoi {
	background: var(--bk-cream);
}
.section-bk-cau-hoi .div-faq-shell > .col-inner {
	padding: 12px;
	border-radius: 14px;
	background: linear-gradient(145deg, #754a27, #3c2412 72%);
	box-shadow: 0 30px 70px rgba(4, 24, 14, .25);
}
.section-bk-cau-hoi .row-faq {
	height: 620px;
	margin: 0 !important;
	overflow: hidden;
	border: 2px solid rgba(255, 255, 255, .08);
	border-radius: 8px;
	background: #16281c;
	box-shadow: inset 0 0 70px rgba(0, 0, 0, .44);
}
.section-bk-cau-hoi .row-faq > .col {
	height: 100%;
	padding: 0 !important;
}
.section-bk-cau-hoi .div-faq-panel > .col-inner {
	height: 100%;
	padding: clamp(2.2rem, 4vw, 3.5rem);
	overflow: auto;
	overscroll-behavior: contain;
	color: #fff;
}
/* Cột câu hỏi hẹp (5/12), font tiêu đề rộng chữ -> tiêu đề nhỏ hơn các khối khác */
.section-bk-cau-hoi .bk-title {
	font-size: clamp(2.2rem, 3vw, 3.1rem);
}
.section-bk-cau-hoi .bk-faq-hint {
	margin: 1.6rem 0 1.5rem !important;
	color: rgba(255, 255, 255, .57);
}
.section-bk-cau-hoi .bk-faq-hint a {
	color: var(--bk-orange);
	font-weight: 700;
}
.accordion-faq {
	counter-reset: bkfaq;
	border-top: 1px dashed rgba(255, 255, 255, .2);
}
.accordion-faq .accordion-item {
	counter-increment: bkfaq;
	border-bottom: 1px dashed rgba(255, 255, 255, .2);
	transition: background-color .3s ease;
}
.accordion-faq .accordion-title {
	position: relative;
	display: flex;
	align-items: baseline;
	padding: 1rem 2.5rem 1rem .75rem;
	border: 0;
	color: #f4efe6;
	font-size: 1rem;
	font-weight: 700;
}
.accordion-faq .accordion-title::before {
	content: counter(bkfaq, decimal-leading-zero);
	flex: 0 0 2.2rem;
	color: var(--bk-orange);
	font-family: var(--bk-display);
}
.accordion-faq .accordion-title.active {
	background: transparent;
	color: #f4efe6;
}
.accordion-faq .accordion-item:has(.accordion-title.active) {
	background: rgba(231, 162, 45, .08);
}
.accordion-faq .accordion-title .toggle {
	left: auto;
	right: .2rem;
	top: .7rem;
	color: var(--bk-orange);
}
.accordion-faq .accordion-title .toggle i::before {
	content: "+";
	font-family: var(--bk-display);
	font-size: 1.8rem;
	font-style: normal;
}
.accordion-faq .accordion-title.active .toggle {
	transform: none;
}
.accordion-faq .accordion-title.active .toggle i::before {
	content: "−";
}
.accordion-faq .accordion-inner {
	padding: 0 .75rem 1.2rem 2.95rem;
}
.accordion-faq .accordion-inner p {
	margin: 0;
	color: rgba(244, 239, 230, .72);
}
.section-bk-cau-hoi .div-faq-map > .col-inner {
	position: relative;
	height: 100%;
	background: #d9ddcf;
}
.section-bk-cau-hoi .bk-map,
.section-bk-cau-hoi .bk-map iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	filter: saturate(.78) contrast(1.05);
}
.section-bk-cau-hoi .bk-map-card {
	position: absolute;
	right: 1.2rem;
	bottom: 1.2rem;
	left: 1.2rem;
	margin: 0;
	padding: 1.25rem;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 14px;
	background: rgba(12, 44, 29, .94);
	color: #fff;
	box-shadow: 0 16px 42px rgba(4, 24, 14, .28);
}
.section-bk-cau-hoi .bk-map-card p {
	margin: 0;
	color: rgba(255, 255, 255, .65);
}
.section-bk-cau-hoi .bk-map-card .bk-map-label {
	color: var(--bk-orange);
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.section-bk-cau-hoi .bk-map-card .bk-map-addr {
	margin: .45rem 0;
	color: #fff;
	font-family: var(--bk-display);
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
}
.section-bk-cau-hoi .bk-map-card .bk-map-link {
	margin-top: .65rem;
}
.section-bk-cau-hoi .bk-map-card a {
	color: var(--bk-orange);
	font-weight: 700;
}

/* ---------- CHỮ CHẠY ---------- */
.section.section-bk-chu-chay {
	border-block: 1px solid rgba(21, 63, 43, .26);
	background: var(--bk-orange);
	overflow: hidden;
}
.section-bk-chu-chay .row-collapse > .col {
	padding: 0 !important;
}
.section-bk-chu-chay .bk-marquee-text p {
	margin: 0;
	padding: .65rem 2.5rem .75rem 0;
	color: var(--bk-green);
	font-family: var(--bk-display);
	font-size: clamp(2rem, 4vw, 3.6rem);
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
}

/* ---------- [sv_marquee] ---------- */
.sv-marquee {
	position: relative;
	overflow: hidden;
}
.sv-marquee-track {
	display: flex;
	width: max-content;
	animation: svMarqueeX var(--sv-marquee-duration, 30s) linear infinite;
	will-change: transform;
}
.sv-marquee-group {
	display: flex;
	flex: 0 0 auto;
	gap: var(--sv-marquee-gap, 30px);
	padding-right: var(--sv-marquee-gap, 30px);
}
.sv-marquee--right .sv-marquee-track {
	animation-direction: reverse;
}
.sv-marquee--vertical {
	height: 100%;
}
.sv-marquee--vertical .sv-marquee-track {
	flex-direction: column;
	width: 100%;
	animation-name: svMarqueeY;
}
.sv-marquee--vertical .sv-marquee-group {
	flex-direction: column;
	padding: 0 0 var(--sv-marquee-gap, 30px);
}
.sv-marquee--down .sv-marquee-track {
	animation-direction: reverse;
}
.sv-marquee--pause:hover .sv-marquee-track {
	animation-play-state: paused;
}
.sv-marquee--fade {
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.sv-marquee .sv-marquee-group > .text,
.sv-marquee .sv-marquee-group > .row {
	margin: 0 !important;
}
@keyframes svMarqueeX {
	from { transform: translate3d(0, 0, 0); }
	to { transform: translate3d(-50%, 0, 0); }
}
@keyframes svMarqueeY {
	from { transform: translate3d(0, 0, 0); }
	to { transform: translate3d(0, -50%, 0); }
}
@media (prefers-reduced-motion: reduce) {
	.sv-marquee-track {
		animation: none;
	}
}

/* ---------- Responsive các khối quannhau ---------- */
@media (max-width: 849px) {
	.section-bk .row-bk-head .div-head-action > .col-inner {
		justify-content: flex-start;
	}
	.section-bk-cau-hoi .row-faq,
	.section-bk-cau-hoi .row-faq > .col {
		height: auto;
	}
	.section-bk-cau-hoi .div-faq-map > .col-inner {
		height: 520px;
	}
}
@media (max-width: 767px) {
	/* Món mới: vuốt ngang */
	.section-bk-mon-moi .row-mon-moi {
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding-bottom: 14px;
		scrollbar-width: thin;
		scrollbar-color: var(--bk-amber) rgba(248, 243, 232, .2);
	}
	.section-bk-mon-moi .row-mon-moi > .col {
		flex: 0 0 80vw;
		max-width: 80vw;
		scroll-snap-align: start;
	}
	.section-bk-mon-moi .banner-food {
		padding-top: 390px !important;
	}
	.section-bk-ve-chung-toi .row-story-reverse .div-story-img {
		order: -1;
	}
	.section-bk-danh-gia .bk-review-score p {
		margin: 1rem 0 0;
		text-align: left;
	}
	.section-bk .banner-review .bk-review-box {
		top: auto !important;
		bottom: 0;
		width: 100% !important;
		height: auto;
		padding: 1.5rem;
		border-left: 0;
		border-top: 5px solid var(--bk-amber);
	}
	.bk-testimonial-feature .testimonial-text {
		margin-block: .8rem;
		font-size: 1.3rem !important;
	}
	.section-bk .banner-review {
		padding-top: 640px !important;
	}
}

/* Cỡ tiêu đề trên mobile (≤549px) */
@media (max-width: 549px) {
	.section3 .tieu-de-nha-hang {
		font-size: 30px;
	}
	.section5 .tieu-de-chuong-trinh {
		font-size: 28px;
	}
	.section5 h2.tieu-de-thang,
	.section9 h2.tieu-de-tin-tuc {
		font-size: 44px !important;
	}
	.section-bk .bk-title {
		font-size: 34px;
		line-height: 1.1;
	}
}