@charset "utf-8";

.change-language-cont {
	top: 27px;
	*top: 26px;
	padding: 10px 5px;
	width: 380px !important;
	max-height: 80vh !important;
	overflow-y: scroll !important;
}    

/* Merrill visual refresh — shared across the static export */
:root {
	--merrill-ink: #07100e;
	--merrill-panel: #0d1815;
	--merrill-lime: #dd1c3e;
	--merrill-muted: #aebbb4;
	--merrill-line: rgba(221, 28, 62, .28);
}

html { scroll-behavior: smooth; }
body {
	font-family: Inter, "Helvetica Neue", Arial, sans-serif;
	color: #12201a;
}

/* The touch navigation trigger is opt-in below the mobile breakpoint. */
.merrill-mobile-menu-toggle { display: none; }

.web_head.index_web_head {
	position: absolute !important;
	top: 0; left: 0; right: 0;
	background: linear-gradient(180deg, rgba(4, 11, 9, .86), transparent) !important;
	box-shadow: none !important;
	z-index: 20;
}
.web_head.index_web_head .head_top { display: none; }
.web_head.index_web_head .head_layer { background: transparent !important; padding: 18px 0; border-bottom: 0 !important; }
.web_head.index_web_head .layout { max-width: 1320px; padding: 0 34px; }
.web_head.index_web_head .head_layer .layout { display: flex; align-items: center; gap: 28px; }
.web_head.index_web_head .head_layer .layout { position: relative; padding-right: 190px; }
.web_head.index_web_head .head_left { flex: 0 0 150px; }
.web_head.index_web_head .nav_wrap { position: absolute; left: 250px; right: 210px; top: 0; height: 80px; }
.web_head.index_web_head .nav_wrap .head_nav { height: 80px; }
.web_head.index_web_head .head-center { position: absolute; right: 34px; top: 54px; width: auto !important; white-space: nowrap; }
.web_head.index_web_head .logo img { width: 144px; height: auto; filter: brightness(0) invert(1); }
.web_head.index_web_head .head_nav { display: flex; align-items: center; justify-content: center; gap: clamp(16px, 2.5vw, 34px); }
.web_head.index_web_head .head_nav > li { white-space: nowrap; }
.web_head.index_web_head .head_nav > li > a {
	color: rgba(255,255,255,.86) !important;
	font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
	transition: color .25s ease;
}
.web_head.index_web_head .head_nav > li > a:hover { color: var(--merrill-lime) !important; }
.web_head.index_web_head .head_nav > li:hover,
.web_head.index_web_head .head_nav > li.nav-current { background: transparent !important; }
.web_head.index_web_head .head_nav > li > ul {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(180px, 1fr));
	gap: 0 12px;
	top: 76px !important; left: 0 !important; width: min(620px, 86vw) !important;
	padding: 18px !important; border: 1px solid rgba(221,28,62,.35); border-radius: 0 !important;
	background: rgba(7,16,14,.98) !important; box-shadow: 0 22px 60px rgba(0,0,0,.35);
	transform-origin: top left !important;
}
.web_head.index_web_head .head_nav > li:not(.fenlei) > ul { display: block !important; width: 250px !important; }
.web_head.index_web_head .head_nav > li > ul > li { background: transparent !important; }
.web_head.index_web_head .head_nav > li > ul a {
	display: block; padding: 10px 8px !important; color: rgba(255,255,255,.78) !important;
	font-size: 12px !important; line-height: 1.4 !important; white-space: normal;
}
.web_head.index_web_head .head_nav > li > ul a:hover { color: var(--merrill-lime) !important; background: rgba(221,28,62,.12) !important; }
.web_head.index_web_head .head-center .sys_btn {
	background: var(--merrill-lime) !important; color: var(--merrill-ink) !important;
	border-radius: 999px; padding: 13px 20px; font-size: 11px; letter-spacing: .1em;
	font-weight: 800; box-shadow: 0 0 0 1px rgba(221,28,62,.24), 0 10px 28px rgba(0,0,0,.2);
	transition: transform .25s ease, box-shadow .25s ease;
}
.web_head.index_web_head .head-center .sys_btn:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(221,28,62,.22); }

/* Local language switcher in the upper-right header. */
.merrill-language-switcher { position: relative; z-index: 30; font-size: 11px; }
.web_head.index_web_head .merrill-language-switcher { position: absolute; top: 10px; right: 34px; }
.merrill-language-trigger { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 12px; border: 1px solid rgba(255,255,255,.42); border-radius: 999px; background: rgba(7,16,14,.45); color: rgba(255,255,255,.9); font: inherit; font-weight: 800; letter-spacing: .08em; cursor: pointer; }
.merrill-language-trigger span { color: var(--merrill-lime); font-size: 13px; }
.merrill-language-menu { position: absolute; top: calc(100% + 8px); right: 0; min-width: 150px; padding: 8px; border: 1px solid rgba(221,28,62,.35); background: rgba(7,16,14,.98); box-shadow: 0 18px 40px rgba(0,0,0,.3); opacity: 0; visibility: hidden; transform: translateY(-5px); transition: opacity .2s ease, transform .2s ease, visibility .2s ease; }
.merrill-language-switcher:hover .merrill-language-menu, .merrill-language-switcher:focus-within .merrill-language-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.merrill-language-menu a { display: block; padding: 9px 10px; color: rgba(255,255,255,.82) !important; text-decoration: none !important; white-space: nowrap; }
.merrill-language-menu a:hover { background: rgba(221,28,62,.14); color: #fff !important; }
.container:not(.container-index) .merrill-language-switcher { position: relative; flex: 0 0 auto; margin-left: 14px; }

.merrill-hero {
	position: relative; min-height: min(860px, 100svh); display: flex; align-items: center;
	background: #07100e url('../../uploads/merrill-hero-industrial-v2.png') center / cover no-repeat;
	overflow: hidden;
}
.merrill-hero::before {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(90deg, rgba(3,8,7,.97) 0%, rgba(3,8,7,.82) 32%, rgba(3,8,7,.2) 68%, rgba(3,8,7,.05) 100%), linear-gradient(0deg, rgba(3,8,7,.65), transparent 50%);
}
.merrill-hero::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--merrill-line);
}
.merrill-hero .hero_content { position: relative; z-index: 1; max-width: 1320px; padding: 150px 34px 90px; width: 100%; }
.merrill-hero .hero-kicker {
	display: inline-flex; align-items: center; gap: 10px; color: var(--merrill-ink); background: var(--merrill-lime);
	padding: 10px 16px; border-radius: 999px; font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase;
}
.merrill-hero h1 { max-width: 760px; margin: 24px 0 20px; color: #fff; font-size: clamp(48px, 6vw, 90px); line-height: .98; letter-spacing: -.055em; font-weight: 800; }
.merrill-hero h1 span { color: var(--merrill-lime); }
.merrill-hero .hero-lede { max-width: 560px; margin: 0 0 34px; color: rgba(255,255,255,.72); font-size: 16px; line-height: 1.75; }
.merrill-hero .hero-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.merrill-hero .hero-actions a { display: inline-flex; align-items: center; min-height: 50px; padding: 0 24px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; transition: transform .25s ease, background .25s ease; }
.merrill-hero .hero-primary { background: var(--merrill-lime); color: var(--merrill-ink); }
.merrill-hero .hero-secondary { border: 1px solid rgba(255,255,255,.42); color: #fff; }
.merrill-hero .hero-actions a:hover { transform: translateY(-3px); }
.merrill-hero .hero-secondary:hover { background: rgba(255,255,255,.1); }
.merrill-hero .hero-index { position: absolute; right: 34px; bottom: 42px; color: rgba(255,255,255,.5); font-size: 10px; letter-spacing: .18em; text-transform: uppercase; }

.container-index .main_content { background: var(--merrill-ink); }
.container-index .index_about_warp { background: var(--merrill-panel); color: #fff; }
.container-index .index_about_item { background-color: var(--merrill-panel); padding: 72px clamp(28px, 6vw, 110px); }
.container-index .index_about_item .index-title, .container-index .layer-title, .container-index .video-layer .index-title { color: #fff; letter-spacing: -.03em; }
.container-index .index-about-des { color: var(--merrill-muted); font-size: 15px; line-height: 1.8; }
.container-index .gd-btn { background: var(--merrill-lime); color: var(--merrill-ink); border-radius: 999px; padding: 14px 24px; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.container-index .promote-banners { padding: 90px 0 26px; background: var(--merrill-ink); }
.container-index .layer-title-bar { border-bottom: 1px solid var(--merrill-line); }
.container-index .layer-title-more { color: var(--merrill-lime); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.container-index .index_gallery_warp { background: var(--merrill-ink); padding-bottom: 90px; }
.container-index .gallery_item, .container-index .gallery_images > a { overflow: hidden; }
.container-index .gallery_item img, .container-index .gallery_images > a img { transition: transform .6s cubic-bezier(.2,.7,.2,1); filter: saturate(.82); }
.container-index .gallery_item:hover img, .container-index .gallery_images > a:hover img { transform: scale(1.04); }
.container-index .gallery_text { background: linear-gradient(0deg, rgba(3,8,7,.9), transparent); }
.container-index .gallery_text p { color: #fff; font-weight: 700; letter-spacing: .02em; }
.container-index .video-layer { min-height: 520px; background-color: #0a1511; background-blend-mode: multiply; }
.container-index .partner-layer { background: #f0f4ef; padding: 78px 0; }
.container-index .partner-layer-title { color: #13211b; letter-spacing: -.04em; }
.container-index .foot-wrapper { background-color: #06100d; background-blend-mode: multiply; }
.container-index .foot-tit { color: var(--merrill-lime); letter-spacing: .1em; text-transform: uppercase; font-size: 12px; }
.container-index .foot-wrapper, .container-index .foot-wrapper a { color: rgba(255,255,255,.7); }
.container-index .foot-item-intro .foot-logo { display: block; width: fit-content; padding-bottom: 10px; border-bottom-color: rgba(255,255,255,.28); }
.container-index .foot-item-intro .foot-logo img { display: block; width: 190px; max-width: 100%; height: auto; max-height: none; opacity: 1; }
.foot-item-intro .foot-logo img { filter: brightness(0) invert(1); }
.container-index .foot-item-intro .foot-logo a { display: block; }
.container-index .foot-item-map .foot-cont { max-width: 240px; }
.container-index .footer-map-preview { display: block; overflow: hidden; width: 100%; height: 132px; background: #dfe8e6; border: 1px solid rgba(255,255,255,.18); }
.container-index .footer-map-iframe { display: block; width: 100%; height: 100%; border: 0; pointer-events: none; }
.container-index .footer-map-link { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; color: rgba(255,255,255,.72) !important; font-size: 12px; line-height: 1.4; text-decoration: none !important; }
.container-index .footer-map-link span { color: var(--merrill-lime); font-size: 18px; line-height: 1; }
.container-index .footer-map-link:hover { color: #fff !important; }
.side_content .side_list .cont li a.zalo {
	padding-left: 43px;
	color: #333;
}
.side_content .side_list .cont li a.zalo:before {
	content: "Z";
	background: #0068ff;
	border-radius: 50%;
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	line-height: 25px;
	text-align: center;
}

/* Keep the legacy inquiry trigger visible and local-friendly when its remote sprite is unavailable. */
.container-index .show_btn { background: var(--merrill-lime) url('../../uploads/merrill-favicon.png') center / 24px 24px no-repeat !important; border-radius: 999px 0 0 999px; width: 44px; height: 44px; right: 0; bottom: 24px; top: auto; position: fixed; z-index: 30; box-shadow: 0 10px 26px rgba(0,0,0,.25); }
.container-index .show_btn::after { content: none; }

/* Contact toolbar: preserve the existing Email panel and extend it with local, accessible links. */
.scrollsidebar {
	position: fixed !important;
	top: 50% !important;
	right: max(24px, env(safe-area-inset-right)) !important;
	transform: translateY(-50%) !important;
	z-index: 10008;
}
.scrollsidebar .side_content .side_list .cont li.merrill-contact-tool-row {
	height: 44px;
	line-height: normal;
	border-bottom: 1px solid #dadada;
}
.scrollsidebar .side_content .side_list .cont li.merrill-contact-tool-row:last-child { border-bottom: 0; }
.scrollsidebar .side_content .side_list .cont li a.merrill-contact-tool {
	box-sizing: border-box;
	min-width: 140px;
	min-height: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 0 8px 0 10px;
	color: #333;
	font-size: 12px;
	line-height: 1;
	transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.scrollsidebar .side_content .side_list .cont li a.merrill-contact-tool::before { content: none; }
.merrill-contact-tool-icon { width: 25px; height: 25px; flex: 0 0 25px; display: inline-flex; align-items: center; justify-content: center; }
.merrill-contact-tool-icon svg { width: 25px; height: 25px; display: block; }
.merrill-contact-tool-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scrollsidebar .side_content .side_list .cont li a.merrill-contact-tool:hover,
.scrollsidebar .side_content .side_list .cont li a.merrill-contact-tool:focus-visible {
	color: #111;
	background: rgba(221, 28, 62, .1);
	transform: translateX(-2px);
	outline: none;
}
@media only screen and (max-width: 480px) {
	.scrollsidebar { right: max(12px, env(safe-area-inset-right)); }
	.side_content .side_list { width: 140px; }
}
@media (prefers-reduced-motion: reduce) {
	.scrollsidebar .side_content .side_list .cont li a.merrill-contact-tool { transition: none; }
	.scrollsidebar .side_content .side_list .cont li a.merrill-contact-tool:hover,
	.scrollsidebar .side_content .side_list .cont li a.merrill-contact-tool:focus-visible { transform: none; }
}

/* Mobile-only refinement: keep desktop composition untouched while making the first screen calmer. */
@media only screen and (max-width: 640px) {
	.web_head.index_web_head .head_layer { padding: 12px 0 16px !important; }
	.web_head.index_web_head .head_layer .layout {
		min-height: 94px;
		padding: 0 16px !important;
		align-items: flex-start;
	}
	.web_head.index_web_head .head_left,
	.container-index .web_head.index_web_head .head_left {
		flex: 0 0 132px;
		transform: none;
		margin-top: 8px;
	}
	.web_head.index_web_head .logo img { width: 132px; }
	.web_head.index_web_head .merrill-language-switcher { top: 10px; right: 16px; }
	.merrill-language-trigger { min-height: 40px; padding: 0 12px; font-size: 10px; }
	.web_head.index_web_head .head-center { top: 58px; right: 16px; }
	.web_head.index_web_head .head-center .sys_btn { padding: 11px 15px; font-size: 10px; letter-spacing: .08em; }
	.merrill-hero { min-height: 760px; background-position: 64% center; }
	.merrill-hero::before { background: linear-gradient(90deg, rgba(3,8,7,.94), rgba(3,8,7,.74) 72%, rgba(3,8,7,.3)); }
	.merrill-hero .hero_content { padding: 176px 24px 82px; }
	.merrill-hero .hero-kicker { padding: 9px 13px; font-size: 9px; letter-spacing: .1em; }
	.merrill-hero h1 { max-width: 100%; margin: 20px 0 18px; font-size: clamp(42px, 12.5vw, 62px); line-height: .98; letter-spacing: -.06em; }
	.merrill-hero .hero-lede { max-width: 330px; margin-bottom: 28px; font-size: 14px; line-height: 1.65; }
	.merrill-hero .hero-actions { align-items: flex-start; gap: 10px; }
	.merrill-hero .hero-actions a { min-height: 48px; padding: 0 20px; font-size: 10px; }
	.merrill-hero .hero-index { right: 18px; bottom: 20px; font-size: 8px; letter-spacing: .12em; }
	.container-index .index_about_item { padding: 52px 24px; }
	.container-index .promote-banners { padding-top: 58px; }

	/* The old export hid the desktop nav without providing a touch menu. */
	.web_head.index_web_head .merrill-mobile-menu-toggle {
		display: flex;
		position: absolute;
		top: 58px;
		right: 16px;
		z-index: 10007;
		width: 86px;
		height: 44px;
		padding: 0;
		border: 1px solid rgba(255,255,255,.42);
		border-radius: 999px;
		background: rgba(7,16,14,.62);
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 4px;
		cursor: pointer;
	}
	.web_head.index_web_head .merrill-mobile-menu-toggle::after {
		content: "MENU";
		margin-left: 6px;
		color: #fff;
		font-size: 10px;
		font-weight: 800;
		letter-spacing: .12em;
	}
	.web_head.index_web_head .merrill-mobile-menu-toggle span {
		display: block;
		width: 17px;
		height: 2px;
		border-radius: 2px;
		background: #fff;
		transition: transform .2s ease, opacity .2s ease;
	}
	.web_head.index_web_head .head-center { right: 114px; }
	.web_head.index_web_head .nav_wrap {
		display: none;
	}
	.web_head.index_web_head .merrill-mobile-menu-panel {
		display: none;
		position: fixed !important;
		top: 110px !important;
		left: 16px !important;
		right: 16px !important;
		width: auto !important;
		height: auto !important;
		max-height: calc(100svh - 132px) !important;
		overflow-y: auto !important;
		z-index: 10006 !important;
		box-sizing: border-box;
		padding: 12px !important;
		border: 1px solid rgba(221,28,62,.55);
		border-radius: 18px;
		background: rgba(7,16,14,.98) !important;
		box-shadow: 0 22px 60px rgba(0,0,0,.48);
	}
	.web_head.index_web_head.merrill-mobile-menu-open .merrill-mobile-menu-panel { display: block !important; }
	.web_head.index_web_head .merrill-mobile-menu-panel .head_nav {
		display: flex;
		height: auto !important;
		width: 100% !important;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 2px !important;
	}
	.web_head.index_web_head .merrill-mobile-menu-panel .head_nav > li { display: block !important; white-space: normal; width: 100% !important; }
	.web_head.index_web_head .merrill-mobile-menu-panel .head_nav > li > a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 46px;
		padding: 0 12px !important;
		border-bottom: 1px solid rgba(255,255,255,.12);
		font-size: 12px;
		letter-spacing: .1em;
		color: #fff !important;
	}
	.web_head.index_web_head .merrill-mobile-menu-panel .head_nav > li > ul,
	.web_head.index_web_head .merrill-mobile-menu-panel .head_nav > li:not(.fenlei) > ul {
		display: block !important;
		position: static;
		width: auto !important;
		padding: 4px 0 8px !important;
		border: 0;
		background: transparent !important;
		box-shadow: none;
		transform: none !important;
		opacity: 1;
		visibility: visible;
	}
	.web_head.index_web_head .merrill-mobile-menu-panel .head_nav > li > ul a {
		min-height: 36px;
		padding: 7px 12px 7px 24px !important;
		font-size: 11px !important;
		color: rgba(255,255,255,.72) !important;
	}
	.web_head.index_web_head .merrill-mobile-menu-panel .head_nav > li > ul a:hover,
	.web_head.index_web_head .merrill-mobile-menu-panel .head_nav > li > ul a:focus-visible { background: rgba(221,28,62,.14) !important; color: #fff !important; }
	.web_head.index_web_head.merrill-mobile-menu-open .merrill-mobile-menu-backdrop {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 10005;
		background: rgba(0,0,0,.36);
	}
	.web_head.index_web_head.merrill-mobile-menu-open .merrill-mobile-menu-toggle span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
	.web_head.index_web_head.merrill-mobile-menu-open .merrill-mobile-menu-toggle span:nth-child(2) { opacity: 0; }
	.web_head.index_web_head.merrill-mobile-menu-open .merrill-mobile-menu-toggle span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
	body.merrill-mobile-menu-lock { overflow: hidden; }
}

/* The legacy global sheet hides the old toolbar on smaller screens. Keep this one toolbar visible. */
@media only screen and (max-width: 1280px) {
	#scrollsidebar {
		display: block !important;
		right: max(12px, env(safe-area-inset-right)) !important;
	}
	#scrollsidebar .side_content {
		display: block !important;
		width: 140px !important;
		float: none;
		overflow: visible;
	}
	#scrollsidebar .show_btn { display: none !important; }
}

/* Compact mobile presentation: one existing panel, all tools still available by touch and keyboard. */
@media only screen and (max-width: 640px) {
	#scrollsidebar { right: max(10px, env(safe-area-inset-right)) !important; }
	#scrollsidebar .side_content { width: 58px !important; }
	#scrollsidebar .side_content .side_list {
		width: 58px;
		border-radius: 16px;
		background: rgba(255,255,255,.96);
		box-shadow: 0 12px 30px rgba(0,0,0,.22);
	}
	#scrollsidebar .side_content .side_list .hd,
	#scrollsidebar .side_content .side_list .side_title { display: none; }
	#scrollsidebar .side_content .side_list .cont li,
	#scrollsidebar .side_content .side_list .cont li.merrill-contact-tool-row { height: 48px; }
	#scrollsidebar .side_content .side_list .cont li a,
	#scrollsidebar .side_content .side_list .cont li a.merrill-contact-tool {
		box-sizing: border-box;
		width: 58px;
		min-width: 58px;
		height: 48px;
		min-height: 48px;
		padding: 0;
		justify-content: center;
		font-size: 0;
	}
	#scrollsidebar .side_content .side_list .cont li a:before {
		left: 50%;
		transform: translateX(-50%);
	}
	#scrollsidebar .side_content .side_list .cont li a.merrill-contact-tool::before { content: none; }
	#scrollsidebar .merrill-contact-tool-icon { width: 26px; height: 26px; flex-basis: 26px; }
	#scrollsidebar .merrill-contact-tool-icon svg { width: 26px; height: 26px; }
	#scrollsidebar .merrill-contact-tool-label { display: none; }
}

/* Homepage header: give the brand mark a clear visual lane before Products. */
.container-index .web_head.index_web_head .head_left {
	transform: translateX(-24px);
}
.container-index .web_head.index_web_head .nav_wrap {
	left: 306px;
}

/* Inner pages use a solid, separated header so the logo never collides with the shortcut nav. */
.container:not(.container-index) .web_head.index_web_head {
	position: relative !important;
	background: #07100e !important;
	box-shadow: 0 10px 28px rgba(0,0,0,.16) !important;
}
.container:not(.container-index) .web_head.index_web_head .head_layer {
	background: #07100e !important;
	padding: 0 !important;
	border-bottom: 1px solid var(--merrill-line) !important;
}
.container:not(.container-index) .web_head.index_web_head .head_layer .layout {
	min-height: 86px;
	padding: 0 34px !important;
	position: relative;
	display: flex;
	flex-wrap: nowrap !important;
	align-items: center;
	gap: 0;
}
.container:not(.container-index) .web_head.index_web_head .head_left {
	flex: 0 0 174px;
	margin-right: 36px;
	position: relative;
	z-index: 2;
}
.container:not(.container-index) .web_head.index_web_head .logo img {
	width: 144px;
	display: block;
}
.container:not(.container-index) .web_head.index_web_head .nav_wrap {
	position: static;
	flex: 1 1 auto;
	min-width: 0;
	height: 86px;
	overflow: hidden;
}
.container:not(.container-index) .web_head.index_web_head .nav_wrap .head_nav {
	height: 86px;
	justify-content: flex-start;
	gap: clamp(10px, 1.2vw, 18px);
}
.container:not(.container-index) .web_head.index_web_head .head_nav > li > a {
	font-size: 11px;
	letter-spacing: .08em;
}
.container:not(.container-index) .web_head.index_web_head .head-center {
	position: static;
	flex: 0 0 auto;
	margin-left: 24px;
	width: auto !important;
}
.container:not(.container-index) .web_head.index_web_head .head_nav > li > ul {
	top: 76px !important;
}

@media (max-width: 1100px) {
	.web_head.index_web_head .merrill-language-switcher { right: 20px; }
	.container:not(.container-index) .web_head.index_web_head .head_layer .layout { padding: 0 22px !important; }
	.container:not(.container-index) .web_head.index_web_head .head_left { flex-basis: 156px; margin-right: 22px; }
	.container:not(.container-index) .web_head.index_web_head .head_nav { gap: 14px; }
	.container:not(.container-index) .web_head.index_web_head .head_nav > li > a { font-size: 10px; letter-spacing: .08em; }
	.container:not(.container-index) .web_head.index_web_head .head-center { margin-left: 14px; }
	.container:not(.container-index) .web_head.index_web_head .head-center .sys_btn { padding: 11px 13px; }
}

@media (max-width: 760px) {
	.web_head.index_web_head .merrill-language-switcher { right: 20px; top: 10px; }
	.container:not(.container-index) .web_head.index_web_head .nav_wrap { display: none; }
	.container:not(.container-index) .web_head.index_web_head .head-center { margin-left: auto; }
}

@media (max-width: 900px) {
	.web_head.index_web_head .layout { padding: 0 20px; }
	.web_head.index_web_head .head_layer .layout { padding-right: 150px; }
	.web_head.index_web_head .head-center { right: 20px; top: 54px; }
	.web_head.index_web_head .nav_wrap { left: 220px; right: 170px; }
	.container-index .web_head.index_web_head .head_left { transform: translateX(-12px); }
	.container-index .web_head.index_web_head .nav_wrap { left: 252px; }
	.web_head.index_web_head .head_nav { gap: 15px; }
	.web_head.index_web_head .head_nav > li > a { font-size: 10px; letter-spacing: .08em; }
	.web_head.index_web_head .head-center .sys_btn { padding: 11px 14px; }
	.merrill-hero .hero_content { padding: 140px 24px 70px; }
}
@media (max-width: 640px) {
	.web_head.index_web_head .nav_wrap { display: none; }
	.web_head.index_web_head .head-center { margin-left: auto; }
	.merrill-hero { min-height: 760px; background-position: 63% center; }
	.merrill-hero::before { background: linear-gradient(90deg, rgba(3,8,7,.95), rgba(3,8,7,.65) 68%, rgba(3,8,7,.2)); }
	.merrill-hero .hero_content { padding: 170px 24px 48px; }
	.merrill-hero h1 { font-size: clamp(46px, 14vw, 70px); }
	.merrill-hero .hero-lede { font-size: 14px; }
	.merrill-hero .hero-index { right: 24px; bottom: 24px; }
}
.inquiry-form-wrap.ct-inquiry-form{    margin-top: 20px;}
.inquiry-form-wrap.ct-inquiry-form .layout{height: 420px !important;}
@media only screen and (max-width: 950px) {
.change-language-cont {
	 top: 0 !important;
		width: 100% !important;

height: 100vh !important;

max-height: unset !important;

overflow-y: visible !important;
	}
}
.product_list_items ,.product-list ul.product_list_items ,  .items_list ul.product_list_items{    width: 100%;
    margin: 0;}
 
.product_list_items .product_list_item { }

.product_list_item figure {
	    padding: 10px 0;
	background: #fff;
border-bottom: 1px #eee dashed;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.product_list_item figure .item_img {
	display: inline-block;
	max-width: 20%;
}
.product_list_item figure .item_img img{ box-shadow: 1px 1px 4px rgba(0,0,0,.2); width: 100%;}
.product_list_item figure figcaption {
	width: calc(80% - 20px);
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.product_list_item figure figcaption .item_title {
}

.product_list_item figure figcaption .item_title a {
	text-transform: capitalize;
	font-size: 18px;
	letter-spacing: .38px;
}

.product_list_item .product_btns {
	text-align: right;
	position: relative;
}

.product_list_item figure figcaption .item_info {
	font-size: 13px;
	margin: 13px 0;
	max-height: 80px;
	overflow: hidden;
	line-height: 20px;    letter-spacing: 0;
}

.product_list_item .product_btns .priduct_btn_inquiry ,.product_list_item .product_btns .priduct_btn_detail {
line-height: 30px;
    display: inline-block;
    padding: 0 25px;
    position: relative;
    background: #666;
    text-transform: uppercase;
    color: #fff;
    transition: all ease-in-out .35s;
    -webkit-transition: all ease-in-out .35s;
    letter-spacing: .38px;
    font-weight: bold;
    font-size: 13px;
    z-index: 0;
}

.product_list_item .product_btns .priduct_btn_inquiry {
     margin-right: 13px;
}

.product_list_item .product_btns .priduct_btn_detail {
 
}
.product_list_item .product_btns .priduct_btn_inquiry:after ,.product_list_item .product_btns .priduct_btn_detail:after{    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width:0;
    height: 100%;
    background: #dd1c3e; 

      z-index: -1; transition: all ease-in-out .35s;
    -webkit-transition: all ease-in-out .35s;}
 

.product_list_item .product_btns .priduct_btn_inquiry:hover:after ,.product_list_item .product_btns .priduct_btn_detail:hover:after{   width: 100%;}

 

@media only screen and (max-width: 1280px) {
	.product_list_item figure figcaption .item_info {
		max-height: 60px;
	}
}

@media only screen and (max-width: 1200px) {
	.product_list_item figure figcaption .item_title a {
		font-size: 16px;
		letter-spacing: unset;
	}
}

@media only screen and (max-width: 768px) {
	.product_list_item figure .item_img {
		max-width: 25%;
	}

	.product_list_item figure figcaption {
		width: 73%;
	}
}

@media only screen and (max-width: 640px) {
	.product_list_item figure figcaption .item_title a {
		font-size: 14px;
	}

	.product_list_item figure figcaption .item_info {
		margin: 7px 0;
		font-size: 12px;
		line-height: 18px;
		max-height: 36px;
	}

	.product_list_item .product_btns .priduct_btn_inquiry, .product_list_item .product_btns .priduct_btn_detail {
		line-height: 24px;
	}
}

@media only screen and (max-width: 480px) {
	.product_list_item figure .item_img {
		max-width: 100%;
		width: 100%;
		text-align: center;
	}

	.product_list_item figure figcaption {
		width: 100%;
		padding: 7px 0;
	}

	.product_list_item figure figcaption .item_title a {
		font-size: 12px;
	}

	.product_list_item figure figcaption .item_info {
		margin: 3px 0;
	}

	.product_list_item .product_btns {
		text-align: left;
		margin-top: 7px;
	}
}

/* Final mobile cascade: keep the mobile art direction last without changing desktop rules. */
@media only screen and (max-width: 640px) {
	.web_head.index_web_head .head_layer { padding: 12px 0 16px !important; }
	.web_head.index_web_head .head_layer .layout { min-height: 94px; padding: 0 16px !important; align-items: flex-start; }
	.web_head.index_web_head .head_left,
	.container-index .web_head.index_web_head .head_left { flex: 0 0 132px; transform: none; margin-top: 8px; }
	.web_head.index_web_head .logo img { width: 132px; }
	.web_head.index_web_head .merrill-language-switcher { top: 10px; right: 16px; }
	.merrill-language-trigger { min-height: 40px; padding: 0 12px; font-size: 10px; }
	.web_head.index_web_head .head-center { top: 58px; right: 16px; }
	.web_head.index_web_head .head-center .sys_btn { padding: 11px 15px; font-size: 10px; letter-spacing: .08em; }
	.merrill-hero { min-height: 760px; background-position: 64% center; }
	.merrill-hero::before { background: linear-gradient(90deg, rgba(3,8,7,.94), rgba(3,8,7,.74) 72%, rgba(3,8,7,.3)); }
	.merrill-hero .hero_content { padding: 176px 24px 82px; }
	.merrill-hero .hero-kicker { padding: 9px 13px; font-size: 9px; letter-spacing: .1em; }
	.merrill-hero h1 { max-width: 100%; margin: 20px 0 18px; font-size: clamp(42px, 12.5vw, 62px); line-height: .98; letter-spacing: -.06em; }
	.merrill-hero .hero-lede { max-width: 330px; margin-bottom: 28px; font-size: 14px; line-height: 1.65; }
	.merrill-hero .hero-actions { align-items: flex-start; gap: 10px; }
	.merrill-hero .hero-actions a { min-height: 48px; padding: 0 20px; font-size: 10px; }
	.merrill-hero .hero-index { right: 18px; bottom: 20px; font-size: 8px; letter-spacing: .12em; }
}

/* Final mobile navigation cascade: this must come after the legacy mobile hide rule. */
@media only screen and (max-width: 640px) {
	.web_head.index_web_head .head-center { right: 114px; }
	.web_head.index_web_head .merrill-mobile-menu-toggle { display: flex; }
	.web_head.index_web_head .nav_wrap { display: none; }
	.web_head.index_web_head .merrill-mobile-menu-panel { display: none; }
	.web_head.index_web_head.merrill-mobile-menu-open .merrill-mobile-menu-panel { display: block !important; }
	.web_head.index_web_head.merrill-mobile-menu-open .merrill-mobile-menu-backdrop { display: block; }
}

/* Desktop-only header spacing: reserve a clear lane for the language switcher. */
@media only screen and (min-width: 1281px) {
	.web_head.index_web_head .nav_wrap {
		right: 300px;
	}
	.web_head.index_web_head .head_nav {
		gap: clamp(10px, 1.7vw, 26px);
	}
	.web_head.index_web_head .merrill-language-switcher {
		top: 10px;
		right: 28px;
	}
	.web_head.index_web_head .head-center {
		right: 28px;
	}
}

@media only screen and (min-width: 1800px) {
	.web_head.index_web_head .nav_wrap {
		right: 330px;
	}
}