/* C Himalaya Tour Detail Mobile Fix */
html.cht-tour-detail-page,
html.cht-tour-detail-page body {
overflow-x: hidden;
}
@media (max-width: 991.98px) {
html.cht-tour-detail-page body {
background: #f7f9fc;
padding-bottom: 84px;
}
html.cht-tour-detail-page .container,
html.cht-tour-detail-page .container-fluid {
max-width: 100% !important;
width: 100% !important;
padding-left: 14px !important;
padding-right: 14px !important;
}
html.cht-tour-detail-page main .row,
html.cht-tour-detail-page section .row,
html.cht-tour-detail-page .tour-details-area .row,
html.cht-tour-detail-page .package-details-area .row,
html.cht-tour-detail-page .details-area .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
html.cht-tour-detail-page main [class*="col-lg-"],
html.cht-tour-detail-page main [class*="col-xl-"],
html.cht-tour-detail-page .tour-details-area [class*="col-lg-"],
html.cht-tour-detail-page .package-details-area [class*="col-lg-"],
html.cht-tour-detail-page .details-area [class*="col-lg-"] {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
html.cht-tour-detail-page h1 {
font-size: 25px !important;
line-height: 1.22 !important;
margin-bottom: 8px !important;
}
html.cht-tour-detail-page h2 {
font-size: 21px !important;
line-height: 1.28 !important;
}
html.cht-tour-detail-page h3 {
font-size: 17px !important;
line-height: 1.35 !important;
}
html.cht-tour-detail-page p,
html.cht-tour-detail-page li {
font-size: 14px !important;
line-height: 1.65 !important;
}
html.cht-tour-detail-page .breadcrumb,
html.cht-tour-detail-page .breadcrumbs {
font-size: 11px !important;
overflow-x: auto;
white-space: nowrap;
padding-bottom: 4px;
}
html.cht-tour-detail-page .hero,
html.cht-tour-detail-page .tour-hero,
html.cht-tour-detail-page .tour-detail-hero,
html.cht-tour-detail-page .package-hero,
html.cht-tour-detail-page .breadcrumb-area {
min-height: auto !important;
padding-top: 28px !important;
padding-bottom: 42px !important;
}
html.cht-tour-detail-page img {
max-width: 100% !important;
}
html.cht-tour-detail-page .tour-gallery img,
html.cht-tour-detail-page .package-gallery img,
html.cht-tour-detail-page .gallery-main img,
html.cht-tour-detail-page .details-gallery img {
width: 100% !important;
height: 230px !important;
object-fit: cover !important;
border-radius: 18px !important;
}
html.cht-tour-detail-page .gallery-thumbs,
html.cht-tour-detail-page .tour-thumbs,
html.cht-tour-detail-page .thumbs,
html.cht-tour-detail-page .slick-thumbs {
display: flex !important;
gap: 8px !important;
overflow-x: auto !important;
padding: 8px 0 !important;
-webkit-overflow-scrolling: touch;
}
html.cht-tour-detail-page .gallery-thumbs img,
html.cht-tour-detail-page .tour-thumbs img,
html.cht-tour-detail-page .thumbs img {
flex: 0 0 74px !important;
width: 74px !important;
height: 58px !important;
object-fit: cover !important;
border-radius: 10px !important;
}
html.cht-tour-detail-page .nav-tabs,
html.cht-tour-detail-page .tour-tabs,
html.cht-tour-detail-page .package-tabs {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
gap: 8px !important;
white-space: nowrap !important;
padding: 6px 0 !important;
}
html.cht-tour-detail-page .nav-tabs .nav-link,
html.cht-tour-detail-page .tour-tabs a,
html.cht-tour-detail-page .package-tabs a {
border-radius: 999px !important;
padding: 9px 14px !important;
font-size: 12px !important;
}
html.cht-tour-detail-page .tour-sidebar,
html.cht-tour-detail-page .booking-sidebar,
html.cht-tour-detail-page .package-sidebar,
html.cht-tour-detail-page .right-sidebar,
html.cht-tour-detail-page .detail-sidebar,
html.cht-tour-detail-page aside,
html.cht-tour-detail-page .sticky-top,
html.cht-tour-detail-page .sticky-sidebar {
position: static !important;
top: auto !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 18px !important;
}
html.cht-tour-detail-page .card,
html.cht-tour-detail-page .tour-card,
html.cht-tour-detail-page .package-card,
html.cht-tour-detail-page .booking-card,
html.cht-tour-detail-page .sidebar-widget,
html.cht-tour-detail-page .enquiry-card,
html.cht-tour-detail-page .provider-card,
html.cht-tour-detail-page .accordion-item {
border-radius: 18px !important;
box-shadow: 0 10px 30px rgba(16, 24, 40, .08) !important;
border: 1px solid rgba(16, 24, 40, .08) !important;
}
html.cht-tour-detail-page .accordion-button,
html.cht-tour-detail-page .accordion-header button {
font-size: 14px !important;
line-height: 1.35 !important;
padding: 14px !important;
}
html.cht-tour-detail-page form input,
html.cht-tour-detail-page form select,
html.cht-tour-detail-page form textarea {
min-height: 46px !important;
font-size: 14px !important;
border-radius: 12px !important;
}
html.cht-tour-detail-page form button,
html.cht-tour-detail-page .btn {
min-height: 44px !important;
border-radius: 12px !important;
}
html.cht-tour-detail-page footer .row > [class*="col-"] {
flex: 0 0 100% !important;
max-width: 100% !important;
}
}
.cht-mobile-bottom-cta {
display: none;
}
@media (max-width: 991.98px) {
.cht-mobile-bottom-cta {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 8px;
padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
background: #fff;
box-shadow: 0 -8px 24px rgba(16, 24, 40, .16);
border-top: 1px solid rgba(16, 24, 40, .08);
}
.cht-mobile-bottom-cta a {
display: flex;
align-items: center;
justify-content: center;
min-height: 44px;
border-radius: 999px;
text-decoration: none;
font-size: 13px;
font-weight: 800;
color: #fff;
background: #ef233c;
}
.cht-mobile-bottom-cta a:first-child {
background: #111827;
}
.cht-mobile-bottom-cta a:nth-child(2) {
background: #16a34a;
}
}
/* === CHT Mobile Booking Sidebar Polish v2 === */
@media (max-width: 991.98px) {
html.cht-tour-detail-page #booking,
html.cht-tour-detail-page .tour-sticky-sidebar {
scroll-margin-top: 90px;
margin-top: 18px !important;
}
html.cht-tour-detail-page .dt-booking-card {
margin: 18px 0 22px !important;
overflow: hidden !important;
background: #fff !important;
}
html.cht-tour-detail-page .dt-booking-head {
padding: 16px !important;
background: linear-gradient(180deg, #fff 0%, #fff7f3 100%) !important;
border-bottom: 1px solid rgba(16, 24, 40, .08) !important;
}
html.cht-tour-detail-page .dt-booking-head > .d-flex {
flex-direction: column !important;
align-items: stretch !important;
gap: 12px !important;
}
html.cht-tour-detail-page .dt-booking-head .text-end {
text-align: left !important;
padding: 12px !important;
border-radius: 16px !important;
background: #ffffff !important;
border: 1px solid rgba(239, 68, 68, .14) !important;
box-shadow: 0 8px 22px rgba(16, 24, 40, .06) !important;
}
html.cht-tour-detail-page .dt-booking-kicker {
font-size: 11px !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
color: #ef4444 !important;
font-weight: 900 !important;
}
html.cht-tour-detail-page .dt-booking-card h5 {
font-size: 20px !important;
line-height: 1.25 !important;
margin-top: 2px !important;
}
html.cht-tour-detail-page .dt-booking-title {
font-size: 26px !important;
line-height: 1.1 !important;
color: #111827 !important;
font-weight: 900 !important;
}
html.cht-tour-detail-page .dt-booking-head .text-end .dt-booking-price-note.mt-1 {
display: none !important;
}
html.cht-tour-detail-page .dt-booking-body {
padding: 14px !important;
}
html.cht-tour-detail-page .dt-booking-badges,
html.cht-tour-detail-page .dt-support-strip,
html.cht-tour-detail-page .dt-includes-preview,
html.cht-tour-detail-page .dt-action-grid {
display: none !important;
}
html.cht-tour-detail-page .dt-info-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
margin-bottom: 14px !important;
}
html.cht-tour-detail-page .dt-info-item {
padding: 12px !important;
border-radius: 15px !important;
background: #f8fafc !important;
border: 1px solid rgba(16, 24, 40, .07) !important;
}
html.cht-tour-detail-page .dt-info-icon {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
border-radius: 12px !important;
}
html.cht-tour-detail-page .dt-info-label {
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: .05em !important;
color: #6b7280 !important;
font-weight: 800 !important;
}
html.cht-tour-detail-page .dt-info-value {
font-size: 13px !important;
color: #111827 !important;
font-weight: 800 !important;
line-height: 1.25 !important;
}
html.cht-tour-detail-page .dt-booking-form {
margin-top: 4px !important;
}
html.cht-tour-detail-page .dt-form-block {
padding: 14px !important;
margin-bottom: 12px !important;
border-radius: 16px !important;
background: #fff !important;
border: 1px solid rgba(16, 24, 40, .08) !important;
box-shadow: 0 8px 22px rgba(16, 24, 40, .05) !important;
}
html.cht-tour-detail-page .dt-form-block-title {
font-size: 15px !important;
font-weight: 900 !important;
margin-bottom: 12px !important;
color: #111827 !important;
}
html.cht-tour-detail-page .dt-booking-form .form-label {
font-size: 12px !important;
font-weight: 800 !important;
margin-bottom: 5px !important;
color: #374151 !important;
}
html.cht-tour-detail-page .dt-booking-form .form-control,
html.cht-tour-detail-page .dt-booking-form .form-select {
height: 46px !important;
border-radius: 13px !important;
font-size: 14px !important;
background-color: #f9fafb !important;
border-color: rgba(16, 24, 40, .12) !important;
}
html.cht-tour-detail-page .dt-booking-form .mb-0:has(input[name="email"]) {
display: none !important;
}
html.cht-tour-detail-page .dt-form-note {
display: none !important;
}
html.cht-tour-detail-page .dt-fare-box {
padding: 14px !important;
border-radius: 16px !important;
background: #111827 !important;
color: #fff !important;
margin-top: 12px !important;
}
html.cht-tour-detail-page .dt-fare-title {
color: #fff !important;
font-size: 14px !important;
font-weight: 900 !important;
margin-bottom: 8px !important;
}
html.cht-tour-detail-page .dt-fare-row,
html.cht-tour-detail-page .dt-room-note,
html.cht-tour-detail-page .dt-fare-subnote,
html.cht-tour-detail-page .dt-fare-divider {
display: none !important;
}
html.cht-tour-detail-page .dt-fare-total {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
margin: 0 !important;
padding: 0 !important;
}
html.cht-tour-detail-page .dt-fare-total-label {
color: rgba(255,255,255,.78) !important;
font-size: 12px !important;
font-weight: 800 !important;
}
html.cht-tour-detail-page .dt-fare-total-value {
color: #fff !important;
font-size: 22px !important;
font-weight: 900 !important;
}
}
/* === CHT Mobile Tour Itinerary Polish v3 === */
@media (max-width: 991.98px) {
html.cht-tour-detail-page .dt-tabs-wrapper,
html.cht-tour-detail-page .dt-tour-tabs,
html.cht-tour-detail-page .dt-tab-content,
html.cht-tour-detail-page .dt-tabs-content {
width: 100% !important;
max-width: 100% !important;
}
html.cht-tour-detail-page .dt-tab-nav,
html.cht-tour-detail-page .dt-tabs-nav,
html.cht-tour-detail-page .nav-pills,
html.cht-tour-detail-page .nav-tabs {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
gap: 8px !important;
padding: 8px 2px 12px !important;
margin-bottom: 14px !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
html.cht-tour-detail-page .dt-tab-nav::-webkit-scrollbar,
html.cht-tour-detail-page .dt-tabs-nav::-webkit-scrollbar,
html.cht-tour-detail-page .nav-tabs::-webkit-scrollbar {
display: none;
}
html.cht-tour-detail-page .dt-tab-nav a,
html.cht-tour-detail-page .dt-tabs-nav a,
html.cht-tour-detail-page .nav-pills .nav-link,
html.cht-tour-detail-page .nav-tabs .nav-link {
flex: 0 0 auto !important;
border-radius: 999px !important;
padding: 10px 15px !important;
font-size: 12px !important;
font-weight: 800 !important;
background: #fff !important;
border: 1px solid rgba(16, 24, 40, .10) !important;
color: #111827 !important;
box-shadow: 0 6px 18px rgba(16, 24, 40, .06) !important;
}
html.cht-tour-detail-page .dt-tab-nav a.active,
html.cht-tour-detail-page .dt-tabs-nav a.active,
html.cht-tour-detail-page .nav-pills .nav-link.active,
html.cht-tour-detail-page .nav-tabs .nav-link.active {
background: #ef4444 !important;
border-color: #ef4444 !important;
color: #fff !important;
}
html.cht-tour-detail-page .dt-tab-section-title {
font-size: 22px !important;
line-height: 1.2 !important;
font-weight: 900 !important;
color: #111827 !important;
margin: 12px 0 14px !important;
padding-left: 10px !important;
border-left: 4px solid #ef4444 !important;
}
html.cht-tour-detail-page .dt-itinerary-list {
display: grid !important;
gap: 12px !important;
}
html.cht-tour-detail-page .dt-itinerary-item {
border-radius: 18px !important;
overflow: hidden !important;
background: #fff !important;
border: 1px solid rgba(16, 24, 40, .08) !important;
box-shadow: 0 10px 26px rgba(16, 24, 40, .07) !important;
}
html.cht-tour-detail-page .dt-itinerary-btn {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
width: 100% !important;
padding: 14px !important;
background: #fff !important;
box-shadow: none !important;
border: 0 !important;
}
html.cht-tour-detail-page .dt-itinerary-btn:not(.collapsed) {
background: linear-gradient(180deg, #fff7f3 0%, #ffffff 100%) !important;
}
html.cht-tour-detail-page .dt-itinerary-left {
display: grid !important;
grid-template-columns: 62px 1fr !important;
align-items: center !important;
gap: 11px !important;
width: 100% !important;
min-width: 0 !important;
}
html.cht-tour-detail-page .dt-itinerary-day {
width: 62px !important;
height: 42px !important;
border-radius: 14px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #111827 !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 900 !important;
text-align: center !important;
white-space: nowrap !important;
}
html.cht-tour-detail-page .dt-itinerary-subtitle {
display: none !important;
}
html.cht-tour-detail-page .dt-itinerary-title {
display: block !important;
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: 900 !important;
color: #111827 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
html.cht-tour-detail-page .dt-itinerary-toggle {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
border-radius: 999px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #f3f4f6 !important;
color: #111827 !important;
font-size: 16px !important;
}
html.cht-tour-detail-page .dt-itinerary-body {
padding: 0 14px 16px 87px !important;
font-size: 14px !important;
line-height: 1.7 !important;
color: #374151 !important;
background: #fff !important;
}
html.cht-tour-detail-page .dt-itinerary-body p,
html.cht-tour-detail-page .dt-itinerary-body li {
font-size: 14px !important;
line-height: 1.7 !important;
color: #374151 !important;
}
html.cht-tour-detail-page .dt-itinerary-body ul,
html.cht-tour-detail-page .dt-itinerary-body ol {
padding-left: 18px !important;
margin-bottom: 0 !important;
}
}
/* === CHT Mobile Reviews + Related Packages Polish v4 === */
@media (max-width: 991.98px) {
html.cht-tour-detail-page .tour-reviews-block,
html.cht-tour-detail-page .review-section,
html.cht-tour-detail-page .dt-reviews-wrapper {
margin-top: 18px !important;
}
html.cht-tour-detail-page .dt-reviews-head,
html.cht-tour-detail-page .dt-reviews-summary,
html.cht-tour-detail-page .dt-review-empty,
html.cht-tour-detail-page .tour-reviews-block .card,
html.cht-tour-detail-page .review-section .card {
border-radius: 18px !important;
background: #fff !important;
border: 1px solid rgba(16, 24, 40, .08) !important;
box-shadow: 0 10px 26px rgba(16, 24, 40, .07) !important;
}
html.cht-tour-detail-page .dt-reviews-title {
font-size: 22px !important;
line-height: 1.2 !important;
font-weight: 900 !important;
color: #111827 !important;
margin-bottom: 8px !important;
}
html.cht-tour-detail-page .dt-reviews-subtitle,
html.cht-tour-detail-page .dt-review-empty p {
font-size: 13px !important;
line-height: 1.6 !important;
color: #6b7280 !important;
}
html.cht-tour-detail-page .dt-review-empty {
padding: 18px !important;
text-align: left !important;
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
}
html.cht-tour-detail-page .dt-review-empty h6 {
font-size: 16px !important;
font-weight: 900 !important;
color: #111827 !important;
margin-bottom: 6px !important;
}
html.cht-tour-detail-page .tour-reviews-block form,
html.cht-tour-detail-page .review-section form {
padding: 14px !important;
border-radius: 18px !important;
background: #fff !important;
border: 1px solid rgba(16, 24, 40, .08) !important;
box-shadow: 0 10px 26px rgba(16, 24, 40, .06) !important;
}
html.cht-tour-detail-page .tour-reviews-block form .row > [class*="col-"],
html.cht-tour-detail-page .review-section form .row > [class*="col-"] {
flex: 0 0 100% !important;
max-width: 100% !important;
}
html.cht-tour-detail-page .tour-related-section {
padding: 18px 0 26px !important;
background: #f7f9fc !important;
}
html.cht-tour-detail-page .tour-related-card {
border-radius: 20px !important;
background: #fff !important;
border: 1px solid rgba(16, 24, 40, .08) !important;
box-shadow: 0 12px 30px rgba(16, 24, 40, .08) !important;
overflow: hidden !important;
}
html.cht-tour-detail-page .tour-related-head {
padding: 18px 14px 8px !important;
display: block !important;
text-align: left !important;
}
html.cht-tour-detail-page .tour-related-kicker {
font-size: 11px !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
color: #ef4444 !important;
font-weight: 900 !important;
margin-bottom: 6px !important;
}
html.cht-tour-detail-page .tour-related-title {
font-size: 22px !important;
line-height: 1.2 !important;
font-weight: 900 !important;
color: #111827 !important;
margin-bottom: 8px !important;
}
html.cht-tour-detail-page .tour-related-text {
font-size: 13px !important;
line-height: 1.6 !important;
color: #6b7280 !important;
margin-bottom: 0 !important;
}
html.cht-tour-detail-page .tour-related-body {
padding: 12px 14px 18px !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 14px !important;
}
html.cht-tour-detail-page .tour-related-body .row {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 14px !important;
margin: 0 !important;
}
html.cht-tour-detail-page .tour-related-body .row > [class*="col-"] {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
html.cht-tour-detail-page .tour-related-body .dt-tour-card,
html.cht-tour-detail-page .tour-related-body .card {
width: 100% !important;
margin: 0 !important;
border-radius: 18px !important;
overflow: hidden !important;
}
html.cht-tour-detail-page .tour-related-body img {
height: 190px !important;
width: 100% !important;
object-fit: cover !important;
}
}
/* === CHT Mobile Detail Page Full Reset v5 - KingHills Style === */
@media (max-width: 991.98px) {
html.cht-tour-detail-page body {
background: #f5f7fb !important;
padding-bottom: 86px !important;
}
html.cht-tour-detail-page .dt-tour-hero,
html.cht-tour-detail-page .tour-detail-hero,
html.cht-tour-detail-page .package-hero {
padding: 18px 0 22px !important;
min-height: auto !important;
}
html.cht-tour-detail-page .dt-tour-hero-title,
html.cht-tour-detail-page h1 {
font-size: 24px !important;
line-height: 1.22 !important;
margin-bottom: 8px !important;
}
html.cht-tour-detail-page .dt-tour-hero-subtitle {
font-size: 13px !important;
line-height: 1.55 !important;
margin-bottom: 12px !important;
}
html.cht-tour-detail-page .dt-tour-hero-badges {
gap: 7px !important;
overflow-x: auto !important;
flex-wrap: nowrap !important;
padding-bottom: 5px !important;
-webkit-overflow-scrolling: touch;
}
html.cht-tour-detail-page .dt-tour-hero-badge {
flex: 0 0 auto !important;
font-size: 11px !important;
padding: 7px 10px !important;
border-radius: 999px !important;
}
html.cht-tour-detail-page .dt-gallery,
html.cht-tour-detail-page .tour-gallery,
html.cht-tour-detail-page .package-gallery,
html.cht-tour-detail-page .details-gallery {
margin-bottom: 12px !important;
}
html.cht-tour-detail-page .dt-gallery img,
html.cht-tour-detail-page .tour-gallery img,
html.cht-tour-detail-page .package-gallery img,
html.cht-tour-detail-page .details-gallery img {
height: 220px !important;
border-radius: 18px !important;
object-fit: cover !important;
}
html.cht-tour-detail-page .dt-tabs-nav,
html.cht-tour-detail-page .dt-tab-nav,
html.cht-tour-detail-page .nav-tabs,
html.cht-tour-detail-page .nav-pills {
position: sticky !important;
top: 0 !important;
z-index: 9999 !important;
background: rgba(245,247,251,.96) !important;
backdrop-filter: blur(8px) !important;
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
gap: 8px !important;
padding: 10px 0 12px !important;
margin-bottom: 12px !important;
border: 0 !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
html.cht-tour-detail-page .dt-tabs-nav::-webkit-scrollbar,
html.cht-tour-detail-page .dt-tab-nav::-webkit-scrollbar,
html.cht-tour-detail-page .nav-tabs::-webkit-scrollbar,
html.cht-tour-detail-page .nav-pills::-webkit-scrollbar {
display: none !important;
}
html.cht-tour-detail-page .dt-tabs-nav a,
html.cht-tour-detail-page .dt-tab-nav a,
html.cht-tour-detail-page .nav-tabs .nav-link,
html.cht-tour-detail-page .nav-pills .nav-link {
flex: 0 0 auto !important;
min-width: auto !important;
border: 1px solid rgba(17,24,39,.10) !important;
border-radius: 999px !important;
background: #fff !important;
color: #111827 !important;
font-size: 12px !important;
font-weight: 900 !important;
padding: 10px 14px !important;
box-shadow: 0 6px 18px rgba(17,24,39,.06) !important;
}
html.cht-tour-detail-page .dt-tabs-nav a.active,
html.cht-tour-detail-page .dt-tab-nav a.active,
html.cht-tour-detail-page .nav-tabs .nav-link.active,
html.cht-tour-detail-page .nav-pills .nav-link.active {
background: #ef233c !important;
color: #fff !important;
border-color: #ef233c !important;
}
html.cht-tour-detail-page .tab-content > .tab-pane:not(.active):not(.show) {
display: none !important;
height: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
}
html.cht-tour-detail-page .tab-content > .tab-pane.active,
html.cht-tour-detail-page .tab-content > .tab-pane.show {
display: block !important;
height: auto !important;
visibility: visible !important;
}
html.cht-tour-detail-page .dt-tab-section-title,
html.cht-tour-detail-page .dt-detail-title {
font-size: 21px !important;
line-height: 1.25 !important;
font-weight: 900 !important;
margin: 12px 0 12px !important;
padding-left: 10px !important;
border-left: 4px solid #ef233c !important;
color: #111827 !important;
}
html.cht-tour-detail-page .dt-itinerary-list {
gap: 10px !important;
}
html.cht-tour-detail-page .dt-itinerary-item {
border-radius: 16px !important;
box-shadow: 0 8px 22px rgba(17,24,39,.07) !important;
}
html.cht-tour-detail-page .dt-itinerary-btn {
padding: 12px !important;
}
html.cht-tour-detail-page .dt-itinerary-left {
grid-template-columns: 58px 1fr !important;
}
html.cht-tour-detail-page .dt-itinerary-day {
width: 58px !important;
height: 40px !important;
font-size: 11px !important;
}
html.cht-tour-detail-page .dt-itinerary-title {
font-size: 14px !important;
line-height: 1.35 !important;
}
html.cht-tour-detail-page .dt-itinerary-body {
padding: 0 13px 15px 82px !important;
}
html.cht-tour-detail-page #booking {
order: -1 !important;
margin: 12px 0 16px !important;
scroll-margin-top: 90px !important;
}
html.cht-tour-detail-page .dt-booking-card {
border-radius: 20px !important;
overflow: hidden !important;
margin-bottom: 16px !important;
}
html.cht-tour-detail-page .dt-booking-head {
padding: 14px !important;
background: #111827 !important;
color: #fff !important;
}
html.cht-tour-detail-page .dt-booking-head .text-muted,
html.cht-tour-detail-page .dt-booking-head .small,
html.cht-tour-detail-page .dt-booking-price-note {
color: rgba(255,255,255,.72) !important;
}
html.cht-tour-detail-page .dt-booking-head .text-end {
background: rgba(255,255,255,.08) !important;
border: 1px solid rgba(255,255,255,.12) !important;
box-shadow: none !important;
}
html.cht-tour-detail-page .dt-booking-title {
color: #fff !important;
font-size: 25px !important;
}
html.cht-tour-detail-page .dt-info-grid {
grid-template-columns: repeat(2, 1fr) !important;
margin-bottom: 12px !important;
}
html.cht-tour-detail-page .dt-booking-badges,
html.cht-tour-detail-page .dt-support-strip,
html.cht-tour-detail-page .dt-includes-preview,
html.cht-tour-detail-page .dt-fare-box,
html.cht-tour-detail-page .dt-booking-form .dt-form-block:nth-of-type(2),
html.cht-tour-detail-page .dt-booking-form textarea,
html.cht-tour-detail-page .dt-booking-form label[for*="request"],
html.cht-tour-detail-page .dt-booking-form .dt-form-note {
display: none !important;
}
html.cht-tour-detail-page .dt-action-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 10px !important;
margin-bottom: 12px !important;
}
html.cht-tour-detail-page .dt-action-btn {
min-height: 44px !important;
border-radius: 999px !important;
font-size: 13px !important;
font-weight: 900 !important;
}
html.cht-tour-detail-page .dt-form-block {
margin-bottom: 10px !important;
padding: 12px !important;
border-radius: 16px !important;
}
html.cht-tour-detail-page .dt-form-block-title {
font-size: 14px !important;
margin-bottom: 10px !important;
}
html.cht-tour-detail-page .dt-booking-form .mb-0:has(input[name="email"]) {
display: none !important;
}
html.cht-tour-detail-page .dt-booking-form button[type="submit"],
html.cht-tour-detail-page .dt-booking-form .btn,
html.cht-tour-detail-page .dt-booking-form input[type="submit"] {
width: 100% !important;
min-height: 46px !important;
border-radius: 999px !important;
font-size: 14px !important;
font-weight: 900 !important;
background: #ef233c !important;
border-color: #ef233c !important;
color: #fff !important;
}
html.cht-tour-detail-page .tour-reviews-block,
html.cht-tour-detail-page .review-section,
html.cht-tour-detail-page .dt-reviews-wrapper,
html.cht-tour-detail-page .tour-related-section,
html.cht-tour-detail-page .provider-card,
html.cht-tour-detail-page .dt-provider-card,
html.cht-tour-detail-page .tour-provider-card {
display: none !important;
}
html.cht-tour-detail-page footer {
margin-bottom: 72px !important;
}
}
/* === CHT Mobile True Tabs v6 - Show One Section Only === */
@media (max-width: 991.98px) {
html.cht-tour-detail-page .dt-tour-tabs-card > .tab-pane {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
html.cht-tour-detail-page .dt-tour-tabs-card > .tab-pane.cht-mobile-active {
display: block !important;
visibility: visible !important;
height: auto !important;
overflow: visible !important;
opacity: 1 !important;
margin: 0 !important;
padding: 0 !important;
}
html.cht-tour-detail-page .dt-tour-tabs-card > .tab-pane[id^="highlights-"],
html.cht-tour-detail-page .dt-tour-tabs-card > .tab-pane[id^="hotels-"],
html.cht-tour-detail-page .dt-tour-tabs-card > .tab-pane[id^="faqs-"] {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
}
html.cht-tour-detail-page .cht-mobile-hidden-tab {
display: none !important;
}
html.cht-tour-detail-page .dt-tour-tabs-card {
background: #fff !important;
border-radius: 20px !important;
border: 1px solid rgba(16,24,40,.08) !important;
box-shadow: 0 12px 30px rgba(16,24,40,.08) !important;
padding: 14px !important;
margin-bottom: 16px !important;
}
html.cht-tour-detail-page .dt-tab-kicker {
display: none !important;
}
html.cht-tour-detail-page .dt-overview-content {
max-height: 250px !important;
overflow: hidden !important;
position: relative !important;
}
html.cht-tour-detail-page .dt-overview-content:not(.is-expanded)::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 70px;
background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
pointer-events: none;
}
html.cht-tour-detail-page .dt-overview-content.is-expanded {
max-height: none !important;
}
html.cht-tour-detail-page .dt-readmore-btn {
width: 100% !important;
margin-top: 10px !important;
border-radius: 999px !important;
min-height: 42px !important;
font-size: 13px !important;
font-weight: 900 !important;
}
html.cht-tour-detail-page .dt-includes-grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
}
html.cht-tour-detail-page .dt-includes-box {
border-radius: 16px !important;
padding: 14px !important;
background: #fff !important;
border: 1px solid rgba(16,24,40,.08) !important;
box-shadow: 0 8px 22px rgba(16,24,40,.06) !important;
}
html.cht-tour-detail-page .dt-includes-title {
font-size: 16px !important;
font-weight: 900 !important;
color: #111827 !important;
}
html.cht-tour-detail-page .dt-includes-list li {
font-size: 13px !important;
line-height: 1.55 !important;
padding: 8px 0 !important;
border-bottom: 1px solid rgba(16,24,40,.06) !important;
}
html.cht-tour-detail-page .dt-includes-list li:last-child {
border-bottom: 0 !important;
}
html.cht-tour-detail-page .tour-reviews-block,
html.cht-tour-detail-page .review-section,
html.cht-tour-detail-page .dt-reviews-wrapper,
html.cht-tour-detail-page .tour-related-section,
html.cht-tour-detail-page .dt-provider-card,
html.cht-tour-detail-page .provider-card,
html.cht-tour-detail-page .tour-provider-card {
display: none !important;
}
}
/* === CHT Real Mobile Layout v7 === */
.cht-mobile-tour-section {
display: none;
}
@media (max-width: 991.98px) {
html.cht-tour-detail-page .tour-main-section,
html.cht-tour-detail-page .tour-related-section,
html.cht-tour-detail-page .tour-provider-wrap,
html.cht-tour-detail-page .tour-bottom-bar {
display: none !important;
}
.cht-mobile-tour-section {
display: block !important;
background: #f5f7fb;
padding: 14px 0 92px;
}
.cht-mobile-hero-card,
.cht-mobile-enquiry-card,
.cht-mobile-tabs-card,
.cht-mobile-faq-note {
background: #fff;
border: 1px solid rgba(16,24,40,.08);
border-radius: 20px;
box-shadow: 0 10px 26px rgba(16,24,40,.08);
overflow: hidden;
margin-bottom: 14px;
}
.cht-mobile-hero-img {
width: 100%;
height: 220px;
object-fit: cover;
display: block;
}
.cht-mobile-hero-body {
padding: 15px;
}
.cht-mobile-kicker {
font-size: 11px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
color: #ef233c;
margin-bottom: 6px;
}
.cht-mobile-title {
font-size: 22px;
line-height: 1.25;
font-weight: 900;
color: #111827;
margin: 0 0 14px;
}
.cht-mobile-price-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 12px;
border-radius: 16px;
background: #111827;
color: #fff;
}
.cht-mobile-price-label {
display: block;
font-size: 11px;
color: rgba(255,255,255,.72);
font-weight: 800;
}
.cht-mobile-price {
display: block;
font-size: 19px;
line-height: 1.2;
color: #fff;
}
.cht-mobile-mini-wa {
flex: 0 0 auto;
text-decoration: none;
border-radius: 999px;
background: #16a34a;
color: #fff;
font-size: 12px;
font-weight: 900;
padding: 10px 13px;
}
.cht-mobile-facts {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-bottom: 14px;
}
.cht-mobile-fact {
background: #fff;
border: 1px solid rgba(16,24,40,.08);
border-radius: 16px;
padding: 12px;
box-shadow: 0 8px 20px rgba(16,24,40,.06);
}
.cht-mobile-fact i {
color: #ef233c;
font-size: 18px;
margin-bottom: 8px;
}
.cht-mobile-fact span {
display: block;
font-size: 10px;
text-transform: uppercase;
letter-spacing: .05em;
color: #6b7280;
font-weight: 900;
}
.cht-mobile-fact strong {
display: block;
font-size: 13px;
color: #111827;
font-weight: 900;
line-height: 1.3;
}
.cht-mobile-enquiry-card {
padding: 14px;
}
.cht-mobile-enquiry-card span {
display: block;
color: #6b7280;
font-size: 12px;
font-weight: 800;
}
.cht-mobile-enquiry-card strong {
display: block;
color: #111827;
font-size: 16px;
font-weight: 900;
margin-bottom: 12px;
}
.cht-mobile-enquiry-actions {
display: grid;
grid-template-columns: 1fr 1.4fr;
gap: 10px;
}
.cht-mobile-enquiry-actions a {
display: flex;
align-items: center;
justify-content: center;
min-height: 44px;
border-radius: 999px;
text-decoration: none;
font-size: 13px;
font-weight: 900;
background: #111827;
color: #fff;
}
.cht-mobile-enquiry-actions a:last-child {
background: #ef233c;
}
.cht-mobile-tabs-nav {
position: sticky;
top: 0;
z-index: 99;
display: flex;
gap: 8px;
overflow-x: auto;
padding: 10px 0 12px;
background: rgba(245,247,251,.96);
backdrop-filter: blur(8px);
scrollbar-width: none;
}
.cht-mobile-tabs-nav::-webkit-scrollbar {
display: none;
}
.cht-mobile-tabs-btn {
flex: 0 0 auto;
border: 1px solid rgba(16,24,40,.10);
border-radius: 999px;
background: #fff;
color: #111827;
padding: 10px 15px;
font-size: 12px;
font-weight: 900;
box-shadow: 0 6px 18px rgba(16,24,40,.06);
}
.cht-mobile-tabs-btn.active {
background: #ef233c;
border-color: #ef233c;
color: #fff;
}
.cht-mobile-tabs-card {
padding: 15px;
}
.cht-mobile-panel {
display: none;
}
.cht-mobile-panel.active {
display: block;
}
.cht-mobile-panel h2 {
font-size: 21px;
line-height: 1.25;
font-weight: 900;
color: #111827;
padding-left: 10px;
border-left: 4px solid #ef233c;
margin: 0 0 14px;
}
.cht-mobile-overview {
max-height: 360px;
overflow: auto;
font-size: 14px;
line-height: 1.7;
color: #374151;
}
.cht-mobile-overview p,
.cht-mobile-overview li {
font-size: 14px;
line-height: 1.7;
}
.cht-mobile-day {
border: 1px solid rgba(16,24,40,.08);
border-radius: 16px;
overflow: hidden;
margin-bottom: 10px;
background: #fff;
}
.cht-mobile-day-head {
width: 100%;
border: 0;
background: #fff;
display: grid;
grid-template-columns: 58px 1fr 24px;
gap: 10px;
align-items: center;
padding: 12px;
text-align: left;
}
.cht-mobile-day-head span {
background: #111827;
color: #fff;
border-radius: 13px;
font-size: 11px;
font-weight: 900;
text-align: center;
padding: 10px 6px;
}
.cht-mobile-day-head strong {
font-size: 14px;
line-height: 1.35;
color: #111827;
font-weight: 900;
}
.cht-mobile-day-body {
padding: 0 13px 14px 80px;
font-size: 14px;
line-height: 1.7;
color: #374151;
}
.cht-mobile-day-body p,
.cht-mobile-day-body li {
font-size: 14px;
line-height: 1.7;
}
.cht-mobile-includes-grid {
display: grid;
gap: 12px;
}
.cht-mobile-inc-box {
border: 1px solid rgba(16,24,40,.08);
border-radius: 16px;
padding: 14px;
background: #f8fafc;
}
.cht-mobile-inc-box h3 {
font-size: 16px;
font-weight: 900;
color: #111827;
margin-bottom: 10px;
}
.cht-mobile-inc-box ul {
margin: 0;
padding-left: 18px;
}
.cht-mobile-inc-box li {
font-size: 13px;
line-height: 1.6;
padding: 5px 0;
color: #374151;
}
.cht-mobile-inc-box.not {
background: #fff7f7;
}
.cht-mobile-faq-note {
padding: 14px;
font-size: 13px;
line-height: 1.6;
color: #374151;
}
.cht-mobile-faq-note a {
color: #ef233c;
font-weight: 900;
text-decoration: none;
}
}
/* === CHT Mobile v8 - Hide Old Desktop Hero/Summary === */
@media (max-width: 991.98px) {
html.cht-tour-detail-page .dt-tour-hero,
html.cht-tour-detail-page .tour-hero,
html.cht-tour-detail-page .tour-detail-hero,
html.cht-tour-detail-page .package-hero,
html.cht-tour-detail-page .tour-summary-strip {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
html.cht-tour-detail-page body {
padding-bottom: 92px !important;
}
html.cht-tour-detail-page .cht-mobile-tour-section {
display: block !important;
padding-top: 12px !important;
}
}