@charset "utf-8";
/*
Theme Name: 外贸企业
Theme URI: https://wpmbg.com/
Description: WP模板阁开发主题，更多主题请访问：<a href="https://wpmbg.com/">WP模板阁</a>，获得技术支持QQ：1730401718
Author: WP模板阁
Author URI: https://wpmbg.com/
Version: 1.5
Tags: Wordpress,Wordpress主题,网站主题,WP模板阁
Time: 
*/

/* 首字母大写 
body{text-transform:capitalize;}*/

/* 全大写 
.topnav{text-transform:uppercase;}*/

/* 浮动与清除 */
.fleft {float: left;}
.fright {float: right;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;font-size: 0;visibility: hidden;}
.clearfix {*zoom:1;}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.ovh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.logoimg{max-width:100%;max-height:100%;}
#wpmobans{display:none;}
.zicategory{padding:5px 5px 5px 10px}
.zicategory li{padding:5px 0}

/*二唯码弹窗*/
#share_wechat2{display: none;position: fixed;left: 0%;top: 0%;z-index: 99;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.showwx2 {position: fixed;border-radius: 3px;left: 50%;top: 50%;z-index: 100;width: 260px;margin-left: -140px;margin-top: -200px;background: #fff;padding: 20px 25px 15px 25px;text-align: center;}
.wxclose2 {width: 100%;font-size: 14px;color: #333;cursor: pointer;margin-bottom: 10px;float: right;text-align: right;}
.showwx2 img {width: 220px;}
.swz22 {text-align: center;font-size: 16px;}

#ftmeau{width:40%; padding: 0 15px 25px;display: inline-block;vertical-align: top;}
#ftmeau>li{width:50%;float:left;}

#ftmeau>li>a{display:block;font-size: 16px;text-align: left;color: #f9f9f9;    margin-bottom: 26px;font-weight: 700;
    line-height: 1.25;text-transform:uppercase}
#ftmeau>li>ul>li{margin-bottom: 10px;}

.bgg{background:#fff;}

/*底部小图标
.ftico{width:30px;height:30px;display:block;margin:0px auto;}
.ico-home{background:url(basic/images/ftico/home.png) no-repeat;background-size:100% 100%;}
.ico-lianxi{background:url(basic/images/ftico/lianxi.png) no-repeat;background-size:100% 100%;}
.ico-wx{background:url(basic/images/ftico/wx.png) no-repeat;background-size:100% 100%;}
.ico-qq{background:url(basic/images/ftico/qq.png) no-repeat;background-size:100% 100%;}
.ico-liuyan{background:url(basic/images/ftico/liuyan.png) no-repeat;background-size:100% 100%;}
.ico-tel{background:url(basic/images/ftico/tel.png) no-repeat;background-size:100% 100%;}
.ico-top{background:url(basic/images/ftico/top.png) no-repeat;background-size:100% 100%;}

<i class="ftico ico-home">
</i>
<i class="ftico ico-lianxi">
</i>
<i class="ftico ico-wx">
</i>
<i class="ftico ico-qq">
</i>
<i class="ftico ico-liuyan">
</i>
<i class="ftico ico-tel">
</i>
<i class="ftico ico-top">
</i>
*/


/*中英文切换按钮
.languagediv,.languagediv ul li{display:inline-block;margin-left:10px}
.languagediv ul li a{padding-left:20px;background-position: 0px;background-position:0 50%;}
*/

/*解决图片高度不一样错位问题 2n+3:一行2个+（2+1）
.product_list88 li:nth-child(2n+3){clear:left}
*/



/*次导航
方法一：
<?php wp_nav_menu( array( 'theme_location' =>'topmenu','container' => '','menu_class' => 'topnav','menu_id' => 'topmeau','depth' => 2, ) ); ?>
<?php if (check_wap()): ?>
<script>
$('.topnav>li.menu-item-has-children').append('<span class="xlsjx">
</span>'); 
$(".topnav li .xlsjx").click(function () {
$(this).siblings("ul").slideToggle();
});
</script>
<?php endif ;?>


<style>
.topnav li{position:relative;}
.topnav .sub-menu>li,.topnav .sub-menu>li a{display:block;width:100%;text-align:center;box-sizing:border-box;margin:0;padding:0;}
.topnav .sub-menu li{line-height:36px;position:relative;}

@media screen and (min-width: 768px) {
.topnav li .sub-menu{position:absolute;left:-10%;right:0;top:100%;z-index:99999999999;background:#fff;width: 120%;box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);}
.topnav li .sub-menu{filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.topnav li:hover>.sub-menu,.topnav .sub-menu:hover{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.topnav .sub-menu .sub-menu{position:absolute;top:0;left:100%;}
}
@media screen and (max-width: 768px) {
	.xlsjx{display:block;width:30px;height:30px;background:url(basic/images/down.png) no-repeat 50% 50%;position:absolute;z-index:9;right:5px;top:10px;background-size:70% 70%;}
	.topnav li .sub-menu{display:none;opacity: 1;position:relative;left:0;right:0;top:0;z-index:1;padding-left:10px;box-sizing:border-box;}
}
</style>

方法二：
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/admin/js/jquery.SuperSlide.2.1.3.js">
</script>

<?php wp_nav_menu( array( 'theme_location' =>'topmenu','container' => '','menu_class' => 'topnav','menu_id' => 'topmeau','depth' => 2, ) ); ?>

<script id="jsID" type="text/javascript">
			
			jQuery("#topmeau").slide({ 
				type:"menu",// 效果类型，针对菜单而引入的参数（默认slide）
				titCell:"li.menu-item-has-children", //鼠标触发对象
				targetCell:".sub-menu", //titCell里面包含的要显示/消失的对象
				effect:"slideDown", //targetCell下拉效果
				delayTime:300 , //效果时间
				triggerTime:0, //鼠标延迟触发时间（默认150）
				returnDefault:true //鼠标移走后返回默认状态，例如默认频道是“预告片”，鼠标移走后会返回“预告片”（默认false）
			});
		</script>
		
.topnav>li{float:left;font-size: 15px;color: #282828;margin-left: 28px;position:relative;}
.topnav>li:hover,.topnav>li.current-menu-item{border-bottom:1px solid #d82019;}
.topnav li.menu-item-has-children .sub-menu{ display:none; left:0; top:80px;  position:absolute; left:-20px;background:#fff;  line-height:26px; width: calc(100% + 40px);z-index:999; }
.topnav li.menu-item-has-children .sub-menu li{ zoom:1;  }
.topnav li.menu-item-has-children .sub-menu li a{ display:block; padding:10px; color:#666;border-bottom:1px solid #eee;text-align:center;}
.topnav li.menu-item-has-children .sub-menu li:hover a{ background:#0b50a2;color:#fff; }


*/



/*文章页*/
.kmain,.kmain p{line-height:2.3em;}
.kmain .aligncenter{margin:10px auto;}
.kmain img {display:block;	max-width:100%;	height:auto;margin:10px auto;}
.kmain video{display:block;	max-width:100%;	height:auto;}

.kmain code{padding:1px 4px;border-radius:2px;background-color:#eee;font-family:'courier new';color:#777;margin:0 4px}
.kmain table{border:solid 1px #ddd;max-width: 100%;box-sizing:border-box;margin-bottom: 16px;border-collapse:collapse;}
.kmain table th{background-color:#f9f9f9;text-align:center}
.kmain table td,.kmain table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}

.kmain .alignleft{float:left;text-align:left;margin-right:10px}
.kmain .aligncenter{text-align:center}
.kmain .alignright{float:right;text-align:right;margin-left:10px}

.kmain pre{margin:15px auto;font:12px/20px 'courier new';border:1px solid #d6d6d6;border-left-width:4px;background:#fbfbfb;padding:10px 15px}
.kmain blockquote{margin:15px auto;border:1px solid #d6d6d6;border-top-width:3px;padding:15px 20px 10px;background-color:#fdfdfd;}
.kmain blockquote p{margin:0;padding:0;text-indent:24px;margin-bottom:10px;}

@media screen and (max-width: 768px) {
	.kmain {overflow-x:auto !important;}
	.kmain table{width:100% !important;}
	.kmain table img{max-width:100% !important;}
	#ftmeau>li,#ftmeau{width:100%;padding:10px 0}
}

/* 分页*/
.pagination{height:40px;width:100%;text-align:center;margin-top: 20px;text-align:center;}
.pagination .current, .pagination a{display:inline-block;height:30px;line-height:30px;padding:0px 8px;border:1px solid #c0c8ce;border-radius: 3px;margin-right:10px;font-size:14px;text-decoration:none;}
.pagination a:hover,.pagination .current{color:#6e7275;background:#FFF;}
.pagination a{background:#c0c8ce;color:#FFF;}
/* AIYUEWEI social icon: use Youtube backend field as Instagram link */
.ayw-social-icon.ayw-social-instagram {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  margin-left: 6px !important;
  border-radius: 2px !important;
  background: #E4405F !important;
  color: #fff !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  text-decoration: none !important;
}

.ayw-social-icon.ayw-social-instagram svg {
  width: 13px !important;
  height: 13px !important;
  display: block !important;
}

/* ==========================================================================
   Aiyuewei B2B interface system
   Scope: shared header/footer, homepage, About, Contact and Get a Quote only.
   Product and blog templates are intentionally not targeted.
   ========================================================================== */

:root {
	--ayw-ink: #172033;
	--ayw-ink-soft: #4d5a70;
	--ayw-primary: #5b57c8;
	--ayw-primary-dark: #4541aa;
	--ayw-accent: #e56782;
	--ayw-whatsapp: #1fbd63;
	--ayw-wechat: #19ad5b;
	--ayw-surface: #ffffff;
	--ayw-surface-alt: #f6f7fb;
	--ayw-border: #e3e6ef;
	--ayw-shadow: 0 18px 48px rgba(23, 32, 51, 0.12);
	--ayw-shadow-soft: 0 10px 30px rgba(23, 32, 51, 0.08);
	--ayw-radius-sm: 8px;
	--ayw-radius: 14px;
	--ayw-radius-lg: 22px;
	--ayw-container: 1280px;
}

.ayw-site-header *,
.ayw-site-footer *,
.ayw-home *,
.ayw-page *,
.ayw-search-panel *,
.ayw-modal *,
.ayw-floating-contact * {
	box-sizing: border-box;
}

body.ayw-overlay-open {
	overflow: hidden;
}

.ayw-container {
	width: min(calc(100% - 40px), var(--ayw-container));
	margin-right: auto;
	margin-left: auto;
}

.ayw-visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.ayw-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 48px;
	padding: 12px 22px;
	border: 1px solid transparent;
	border-radius: var(--ayw-radius-sm);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.ayw-button:hover {
	transform: translateY(-2px);
	text-decoration: none;
}

.ayw-button-primary {
	color: #fff;
	background: var(--ayw-primary);
	box-shadow: 0 10px 24px rgba(91, 87, 200, 0.28);
}

.ayw-button-primary:hover {
	color: #fff;
	background: var(--ayw-primary-dark);
}

.ayw-button-secondary {
	color: var(--ayw-ink);
	background: #fff;
	border-color: var(--ayw-border);
}

.ayw-button-secondary:hover {
	color: var(--ayw-primary-dark);
	border-color: var(--ayw-primary);
}

.ayw-button-whatsapp {
	color: #fff;
	background: var(--ayw-whatsapp);
	box-shadow: 0 10px 24px rgba(31, 189, 99, 0.24);
}

.ayw-button-whatsapp:hover {
	color: #fff;
	background: #169e51;
}

.ayw-button-primary,
.ayw-button-primary:visited,
.ayw-button-primary:hover,
.ayw-button-primary:focus,
.ayw-button-whatsapp,
.ayw-button-whatsapp:visited,
.ayw-button-whatsapp:hover,
.ayw-button-whatsapp:focus {
	color: #fff !important;
}

.ayw-button:focus-visible,
.ayw-site-header a:focus-visible,
.ayw-site-header button:focus-visible,
.ayw-site-footer a:focus-visible,
.ayw-faq-question:focus-visible,
.ayw-inquiry-form input:focus-visible,
.ayw-inquiry-form select:focus-visible,
.ayw-inquiry-form textarea:focus-visible {
	outline: 3px solid rgba(91, 87, 200, 0.3);
	outline-offset: 3px;
}

/* Shared header */

.ayw-site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	width: 100%;
	color: var(--ayw-ink);
	background: rgba(255, 255, 255, 0.98);
	border-bottom: 1px solid rgba(227, 230, 239, 0.9);
	font-family: Arial, Helvetica, sans-serif;
	transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.admin-bar .ayw-site-header {
	top: 32px;
}

.ayw-site-header.is-scrolled {
	background: #fff;
	box-shadow: 0 8px 26px rgba(23, 32, 51, 0.1);
}

.ayw-header-topbar {
	color: #dfe5f2;
	background: var(--ayw-ink);
	font-size: 13px;
}

.ayw-header-topbar .ayw-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 38px;
}

.ayw-header-topbar p {
	margin: 0;
}

.ayw-header-top-links {
	display: flex;
	align-items: center;
	gap: 22px;
}

.ayw-header-top-links a {
	color: #fff;
	text-decoration: none;
}

.ayw-header-top-links a:hover {
	color: #d9d7ff;
}

.ayw-header-main .ayw-container {
	display: grid;
	grid-template-columns: minmax(180px, 260px) 1fr auto;
	align-items: center;
	gap: 28px;
	min-height: 88px;
}

.ayw-site-logo {
	display: inline-flex;
	align-items: center;
	max-width: 250px;
	text-decoration: none;
}

.ayw-site-logo img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 58px;
}

.ayw-desktop-nav ul,
.ayw-mobile-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.ayw-desktop-nav > ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
}

.ayw-desktop-nav li {
	position: relative;
}

.ayw-desktop-nav a {
	display: flex;
	align-items: center;
	min-height: 42px;
	color: var(--ayw-ink);
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	transition: color 0.2s ease;
}

.ayw-desktop-nav > ul > li > a::after {
	position: absolute;
	right: 0;
	bottom: 2px;
	left: 0;
	height: 2px;
	background: var(--ayw-primary);
	content: "";
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.2s ease;
}

.ayw-desktop-nav > ul > li:hover > a,
.ayw-desktop-nav > ul > .current-menu-item > a,
.ayw-desktop-nav > ul > .current-menu-ancestor > a {
	color: var(--ayw-primary-dark);
}

.ayw-desktop-nav > ul > li:hover > a::after,
.ayw-desktop-nav > ul > .current-menu-item > a::after,
.ayw-desktop-nav > ul > .current-menu-ancestor > a::after {
	transform: scaleX(1);
}

.ayw-desktop-nav .sub-menu {
	position: absolute;
	top: calc(100% + 10px);
	left: 50%;
	z-index: 30;
	display: block;
	width: 230px;
	padding: 10px;
	visibility: hidden;
	background: #fff;
	border: 1px solid var(--ayw-border);
	border-radius: 12px;
	box-shadow: var(--ayw-shadow-soft);
	opacity: 0;
	transform: translate(-50%, 8px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}

.ayw-desktop-nav li:hover > .sub-menu,
.ayw-desktop-nav li:focus-within > .sub-menu {
	visibility: visible;
	opacity: 1;
	transform: translate(-50%, 0);
}

.ayw-desktop-nav .sub-menu a {
	min-height: 40px;
	padding: 8px 12px;
	border-radius: 7px;
	font-size: 14px;
	font-weight: 600;
}

.ayw-desktop-nav .sub-menu a:hover {
	color: var(--ayw-primary-dark);
	background: var(--ayw-surface-alt);
}

.ayw-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.ayw-icon-button,
.ayw-menu-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	color: var(--ayw-ink);
	background: #fff;
	border: 1px solid var(--ayw-border);
	border-radius: 10px;
	cursor: pointer;
	transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.ayw-icon-button:hover,
.ayw-menu-toggle:hover {
	color: var(--ayw-primary);
	background: var(--ayw-surface-alt);
	border-color: #c9c4f1;
}

.ayw-menu-toggle {
	display: none;
}

.ayw-menu-toggle-lines,
.ayw-menu-toggle-lines::before,
.ayw-menu-toggle-lines::after {
	display: block;
	width: 19px;
	height: 2px;
	background: currentColor;
	content: "";
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.ayw-menu-toggle-lines {
	position: relative;
}

.ayw-menu-toggle-lines::before {
	position: absolute;
	top: -6px;
	left: 0;
}

.ayw-menu-toggle-lines::after {
	position: absolute;
	top: 6px;
	left: 0;
}

.ayw-menu-toggle.is-active .ayw-menu-toggle-lines {
	background: transparent;
}

.ayw-menu-toggle.is-active .ayw-menu-toggle-lines::before {
	transform: translateY(6px) rotate(45deg);
}

.ayw-menu-toggle.is-active .ayw-menu-toggle-lines::after {
	transform: translateY(-6px) rotate(-45deg);
}

.ayw-mobile-nav {
	display: none;
}

.ayw-search-panel,
.ayw-modal {
	position: fixed;
	inset: 0;
	z-index: 5000;
	display: grid;
	place-items: center;
	padding: 24px;
	background: rgba(16, 22, 36, 0.72);
	backdrop-filter: blur(5px);
}

.ayw-search-panel[hidden],
.ayw-modal[hidden] {
	display: none;
}

.ayw-search-dialog,
.ayw-modal-dialog {
	position: relative;
	width: min(100%, 620px);
	padding: 34px;
	background: #fff;
	border-radius: var(--ayw-radius-lg);
	box-shadow: var(--ayw-shadow);
}

.ayw-search-close,
.ayw-modal-close {
	position: absolute;
	top: 14px;
	right: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	color: var(--ayw-ink);
	background: var(--ayw-surface-alt);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
}

.ayw-search-form {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 10px;
	margin-top: 20px;
}

.ayw-search-form input[type="search"] {
	width: 100%;
	height: 50px;
	padding: 0 15px;
	color: var(--ayw-ink);
	background: #fff;
	border: 1px solid var(--ayw-border);
	border-radius: var(--ayw-radius-sm);
	font-size: 16px;
}

/* Homepage */

.ayw-home {
	color: var(--ayw-ink);
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

.ayw-home img,
.ayw-page img {
	max-width: 100%;
	height: auto;
}

.ayw-home-hero {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 570px;
	overflow: hidden;
	background: #20273a;
}

.ayw-home-hero-media,
.ayw-home-hero-media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.ayw-home-hero-media img {
	object-fit: cover;
	object-position: center;
}

.ayw-home-hero::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(13, 20, 35, 0.86) 0%, rgba(13, 20, 35, 0.64) 42%, rgba(13, 20, 35, 0.18) 75%, rgba(13, 20, 35, 0.08) 100%);
	content: "";
}

.ayw-home-hero-content {
	position: relative;
	z-index: 2;
	width: min(720px, 62%);
	padding: 84px 0;
	color: #fff;
}

.ayw-home-hero-kicker,
.ayw-section-kicker {
	margin: 0 0 14px;
	color: #d8d5ff;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.ayw-home-hero h1 {
	max-width: 680px;
	margin: 0;
	color: #fff;
	font-size: clamp(38px, 4.7vw, 66px);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -0.035em;
}

.ayw-home-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 30px;
}

.ayw-home-hero .ayw-button-secondary {
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.55);
	backdrop-filter: blur(4px);
}

.ayw-home-hero .ayw-button-secondary:visited,
.ayw-home-hero .ayw-button-secondary:focus {
	color: #fff;
}

.ayw-home-hero .ayw-button-secondary:hover {
	background: rgba(255, 255, 255, 0.18);
	border-color: #fff;
}

.ayw-advantage-strip {
	position: relative;
	z-index: 3;
	margin-top: -1px;
	background: #fff;
	border-bottom: 1px solid var(--ayw-border);
	box-shadow: 0 14px 35px rgba(23, 32, 51, 0.07);
}

.ayw-advantage-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.ayw-advantage-item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 13px;
	min-height: 92px;
	padding: 18px 22px;
	font-size: 15px;
	font-weight: 800;
	text-align: center;
}

.ayw-advantage-item + .ayw-advantage-item {
	border-left: 1px solid var(--ayw-border);
}

.ayw-advantage-icon {
	display: inline-flex;
	flex: 0 0 40px;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: var(--ayw-primary);
	background: #efefff;
	border-radius: 12px;
}

.ayw-section {
	padding: 92px 0;
}

.ayw-section-alt {
	background: var(--ayw-surface-alt);
}

.ayw-section-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 38px;
}

.ayw-section-heading-copy {
	max-width: 760px;
}

.ayw-section-heading h2,
.ayw-home-about h2,
.ayw-oem-content h2,
.ayw-factory-content h2,
.ayw-home-cta h2 {
	margin: 0;
	color: var(--ayw-ink);
	font-size: clamp(30px, 3vw, 44px);
	font-weight: 800;
	line-height: 1.16;
	letter-spacing: -0.025em;
}

.ayw-section-heading p,
.ayw-home-about p,
.ayw-oem-content p,
.ayw-factory-content p {
	margin: 14px 0 0;
	color: var(--ayw-ink-soft);
	font-size: 17px;
	line-height: 1.75;
}

.ayw-product-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.ayw-product-card {
	position: relative;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--ayw-border);
	border-radius: var(--ayw-radius);
	box-shadow: 0 7px 22px rgba(23, 32, 51, 0.05);
	transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.ayw-product-card:hover {
	border-color: #cbc7f0;
	box-shadow: var(--ayw-shadow-soft);
	transform: translateY(-5px);
}

.ayw-product-card-media {
	position: relative;
	display: block;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	background: #f1f2f7;
}

.ayw-product-card-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
}

.ayw-product-card:hover .ayw-product-card-media img {
	transform: scale(1.035);
}

.ayw-product-card-body {
	padding: 18px;
}

.ayw-product-card h3 {
	margin: 0;
	color: var(--ayw-ink);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.45;
}

.ayw-product-card h3 a {
	color: inherit;
	text-decoration: none;
}

.ayw-product-card h3 a:hover {
	color: var(--ayw-primary-dark);
}

.ayw-home-about-grid,
.ayw-oem-grid,
.ayw-factory-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
	align-items: center;
	gap: clamp(44px, 7vw, 96px);
}

.ayw-home-about-media,
.ayw-oem-media,
.ayw-factory-media {
	overflow: hidden;
	background: #e9ebf3;
	border-radius: var(--ayw-radius-lg);
	box-shadow: var(--ayw-shadow-soft);
}

.ayw-home-about-media img,
.ayw-oem-media img,
.ayw-factory-media img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.ayw-check-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 13px 22px;
	padding: 0;
	margin: 26px 0 0;
	list-style: none;
}

.ayw-check-list li {
	position: relative;
	padding-left: 27px;
	color: var(--ayw-ink);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
}

.ayw-check-list li::before {
	position: absolute;
	top: 3px;
	left: 0;
	display: grid;
	width: 19px;
	height: 19px;
	color: #fff;
	background: var(--ayw-primary);
	border-radius: 50%;
	content: "✓";
	place-items: center;
	font-size: 12px;
}

.ayw-home-about-actions,
.ayw-oem-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

.ayw-factory-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 28px;
}

.ayw-stat-card {
	padding: 21px;
	background: #fff;
	border: 1px solid var(--ayw-border);
	border-radius: var(--ayw-radius);
}

.ayw-stat-card strong {
	display: block;
	color: var(--ayw-primary-dark);
	font-size: 24px;
	line-height: 1.2;
}

.ayw-stat-card span {
	display: block;
	margin-top: 6px;
	color: var(--ayw-ink-soft);
	font-size: 14px;
	line-height: 1.5;
}

.ayw-faq-list {
	display: grid;
	gap: 12px;
	max-width: 920px;
	margin: 0 auto;
}

.ayw-faq-item {
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--ayw-border);
	border-radius: var(--ayw-radius);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ayw-faq-item.is-open {
	border-color: #cbc7f0;
	box-shadow: var(--ayw-shadow-soft);
}

.ayw-faq-question {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	min-height: 68px;
	padding: 19px 56px 19px 22px;
	color: var(--ayw-ink);
	background: transparent;
	border: 0;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.45;
	text-align: left;
	cursor: pointer;
}

.ayw-faq-question::after {
	position: absolute;
	top: 50%;
	right: 22px;
	color: var(--ayw-primary);
	content: "+";
	font-size: 28px;
	font-weight: 400;
	line-height: 1;
	transform: translateY(-50%);
}

.ayw-faq-question[aria-expanded="true"]::after {
	content: "−";
}

.ayw-faq-answer {
	padding: 0 22px 22px;
	color: var(--ayw-ink-soft);
	font-size: 16px;
	line-height: 1.75;
}

.ayw-faq-answer[hidden] {
	display: none;
}

.ayw-home-blog-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.ayw-home-blog-card {
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--ayw-border);
	border-radius: var(--ayw-radius);
	box-shadow: 0 7px 22px rgba(23, 32, 51, 0.05);
}

.ayw-home-blog-card-media {
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	background: #e9ebf3;
}

.ayw-home-blog-card-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
}

.ayw-home-blog-card:hover .ayw-home-blog-card-media img {
	transform: scale(1.035);
}

.ayw-home-blog-card-body {
	padding: 22px;
}

.ayw-home-blog-card h3 {
	margin: 0;
	color: var(--ayw-ink);
	font-size: 19px;
	line-height: 1.45;
}

.ayw-home-blog-card h3 a {
	color: inherit;
	text-decoration: none;
}

.ayw-home-blog-card h3 a:hover {
	color: var(--ayw-primary-dark);
}

.ayw-home-blog-meta {
	margin-top: 10px;
	color: #768196;
	font-size: 13px;
}

.ayw-home-cta {
	padding: 70px 0;
	color: #fff;
	background: linear-gradient(120deg, #172033 0%, #292b61 56%, #5b57c8 120%);
}

.ayw-home-cta .ayw-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.ayw-home-cta h2 {
	color: #fff;
}

.ayw-home-cta p {
	max-width: 680px;
	margin: 13px 0 0;
	color: #dfe3ef;
	font-size: 17px;
	line-height: 1.7;
}

.ayw-home-cta-actions {
	display: flex;
	flex: 0 0 auto;
	flex-wrap: wrap;
	gap: 12px;
}

/* About, Contact and Get a Quote */

.ayw-page {
	color: var(--ayw-ink);
	background: var(--ayw-surface-alt);
	font-family: Arial, Helvetica, sans-serif;
}

.ayw-page-hero {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 270px;
	overflow: hidden;
	color: #fff;
	background: linear-gradient(120deg, #172033, #39367e);
}

.ayw-page-hero-media {
	position: absolute;
	inset: 0;
	opacity: 0.27;
}

.ayw-page-hero-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ayw-page-hero-content {
	position: relative;
	z-index: 2;
	padding: 58px 0;
}

.ayw-page-hero h1 {
	margin: 0;
	color: #fff;
	font-size: clamp(34px, 4vw, 52px);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.025em;
}

.ayw-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 13px;
	color: #dfe3ef;
	font-size: 14px;
}

.ayw-breadcrumbs a {
	color: #fff;
	text-decoration: none;
}

.ayw-page-main {
	padding: 70px 0 88px;
}

.ayw-page-card {
	padding: clamp(26px, 4vw, 54px);
	background: #fff;
	border: 1px solid var(--ayw-border);
	border-radius: var(--ayw-radius-lg);
	box-shadow: var(--ayw-shadow-soft);
}

.ayw-about-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 38px;
}

.ayw-prose {
	color: var(--ayw-ink-soft);
	font-size: 17px;
	line-height: 1.85;
}

.ayw-prose h2,
.ayw-prose h3 {
	color: var(--ayw-ink);
	font-weight: 800;
	line-height: 1.25;
}

.ayw-prose h2 {
	margin: 44px 0 16px;
	font-size: 32px;
}

.ayw-prose h3 {
	margin: 30px 0 12px;
	font-size: 23px;
}

.ayw-prose p {
	margin: 0 0 19px;
}

.ayw-prose ul,
.ayw-prose ol {
	padding-left: 24px;
	margin: 0 0 22px;
}

.ayw-prose img {
	border-radius: var(--ayw-radius);
}

.ayw-contact-grid,
.ayw-quote-grid {
	display: grid;
	grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
	gap: 28px;
	align-items: start;
}

.ayw-contact-card,
.ayw-form-card {
	padding: clamp(24px, 3vw, 38px);
	background: #fff;
	border: 1px solid var(--ayw-border);
	border-radius: var(--ayw-radius-lg);
	box-shadow: var(--ayw-shadow-soft);
}

.ayw-contact-card {
	position: sticky;
	top: 148px;
	color: #fff;
	background: linear-gradient(150deg, #172033, #2e315f);
	border: 0;
}

.ayw-contact-card h2,
.ayw-form-card h2 {
	margin: 0;
	font-size: clamp(26px, 2.5vw, 34px);
	font-weight: 800;
	line-height: 1.2;
}

.ayw-contact-card h2 {
	color: #fff;
}

.ayw-form-card h2 {
	color: var(--ayw-ink);
}

.ayw-contact-card p,
.ayw-form-intro {
	margin: 13px 0 0;
	color: inherit;
	font-size: 16px;
	line-height: 1.7;
}

.ayw-form-intro {
	color: var(--ayw-ink-soft);
}

.ayw-contact-list {
	display: grid;
	gap: 18px;
	padding: 0;
	margin: 30px 0 0;
	list-style: none;
}

.ayw-contact-list li {
	display: grid;
	grid-template-columns: 38px 1fr;
	gap: 12px;
	align-items: start;
}

.ayw-contact-list-icon {
	display: grid;
	width: 38px;
	height: 38px;
	color: #fff;
	background: rgba(255, 255, 255, 0.12);
	border-radius: 10px;
	place-items: center;
}

.ayw-contact-list strong {
	display: block;
	margin-bottom: 4px;
	color: #fff;
	font-size: 14px;
}

.ayw-contact-list a,
.ayw-contact-list span {
	color: #e5e8f3;
	font-size: 14px;
	line-height: 1.55;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.ayw-inquiry-wrap {
	margin-top: 27px;
}

.ayw-inquiry-form {
	position: relative;
}

.ayw-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.ayw-inquiry-form .ayw-field {
	margin: 0 0 18px;
}

.ayw-form-grid .ayw-field {
	margin-bottom: 0;
}

.ayw-inquiry-form label {
	display: block;
	margin-bottom: 8px;
	color: var(--ayw-ink);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
}

.ayw-inquiry-form label span[aria-hidden="true"] {
	color: #c83756;
}

.ayw-inquiry-form input[type="text"],
.ayw-inquiry-form input[type="email"],
.ayw-inquiry-form input[type="tel"],
.ayw-inquiry-form select,
.ayw-inquiry-form textarea {
	display: block;
	width: 100%;
	color: var(--ayw-ink);
	background: #fff;
	border: 1px solid #cfd4df;
	border-radius: var(--ayw-radius-sm);
	box-shadow: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ayw-inquiry-form input[type="text"],
.ayw-inquiry-form input[type="email"],
.ayw-inquiry-form input[type="tel"],
.ayw-inquiry-form select {
	height: 49px;
	padding: 0 13px;
}

.ayw-inquiry-form textarea {
	min-height: 150px;
	padding: 13px;
	resize: vertical;
}

.ayw-inquiry-form input:focus,
.ayw-inquiry-form select:focus,
.ayw-inquiry-form textarea:focus {
	border-color: var(--ayw-primary);
	box-shadow: 0 0 0 4px rgba(91, 87, 200, 0.11);
	outline: 0;
}

.ayw-inquiry-form .ayw-field-message {
	margin-top: 18px;
}

.ayw-inquiry-form .ayw-submit-row {
	margin: 22px 0 0;
}

.ayw-inquiry-form .wpcf7-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 210px;
	min-height: 50px;
	padding: 13px 24px;
	color: #fff;
	background: var(--ayw-primary);
	border: 0;
	border-radius: var(--ayw-radius-sm);
	box-shadow: 0 10px 24px rgba(91, 87, 200, 0.24);
	font-size: 15px;
	font-weight: 800;
	cursor: pointer;
}

.ayw-inquiry-form .wpcf7-submit:hover {
	background: var(--ayw-primary-dark);
}

.ayw-inquiry-form .wpcf7-submit[disabled] {
	cursor: wait;
	opacity: 0.65;
}

.ayw-honeypot {
	position: absolute !important;
	left: -10000px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.ayw-form-message {
	padding: 14px 16px;
	margin-bottom: 20px;
	border-radius: var(--ayw-radius-sm);
	font-size: 14px;
	line-height: 1.55;
}

.ayw-form-message-success {
	color: #0f6a3a;
	background: #e9f8f0;
	border: 1px solid #b7e8cc;
}

.ayw-form-message-error {
	color: #9d243d;
	background: #fff0f3;
	border: 1px solid #f2c2cc;
}

/* Shared footer and contact rail */

.ayw-site-footer {
	color: #cdd3df;
	background: #121827;
	font-family: Arial, Helvetica, sans-serif;
}

.ayw-footer-main {
	padding: 72px 0 52px;
}

.ayw-footer-grid {
	display: grid;
	grid-template-columns: 1.35fr 0.8fr 0.8fr 1.05fr;
	gap: 46px;
}

.ayw-footer-brand img {
	display: block;
	width: auto;
	max-width: 220px;
	max-height: 58px;
	filter: brightness(0) invert(1);
}

.ayw-footer-brand p {
	max-width: 390px;
	margin: 20px 0 0;
	color: #aeb7c8;
	font-size: 14px;
	line-height: 1.75;
}

.ayw-footer-column h2 {
	margin: 0 0 20px;
	color: #fff;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.3;
}

.ayw-footer-links,
.ayw-footer-contact {
	display: grid;
	gap: 12px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.ayw-footer-links a,
.ayw-footer-contact a,
.ayw-footer-contact span {
	color: #b8c0cf;
	font-size: 14px;
	line-height: 1.55;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.ayw-footer-links a:hover,
.ayw-footer-contact a:hover {
	color: #fff;
}

.ayw-footer-bottom {
	padding: 20px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.ayw-footer-bottom .ayw-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.ayw-footer-bottom p {
	margin: 0;
	color: #8f9aad;
	font-size: 13px;
	line-height: 1.5;
}

.ayw-floating-contact {
	position: fixed;
	right: 18px;
	bottom: 96px;
	z-index: 1900;
	display: grid;
	gap: 9px;
	font-family: Arial, Helvetica, sans-serif;
}

.ayw-floating-button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	padding: 0;
	color: #fff;
	border: 0;
	border-radius: 14px;
	box-shadow: 0 10px 24px rgba(23, 32, 51, 0.2);
	cursor: pointer;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ayw-floating-button:hover {
	color: #fff;
	box-shadow: 0 14px 30px rgba(23, 32, 51, 0.27);
	transform: translateY(-3px);
}

.ayw-floating-whatsapp {
	color: #fff !important;
	background: var(--ayw-whatsapp);
}

.ayw-floating-whatsapp:visited,
.ayw-floating-whatsapp:hover,
.ayw-floating-whatsapp:focus,
.ayw-floating-whatsapp:focus-visible,
.ayw-floating-whatsapp svg {
	color: #fff !important;
}

.ayw-floating-wechat {
	background: var(--ayw-wechat);
}

.ayw-floating-label {
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	padding: 7px 10px;
	visibility: hidden;
	color: #fff;
	background: var(--ayw-ink);
	border-radius: 7px;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
	opacity: 0;
	transform: translate(7px, -50%);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}

.ayw-floating-button:hover .ayw-floating-label,
.ayw-floating-button:focus-visible .ayw-floating-label {
	visibility: visible;
	opacity: 1;
	transform: translate(0, -50%);
}

.ayw-wechat-qr {
	display: block;
	width: min(100%, 280px);
	height: auto;
	margin: 18px auto 0;
	border: 1px solid var(--ayw-border);
	border-radius: 12px;
}

.ayw-wechat-modal-dialog {
	width: min(100%, 480px);
}

.ayw-wechat-modal-content {
	display: grid;
	justify-items: center;
}

.ayw-wechat-guidance {
	max-width: 380px;
}

.ayw-wechat-id-card {
	display: grid;
	width: min(100%, 340px);
	gap: 8px;
	padding: 16px;
	margin: 16px auto 0;
	background: var(--ayw-surface-alt);
	border: 1px solid var(--ayw-border);
	border-radius: 14px;
}

.ayw-wechat-id-label {
	color: var(--ayw-ink-soft);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.ayw-wechat-id {
	color: var(--ayw-ink);
	font-size: 22px;
	font-weight: 800;
	letter-spacing: 0.03em;
	overflow-wrap: anywhere;
}

.ayw-wechat-copy {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 18px;
	margin-top: 4px;
	color: #fff;
	font-size: 15px;
	font-weight: 750;
	background: var(--ayw-primary);
	border: 0;
	border-radius: 10px;
	cursor: pointer;
	transition: transform 0.2s ease, background-color 0.2s ease;
}

.ayw-wechat-copy:hover,
.ayw-wechat-copy:focus-visible {
	background: var(--ayw-primary-dark);
	transform: translateY(-1px);
}

.ayw-wechat-copy-status {
	min-height: 20px;
	color: #137a48;
	font-size: 13px;
	line-height: 1.5;
}

.ayw-modal-dialog {
	text-align: center;
}

.ayw-modal-dialog h2 {
	margin: 0;
	color: var(--ayw-ink);
	font-size: 27px;
	font-weight: 800;
}

.ayw-modal-dialog p {
	margin: 10px 0 0;
	color: var(--ayw-ink-soft);
	font-size: 15px;
	line-height: 1.6;
}

/* Homepage alignment hardening
 * The original theme applies `margin: 0 auto` to every div and list item.
 * Reset only the rebuilt homepage components that need a fixed left edge or
 * equal card width. Product and blog templates remain untouched.
 */
.ayw-home .ayw-advantage-grid {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

.ayw-home .ayw-advantage-item {
	box-sizing: border-box;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	align-self: stretch;
	justify-self: stretch;
}

.ayw-home .ayw-advantage-icon {
	margin: 0;
}

.ayw-home .ayw-section-heading-copy {
	flex: 1 1 auto;
	margin-right: 0;
	margin-left: 0;
	text-align: left;
}

.ayw-home .ayw-section-heading-copy > * {
	text-align: left;
}

.ayw-home section[aria-labelledby="ayw-faq-title"] .ayw-section-heading-copy {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.ayw-home section[aria-labelledby="ayw-faq-title"] .ayw-section-heading-copy > * {
	text-align: center;
}

.ayw-home .ayw-faq-list {
	width: 100%;
	justify-items: stretch;
}

.ayw-home .ayw-faq-item,
.ayw-home .ayw-faq-question {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

.ayw-home .ayw-faq-item {
	justify-self: stretch;
}

.ayw-home .ayw-faq-question {
	min-height: 70px;
	text-align: left;
}

.ayw-home .ayw-check-list > li,
.ayw-home .ayw-stat-card {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	text-align: left;
}

.ayw-site-footer .ayw-footer-links li,
.ayw-site-footer .ayw-footer-contact li {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	text-align: left;
}

/* Tablet */

@media (max-width: 1023px) {
	.admin-bar .ayw-site-header {
		top: 32px;
	}

	.ayw-header-topbar {
		display: none;
	}

	.ayw-header-main .ayw-container {
		grid-template-columns: minmax(150px, 1fr) auto;
		gap: 18px;
		min-height: 74px;
	}

	.ayw-site-logo {
		max-width: 210px;
	}

	.ayw-desktop-nav,
	.ayw-header-quote {
		display: none;
	}

	.ayw-menu-toggle {
		display: inline-flex;
	}

	.ayw-mobile-nav {
		position: fixed;
		top: 74px;
		right: 0;
		bottom: 0;
		z-index: 1100;
		display: block;
		width: min(86vw, 390px);
		padding: 22px;
		visibility: hidden;
		background: #fff;
		box-shadow: -18px 0 42px rgba(23, 32, 51, 0.15);
		opacity: 0;
		overflow-y: auto;
		transform: translateX(100%);
		transition: transform 0.24s ease, opacity 0.24s ease, visibility 0.24s ease;
	}

	.admin-bar .ayw-mobile-nav {
		top: 106px;
	}

	.ayw-mobile-nav.is-open {
		visibility: visible;
		opacity: 1;
		transform: translateX(0);
	}

	.ayw-mobile-nav li + li {
		border-top: 1px solid var(--ayw-border);
	}

	.ayw-mobile-nav a {
		display: block;
		padding: 14px 4px;
		color: var(--ayw-ink);
		font-size: 15px;
		font-weight: 700;
		line-height: 1.4;
		text-decoration: none;
	}

	.ayw-mobile-nav .sub-menu {
		padding: 0 0 8px 16px;
	}

	.ayw-mobile-nav .sub-menu li {
		border: 0;
	}

	.ayw-mobile-nav .sub-menu a {
		padding: 9px 4px;
		color: var(--ayw-ink-soft);
		font-size: 14px;
		font-weight: 600;
	}

	.ayw-home-hero {
		min-height: 500px;
	}

	.ayw-home-hero-content {
		width: min(680px, 76%);
	}

	.ayw-product-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ayw-home-about-grid,
	.ayw-oem-grid,
	.ayw-factory-grid {
		gap: 44px;
	}

	.ayw-home-cta .ayw-container {
		align-items: flex-start;
		flex-direction: column;
	}

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

	.ayw-contact-grid,
	.ayw-quote-grid {
		grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.28fr);
		gap: 22px;
	}
}

/* Mobile */

@media (max-width: 767px) {
	.admin-bar .ayw-site-header {
		top: 46px;
	}

	.admin-bar .ayw-mobile-nav {
		top: 120px;
	}

	.ayw-container {
		width: min(calc(100% - 28px), var(--ayw-container));
	}

	.ayw-header-main .ayw-container {
		min-height: 70px;
	}

	.ayw-site-logo {
		max-width: 180px;
	}

	.ayw-header-actions {
		gap: 7px;
	}

	.ayw-icon-button,
	.ayw-menu-toggle {
		width: 41px;
		height: 41px;
	}

	.ayw-mobile-nav {
		top: 70px;
		width: min(92vw, 370px);
	}

	.ayw-search-dialog,
	.ayw-modal-dialog {
		padding: 30px 20px 24px;
	}

	.ayw-wechat-modal-dialog {
		width: min(100%, 420px);
		padding: 28px 18px 22px;
	}

	.ayw-wechat-qr {
		width: min(72vw, 240px);
	}

	.ayw-wechat-copy {
		width: 100%;
	}

	.ayw-search-form {
		grid-template-columns: 1fr;
	}

	.ayw-home-hero {
		min-height: 460px;
	}

	.ayw-home-hero::after {
		background: linear-gradient(90deg, rgba(13, 20, 35, 0.88), rgba(13, 20, 35, 0.5));
	}

	.ayw-home-hero-content {
		width: 100%;
		padding: 60px 0;
	}

	.ayw-home-hero h1 {
		font-size: clamp(36px, 10vw, 50px);
	}

	.ayw-home-hero-actions,
	.ayw-home-about-actions,
	.ayw-oem-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.ayw-home-hero-actions .ayw-button,
	.ayw-home-about-actions .ayw-button,
	.ayw-oem-actions .ayw-button {
		width: 100%;
	}

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

	.ayw-advantage-item {
		min-height: 78px;
		padding: 14px 10px;
		font-size: 13px;
		justify-content: flex-start;
		text-align: left;
	}

	.ayw-advantage-item + .ayw-advantage-item {
		border-left: 0;
	}

	.ayw-advantage-item:nth-child(even) {
		border-left: 1px solid var(--ayw-border);
	}

	.ayw-advantage-item:nth-child(n+3) {
		border-top: 1px solid var(--ayw-border);
	}

	.ayw-advantage-icon {
		flex-basis: 34px;
		width: 34px;
		height: 34px;
	}

	.ayw-section {
		padding: 64px 0;
	}

	.ayw-section-heading {
		align-items: flex-start;
		flex-direction: column;
		margin-bottom: 28px;
	}

	.ayw-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 13px;
	}

	.ayw-product-card-body {
		padding: 13px;
	}

	.ayw-product-card h3 {
		font-size: 14px;
	}

	.ayw-home-about-grid,
	.ayw-oem-grid,
	.ayw-factory-grid {
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.ayw-oem-grid .ayw-oem-media,
	.ayw-factory-grid .ayw-factory-media {
		order: -1;
	}

	.ayw-check-list {
		grid-template-columns: 1fr;
	}

	.ayw-home-blog-grid {
		grid-template-columns: 1fr;
	}

	.ayw-home-cta {
		padding: 58px 0;
	}

	.ayw-home-cta-actions {
		width: 100%;
		flex-direction: column;
	}

	.ayw-home-cta-actions .ayw-button {
		width: 100%;
	}

	.ayw-page-hero {
		min-height: 220px;
	}

	.ayw-page-hero-content {
		padding: 45px 0;
	}

	.ayw-page-main {
		padding: 45px 0 62px;
	}

	.ayw-contact-grid,
	.ayw-quote-grid {
		grid-template-columns: 1fr;
	}

	.ayw-contact-card {
		position: static;
	}

	.ayw-form-grid {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.ayw-form-grid .ayw-field {
		margin-bottom: 16px;
	}

	.ayw-inquiry-form .ayw-field-message {
		margin-top: 0;
	}

	.ayw-inquiry-form .wpcf7-submit {
		width: 100%;
	}

	.ayw-footer-main {
		padding: 56px 0 38px;
	}

	.ayw-footer-grid {
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.ayw-footer-bottom .ayw-container {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}

	.ayw-floating-contact {
		right: 12px;
		bottom: 74px;
	}

	.ayw-floating-button {
		width: 46px;
		height: 46px;
		border-radius: 13px;
	}

	.ayw-floating-label {
		display: none;
	}
}

@media (max-width: 479px) {
	.ayw-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ayw-home-hero h1 {
		font-size: 36px;
	}

	.ayw-home-hero-kicker {
		font-size: 12px;
	}

	.ayw-factory-stats {
		grid-template-columns: 1fr;
	}

	.ayw-page-card,
	.ayw-contact-card,
	.ayw-form-card {
		padding: 22px 17px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ayw-site-header *,
	.ayw-site-footer *,
	.ayw-home *,
	.ayw-page *,
	.ayw-search-panel *,
	.ayw-modal *,
	.ayw-floating-contact * {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* Phase 8A: isolated shared title area for inner pages.
 * This component has no effect until a page template uses .ayw-inner-hero.
 */
.ayw-inner-hero {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 180px;
	padding: 40px 0;
	overflow: hidden;
	box-sizing: border-box;
	color: #fff;
	background:
		radial-gradient(circle at 82% 42%, rgba(255, 255, 255, 0.09), transparent 31%),
		linear-gradient(120deg, #172033 0%, #302f70 62%, #5147a4 100%);
}

.ayw-inner-hero__content {
	position: relative;
	z-index: 1;
	width: min(1280px, calc(100% - 40px));
	margin: 0 auto;
	text-align: left;
}

.ayw-inner-hero h1 {
	max-width: 1000px;
	margin: 0;
	color: #fff;
	font-size: clamp(34px, 4vw, 48px);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.025em;
	overflow-wrap: anywhere;
}

.ayw-inner-hero__breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	width: auto;
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
	color: #dfe3ef;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
}

.ayw-inner-hero__breadcrumbs > * {
	flex: 0 0 auto;
	margin: 0 !important;
	padding: 0 !important;
}

.ayw-inner-hero__breadcrumbs a {
	color: #fff;
	text-decoration: none;
}

.ayw-inner-hero__breadcrumbs a:hover,
.ayw-inner-hero__breadcrumbs a:focus-visible {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
}

@media (max-width: 900px) {
	.ayw-inner-hero {
		min-height: 160px;
		padding: 34px 0;
	}

	.ayw-inner-hero h1 {
		font-size: clamp(32px, 6vw, 42px);
	}
}

/* Phase 10B-3B: give homepage content blocks enough room on portrait tablets. */
@media (min-width: 768px) and (max-width: 900px) {
	.ayw-home .ayw-home-about-grid,
	.ayw-home .ayw-oem-grid,
	.ayw-home .ayw-factory-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 34px;
	}

	.ayw-home .ayw-oem-grid .ayw-oem-media {
		order: -1;
	}
}

@media (max-width: 640px) {
	.ayw-inner-hero {
		min-height: 140px;
		padding: 28px 0;
	}

	.ayw-inner-hero__content {
		width: calc(100% - 32px);
	}

	.ayw-inner-hero h1 {
		font-size: 30px;
	}

	.ayw-inner-hero__breadcrumbs {
		gap: 7px;
		margin-top: 10px;
		font-size: 13px;
	}
}