@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&family=Noto+Serif+TC:wght@600;700;800&family=Sacramento&display=swap');

:root {
	--tyb-teal: #3976BA;
	--tyb-teal-dark: #3976BA;
	--tyb-coral: #D0942D;
	--tyb-ink: #141918;
	--tyb-muted: #667085;
	--tyb-soft: #f5faf9;
	--tyb-line: #e4eeeb;
	--tyb-shadow: 0 14px 38px rgba(13, 57, 50, .11);
}

html { scroll-behavior: smooth; }
.taiyue-site { margin: 0; background: #fff; color: var(--tyb-ink); font-family: 'Noto Sans TC', sans-serif; }
.taiyue-site h1, .taiyue-site h2, .taiyue-site h3 { font-family: 'Noto Serif TC', serif; }
.taiyue-site .section-content > .row { width: min(1280px, calc(100% - 48px)); max-width: 1280px; }
.taiyue-site .button { border-radius: 999px; font-weight: 700; }
.taiyue-site .button.primary {   background-color: #3976ba;
    box-shadow: 0 8px 22px #3976ba; }

/* Header trang chủ do Flatsome quản lý; ẩn header cũ trong nội dung UX Builder. */
.taiyue-site .tyb-header { display: none; }

.tyb-header { position: sticky; z-index: 1000; top: 0; min-height: 80px; border-bottom: 1px solid rgba(15, 63, 56, .08); background: rgba(255, 255, 255, .96); backdrop-filter: blur(14px); }
.admin-bar .tyb-header { top: 32px; }
.tyb-header > .section-content > .row { min-height: 80px; }
.tyb-logo { margin: 0; }
.tyb-logo .icon-inner { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 50%; background: var(--tyb-teal); }
.tyb-logo .icon-inner img { width: 25px; height: 25px; padding: 0; }
.tyb-logo h3 { margin: 0; font-size: 22px; letter-spacing: .08em; }
.tyb-logo p { margin: 1px 0 0; font-size: 9px; letter-spacing: .2em; }
.tyb-nav p { display: flex; justify-content: center; gap: 28px; margin: 0; }
.tyb-nav a { color: #28302e; font-size: 14px; font-weight: 600; }
.tyb-nav a:hover { color: var(--tyb-teal); }

.tyb-hero { min-height: 690px; }
.tyb-hero .section-bg-overlay { background: linear-gradient(90deg, rgba(255,255,255,.96), rgba(255,255,255,.67) 38%, rgba(255,255,255,.05) 70%); }
.tyb-hero > .section-content > .row { min-height: 690px; align-items: center; }
.tyb-script { margin: 0 0 12px 25px; color: var(--tyb-coral); font: 64px/.8 'Sacramento', cursive; transform: rotate(-6deg); }
.tyb-hero-copy h1 { margin-bottom: 22px; font-size: clamp(44px, 4.2vw, 44px); line-height: 1.18; letter-spacing: -.035em; }
.tyb-hero-copy h1 span { color: var(--tyb-teal); }
.tyb-hero-copy > p:last-child { max-width: 520px; color: #4b5552; font-size: 17px; line-height: 1.8; }

.tyb-search-section { z-index: 5; margin-top: -75px; }
.tyb-search-card { padding: 0; border: 0; background: transparent; }
.tyb-search-card h3 { display: none; }
.tyb-product-search { max-width: 1160px; margin: 0 auto; }
.tyb-product-search .searchform > .flex-row {
	min-height: 92px;
	padding: 10px;
	border: 1px solid rgba(15, 63, 56, .08);
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 18px 48px rgba(9, 48, 42, .22);
}
.tyb-product-search .search-form-categories {
	flex: 0 0 190px;
	padding-left: 26px;
}
.tyb-product-search .search_categories,
.tyb-product-search input[type='search'] {
	height: 60px;
	margin: 0;
	border: 0;
	background-color: transparent;
	box-shadow: none;
	font-size: 19px;
}
.tyb-product-search .search_categories {
	padding-right: 34px;
	color: #303432;
	font-weight: 600;
}
.tyb-product-search input[type='search'] {
	padding: 0 24px;
	color: var(--tyb-ink);
}
.tyb-product-search input[type='search']::placeholder { color: #777; opacity: 1; }
.tyb-product-search .ux-search-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 210px;
	height: 54px;
	min-height: 54px;
	margin: 0;
	border: 0;
	border-radius: 999px;
	color: #fff;
	background: #ed5425;
	box-shadow: none;
	font-size: 0;
}
.tyb-product-search .ux-search-submit::after {
	content: '搜尋';
	font-size: 24px;
	font-weight: 500;
	letter-spacing: .08em;
}
.tyb-product-search .ux-search-submit i { display: none; }
.tyb-product-search .ux-search-submit:hover { background: #d9471c; }

.tyb-promises { padding-top: 50px !important; }
.tyb-icon-box { margin-bottom: 0; }
.tyb-icon-box .icon-inner { display: grid; width: 64px; height: 64px; place-items: center; border: 1px solid rgba(0,169,143,.18); border-radius: 50%; }
.tyb-icon-box .icon-inner img { width: 30px; height: 30px; padding: 0; }
.tyb-icon-box h3 { margin: 3px 0 5px; font-size: 16px; }
.tyb-icon-box p { margin: 0; color: var(--tyb-muted); font-size: 12px; }

.tyb-eyebrow { margin-bottom: 7px; color: var(--tyb-coral); font-size: 12px; letter-spacing: .26em; }
.tyb-heading h2 { margin-bottom: 8px; font-size: clamp(31px, 3vw, 42px); }
.tyb-heading p:last-child { color: var(--tyb-muted); }
.tyb-tours .tyb-product-grid {
	width: min(1280px, calc(100% - 48px));
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
}
.tyb-tours .tyb-product-grid > .product { padding-right: 7px; padding-bottom: 24px; padding-left: 7px; }
.tyb-tours .product-small.box { position: relative; overflow: hidden; height: 100%; border: 1px solid #e7eceb; border-radius: 9px; background: #fff; box-shadow: 0 3px 13px rgba(17, 53, 48, .08); transition: transform .25s, box-shadow .25s; }
.tyb-tours .product-small.box:hover { transform: translateY(-4px); box-shadow: 0 11px 28px rgba(17, 53, 48, .14); }
.tyb-tours .box-image { overflow: hidden; border-radius: 8px 8px 0 0; }
.tyb-tours .box-image .image-fade_in_back { position: relative; overflow: hidden; aspect-ratio: 1.5 / 1; }
.tyb-tours .box-image .image-fade_in_back > a { position: absolute; inset: 0; display: block; }
.tyb-tours .box-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.tyb-tours .product-small.box:hover .box-image img { transform: scale(1.04); }
.tyb-tours .box-text { position: static; min-height: 155px; padding: 14px 42px 15px 12px; text-align: left; }
.tyb-tours .product-cat { display: none; }
.tyb-tours .product-title { min-height: 23px; margin-bottom: 5px; font-family: 'Noto Sans TC', sans-serif; font-size: 17px; font-weight: 800; line-height: 1.45; }
.tyb-tours .product-title a { overflow: hidden; color: #202625; text-overflow: ellipsis; white-space: nowrap; }
.tyb-tours .price-wrapper { display: flex; flex-direction: column; align-items: flex-start; }
.tyb-product-badge { position: absolute; z-index: 3; top: 10px; left: 10px; padding: 4px 10px; border-radius: 999px; color: #fff; background: var(--tyb-coral); box-shadow: 0 4px 12px rgba(253, 76, 92, .25); font-size: 10px; font-weight: 700; line-height: 1.25; }
.tyb-product-places { overflow: hidden; width: 100%; margin: 0 0 9px; color: #737c79; font-size: 10px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
.tyb-product-duration { display: flex; align-items: center; gap: 4px; margin: 0 0 5px; color: #606966; font-size: 11px; line-height: 1.4; }
.tyb-product-duration img { width: 13px; height: 13px; }
.tyb-tours .price { color: var(--tyb-coral); font-size: 16px; font-weight: 800; line-height: 1.25; }
.tyb-tours .price::after { content: ' 起'; color: #66706d; font-size: 9px; font-weight: 500; }
.tyb-product-link { position: absolute; right: 12px; bottom: 14px; display: grid; width: 28px; height: 28px; border-radius: 50%; color: #fff !important; background: var(--tyb-teal); font-size: 18px; line-height: 1; place-items: center; transition: transform .2s, background-color .2s; }
.tyb-product-link:hover { color: #fff; background: var(--tyb-teal-dark); transform: translateX(2px); }
.tyb-tours .quick-view { display: none; }

.tyb-journey-box { overflow: hidden; border-radius: 14px; box-shadow: var(--tyb-shadow); }
.tyb-journey-box .box-text { padding: 24px; }
.tyb-journey-box h3 { font-size: 25px; }
.tyb-why { background: var(--tyb-soft); }
.tyb-why-photo img { border-radius: 180px 0 0 180px; }

.tyb-destination-slider .banner { overflow: hidden; border-radius: 14px; }
.tyb-destination-slider .text-box-content { padding: 18px; border-radius: 10px; background: rgba(0,0,0,.55); }
.tyb-destination-slider h3, .tyb-destination-slider p { margin: 0; color: #fff; }
.section:has(.tyb-review) {
	overflow: hidden;
	background:
		radial-gradient(circle at 12% 20%, rgba(0, 169, 143, .2), transparent 34%),
		radial-gradient(circle at 88% 80%, rgba(253, 76, 92, .12), transparent 30%),
		linear-gradient(135deg, #314a46, #172e2b);
}
.section:has(.tyb-review) > .section-content { position: relative; z-index: 1; }
.section:has(.tyb-review) .tyb-heading {
	max-width: 720px;
	margin: 0 auto 30px;
	text-align: center;
}
.section:has(.tyb-review) .tyb-heading h2 { color: #fff; }
.section:has(.tyb-review) .tyb-heading p { color: rgba(255, 255, 255, .72); }
.section:has(.tyb-review) .tyb-heading .tyb-eyebrow {
	color: #82dfd0;
	font-size: 12px;
	font-weight: 700;
}
.slider-wrapper:has(.tyb-review) {
	width: min(1240px, calc(100% - 64px));
	max-width: 1240px;
	margin-right: auto;
	margin-left: auto;
}
.slider-wrapper:has(.tyb-review) .flickity-slider > .row {
	width: 100% !important;
	max-width: 1240px;
	margin-right: 0;
	margin-left: 0;
}
.slider-wrapper:has(.tyb-review) .flickity-viewport { width: 100%; }
.slider-wrapper:has(.tyb-review) .row > .tyb-review {
	display: flex;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	padding: 20px 34px;
}
.slider-wrapper:has(.tyb-review) .row > .tyb-review:not(:nth-child(3n+1)) .col-inner {
	border-left: 1px solid rgba(255, 255, 255, .14);
}
.tyb-review .col-inner {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 280px;
	padding: 10px 0 16px;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}
.tyb-review .col-inner::after,
.tyb-review-avatar { display: none; }
.tyb-review .text {
	display: flex;
	min-width: 0;
	height: 100%;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.tyb-review-rating {
	order: 1;
	margin-bottom: 16px;
	color: #ffc928;
	font-size: 22px;
	line-height: 1;
	letter-spacing: 3px;
	text-shadow: 0 2px 10px rgba(255, 201, 40, .18);
}
.tyb-review blockquote {
	order: 2;
	max-width: 340px;
	margin: 0;
	padding: 0;
	border: 0;
	color: rgba(255, 255, 255, .9);
	font-size: 16px;
	font-style: italic;
	line-height: 1.75;
	word-break: normal;
	overflow-wrap: break-word;
	writing-mode: horizontal-tb;
}
.tyb-review .text > p {
	order: 3;
	margin: auto 0 0;
	padding-top: 25px;
	color: rgba(255, 255, 255, .6);
	font-size: 13px;
}
.tyb-review strong {
	color: #fff;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
}
.slider-wrapper:has(.tyb-review) .flickity-button {
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255, 255, 255, .25);
	color: #fff;
	background: rgba(255, 255, 255, .08);
}
.slider-wrapper:has(.tyb-review) .flickity-button:hover { background: var(--tyb-teal); }
.slider-wrapper:has(.tyb-review) .flickity-page-dots .dot {
	width: 28px;
	height: 4px;
	margin: 0 4px;
	border: 0;
	border-radius: 99px;
	background: rgba(255, 255, 255, .38);
}
.slider-wrapper:has(.tyb-review) .flickity-page-dots .dot.is-selected { background: #fff; }

.tyb-contact { color: #fff; background: linear-gradient(120deg, var(--tyb-teal-dark), #00b89b); }
.tyb-contact h2 { color: #fff; font-size: 40px; }
.tyb-contact-card { padding: 30px; border-radius: 16px; background: #fff; box-shadow: 0 20px 50px rgba(0,54,46,.2); }
.tyb-contact-card input, .tyb-contact-card textarea { border: 1px solid #dce7e4; border-radius: 8px; box-shadow: none; }
.tyb-footer { border-top: 1px solid var(--tyb-line); }
.tyb-footer h3 { font-size: 16px; }
.tyb-footer p, .tyb-footer a { color: var(--tyb-muted); font-size: 16px; line-height: 1.9; }
.tyb-copyright { color: #fff; background: var(--tyb-teal-dark); }
.tyb-copyright p, .tyb-copyright a { margin: 0; color: #fff; font-size: 13px; }

@media (max-width: 849px) {
	.admin-bar .tyb-header { top: 46px; }
	.taiyue-site .section-content > .row { width: min(100% - 30px, 1280px); }
	.tyb-tours .tyb-product-grid { width: min(100% - 30px, 1280px); }
	.tyb-header, .tyb-header > .section-content > .row { min-height: 68px; }
	.tyb-hero, .tyb-hero > .section-content > .row { min-height: 600px; }
	.tyb-hero-copy h1 { font-size: 45px; }
	.tyb-search-section { margin-top: -48px; }
	.tyb-product-search .searchform > .flex-row { min-height: 78px; padding: 8px; }
	.tyb-product-search .search-form-categories { flex-basis: 145px; padding-left: 16px; }
	.tyb-product-search .search_categories,
	.tyb-product-search input[type='search'] { height: 54px; font-size: 16px; }
	.tyb-product-search .ux-search-submit { width: 150px; height: 54px; min-height: 54px; }
	.tyb-product-search .ux-search-submit::after { font-size: 19px; }
	.tyb-promises .featured-box { margin-bottom: 22px; }
	.slider-wrapper:has(.tyb-review) { width: calc(100% - 30px); }
	.slider-wrapper:has(.tyb-review) .row > .tyb-review {
		flex-basis: 50%;
		max-width: 50%;
		padding-right: 24px;
		padding-left: 24px;
	}
	.slider-wrapper:has(.tyb-review) .row > .tyb-review .col-inner { border-left: 0; }
	.slider-wrapper:has(.tyb-review) .row > .tyb-review:nth-child(even) .col-inner {
		border-left: 1px solid rgba(255, 255, 255, .14);
	}
}

@media (max-width: 549px) {
	.taiyue-site .section-content > .row { width: calc(100% - 24px); }
	.tyb-tours .tyb-product-grid { width: calc(100% - 24px); }
	.tyb-logo h3 { font-size: 18px; }
	.tyb-hero, .tyb-hero > .section-content > .row { min-height: 560px; }
	.tyb-hero-copy h1 { font-size: 36px; }
	.tyb-hero-copy > p:last-child { font-size: 14px; }
	.tyb-script { margin-left: 8px; font-size: 48px; }
	.tyb-search-card { padding: 0; }
	.tyb-product-search .searchform > .flex-row { flex-wrap: wrap; border-radius: 28px; }
	.tyb-product-search .search-form-categories { flex: 0 0 32%; padding-left: 8px; }
	.tyb-product-search .flex-grow { flex-basis: 62%; }
	.tyb-product-search input[type='search'] { padding: 0 10px; }
	.tyb-product-search .searchform > .flex-row > .flex-col:last-child { width: 100%; }
	.tyb-product-search .ux-search-submit { width: 100%; height: 44px; min-height: 44px; }
	.tyb-tours .box-text { min-height: 150px; }
	.slider-wrapper:has(.tyb-review) { width: calc(100% - 24px); }
	.slider-wrapper:has(.tyb-review) .row > .tyb-review {
		flex-basis: 100%;
		max-width: 100%;
		padding: 8px;
	}
	.tyb-review .col-inner {
		min-height: 0;
		padding: 24px 14px 30px;
		border-left: 0 !important;
	}
	.tyb-review-rating { font-size: 20px; }
	.tyb-review blockquote { font-size: 15px; }
	.tyb-contact h2 { font-size: 32px; }
}