#viewport-emitter {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	visibility: hidden;
	z-index: -1;
}
#viewport-emitter::before {
	content: "large";
}
@media only screen and (min-width: 1441px) {
	#viewport-emitter::before {
		content: "xlarge";
	}
}
@media only screen and (max-width: 1068px) {
	#viewport-emitter::before {
		content: "medium";
	}
}
@media only screen and (max-width: 734px) {
	#viewport-emitter::before {
		content: "small";
	}
}
.section-hero .highlight-wrapper .highlight {
	z-index: -1;
}
.section-hero .underline.highlight:before {
	--highlight-duration: 0.5s;
	--highlight-delay: 0.5s;
	height: 6px;
	left: 15px;
	top: 97%;
	width: 0%;
	z-index: -1;
	padding: 0;
	animation-name: draw-line;
	animation-duration: var(--highlight-duration);
	animation-delay: var(--highlight-delay);
	opacity: 0;
}
.section-hero.animate .underline.highlight:before {
	width: 100%;
	padding-left: 0.1875em;
	padding-right: 0.1875em;
	opacity: 1;
}
@keyframes draw-line {
	0% {
		width: 0%;
	}
	100% {
		width: 100%;
	}
}
.section-sellers {
	--section-padding: 0;
	padding-bottom: 100px;
}
.section-sellers .column {
	margin-bottom: 30px;
	border-radius: 15px;
	box-shadow: rgba(0, 0, 0, 0.1) 20px 20px 20px -20px,
		rgba(0, 0, 0, 0.04) 0px 5px 5px 0px;
}
.section-sellers .column .seller-info {
	padding: 2em 2em 3.5em;
}
.section-sellers .column .seller-info span {
	display: block;
}
.section-sellers .column:nth-child(odd) {
	margin-right: 10px;
}
.section-sellers .column:nth-child(even) {
	margin-left: 10px;
}
.section-sellers .large-6 {
	max-width: 48%;
}
@media only screen and (max-width: 1068px) {
	.section-sellers .medium-6 {
		max-width: 48%;
	}
}
@media only screen and (max-width: 734px) {
	.section-sellers .small-12 {
		max-width: 100%;
	}
	.section-sellers .column:nth-child(even) {
		margin-left: 0;
	}
	.section-sellers .column:nth-child(odd) {
		margin-right: 0;
	}
}

.typography-headline-super:lang(th) {
	line-height: 1.5;
}

@media only screen and (max-width: 734px) {
	.typography-headline-super:lang(th) {
		line-height: 1.45;
	}
}

.section-hero picture {
	height: auto;
}

@media only screen and (min-width: 1900px) {
	.section-hero picture {
		max-height: 1462px;
	}
}

/* Section sellers card section */
#main > section.section.section-sellers > div > div {
	justify-content: center;
}

@media only screen and (max-width: 390px) {
	.section-sellers .column .seller-info {
		padding: 2em 1em 3.5em;
	}
}