/* Home page marketing */
.home_banner_container[data-banner-picture="minghui"] .home_banner_background {background-image:url('../homepage_image/background/registration_banner_2048x1152.webp');background-position:35% 50%;transform:scaleX(-1);}
.home_banner_container[data-banner-picture="kinabalu"] .home_banner_background {background-image:url('../homepage_image/background/kinabalu.webp');transform:scaleX(-1);}
.home_banner_container[data-banner-picture="theme_arrow"] .home_banner_background {background-image:url('../homepage_image/background/theme_arrow.webp');}
.home_banner_container[data-banner-picture="theme_arrow_inverted"] .home_banner_background {background-image:url('../homepage_image/background/theme_arrow.webp');transform:scaleX(-1);}
.home_banner_container[data-banner-picture="theme_chart"] .home_banner_background {background-image:url('../homepage_image/background/theme_chart.webp');}
.home_banner_container[data-banner-picture="theme_arrow"] .home_banner_background {background-image:url('../homepage_image/background/theme_arrow.webp');}
.home_banner_container[data-banner-picture="theme_arrow_inverted"] .home_banner_background {background-image:url('../homepage_image/background/theme_arrow.webp');transform:scaleX(-1);}
.home_banner_container[data-banner-picture="communication"] .home_banner_background {background-image:url('../homepage_image/background/communication.webp');}
.home_banner_container[data-banner-picture="theme_filled_corner"] .home_banner_background {background-image:url('../homepage_image/background/theme_filled_corner.webp');}
.home_banner_container[data-banner-picture="theme_filled_corner_inverted"] .home_banner_background {background-image:url('../homepage_image/background/theme_filled_corner.webp');transform:scaleX(-1);}
.home_banner_container[data-banner-picture="russel_road_portrait"] .home_banner_background {background-image:url('../homepage_image/background/russel_road_portrait.webp');}
.home_banner_container[data-banner-picture="rear_lamp_portrait"] .home_banner_background {background-image:url('../homepage_image/background/rear_lamp_portrait.webp');}
.home_banner_container[data-banner-picture="russel_road_bottom_up"] .home_banner_background {background-image:url('../homepage_image/background/russel_road_bottom_up.webp');}
.home_banner_container .home_banner_content_container {padding-top:2.5em;padding-bottom:2.5em;}
.home_banner_animated_text {position:relative;}
.home_banner_text_picture_container {display:flex;justify-content:space-evenly;align-items:center;gap:1em 3em;padding:3em 6em;}
.home_banner_animated_picture {width:600px;max-width:calc(100vw - 12em);}
.home_banner_animated_text_alignment {display:flex;flex-direction:column;row-gap:2.5em;}
.home_banner_animated_text_left_alignment {margin-left:0;margin-right:auto;width:65%;}
.home_banner_animated_text_right_alignment {margin-left:auto;margin-right:0;width:65%;}
.home_banner_vary_font_size[data-font-size="4.5em"] {font-size:4.5em;}
.home_banner_vary_font_size[data-font-size="4em"] {font-size:4em;}
.home_banner_vary_font_size[data-font-size="3.5em"] {font-size:3.5em;}
.home_banner_vary_font_size[data-font-size="3em"] {font-size:3em;}
.home_banner_vary_font_size[data-font-size="2.8em"] {font-size:2.8em;}
.home_banner_vary_font_size[data-font-size="2em"] {font-size:2em;}
.home_banner_vary_font_size[data-font-size="1.8em"] {font-size:1.8em;}
.home_banner_vary_font_size[data-font-size="1.5em"] {font-size:1.5em;}
.home_banner_vary_font_size[data-font-size="1.2em"] {font-size:1.2em;}
.home_banner_vary_font_size[data-font-size="1.1em"] {font-size:1.1em;}
.home_banner_logo {width:175px;}
.home_banner_container h2, .home_banner_container h3 {line-height:1.3;font-family:Helvetica;}
.home_banner_lineafter_white::after
{
	content:"";
	width:4em;
	height:4px;
	background-color:#cccccc;
	box-shadow:2px 2px 3px #1c1c1c;
	display:block;
	margin-top:1em;
	margin-bottom:0.5em;
	margin-left:auto;
	margin-right:auto;
	border-radius:1px;
}
.home_banner_lineafter_black::after
{
	content:"";
	width:4em;
	height:4px;
	background-color:#aaaaaa;
	display:block;
	margin-top:1em;
	margin-bottom:0.5em;
	margin-left:auto;
	margin-right:auto;
	border-radius:1px;
}
.home_banner_lineafter_location::after
{
	content:"";
	width:4em;
	height:2px;
	background-color:#aaaaaa;
	display:block;
	margin-top:2em;
	margin-bottom:0.5em;
	margin-left:auto;
	margin-right:auto;
	border-radius:1px;
}
/* Home carousels: our slick.css centres slides vertically (align-items:center); stretch them to the tallest instead so cards line up (selectors out-rank slick.css, which loads after this file) */
.home_banner_review .slick-track, .home_banner_location .slick-track {align-items:stretch;}
.home_banner_review .slick-track .slick-slide, .home_banner_location .slick-track .slick-slide {height:auto;flex-shrink:0;}
/* Review cards reuse .car_review_* from ui.css; side slides are dimmed so the edge-clipped peek reads as intentional */
.home_banner_review .slick-slide.car_review_card {display:flex;box-sizing:border-box;width:280px;max-width:calc(100vw - 10em);margin:0.5em 1.25em 1.5em;box-shadow:0 8px 24px rgba(0,0,0,0.3);opacity:0.55;transition:opacity 0.3s;}
.home_banner_review .slick-slide.car_review_card.slick-center {opacity:1;}
/* safety net only: home.php keeps the carousel to reviews that fit 7 lines at either width (~39 chars/line desktop, ~34 phone) */
.home_banner_review .car_review_text {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;line-clamp:7;overflow:hidden;}
.home_location_card {box-sizing:border-box;width:300px;max-width:calc(100vw - 10em);margin:0.5em 2em 1.5em;border-radius:14px;overflow:hidden;background-color:#fdfdfd;box-shadow:0 4px 16px rgba(0,0,0,0.1);display:flex;flex-direction:column;}
.home_banner_location .slick-slide.home_location_card {display:flex;}
/* title sits on the photo: absolutely positioned, so a name that wraps costs the card no height */
.home_location_media {position:relative;}
.home_location_img {display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background-color:#e6e6e6;}
.home_location_media::after {content:"";position:absolute;left:0;right:0;bottom:0;height:70%;background:linear-gradient(to bottom,rgba(28,28,28,0),rgba(28,28,28,0.75));}
.home_location_title {position:absolute;z-index:1;left:0;right:0;bottom:0;padding:0.6em 0.8em;display:flex;align-items:flex-end;justify-content:center;font-size:1.4em;line-height:1.2;text-align:center;color:#fdfdfd;text-shadow:0 1px 3px rgba(0,0,0,0.6);}
.home_location_body {display:flex;flex-direction:column;row-gap:0.9em;padding:1.1em 1em;flex:1;}
/* free space splits above and below the content instead of pooling above the button */
.home_location_content {margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;row-gap:0.6em;}
.home_location_label {font-weight:700;text-align:center;}
.home_location_chips {display:flex;flex-wrap:wrap;justify-content:center;gap:0.4em;}
.home_location_chip {background-color:rgba(0,153,204,0.1);color:#0b6c8c;border-radius:999px;padding:0.35em 0.75em;font-size:0.85em;line-height:1.3;}
.home_location_chip_more {flex-basis:100%;text-align:center;background-color:transparent;color:#666666;font-style:italic;padding-top:0;}
.home_location_btn {display:block;box-sizing:border-box;width:100%;font-size:1.1em;padding:0.75em 1em;color:#fdfdfd;text-decoration:none;font-family:Arial;text-align:center;line-height:1.3;}

@media only screen and (max-width:1250px)
{
	/* Home page marketing */
	.home_banner_animated_picture {width:400px;}
}

@media only screen and (max-width:1100px)
{
	/* Home page marketing */
	.home_banner_vary_font_size[data-font-size="4.5em"] {font-size:3.5em;}
	.home_banner_vary_font_size[data-font-size="4em"] {font-size:3em;}
	.home_banner_vary_font_size[data-font-size="3.5em"] {font-size:2.6em;}
	.home_banner_vary_font_size[data-font-size="3em"] {font-size:2.3em;}
	.home_banner_vary_font_size[data-font-size="2.8em"] {font-size:2.2em;}
	.home_banner_vary_font_size[data-font-size="2em"] {font-size:1.3em;}
	.home_banner_vary_font_size[data-font-size="1.8em"] {font-size:1.5em;}
	.home_banner_vary_font_size[data-font-size="1.5em"] {font-size:1.2em;}
	.home_banner_vary_font_size[data-font-size="1.2em"] {font-size:1.1em;}
}

@media only screen and (max-width:900px)
{
	/* phone: one card per view, so track the current card's height instead of the tallest */
	.home_banner_review .slick-track, .home_banner_location .slick-track {align-items:flex-start;}
	/* Home page marketing */
	.home_banner_container .home_banner_content_container {padding-top:1em;padding-bottom:1em;}
	.home_banner_animated_text_left_alignment, .home_banner_animated_text_right_alignment {margin-left:auto;margin-right:auto;width:100%;}
	.home_banner_text_picture_container {flex-wrap:wrap;padding:3em 2em;}
	.home_banner_text_picture_container.home_banner_text_picture_container_reverse_wrap {flex-wrap:wrap-reverse;}
	.home_banner_animated_picture_container {padding-left:1em;padding-right:1em;}
	.home_banner_animated_picture {max-width:calc(100vw - 6em);}
	.home_banner_container[data-banner-picture="minghui"] .home_banner_background {background-image:url('../homepage_image/background/registration_banner_975x1152.webp');background-position:50% 50%;}
	/*.home_banner_vary_font_size[data-font-size="4.5em"] {font-size:2.5em;}
	.home_banner_vary_font_size[data-font-size="4em"] {font-size:2.2em;}
	.home_banner_vary_font_size[data-font-size="3.5em"] {font-size:2.2em;}
	.home_banner_vary_font_size[data-font-size="3em"] {font-size:1.9em;}
	.home_banner_vary_font_size[data-font-size="2.8em"] {font-size:1.7em;}
	.home_banner_vary_font_size[data-font-size="2em"] {font-size:1.3em;}
	.home_banner_vary_font_size[data-font-size="1.8em"] {font-size:1.2em;}
	.home_banner_vary_font_size[data-font-size="1.5em"] {font-size:1.1em;}
	.home_banner_vary_font_size[data-font-size="1.2em"] {font-size:1.1em;}*/
	.home_banner_vary_font_size[data-font-size="1.1em"] {font-size:1em;}
	.home_banner_logo {width:170px;}
}

@media only screen and (max-width:720px)
{
	/* Home page marketing */
	.home_banner_vary_font_size[data-font-size="4.5em"] {font-size:2.5em;}
	.home_banner_vary_font_size[data-font-size="4em"] {font-size:2.2em;}
	.home_banner_vary_font_size[data-font-size="3.5em"] {font-size:2.2em;}
	.home_banner_vary_font_size[data-font-size="3em"] {font-size:1.9em;}
	.home_banner_vary_font_size[data-font-size="2.8em"] {font-size:1.7em;}
	.home_banner_vary_font_size[data-font-size="2em"] {font-size:1.3em;}
	.home_banner_vary_font_size[data-font-size="1.8em"] {font-size:1.2em;}
	.home_banner_vary_font_size[data-font-size="1.5em"] {font-size:1.1em;}
	.home_banner_vary_font_size[data-font-size="1.2em"] {font-size:1.1em;}
	.home_banner_logo {width:150px;}
}