/* Mobile navigation trigger */
#menu-toggle {
	display: none;
}

/* Mobile-only logo item inside overlay menu */
.menu .mobile-menu-brand {
	display: none;
}

/* Fluid typography scale */
:root {
	--fs-nav-link: clamp(14px, 0.35vw + 12px, 18px);
	--fs-hero-title: clamp(26px, 3.1vw + 12px, 48px);
	--fs-hero-subtitle: clamp(14px, 0.75vw + 11px, 18px);
	--fs-section-title: clamp(22px, 1.5vw + 10px, 36px);
	--fs-card-title: clamp(15px, 0.9vw + 10px, 22px);
	--fs-card-body: clamp(13px, 0.55vw + 10px, 16px);
	--fs-small-label: clamp(12px, 0.38vw + 9px, 14px);
	--fs-button: clamp(13px, 0.5vw + 10px, 16px);
}

header {
	.navbar {
		.navbar-container {
			.menu {
				.link {
					font-size: var(--fs-nav-link);
				}
			}
		}
	}
}

.hero {
	.container {
		.content {
			.title {
				font-size: var(--fs-hero-title);
			}

			.subtitle {
				font-size: var(--fs-hero-subtitle);
			}
		}
	}
}

main {
	.info-section .container .title,
	.services-section .title,
	.tours-section .tours-header .main-title,
	.destinations .header .title,
	.activities-section .header .title,
	.reviews-section .reviews-container .reviews-header .main-title {
		font-size: var(--fs-section-title);
	}

	.info-section .container .description,
	.tours-section .tours-header .subtitle,
	.destinations .header .description,
	.activities-section .header .subtitle,
	.reviews-section .reviews-container .reviews-header .description {
		font-size: var(--fs-card-body);
	}

	.services-section .grid .card .content .title,
	.activities-section .activities-grid .card .media .overlay .title,
	.destinations .destinations-card .item .text-content .heading,
	.reviews-section .reviews-container .reviews-slider .review-card .rv-name {
		font-size: var(--fs-card-title);
	}

	.services-section .grid .card .content .description,
	.activities-section .activities-grid .card .media .overlay .summary,
	.activities-section .activities-grid .card .details .top .location ul li,
	.activities-section .activities-grid .card .details .details-bottom ul li.reviews,
	.destinations .destinations-card .item .text-content .description,
	.reviews-section .reviews-container .reviews-slider .review-card .rv-text {
		font-size: var(--fs-card-body);
	}

	.activities .container .grid .card p,
	.tours-section .tours-grid .badge span,
	.activities-section .activities-grid .card .media .category,
	.reviews-section .reviews-container .reviews-header .sub-title {
		font-size: var(--fs-small-label);
	}

	.activities-section .activities-grid .card .details .top .view-btn,
	.view-all .view-all-btn {
		font-size: var(--fs-button);
	}
}

.main-footer {
	--footer-image-cutoff: 96px;
	background-color: transparent;
	background-image: linear-gradient(
		to bottom,
		transparent 0,
		transparent var(--footer-image-cutoff),
		#1c032b var(--footer-image-cutoff),
		#1c032b 100%
	);
	background-repeat: no-repeat;
	background-size: 100% 100%;

	.footer-col {
		.address,
		.tour-list li span {
			font-size: var(--fs-card-body);
		}

		.footer-heading {
			font-size: clamp(16px, 0.8vw + 12px, 20px);
		}
	}

	.footer-bottom p {
		font-size: clamp(16px, 0.8vw + 12px, 20px);
	}
}

/* Large laptops and small desktops */
@media (max-width: 1399px) {
	.container,
	main .activities .container,
	main .services-section .grid,
	main .tours-section,
	main .destinations,
	main .activities-section,
	.main-footer .footer-container {
		width: 100%;
		max-width: 1200px;
		padding-left: 20px;
		padding-right: 20px;
	}

	main {
		.activities {
			.container {
				.grid {
					grid-template-columns: repeat(7, 1fr);
					gap: 15px;
				}
			}
		}

		.tours-section {
			.tours-grid {
				grid-template-columns: repeat(3, 1fr);

				.card:first-child {
					grid-column: span 2;
					grid-row: span 2;
				}
			}
		}
		.daily-life,
		.apsara-dance,
		.landscape-hero {
			height: 150vh;
		}
		.activities-section {
			.activities-grid {
				grid-template-columns: repeat(2, 1fr);
			}
		}
		.destinations {
			& .destinations-card {
				& .item {
					.item-container {
						flex: 0 0 285px;
					}
				}
			}
		}
	}
}

/* Tablets landscape and small laptops */
@media (max-width: 1199px) {
	body:not(.has-hero) {
		padding-top: 92px;
	}

	header {
		.navbar {
			.navbar-container {
				height: auto;
				min-height: 92px;
				padding-top: 8px;
				padding-bottom: 8px;
				flex-wrap: wrap;
				gap: 10px;

				.logo img {
					height: 74px;
				}

				.menu {
					justify-content: center;
					flex-wrap: wrap;
					row-gap: 8px;
					column-gap: 14px;

					.link {
						font-size: 15px;
					}

					.language-dropdown {
						margin-left: 0;
					}
				}
			}
		}
	}

	.hero {
		height: 760px;

		.container .content {
			.title {
				font-size: 40px;
			}

			.subtitle {
				font-size: 17px;
			}
		}
	}

	main {
		.activities {
			.container .grid {
				grid-template-columns: repeat(4, 1fr);
				gap: 16px;
			}
		}

		.services-section .grid .card {
			width: min(100%, 600px);
		}

		.tours-section .tours-grid {
			grid-template-columns: repeat(2, 1fr);
		}

		.destinations .destinations-card {
			grid-template-columns: 1fr;
		}

		.activities-section {
			.activities-layout {
				grid-template-columns: 1fr;
				gap: 20px;
			}

			.activities-sidebar {
				position: static;
			}
		}

		.activities-section .activities-grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	.main-footer {
		margin-top: 220px;
		padding-top: 150px;
		--footer-image-cutoff: 82px;

		.footer-container {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 28px;
		}
	}
}

/* Tablets portrait and large phones */
@media (max-width: 991px) {
	body:not(.has-hero) {
		padding-top: 76px;
	}

	.ttd-testimonials {
		.ttd-testi-head {
			gap: 28px;
			.ttd-testi-head-left .ttd-testi-title { font-size: 32px; }
			.ttd-testi-subtitle { font-size: 15px; }
		}
		.ttd-slide .ttd-slide-text { font-size: 14px; }
	}

	header {
		.navbar {
			.navbar-container {
				position: relative;
				padding-left: 12px;
				padding-right: 12px;
				align-items: center;
				justify-content: space-between;

				.logo {
					width: auto;
					text-align: left;

					img {
						height: 62px;
					}
				}
			}
		}
	}

	/* Disable scroll-fade animation on responsive to avoid hidden sections/cards */
	.scroll-fade,
	.scroll-fade.is-visible {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}

	#scroll-top-btn {
		right: 18px;
		bottom: 18px;
		width: 42px;
		height: 42px;
	}

	.hero {
		height: 680px;
		padding-top: 120px;

		.container .content {
			.title {
				font-size: 34px;
			}

			.subtitle {
				font-size: 16px;
			}
		}
	}

	main {
		.info-section .container .title,
		.services-section .title,
		.tours-section .tours-header .main-title,
		.activities-section .header .title,
		.main-footer .footer-col .footer-heading {
			font-size: 28px;
		}

		.activities .container .grid {
			grid-template-columns: repeat(3, 1fr);
		}

		.tours-section .tours-grid {
			.card:first-child {
				grid-column: auto;
				grid-row: auto;
				height: 350px;

				.location ul li {
					font-size: inherit;
				}
			}
		}

		.destinations {
			.destinations-card {
				.item {
					flex-direction: column;
					gap: 80px;

					.item-container {
						height: auto;

						.image-wrapper {
							height: 280px;
						}

						.location-badge {
							top: auto;
							bottom: 52px;
                            margin-bottom: -65px;
                            .title {
                                margin-left: 25px;
                            }
                            .pin-icon {
                                img {
                                    left: -20px;
                                }
                            }
						}

						.transport-badge {
							bottom: -70px;
						}
					}
				}
			}
		}

		.activities-section {
			.activities-grid .card .media {
				height: 300px;
			}

			/* Keep ACTIVITIES EXPERIENCE section and cards visible on responsive */
			&.scroll-fade,
			.card.scroll-fade {
				opacity: 1;
				transform: none;
			}
		}

		.reviews-section {
			padding: 80px 0;

			.reviews-container {
				.reviews-header .main-title {
					font-size: 36px;
				}

				.reviews-slider {
					padding: 0 44px;
				}
			}
		}
	}

	.main-footer .silhouette {
		top: -52px;
	}

	.main-footer {
		background-color: #241031;
		.footer-container {
			align-items: start;

			.footer-col {
				min-width: 0;

				.links-grid {
					flex-wrap: wrap;
					gap: 18px;
				}

				.tour-list li {
					align-items: flex-start;
				}

				.instagram-grid {
					max-width: 260px;
				}
			}
		}
	}
}

/* Mobile phones */
@media (max-width: 767px) {
	.ttd-testimonials {
		padding: 0 0 60px;

		.ttd-testi-wrap {
			padding: 52px 16px 0;
		}

		.ttd-testi-head {
			flex-direction: column;
			align-items: flex-start;
			gap: 16px;
			.ttd-testi-head-left .ttd-testi-title { font-size: 28px; }
			.ttd-testi-subtitle { max-width: 100%; font-size: 14px; }
		}

		.ttd-track {
			flex-direction: column;
			gap: 16px;
		}

		.ttd-slide.ttd-pos-prev,
		.ttd-slide.ttd-pos-next,
		.ttd-slide.ttd-pos-active {
			padding: 26px 18px 20px;
		}

		.ttd-slide .ttd-slide-text {
			font-size: 14px;
			line-height: 1.65;
		}

		.ttd-slide .ttd-slide-ordinal {
			top: 14px;
			right: 14px;
		}
	}

	.hero {
		height: 620px;

		.container .content {
			max-width: 100%;

			.title {
				font-size: 29px;
			}

			.subtitle {
				font-size: 15px;
			}

			.btn {
				padding: 11px 24px;
			}
		}
	}

	main,
	.main-footer {
		padding-left: 12px;
		padding-right: 12px;
	}

	main {
		.activities {
			.container .grid {
				grid-template-columns: repeat(2, 1fr);
				gap: 12px;

				.card {
					padding: 14px;
				}
			}
		}

		.services-section {
			padding-top: 50px;
			padding-bottom: 50px;

			.grid {
				gap: 16px;

				.card {
					width: 100%;
					box-shadow: 5px 5px 0 #f0c9a8;

					.icon-box {
						width: 78px;
					}

					.content {
						padding: 14px;
					}
				}
			}
		}

		.tours-section .tours-header .subtitle,
		.destinations .header .description,
		.reviews-section .reviews-container .reviews-header .description {
			font-size: 15px;
		}

		.tours-section .tours-grid,
		.activities-section .activities-grid {
			grid-template-columns: 1fr;
			gap: 16px;
		}

		.tours-section .tours-grid {
			.card,
			.card:first-child {
				height: 300px;
			}
		}

		.daily-life,
		.apsara-dance,
		.landscape-hero {
			height: 72vh;
		}

		.destinations {
			.header {
				margin-bottom: 30px;
			}

			.destinations-card {
				gap: 14px;

				.item {
					.item-container .image-wrapper {
						height: 230px;
					}

					.text-content {
						.heading {
							font-size: 16px;
						}

						.description {
							font-size: 14px;
						}
					}
				}
			}

			/* Keep this section visible on responsive even when intersection thresholds are strict */
			&.scroll-fade {
				opacity: 1;
				transform: none;
			}
		}

		.activities-section {
			.activities-sidebar {
				.sidebar-search-form {
					flex-direction: column;

					button {
						width: 100%;
					}
				}
			}

			.activities-grid {
				.card {
					.media {
						height: 240px;
					}

					.details .top {
						flex-direction: column;
						align-items: flex-start;
						gap: 10px;
					}
				}
			}

			/* Extra safety for small screens: ensure activities cards are always rendered */
			&,
			.activities-grid,
			.activities-grid .card {
				display: block;
				visibility: visible;
			}

			.activities-grid {
				display: grid;
			}
		}

		.reviews-section {
			.reviews-container {
				padding: 0 8px;

				.reviews-header {
					.sub-title {
						font-size: 16px;
					}

					.main-title {
						font-size: 30px;
					}
				}

				.reviews-slider {
					padding: 0 36px;
				}
			}
		}
	}

	.main-footer {
		margin-top: 120px;
		padding-top: 110px;
		padding-bottom: 32px;
		--footer-image-cutoff: 76px;

		.silhouette {
			top: -26px;

			img {
				height: auto;
			}
		}

		.footer-container {
			grid-template-columns: 1fr;
			gap: 24px;

			.footer-col {
				min-width: 0;

				.footer-heading {
					margin-bottom: 16px;
				}

				.contact-item,
				.tour-list li {
					align-items: flex-start;
				}

				.links-grid {
					flex-direction: column;
					gap: 12px;
				}

				.instagram-grid {
					grid-template-columns: repeat(2, minmax(0, 120px));
					max-width: 260px;
				}
			}
		}

		.footer-bottom {
			margin-top: 36px;

			p {
				font-size: 15px;
			}
		}
	}
}

/* Small phones */
@media (max-width: 479px) {
	#menu-toggle {
		width: 38px;
		height: 38px;
		font-size: 16px;
	}

	#page-loader .loader-inner {
		font-size: 14px;
	}

	#scroll-top-btn {
		right: 12px;
		bottom: 12px;
		width: 40px;
		height: 40px;
	}

	.hero .container .content {
		.title {
			font-size: 25px;
		}

		.subtitle {
			font-size: 14px;
		}
	}

	main {
		.activities .container .grid {
			grid-template-columns: 1fr;
		}

		.services-section .title,
		.info-section .container .title,
		.tours-section .tours-header .main-title,
		.destinations .header .title,
		.activities-section .header .title {
			font-size: 24px;
		}

		.activities-section {
			&.scroll-fade,
			.card.scroll-fade {
				opacity: 1;
				transform: none;
			}
		}

		.destinations .destinations-card .item .item-container {
			.location-badge {
				padding-left: 10px;
				padding-right: 10px;

				.title {
					font-size: 12px;

					.time {
						font-size: 18px;
					}
				}
			}
		}

		.reviews-section .reviews-container .carousel-wrapper .carousel-track .review-card {
			flex-basis: 92vw;
		}
	}

	.main-footer {
		margin-top: 100px;
		padding-top: 96px;
		--footer-image-cutoff: 72px;

		.silhouette {
			top: -18px;

			img {
				height: auto;
			}
		}

		.footer-container {
			gap: 18px;

			.footer-col {
				.links-grid {
					gap: 10px;
				}

				.instagram-grid {
					max-width: 100%;
				}
			}
		}
	}
}

/* Privacy Policy Page Responsive */
@media (max-width: 1199px) {
	.privacy-banner {
		.banner-container {
			height: 400px;
			padding: 132px 20px 42px;
		}
	}

	.privacy-main-section {
		.privacy-container {
			max-width: 100%;
			margin: 0 20px;
		}

		.privacy-title {
			font-size: clamp(28px, 4.1vw, 34px);
		}

		.privacy-item summary {
			font-size: 21px;
		}
	}
}

@media (max-width: 991px) {
	.privacy-banner {
		.banner-container {
			height: 360px;
			padding: 122px 18px 38px;

			.banner-title {
				font-size: clamp(28px, 6vw, 42px);
			}

			.banner-description {
				font-size: 15px;
				line-height: 1.65;
			}
		}
	}

	.privacy-banner .banner-container > .banner-copy,
	.blog-banner .banner-container > .banner-copy {
		width: min(760px, calc(100% - 36px));
	}

	.privacy-banner .banner-container > .banner-copy .banner-title,
	.blog-banner .banner-container > .banner-copy .banner-title {
		font-size: clamp(28px, 6vw, 42px);
	}

	.privacy-banner .banner-container > .banner-copy .banner-description,
	.blog-banner .banner-container > .banner-copy .banner-description {
		font-size: 15px;
		line-height: 1.65;
	}

	.privacy-main-section {
		padding-bottom: 70px;

		.privacy-accordion {
			padding: 0 20px 14px;
		}

		.privacy-item {
			summary {
				font-size: 19px;
			}

			.privacy-content {
				p,
				li {
					font-size: 16px;
				}
			}
		}
	}
}

@media (max-width: 767px) {
	.privacy-banner {
		.banner-container {
			height: 320px;
			padding: 110px 16px 28px;

			.banner-title {
				font-size: clamp(24px, 7.8vw, 34px);
				margin-bottom: 10px;
			}

			.banner-description {
				font-size: 14px;
			}
		}
	}

	.privacy-banner .banner-container > .banner-copy,
	.blog-banner .banner-container > .banner-copy {
		top: 58%;
		width: calc(100% - 32px);
	}

	.privacy-banner .banner-container > .banner-copy .banner-title,
	.blog-banner .banner-container > .banner-copy .banner-title {
		font-size: clamp(24px, 7.8vw, 34px);
		margin-bottom: 10px;
	}

	.privacy-banner .banner-container > .banner-copy .banner-description,
	.blog-banner .banner-container > .banner-copy .banner-description {
		font-size: 14px;
	}

	.privacy-main-section {
		.privacy-container {
			margin: 0 14px;
		}

		.privacy-title {
			font-size: clamp(23px, 8.2vw, 29px);
			padding: 18px 14px;
		}

		.privacy-item summary {
			padding: 14px 0;
			font-size: 17px;
		}
	}
}

@media (max-width: 479px) {
	.privacy-banner {
		.banner-container {
			height: 280px;
			padding: 98px 14px 24px;
		}
	}

	.privacy-banner .banner-container > .banner-copy,
	.blog-banner .banner-container > .banner-copy {
		top: 60%;
		width: calc(100% - 24px);
	}

	.privacy-main-section {
		padding-bottom: 56px;

		.privacy-accordion {
			padding: 0 14px 10px;
		}

		.privacy-item .privacy-content {
			p,
			li {
				font-size: 14px;
			}
		}
	}
}

/* =============================================
   Contact Page Responsive - Easy to Find
   ============================================= */

/* Contact Page: Large laptop and desktop */
@media (max-width: 1399px) {
	.contact-main-section {
		.contact-container {
			max-width: 1140px;
			padding-left: 20px;
			padding-right: 20px;
		}

		.contact-grid {
			gap: 24px;
		}

		.contact-info {
			flex-basis: 330px;
			padding-right: 20px;
		}

		.contact-form-side {
			padding-left: 20px;
		}
	}
}

/* Contact Page: Tablet landscape */
@media (max-width: 1199px) {
	.contact-banner {
		.map-container {
			height: 400px;
		}
	}

	.contact-main-section {
		padding: 50px 0 90px;

		.contact-header {
			.header-title {
				font-size: clamp(36px, 5vw, 46px);
			}
		}

		.contact-grid {
			gap: 20px;
			padding-top: 48px;
		}

		.contact-info {
			flex-basis: 300px;
			padding-right: 10px;
		}

		.vertical-divider {
			margin: 0 8px;
		}

		.contact-form-side {
			padding-left: 16px;

			.form-title {
				font-size: 30px;
			}
		}
	}
}

/* Contact Page: Tablet portrait and below */
@media (max-width: 991px) {
	.contact-banner {
		.map-container {
			height: 360px;
		}
	}

	.contact-main-section {
		padding: 40px 0 80px;

		.contact-header {
			margin-bottom: 34px;

			.header-title {
				font-size: clamp(30px, 7vw, 40px);
			}

			.header-desc {
				font-size: 15px;
			}
		}

		.contact-grid {
			display: grid;
			grid-template-columns: 1fr;
			gap: 34px;
			padding-top: 34px;
		}

		.vertical-divider {
			display: none;
		}

		.contact-info {
			padding-right: 0;
			flex-basis: auto;
		}

		.contact-form-side {
			padding-left: 0;
			border-top: 1px solid #eeeeee;
			padding-top: 34px;
		}
	}
}

/* Contact Page: Mobile */
@media (max-width: 767px) {
	.contact-banner {
		.map-container {
			height: 320px;

			.map-fade-bottom {
				height: 96px;
			}
		}
	}

	.contact-main-section {
		padding: 32px 0 70px;

		.contact-container {
			padding-left: 14px;
			padding-right: 14px;
		}

		.contact-header {
			gap: 6px;

			.header-label {
				font-size: 14px;
			}

			.header-title {
				font-size: clamp(28px, 9vw, 34px);
			}
		}

		.contact-info {
			.info-row {
				gap: 14px;
				margin-bottom: 26px;

				.icon-square {
					width: 54px;
					height: 54px;
					font-size: 20px;
				}
			}

			.expert-box {
				margin-top: 30px;
			}
		}

		.contact-form-side {
			.form-title {
				font-size: 28px;
			}

			.reply-form {
				.form-top-row {
					grid-template-columns: 1fr;
					gap: 12px;
				}

				input,
				textarea {
					padding: 14px;
				}

				.orange-submit-btn {
					width: 100%;
					padding: 14px 18px;
				}
			}
		}
	}
}

/* Contact Page: Small mobile */
@media (max-width: 479px) {
	.contact-banner {
		.map-container {
			height: 280px;
		}
	}

	.contact-main-section {
		padding: 28px 0 60px;

		.contact-header {
			.header-title {
				font-size: clamp(24px, 9.5vw, 30px);
			}
		}

		.contact-info {
			.info-row {
				.icon-square {
					width: 48px;
					height: 48px;
					font-size: 18px;
				}
			}
		}

		.contact-form-side {
			.form-title {
				font-size: 24px;
			}

			.form-instruction,
			.reply-form .consent-row label {
				font-size: 13px;
			}
		}
	}
}

/* Moved from style.css: global responsive and motion rules */
@media (max-width: 768px) {
	.whatsapp-chat {
		right: 16px;
		bottom: 80px;
		padding: 11px 14px;

		span {
			display: none;
		}
	}
}

@media (max-width: 1024px) {
	main {
		.services-section {
			.grid {
				grid-template-columns: repeat(2, minmax(0, 1fr));
			}
		}
	}
}

@media (max-width: 680px) {
	main {
		.services-section {
			.grid {
				grid-template-columns: 1fr;
			}
		}
	}
}

@media (max-width: 980px) {
	main {
		.daily-life .daily-life-content {
			padding: 52px 16px;
		}

		.daily-life .daily-life-content .angkor-map-widget .angkor-map-layout {
			grid-template-columns: 1fr;
		}

		.daily-life .daily-life-content .angkor-map-widget .angkor-map-canvas,
		.daily-life .daily-life-content .angkor-map-widget .angkor-map-info {
			min-height: 360px;
		}

		.daily-life .daily-life-content .angkor-map-widget .angkor-map-canvas .temple-pin .label {
			font-size: 10px;
			padding: 4px 8px;
		}

		.daily-life .daily-life-content .angkor-map-widget .angkor-map-info .temple-name {
			font-size: 24px;
		}

		.destinations {
			padding: 80px 16px;

			.destinations-card {
				display: grid;
				grid-template-columns: 1fr;
				gap: 20px;

				.item {
					display: flex;
					flex-direction: column;
					gap: 0px;

					.item-container {
						position: relative;
						width: 100%;
						height: 320px;

						.image-wrapper {
							width: 100%;
							height: 220px;
							border-radius: 20px;
							overflow: hidden;
							position: relative;

							.destination-img {
								width: 100%;
								height: 100%;
								object-fit: cover;
								transition: transform 0.6s ease;
								cursor: pointer;
							}

							&::after {
								content: "";
								position: absolute;
								inset: 0;
								border-radius: 20px;
								background: linear-gradient(
									to top,
									rgb(0, 0, 0),
									rgba(255, 255, 255, 0)
								);
								opacity: 0.4;
								transition: opacity 0.4s ease;
								pointer-events: none;
							}
						}

						.location-badge {
							position: absolute;
							left: 10px;
							right: 10px;
							bottom: 90px;
							background: #1a0a20;
							color: white;
							border-radius: 40px;
							display: flex;
							align-items: center;
							padding: 4px 15px;
							z-index: 2;

							.pin-icon {
								position: absolute;

								img {
									position: relative;
									width: 35px;
									height: 35px;
									display: block;
									flex: 0 0 14px;
									object-fit: contain;
									z-index: 10;
									background: #e29a5d;
									border-radius: 50%;
									padding: 6px;
									left: -25px;
								}
							}

							.title {
								font-size: 14px;
								flex-grow: 1;
								position: relative;
								margin-left: 15px;
								color: #e29454;
								font-weight: 600;

								.time {
									font-size: 22px;
									color: #e29a5d;
									font-weight: 800;
								}
							}

							.chevron {
								img {
									position: relative;
									width: 20px;
									height: 25px;
									display: block;
									flex: 0 0 14px;
									object-fit: contain;
									margin-top: 5px;
								}
							}
						}

						.transport-badge {
							position: absolute;
							bottom: 80px;
							left: 10px;
							right: 10px;
							background: rgb(226, 154, 93);
							border-radius: 12px;
							padding: 4px 10px;
							display: flex;
							align-items: center;
							gap: 10px;
							z-index: 1;

							.car-circle {
								background: #1a0a20;
								width: 30px;
								height: 30px;
								border-radius: 50%;
								display: flex;
								align-items: center;
								justify-content: center;
								font-size: 14px;

								img {
									position: relative;
									width: 14px;
									height: 25px;
									display: block;
									flex: 0 0 14px;
									object-fit: contain;
									z-index: 10;
								}
							}

							.transport-info {
								display: flex;
								flex-direction: column;
								line-height: 1.2;

								strong {
									font-size: 14px;
									color: #1a0a20;
								}

								span {
									font-size: 12px;
									color: #1a0a20;
								}

								ul {
									display: flex;
									align-items: center;
									gap: 4px;
									list-style: none;
									padding: 0;
									margin: 0;

									li {
										font-size: 12px;
										color: #1a0a20;

										&.kilometre {
											font-size: 20px;
											font-weight: 800;
											color: #1a0a20;
										}
									}
								}
							}
						}
					}

					.text-content {
						flex: 1;

						.heading {
							font-size: 18px;
							font-weight: 800;
							margin-bottom: 4px;
						}

						ul.tour-type {
							display: flex;
							flex-direction: row;
							font-style: italic;
							color: #e29454;
							font-size: 14px;
							margin-bottom: 6px;
							list-style: none;

							li {
								img {
									width: 14px;
									height: 14px;
									margin-right: 4px;
								}
							}
						}

						.description {
							font-size: 16px;
							line-height: 1.4;
							color: #444;
							font-weight: 400;
						}
					}

					&:hover {
						.destination-img {
							transform: scale(1.1);
						}

						.image-wrapper::after {
							opacity: 0.1;
						}
					}
				}
			}
		}
	}
}

@media (prefers-reduced-motion: reduce) {
	.scroll-fade,
	.scroll-fade.is-visible {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

@media (max-width: 960px) {
	.blog-main-section {
		.blog-layout {
			grid-template-columns: 1fr;

			.blog-sidebar {
				order: -1;
			}

			.blog-detail-primary {
				.blog-card {
					.blog-card-img {
						height: 320px;
					}
				}

				.related-blog-detail {
					.related-detail-grid {
						grid-template-columns: 1fr;

						.related-detail-card {
							.related-detail-img {
								height: 220px;
							}
						}
					}
				}
			}
		}
	}
}

@media (max-width: 600px) {
	.blog-main-section {
		.blog-layout {
			.blog-grid {
				grid-template-columns: 1fr;
			}
		}

		.blog-page-title {
			font-size: 24px;
		}

		.blog-layout {
			.blog-detail-primary {
				.blog-card {
					.blog-card-img {
						height: 240px;
					}
				}

				.related-blog-detail {
					.related-detail-grid {
						.related-detail-card {
							.related-detail-img {
								height: 180px;
							}
						}
					}
				}

				.blog-detail-content,
				.related-blog-detail {
					padding: 18px;
				}

				.blog-detail-content {
					.detail-heading {
						font-size: 21px;
					}

					.detail-text,
					.detail-list li,
					.detail-quote {
						font-size: 14px;
					}
				}

				.related-blog-detail {
					.related-title {
						font-size: 20px;
					}
				}
			}
		}
	}
}

/* =============================================
   About Us Page Responsive
   ============================================= */

/* About Us: Tablet landscape (≤1199px) */
@media (max-width: 1199px) {
	.about-banner {
		height: 420px;
	}

	.about-features .about-features-grid {
		grid-template-columns: repeat(2, 1fr);
		max-width: 620px;
	}

	.about-history .about-timeline {
		max-width: 700px;
	}
}

/* About Us: Tablet portrait (≤991px) */
@media (max-width: 991px) {
	.about-banner {
		height: 360px;

		.about-banner-title {
			font-size: 36px;
		}

		.about-banner-description {
			max-width: 620px;
			font-size: 15px;
		}
	}

	.about-intro {
		padding: 60px 16px 40px;
	}

	.about-features {
		padding: 0 16px 60px;

		.about-features-grid {
			grid-template-columns: repeat(2, 1fr);
			gap: 18px;
		}
	}

	.about-history {
		padding: 60px 16px 80px;

		.about-history-title {
			margin-bottom: 50px;
		}

		.about-timeline {
			max-width: 580px;
		}

		.timeline-item {
			grid-template-columns: 1fr 36px 1fr;
		}

		.timeline-text {
			padding-top: 36px;
			padding-bottom: 36px;
		}

		.timeline-icon-circle {
			width: 68px;
			height: 68px;

			img {
				width: 38px;
				height: 38px;
			}
		}

		.timeline-right .timeline-year-block {
			padding-left: 46px;
		}

		.timeline-left .timeline-year-block {
			padding-right: 46px;
		}
	}
}

/* About Us: Mobile phones (≤767px) — timeline collapses to stacked cards */
@media (max-width: 767px) {
	.about-banner {
		height: 300px;

		.about-banner-title {
			font-size: 30px;
		}

		.about-banner-description {
			font-size: 14px;
			line-height: 1.6;
			margin-bottom: 14px;
		}

		.about-banner-breadcrumb {
			font-size: 14px;
		}
	}

	.page-breadcrumb-bar {
		.page-breadcrumb-wrap {
			padding: 14px 16px;
			gap: 8px;
			font-size: 13px;
		}
	}

	.about-intro {
		padding: 44px 16px 30px;

		.about-intro-container .about-intro-title {
			font-size: 24px;
		}
	}

	.about-features {
		padding: 0 16px 44px;

		.about-features-grid {
			grid-template-columns: repeat(2, 1fr);
			gap: 12px;
			max-width: 100%;

			.about-feature-card {
				padding: 22px 12px 18px;

				.about-feature-icon {
					width: 54px;
					height: 54px;

					i {
						font-size: 22px;
					}
				}
			}
		}
	}

	.about-history {
		padding: 44px 16px 60px;

		.about-history-title {
			margin-bottom: 32px;
		}

		.about-timeline {
			max-width: 100%;
		}

		/* Switch 3-column grid to vertical flex cards */
		.timeline-item {
			display: flex;
			flex-direction: column;
			align-items: stretch;
			margin-bottom: 14px;
			border-radius: 12px;
			overflow: hidden;
			box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
		}

		/* Hide the vertical bar segment — replaced by colored header */
		.timeline-center {
			display: none;
		}

		/* Year block becomes the card header — orange items */
		.timeline-right .timeline-year-block {
			order: 1;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: flex-start;
			gap: 14px;
			padding: 16px 20px;
			background: #e29454;
			border-radius: 0;

			&::before,
			&::after {
				display: none;
			}
		}

		/* Year block becomes the card header — purple items */
		.timeline-left .timeline-year-block {
			order: 1;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: flex-start;
			gap: 14px;
			padding: 16px 20px;
			background: #1a0a20;
			border-radius: 0;

			&::before,
			&::after {
				display: none;
			}
		}

		/* Text block becomes the card body */
		.timeline-right .timeline-text,
		.timeline-left .timeline-text {
			order: 2;
			text-align: left;
			padding: 18px 20px 22px;
		}

		.timeline-right .timeline-text {
			background: #fff8f2;
			border: 1px solid rgba(226, 148, 84, 0.2);
			border-top: none;
		}

		.timeline-left .timeline-text {
			background: #f8f6fb;
			border: 1px solid rgba(26, 10, 32, 0.12);
			border-top: none;
		}

		/* Year color on card header */
		.timeline-right .timeline-year {
			color: #ffffff;
		}

		.timeline-left .timeline-year {
			color: #e29454;
		}

		/* Icon circle size on mobile */
		.timeline-right .timeline-icon-circle {
			width: 58px;
			height: 58px;
			background: rgba(255, 255, 255, 0.2);

			img {
				width: 45px;
				height: 45px;
			}
		}

		.timeline-left .timeline-icon-circle {
			width: 58px;
			height: 58px;
			background: rgba(226, 148, 84, 0.25);

			img {
				width: 45px;
				height: 45px;
			}
		}

		/* Hide the empty text placeholder (2030 item) */
		.timeline-empty {
			display: none;
		}
	}
}

/* About Us: Small phones (≤479px) */
@media (max-width: 479px) {
	.about-banner {
		height: 250px;

		.about-banner-title {
			font-size: 26px;
		}
	}

	.about-intro {
		padding: 36px 14px 26px;
	}

	.about-features {
		padding: 0 14px 36px;

		.about-features-grid {
			grid-template-columns: 1fr;
			max-width: 320px;
			margin: 0 auto;

			.about-feature-card {
				padding: 20px 18px;
			}
		}
	}

	.about-history {
		padding: 36px 14px 50px;

		.about-history-title {
			font-size: 22px;
			margin-bottom: 24px;
		}

		.timeline-item {
			margin-bottom: 10px;
			border-radius: 10px;
		}

		.timeline-right .timeline-year-block,
		.timeline-left .timeline-year-block {
			padding: 14px 16px;
			gap: 12px;
		}

		.timeline-right .timeline-text,
		.timeline-left .timeline-text {
			padding: 14px 16px 18px;
		}

		.timeline-right .timeline-icon-circle,
		.timeline-left .timeline-icon-circle {
			width: 48px;
			height: 48px;

			img {
				width: 26px;
				height: 26px;
			}
		}

		.timeline-year {
			font-size: 28px;
		}
	}
}

/* Tours page responsive */
@media (max-width: 1299px) {
	.tour-results-panel,
	.tour-card,
	.tour-body {
		min-width: 0;
	}

	.tour-card-layout.is-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.tour-card-layout.is-grid .tour-media {
		height: 210px;
	}

	.tours-page-main .tour-card-layout.is-list .tour-card {
		grid-template-columns: 250px 1fr;
	}

	.tours-page-main .tour-card-layout.is-list .tour-body {
		grid-template-columns: minmax(0, 1fr) 190px;
	}
}

@media (max-width: 1199px) {
	.tours-page-main .tours-page-wrap {
		width: 100%;
		grid-template-columns: minmax(240px, 270px) minmax(0, 1fr);
		gap: 18px;
	}

	.tours-page-main .tour-filter-panel {
		position: static;
		top: auto;
	}

	.tours-page-main .tour-card-layout.is-list .tour-card {
		grid-template-columns: 220px 1fr;
	}

	.tours-page-main .tour-card-layout.is-list .tour-media {
		min-height: 210px;
	}

	.tours-page-main .tour-card-layout.is-list .tour-body {
		padding: 12px 16px;
		grid-template-columns: minmax(0, 1fr) 170px;
		column-gap: 14px;
	}

	.tour-card-layout.is-list .tour-footer strong {
		font-size: 24px;
	}
}

@media (max-width: 1100px) {
	.tours-page-main .tours-page-wrap {
		width: 100%;
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.tours-page-main {
		padding-top: 22px;
		padding-bottom: 70px;
	}

	.tours-page-main .tour-filter-panel {
		position: static;
	}

	.tour-results-panel,
	.tour-card-layout,
	.tours-page-main .tour-card-layout.is-list .tour-card,
	.tours-page-main .tour-card-layout.is-list .tour-body,
	.tours-page-main .tour-card-layout.is-list .tour-footer {
		min-width: 0;
	}

	.tour-results-toolbar {
		flex-direction: column;
		align-items: flex-start;
	}

	.tour-results-toolbar .tour-toolbar-controls {
		width: 100%;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.tours-page-main .tour-card-layout.is-list .tour-card {
		grid-template-columns: 1fr;
	}

	.tours-page-main .tour-card-layout.is-list .tour-body {
		grid-template-columns: 1fr;
		padding: 12px 16px;
	}

	.tour-card-layout.is-list .tour-name,
	.tour-card-layout.is-list .tour-location,
	.tour-card-layout.is-list .tour-rating,
	.tour-card-layout.is-list .tour-desc,
	.tour-card-layout.is-list .tour-footer {
		grid-column: 1;
		grid-row: auto;
	}

	.tours-page-main .tour-card-layout.is-list .tour-media {
		min-height: 220px;
	}

	.tour-card-layout.is-grid .tour-media {
		height: 220px;
	}

	.tours-page-main .tour-card-layout.is-list .tour-footer {
		border-left: 0;
		border-top: 1px solid #dddde1;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding: 14px 16px;
	}
}

@media (max-width: 991px) {
	.tours-page-banner {
		min-height: 290px;
		padding-top: 96px;
		padding-bottom: 42px;
	}

	.tours-page-main {
		padding-top: 22px;
		padding-bottom: 70px;
	}

	.tours-page-wrap {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.tours-page-main .tour-filter-panel {
		position: static;
	}

	.tour-results-toolbar {
		flex-direction: column;
		align-items: flex-start;

		.tour-toolbar-controls {
			width: 100%;
			justify-content: flex-start;
			flex-wrap: wrap;
		}
	}

	.tours-page-main .tour-card-layout.is-list .tour-card {
		grid-template-columns: 1fr;
	}

	.tours-page-main .tour-card-layout.is-list .tour-body {
		grid-template-columns: 1fr;
	}

	.tour-card-layout.is-list .tour-name,
	.tour-card-layout.is-list .tour-location,
	.tour-card-layout.is-list .tour-rating,
	.tour-card-layout.is-list .tour-desc,
	.tour-card-layout.is-list .tour-footer {
		grid-column: 1;
		grid-row: auto;
	}

	.tours-page-main .tour-card-layout.is-list .tour-media {
		min-height: 220px;
	}

	.tour-card-layout.is-grid .tour-media {
		height: 220px;
	}

	.tours-page-main .tour-card-layout.is-list .tour-footer {
		border-left: 0;
		border-top: 1px solid #dddde1;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding: 14px 16px;
	}
}

@media (max-width: 767px) {
	.tours-page-banner {
		min-height: 240px;
		padding-top: 88px;
		padding-bottom: 34px;
	}

	.tours-page-main {
		padding: 16px 12px 56px;
	}

	.tours-page-main .tour-filter-panel {
		padding: 16px 14px;

		.filter-title {
			font-size: 21px;
			margin-bottom: 14px;
		}
	}

	.tour-results-toolbar .tour-count {
		font-size: clamp(21px, 8vw, 28px);
		width: 100%;
	}

	.tour-results-toolbar .tour-toolbar-controls {
		width: 100%;
	}

	.tour-results-toolbar .tour-toolbar-controls label {
		width: 100%;
	}

	.tour-results-toolbar .tour-toolbar-controls select {
		flex: 1;
		min-width: 180px;
	}

	.tour-card-layout.is-grid {
		grid-template-columns: 1fr;
	}

	.tour-card-layout.is-grid .tour-media {
		height: 240px;
	}

	.tour-card-layout.is-list .tour-name,
	.tour-name {
		font-size: clamp(20px, 6vw, 26px);
	}

	.tours-page-main .tour-card-layout.is-list .tour-body {
		padding: 12px 14px;
		row-gap: 10px;
	}

	.tours-page-main .tour-card-layout.is-list .tour-points {
		display: grid;
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.tours-page-main .tour-card-layout.is-list .tour-point {
		min-width: 0;
		flex-shrink: 1;
		white-space: normal;
	}

	.tours-page-main .tour-card-layout.is-list .tour-footer strong {
		font-size: 28px;
	}

	.tours-page-main .tour-card-layout.is-list .tour-footer {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.tours-page-main .tour-card-layout.is-list .tour-btns {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.tours-page-main .tour-card-layout.is-list .tour-btn,
	.tours-page-main .tour-card-layout.is-list .tour-add-cart-btn {
		width: 100%;
		justify-content: center;
	}

	.tours-page-main .tour-card-layout.is-list .tour-stats {
		flex-wrap: wrap;
		gap: 8px;
	}
}

@media (max-width: 479px) {
	.tours-page-title {
		font-size: clamp(25px, 9.5vw, 32px);
	}

	.tour-results-toolbar .tour-toolbar-controls {
		gap: 8px;
	}

	.tour-results-toolbar .tour-toolbar-controls select {
		width: 100%;
	}

	.tour-view-toggle {
		width: 100%;
		justify-content: center;
	}

	.tours-page-main .tour-card-layout.is-list .tour-media,
	.tour-card-layout.is-grid .tour-media {
		height: 190px;
		min-height: 190px;
	}

	.tours-page-main .tour-card-layout.is-list .tour-body {
		padding: 12px;
	}

	.tours-page-main .tour-card-layout.is-list .tour-footer strong {
		font-size: 24px;
	}

	.tour-card-layout.is-list .tour-footer {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}

	.tour-card-layout.is-list .tour-btn,
	.tour-card-layout.is-list .tour-add-cart-btn {
		width: 100%;
		justify-content: center;
	}

	.tour-btn {
		min-width: 78px;
		height: 34px;
		padding: 0 12px;
		font-size: 13px;
	}
}

@media (max-width: 991px) {
	body.td-page {
		.tours-page-banner {
			min-height: 290px;
			padding-top: 96px;
			padding-bottom: 42px;
		}

		.td-wrap {
			display: flex;
			flex-direction: column;
			gap: 22px;
			margin: 24px auto 56px;
			padding: 0 18px;
		}

		.td-main {
			display: contents;
		}

		.td-sidebar {
			position: static;
			order: 20;
			width: 100%;
		}

		.td-related-section {
			order: 30;
		}

		.td-sidebar-card {
			max-width: 100%;
		}

		.td-main,
		.td-hero {
			width: 100%;
			max-width: 100%;
		}

		.td-hero img {
			width: 100%;
			height: auto;
			max-width: 100%;
			display: block;
		}

		.td-related-grid,
		.td-addon-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.td-vehicle-grid,
		.td-lang-grid {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}
}

@media (max-width: 767px) {
	body.td-page {
		.tours-page-banner {
			min-height: 240px;
			padding-top: 88px;
			padding-bottom: 34px;
		}

		.tours-page-title {
			font-size: clamp(26px, 8.5vw, 34px);
		}

		.tours-page-subtitle {
			font-size: 14px;
		}

		.td-wrap {
			margin: 14px auto 48px;
			padding: 0 14px;
			gap: 14px;
		}

		.td-hero {
			border-radius: 12px;
		}

		.td-title {
			font-size: 19px;
		}

		.td-meta-row {
			flex-direction: column;
			align-items: flex-start;
			gap: 8px;
		}

		.td-section {
			padding: 16px;
			margin-bottom: 14px;
			overflow-x: visible;
			width: 100%;
		}

		.td-day-header {
			padding: 12px 14px;
		}

		.td-day-body {
			padding: 0 14px 16px;
		}

		.td-guide-row {
			flex-direction: column;
			gap: 16px;
		}

		.td-inc-exc-grid,
		.td-related-grid,
		.td-addon-grid {
			grid-template-columns: 1fr;
		}

		.td-vehicle-grid,
		.td-lang-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.td-booking-form,
		.td-summary,
		.td-deals-card,
		.td-dest-card {
			padding: 14px;
		}

		.td-summary-row {
			align-items: flex-start;
			flex-wrap: wrap;
			gap: 4px;
		}

		.td-summary-row .val {
			font-size: 11.5px;
			word-break: break-word;
			max-width: 100%;
		}

		.td-coupon-input-row {
			flex-wrap: wrap;
		}

		.td-coupon-input {
			flex: 1 1 60%;
			min-width: 0;
		}

		.td-transport-table-wrap {
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
	}
}

@media (max-width: 600px) {
	body.td-page {
		.tours-page-banner {
			min-height: 220px;
			padding-top: 86px;
			padding-bottom: 30px;
		}

		.tours-page-title {
			font-size: clamp(24px, 8.8vw, 30px);
			line-height: 1.18;
			margin-bottom: 8px;
		}

		.tours-page-subtitle {
			font-size: 13px;
			line-height: 1.45;
		}

		.page-breadcrumb-bar .page-breadcrumb-wrap {
			padding: 12px 12px;
			font-size: 12px;
			gap: 6px;
		}

		.td-wrap {
			padding: 0 12px;
			gap: 12px;
		}

		.td-title {
			font-size: 17px;
			line-height: 1.35;
		}

		.td-day-left {
			flex-wrap: wrap;
			gap: 8px;
		}

		.td-day-label {
			font-size: 10px;
			padding: 4px 9px;
		}

		.td-day-name {
			font-size: 12px;
		}

		.td-day-toggle {
			font-size: 11px;
		}

		.td-map-view iframe {
			height: 190px;
		}

		.td-form-input,
		.td-coupon-input,
		.td-coupon-btn {
			height: 36px;
		}

		.td-book-btn {
			padding: 12px;
			font-size: 14px;
		}
	}
}

@media (max-width: 479px) {
	body.td-page {
		.tours-page-banner {
			min-height: 205px;
			padding-top: 84px;
			padding-bottom: 28px;
		}

		.tours-page-title {
			font-size: clamp(23px, 9vw, 30px);
		}

		.td-wrap {
			padding: 0 10px;
		}

		.td-title {
			font-size: 16px;
		}

		.td-section {
			padding: 14px 12px;
		}

		.td-gender-options {
			flex-wrap: wrap;
		}

		.td-coupon-btn {
			padding: 0 10px;
			font-size: 11.5px;
		}
	}
}

/* Global responsive menu (all pages) */
@media (max-width: 1023px) {
	body.menu-open {
		overflow: hidden;
	}

	.nav-cart-item .nav-cart-badge {
		background: #ff2d2d;
	}

	header .navbar .navbar-container {
		position: relative;
		padding-left: 12px;
		padding-right: 12px;
		align-items: center;
		justify-content: space-between;
	}

	#menu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		border: 0;
		border-radius: 8px;
		background: #1a0a20;
		color: #e29454;
		font-size: 18px;
		cursor: pointer;
		position: relative;
		z-index: 1310;
	}

	body.menu-open #menu-toggle {
		position: fixed;
		top: 14px;
		right: 14px;
		background: #ffffff;
		color: #1c032b;
		border: 1px solid rgba(226, 148, 84, 0.45);
		box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16);
	}

	header .navbar .navbar-container .menu {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		padding: 16px 16px 26px;
		background: #e29454;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		overflow-y: auto;
		overscroll-behavior: contain;
		z-index: 1300;
	}

	header .navbar .navbar-container .menu.is-open {
		display: flex;
	}

	header .navbar .navbar-container .menu .item {
		white-space: normal;
		border-bottom: 1px solid rgba(26, 10, 32, 0.12);
		padding: 9px 4px;
	}

	header .navbar .navbar-container .menu .mobile-menu-brand {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 0 14px;
		margin-bottom: 8px;
		border-bottom: 1px solid rgba(26, 10, 32, 0.12);
	}

	header .navbar .navbar-container .menu .mobile-menu-brand img {
		width: clamp(120px, 34vw, 190px);
		height: auto;
		max-width: 60vw;
		display: block;
	}

	header .navbar .navbar-container .menu .item:last-child {
		border-bottom: 0;
	}

	header .navbar .navbar-container .menu .link {
		display: block;
		font-size: 16px;
		color: #ffffff;
		font-weight: 700;
	}

	header .navbar .navbar-container .menu .link.active {
		color: #1c032b;
	}

	header .navbar .navbar-container .menu .language-dropdown,
	header .navbar .navbar-container .menu .language-dropdown .selected-lang,
	header .navbar .navbar-container .menu .nav-cart-link,
	header .navbar .navbar-container .menu .nav-auth-btn {
		color: #ffffff;
		margin-left: 0;
	}

	header .navbar .navbar-container .menu .language-dropdown .lang-menu {
		position: static;
		margin-top: 8px;
		border: 1px solid rgba(255, 255, 255, 0.55);
		border-radius: 8px;
		padding: 4px 0;
		background: rgba(255, 255, 255, 0.12);
	}
}

@media (max-width: 767px) {
	header .navbar .navbar-container .menu {
		padding: 12px 14px 22px;
	}

	header .navbar .navbar-container .menu .link {
		font-size: 15px;
	}
}