/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: Yikangyuan B2B 独立站定制子主题
Author: Your Name
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* --- 在这里下方添加你的全局自定义 CSS --- */


/* =====================================================
   YKY Header 全局参数区
   后期想调高度、Logo、按钮大小，主要改这里
===================================================== */
:root {
	/* 颜色 */
	--yky-dark: #0f172a;
	--yky-red: #BA1824;
	--yky-red-hover: #9f111c;
	--yky-text: #334155;
	--yky-light-text: #cbd5e1;
	--yky-border: #e2e8f0;
	--yky-white: #ffffff;

	/* 页面最大宽度 */
	--yky-container-width: 1400px;

	/* 顶部深色栏高度，数字越大越高 */
	--yky-topbar-padding-y: 5px;

	/* 主导航白色区域高度，数字越大越高 */
	--yky-main-padding-y: 5px;

	/* Logo 大小 */
	--yky-logo-width: 150px;

	/* 菜单设置 */
	--yky-menu-gap: 32px;
	--yky-menu-font-size: 15.5px;
	--yky-menu-padding-y: 10px;

	/* 按钮设置 */
	--yky-button-padding-y: 14px;
	--yky-button-padding-x: 26px;
	--yky-button-font-size: 15px;
}


/* =====================================================
   Header 基础重置
===================================================== */
.yky-header-wrapper,
.yky-header-wrapper * {
	box-sizing: border-box;
}

.yky-header-wrapper {
	width: 100%;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	background: var(--yky-white);
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);

	/* 滑动吸顶 */
	position: sticky !important;
	top: 0;
	z-index: 99999;
}

/* 登录 WordPress 后，避免被顶部后台工具栏挡住 */
body.admin-bar .yky-header-wrapper {
	top: 32px;
}

@media (max-width: 782px) {
	body.admin-bar .yky-header-wrapper {
		top: 46px;
	}
}

.yky-header-wrapper a {
	text-decoration: none;
}

.yky-header-wrapper ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.yky-container {
	width: 100%;
	max-width: var(--yky-container-width);
	margin: 0 auto;
	padding: 0 24px;
}


/* =====================================================
   顶部深色信息栏
===================================================== */
.yky-topbar {
	background-color: var(--yky-dark);
	color: var(--yky-light-text);
	font-size: 13px;
	line-height: 1.35;
	padding-top: var(--yky-topbar-padding-y);
	padding-bottom: var(--yky-topbar-padding-y);
}

.yky-topbar-grid {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 18px;
}

.topbar-left {
	display: flex;
	align-items: center;
	gap: 18px;
	min-width: 0;
}

.topbar-link {
	color: var(--yky-light-text);
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
	transition: color 0.25s ease;
}

.topbar-link:hover {
	color: var(--yky-white);
}

.topbar-center {
	color: var(--yky-white);
	font-weight: 600;
	letter-spacing: 0.3px;
	text-align: center;
	white-space: nowrap;
}

.topbar-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 14px;
}

.topbar-right a {
	color: var(--yky-light-text);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: color 0.25s ease, transform 0.25s ease;
}

.topbar-right a:hover {
	color: var(--yky-white);
	transform: translateY(-1px);
}


/* =====================================================
   主导航白色区域
===================================================== */
.yky-main-header {
	background-color: var(--yky-white) !important;
	border-bottom: 1px solid rgba(226, 232, 240, 0.85);
	padding-top: var(--yky-main-padding-y);
	padding-bottom: var(--yky-main-padding-y);
}

.yky-main-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 26px;
}


/* Logo */
.yky-logo {
	flex: 0 0 auto;
}

.yky-logo a {
	display: inline-flex;
	align-items: center;
}

.yky-logo img {
	width: auto;
	max-width: var(--yky-logo-width);
	height: auto;
	display: block;
}


/* 导航菜单 */
.yky-nav-area {
	flex: 1 1 auto;
	display: flex;
	justify-content: center;
	min-width: 0;
}

.yky-menu-list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--yky-menu-gap);
	flex-wrap: nowrap;
}

.yky-menu-list li {
	position: relative;
}

.yky-menu-list li a {
	color: var(--yky-text) !important;
	font-size: var(--yky-menu-font-size);
	font-weight: 600;
	line-height: 1.25;
	padding-top: var(--yky-menu-padding-y);
	padding-bottom: var(--yky-menu-padding-y);
	display: block;
	transition: color 0.25s ease;
}

.yky-menu-list li a:hover,
.yky-menu-list li.current-menu-item > a,
.yky-menu-list li.current_page_item > a {
	color: var(--yky-red) !important;
}

.yky-menu-list li.menu-item-has-children > a::after {
	content: " ▾";
	font-size: 12px;
	opacity: 0.65;
}


/* 桌面端二级菜单 */
.yky-menu-list .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 200px;
	background: #ffffff;
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
	border: 1px solid var(--yky-border);
	border-radius: 4px;
	padding: 8px 0;
	z-index: 9999;
}

.yky-menu-list li:hover > .sub-menu {
	display: block;
}

.yky-menu-list .sub-menu li a {
	padding: 10px 16px;
	font-size: 14px;
	white-space: nowrap;
	color: var(--yky-text) !important;
}

.yky-menu-list .sub-menu li a:hover {
	color: var(--yky-red) !important;
	background: #f8fafc;
}


/* 右侧操作区 */
.yky-actions {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 16px;
}

.yky-lang-switcher {
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.yky-btn-primary {
	background-color: var(--yky-red) !important;
	color: var(--yky-white) !important;
	border: none !important;
	padding: var(--yky-button-padding-y) var(--yky-button-padding-x);
	font-size: var(--yky-button-font-size);
	font-weight: 700;
	line-height: 1;
	border-radius: 4px;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.yky-btn-primary:hover {
	background-color: var(--yky-red-hover) !important;
	color: var(--yky-white) !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 18px rgba(186, 24, 36, 0.22);
}


/* 手机端汉堡按钮 */
.yky-mobile-toggle {
	display: none;
	background: none;
	border: none;
	color: var(--yky-dark);
	cursor: pointer;
	padding: 6px;
	line-height: 1;
}



/* =====================================================
   大屏电脑：1401px+
===================================================== */
@media (min-width: 1401px) {
	:root {
		--yky-container-width: 1450px;
		--yky-logo-width: 150px;
		--yky-menu-gap: 34px;
		--yky-main-padding-y: 4px; 
	}
}


/* =====================================================
   标准笔记本：1201px - 1400px
===================================================== */
@media (max-width: 1400px) and (min-width: 1201px) {
	:root {
		--yky-container-width: 1180px;
		--yky-logo-width: 145px;
		--yky-menu-gap: 26px;
		--yky-menu-font-size: 15px;
		--yky-menu-padding-y: 9px;
		--yky-main-padding-y: 4px;
		--yky-button-padding-y: 13px;
		--yky-button-padding-x: 24px;
		--yky-button-font-size: 14.5px;
	}

	.yky-main-flex {
		gap: 22px;
	}
}


/* =====================================================
   小笔记本 / 平板横屏：993px - 1200px
===================================================== */
@media (max-width: 1200px) and (min-width: 993px) {
	:root {
		--yky-container-width: 100%;
		--yky-logo-width: 135px;
		--yky-menu-gap: 18px;
		--yky-menu-font-size: 14px;
		--yky-menu-padding-y: 8px;
		--yky-main-padding-y: 4px;
		--yky-button-padding-y: 12px;
		--yky-button-padding-x: 20px;
		--yky-button-font-size: 14px;
	}

	.yky-container {
		padding: 0 18px;
	}

	.yky-topbar-grid {
		grid-template-columns: auto 1fr auto;
		gap: 14px;
	}

	.topbar-center {
		font-size: 12px;
		white-space: normal;
		line-height: 1.35;
	}

	.topbar-left {
		gap: 14px;
	}

	.yky-main-flex {
		gap: 15px;
	}

	.yky-actions {
		gap: 10px;
	}
}


/* =====================================================
   平板端：768px - 992px
===================================================== */
@media (max-width: 992px) and (min-width: 768px) {
	:root {
		--yky-logo-width: 140px;
		--yky-main-padding-y: 12px;
	}

	.yky-container {
		padding: 0 20px;
	}

	.yky-topbar-grid {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
	}

	.topbar-center {
		display: none;
	}

	.topbar-left {
		gap: 14px;
	}

	.yky-main-flex {
		flex-wrap: wrap;
		gap: 0;
	}

	.yky-mobile-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-left: auto;
	}

	.yky-nav-area,
	.yky-actions {
		display: none;
		width: 100%;
	}

	.yky-nav-area.active {
		display: block;
		order: 3;
		margin-top: 14px;
		border-top: 1px solid var(--yky-border);
		padding-top: 10px;
	}

	.yky-menu-list {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.yky-menu-list li a {
		text-align: center;
		padding: 14px 0;
		border-bottom: 1px solid #f1f5f9;
	}

	.yky-menu-list .sub-menu {
		position: static;
		display: block;
		box-shadow: none;
		border: none;
		border-radius: 0;
		padding: 0;
		background: #f8fafc;
	}

	.yky-menu-list .sub-menu li a {
		font-size: 13.5px;
		padding: 10px 0;
	}

	.yky-actions.active {
		display: flex;
		order: 4;
		flex-direction: column;
		align-items: center;
		gap: 14px;
		padding: 16px 0 6px;
	}
}


/* =====================================================
   手机端：0 - 767px
===================================================== */
@media (max-width: 767px) {
	:root {
		--yky-topbar-padding-y: 7px;
		--yky-logo-width: 130px;
		--yky-main-padding-y: 12px;
	}

	.yky-container {
		padding: 0 16px;
	}

	.yky-topbar-grid {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 7px;
		text-align: center;
	}

	.topbar-left {
		flex-direction: column;
		gap: 5px;
	}

	.topbar-link {
		font-size: 12.5px;
	}

	.topbar-center {
		display: none;
	}

	.topbar-right {
		gap: 16px;
	}

	.yky-main-flex {
		flex-wrap: wrap;
		gap: 0;
	}

	.yky-mobile-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-left: auto;
	}

	.yky-nav-area,
	.yky-actions {
		display: none;
		width: 100%;
		background: var(--yky-white);
	}

	.yky-nav-area.active {
		display: block;
		order: 3;
		margin-top: 12px;
		border-top: 1px solid var(--yky-border);
		padding-top: 8px;
	}

	.yky-menu-list {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.yky-menu-list li a {
		text-align: center;
		font-size: 15px;
		padding: 14px 0;
		border-bottom: 1px solid #f1f5f9;
	}

	.yky-menu-list .sub-menu {
		position: static;
		display: block;
		box-shadow: none;
		border: none;
		border-radius: 0;
		padding: 0;
		background: #f8fafc;
	}

	.yky-menu-list .sub-menu li a {
		font-size: 13.5px;
		padding: 10px 0;
	}

	.yky-actions.active {
		display: flex;
		order: 4;
		flex-direction: column;
		align-items: center;
		padding: 14px 0 4px;
	}

	.yky-lang-switcher {
		justify-content: center;
	}

	/* 手机端隐藏弹窗按钮 */
	#quote-popup-trigger,
	.yky-btn-primary {
		display: none !important;
	}
}


/* =====================================================
   小屏手机：0 - 420px
===================================================== */
@media (max-width: 420px) {
	:root {
		--yky-logo-width: 115px;
	}

	.topbar-link {
		font-size: 12px;
	}

	.yky-menu-list li a {
		font-size: 14.5px;
	}
}

/* =========================================================
 * Yikangyuan 专属 Footer CSS (深色系 B2B 高级感)
 * ======================================================= */

:root {
    --yky-footer-bg: #0f172a;          /* 与网页最顶部通栏一致的深蓝灰 */
    --yky-footer-bottom-bg: #020617;   /* 最底层版权区用更深的颜色压住阵脚 */
    --yky-footer-text: #94a3b8;        /* 正文浅冷灰色，深色背景上阅读最舒服 */
    --yky-footer-heading: #ffffff;     /* 标题纯白色 */
    --yky-footer-hover: #BA1824;       /* 悬停时的品牌红色 */
}

/* 基础重置 */
.yky-footer {
    background-color: var(--yky-footer-bg);
    color: var(--yky-footer-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.6;
    margin-top: auto;
}

.yky-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
}

/* --- 1. 网格布局排版 --- */
/* --- 1. 网格布局排版 --- */
.yky-footer-grid {
    display: grid;
    /* 📝 优化了比例：第一列(简介)给到 1.8 份宽度，第二三列给 1 份，第四列给 1.4 份，完美平衡 */
    grid-template-columns: 1.8fr 1fr 1fr 1.4fr; 
    gap: 50px;
    padding: 70px 20px; /* 增加了左右 20px 的内边距，让内容往中间靠拢一点，不再贴边 */
}

/* 第1列：Logo和简介 */
.footer-logo {
    max-width: 180px; /* Logo尺寸 */
    height: auto;
    margin-bottom: 24px;
    display: block;
}
.footer-desc {
    margin: 0;
    font-size: 14.5px;
    text-align: justify;
    line-height: 1.7;
}

/* 各列标题 */
.footer-heading {
    font-size: 16px;
    font-weight: 600;
    color: var(--yky-footer-heading);
    margin-top: 0;
    margin-bottom: 24px;
    letter-spacing: 0.5px;
}

/* 第2、3列：快捷链接与产品列表 */
.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-menu li {
    margin-bottom: 12px;
}
.footer-menu a {
    color: var(--yky-footer-text);
    text-decoration: none;
    transition: color 0.3s ease, padding-left 0.3s ease;
}
.footer-menu a:hover {
    color: var(--yky-footer-hover);
    padding-left: 5px; /* 悬停时文字向右互动 */
}

/* 第4列：联系方式列表 */
.footer-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-contact-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    line-height: 1.5;
}
.footer-contact-list li.align-top {
    align-items: flex-start;
}
.footer-contact-list li svg {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 3px; 
    color: #cbd5e1; /* 图标提亮一点 */
}

/* --- 2. 底部版权声明栏 --- */
.yky-footer-bottom {
    background-color: var(--yky-footer-bottom-bg);
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
    color: #64748b;
}
.yky-footer-bottom p {
    margin: 0;
}

/* --- 3. 移动端自适应 --- */
@media (max-width: 992px) {
    .yky-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 50px 30px;
        padding: 50px 0;
    }
}
@media (max-width: 768px) {
    .yky-footer-grid {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 40px 0;
    }
    .footer-desc {
        text-align: left;
    }
}



/* 链接默认状态：去除下划线，颜色跟随父元素 */
  .footer-contact-list a {
    color: inherit; 
    text-decoration: none;
    transition: color 0.3s ease;
  }
  
  /* 【核心修改】：当鼠标悬停在整行 (li) 上时，里面的整句链接文字变红 */
  .footer-contact-list li:hover a {
    color: #cc1228; /* 您的品牌红 */
  }
  
  /* 鼠标悬停在整行上时，左侧的图标也平滑变红 */
  .footer-contact-list li:hover svg {
    stroke: #cc1228;
    transition: stroke 0.3s ease;
  }









/*
 * style-ykycat-v3-final.css
 *
 * 用途：
 * 追加到子主题 style.css 最后。
 *
 * 适配页面：
 * 1. /products/                                 所有产品集合页
 * 2. /products/category-name/                   分类 SEO/GEO 落地页
 * 3. /products/category-name/?view=products     当前分类全部产品集合页
 *
 * 响应式：
 * 桌面端、笔记本、平板、手机、小手机都已优化。
 */


/* =========================================================
 * 0. 全局变量与基础容器
 * ======================================================= */

.ykycat-page {
    --yky-red: #BA1824;
    --yky-red-dark: #99131d;
    --yky-dark: #0f172a;
    --yky-text: #475569;
    --yky-muted: #64748b;
    --yky-soft: #f8fafc;
    --yky-border: #e2e8f0;

    background: #fff;
    color: var(--yky-dark);
    overflow-x: hidden;
}

.ykycat-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}


/* =========================================================
 * 1. 通用按钮
 * ======================================================= */

.ykycat-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 28px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none !important;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
    cursor: pointer;
}

.ykycat-btn-primary {
    color: #fff !important;
    background: var(--yky-red);
    border: 1px solid var(--yky-red);
    box-shadow: 0 14px 28px rgba(186, 24, 36, .22);
}

.ykycat-btn-primary:hover {
    background: var(--yky-red-dark);
    transform: translateY(-2px);
}

.ykycat-btn-outline {
    color: var(--yky-red) !important;
    background: #fff;
    border: 1px solid var(--yky-red);
}

.ykycat-btn-outline:hover {
    background: #fff5f5;
    transform: translateY(-2px);
}

.ykycat-btn-light {
    background: #fff;
    color: var(--yky-red) !important;
    border: 1px solid #fff;
}


/* =========================================================
 * 2. 分类 SEO/GEO 落地页：Hero 首屏
 * URL: /products/category-name/
 * ======================================================= */

.ykycat-hero {
    padding: 82px 0 76px;
    background:
        radial-gradient(circle at 12% 18%, rgba(186, 24, 36, .07), transparent 32%),
        linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    border-bottom: 1px solid var(--yky-border);
}

.ykycat-hero-grid {
    display: grid;
    grid-template-columns: 1.04fr .96fr;
    gap: 54px;
    align-items: center;
}

.ykycat-eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom: 16px;
    color: var(--yky-red);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ykycat-hero h1,
.ykycat-section-head h1 {
    margin: 0 0 22px;
    color: var(--yky-dark);
    font-size: clamp(36px, 4.2vw, 56px);
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.ykycat-rich-text {
    color: var(--yky-text);
    font-size: 17px;
    line-height: 1.85;
}

.ykycat-rich-text p {
    margin: 0 0 14px;
}

.ykycat-rich-text.small {
    font-size: 15px;
    line-height: 1.75;
}

.ykycat-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.ykycat-hero-media img,
.ykycat-split-media img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 18px;
    object-fit: cover;
    box-shadow: 0 26px 70px rgba(15, 23, 42, .13);
}


/* =========================================================
 * 3. 通用 Section 标题
 * ======================================================= */

.ykycat-section {
    padding: 78px 0;
}

.ykycat-section-head {
    max-width: 850px;
    margin: 0 auto 42px;
    text-align: center;
}

.ykycat-section-head h2 {
    margin: 0 0 14px;
    color: var(--yky-dark);
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.18;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.ykycat-section-head p {
    margin: 0;
    color: var(--yky-muted);
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
 * 4. 产品卡片与产品矩阵
 * 产品描述已限制为 2 行，避免卡片高低不齐。
 * ======================================================= */

.ykycat-products-section {
    background: #fff;
}

.ykycat-product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 260px));
    justify-content: center;
    gap: 24px;
}

.ykycat-product-card {
    display: block;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--yky-border);
    border-radius: 16px;
    text-decoration: none !important;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.ykycat-product-card:hover {
    transform: translateY(-6px);
    border-color: var(--yky-red);
    box-shadow: 0 18px 48px rgba(15, 23, 42, .09);
}

.ykycat-product-img {
    background: #f8fafc;
}

.ykycat-product-img img {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: block;
    object-fit: cover;
}

.ykycat-no-img {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: grid;
    place-items: center;
    color: #94a3b8;
    background: #f1f5f9;
}

.ykycat-product-body {
    padding: 22px 18px 24px;
    text-align: center;
}

.ykycat-product-body h3 {
    margin: 0 0 10px;
    color: var(--yky-dark);
    font-size: 18px;
    line-height: 1.38;
    font-weight: 900;
}

.ykycat-product-body p {
    margin: 0 0 14px;
    color: var(--yky-muted);
    font-size: 14px;
    line-height: 1.65;

    /* 限制产品描述最多显示 2 行 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 46px;
}

.ykycat-product-body span {
    color: var(--yky-red);
    font-size: 14px;
    font-weight: 900;
}

/* View More Products 按钮 */
.ykycat-more-wrap {
    text-align: center;
    margin-top: 34px;
}

.ykycat-more-btn {
    min-width: 220px;
}


/* =========================================================
 * 5. 分类介绍模块（仅保留新版图文 + 红色勾选点）
 * ======================================================= */
.ykycat-intro-section {
    background: #f8fafc;
}

.ykycat-split {
    display: grid;
    grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr);
    gap: 58px;
    align-items: center;
}

.ykycat-split-media img {
    width: 100%;
    display: block;
    border-radius: 18px;
    object-fit: cover;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .10);
}

.ykycat-split-text h2 {
    margin: 0 0 20px;
    color: var(--yky-dark, #0f172a);
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.18;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.ykycat-check-list {
    display: grid;
    gap: 10px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.ykycat-check-list li {
    position: relative;
    padding-left: 28px;
    color: #334155;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 700;
}

.ykycat-check-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--yky-red, #BA1824);
    font-weight: 900;
}

/* =========================================================
 * 6. 定制服务卡片
 * ======================================================= */

.ykycat-solutions-section {
    background: #fff;
}

.ykycat-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.ykycat-info-card {
    overflow: hidden;
    display: block;
    background: #fff;
    border: 1px solid var(--yky-border);
    border-radius: 18px;
    padding: 26px;
    text-decoration: none !important;
    color: inherit;
    box-shadow: 0 10px 34px rgba(15, 23, 42, .045);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.ykycat-info-card:hover {
    transform: translateY(-5px);
    border-color: rgba(186, 24, 36, .65);
    box-shadow: 0 18px 50px rgba(15, 23, 42, .085);
}

.ykycat-card-img {
    margin: -26px -26px 22px;
}

.ykycat-card-img img {
    width: 100%;
    aspect-ratio: 4 / 3;
    display: block;
    object-fit: cover;
}

.ykycat-info-card h3 {
    margin: 0 0 12px;
    color: var(--yky-dark);
    font-size: 21px;
    line-height: 1.32;
    font-weight: 900;
}


/* =========================================================
 * 7. Manufacturing Capabilities（白底红色数字版）
 * ======================================================= */
.ykycat-stats-section.ykycat-stats-clean {
    padding: 72px 0;
    background: #fff;
    border-top: 1px solid var(--yky-border, #e2e8f0);
    border-bottom: 1px solid var(--yky-border, #e2e8f0);
}

.ykycat-stats-clean .ykycat-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 18px;
}

.ykycat-stats-clean .ykycat-stat-item {
    padding: 24px 14px;
    text-align: center;
    background: #fff;
    border: 1px solid var(--yky-border, #e2e8f0);
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .045);
}

.ykycat-stats-clean .ykycat-stat-number-wrap {
    display: inline-flex !important;
    align-items: baseline;
    justify-content: center;
    gap: 4px;
    min-width: 130px;
    white-space: nowrap;
    color: #d62828;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.ykycat-stats-clean .ykycat-count-number {
    display: inline-block;
    min-width: 74px;
    text-align: right;
    color: #d62828;
    font-size: 38px;
    line-height: 1;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.ykycat-stats-clean .ykycat-count-suffix {
    display: inline-block;
    min-width: 22px;
    text-align: left;
    white-space: nowrap;
    color: #d62828;
    font-size: 24px;
    line-height: 1;
    font-weight: 900;
}

.ykycat-stats-clean .ykycat-stat-label {
    display: block;
    margin-top: 12px;
    color: #475569;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 700;
}

/* =========================================================
 * 8. 生产车间图库
 * ======================================================= */

.ykycat-workshop-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.ykycat-workshop-item {
    overflow: hidden;
    border-radius: 16px;
    background: #fff;
    border: 1px solid var(--yky-border);
    box-shadow: 0 10px 30px rgba(15, 23, 42, .055);
}

.ykycat-workshop-item img {
    width: 100%;
    aspect-ratio: 4 / 3;
    display: block;
    object-fit: cover;
    transition: transform .35s ease;
}

.ykycat-workshop-item:hover img {
    transform: scale(1.04);
}


/* =========================================================
 * 9. 流程模块
 * ======================================================= */

.ykycat-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.ykycat-process-item {
    position: relative;
    background: #fff;
    border: 1px solid var(--yky-border);
    border-radius: 18px;
    padding: 30px 24px 26px;
    text-align: center;
}

.ykycat-step-num {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    margin: 0 auto 16px;
    color: #fff;
    background: var(--yky-red);
    border-radius: 50%;
    font-weight: 900;
}

.ykycat-process-item h3 {
    margin: 0 0 10px;
    color: var(--yky-dark);
    font-size: 18px;
    font-weight: 900;
}


/* =========================================================
 * 10. 证书图库
 * ======================================================= */

.ykycat-cert-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.ykycat-cert-item {
    background: #fff;
    border: 1px solid var(--yky-border);
    border-radius: 14px;
    padding: 14px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .045);
}

.ykycat-cert-item img {
    width: 100%;
    aspect-ratio: 3 / 4;
    display: block;
    object-fit: contain;
}


/* =========================================================
 * 11. Contact Yikangyuan Now!（FAQ + 表单双栏）
 * ======================================================= */
.ykycat-contact-section {
    background: #f8fafc;
}

.ykycat-contact-grid {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: 46px;
    align-items: start;
}

.ykycat-contact-section .ykycat-faq-title-box h3 {
    margin: 0 0 8px;
    color: var(--yky-dark, #0f172a);
    font-size: 30px;
    line-height: 1.2;
    font-weight: 900;
}

.ykycat-contact-section .ykycat-faq-title-box p {
    margin: 0 0 24px;
    color: var(--yky-muted, #64748b);
    font-size: 16px;
}

.ykycat-contact-section .ykycat-faq-list {
    max-width: none;
    margin: 0;
    background: #fff;
    border: 1px solid var(--yky-border, #e2e8f0);
}

.ykycat-contact-section .ykycat-faq-item {
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--yky-border, #e2e8f0);
    border-radius: 0;
    overflow: hidden;
}

.ykycat-contact-section .ykycat-faq-item:last-child {
    border-bottom: 0;
}

.ykycat-contact-section .ykycat-faq-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    background: #fff;
    border: 0;
    color: var(--yky-dark, #0f172a);
    font-size: 15px;
    line-height: 1.5;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
}

.ykycat-contact-section .ykycat-faq-question em {
    flex: 0 0 auto;
    color: var(--yky-red, #BA1824);
    background: transparent;
    font-style: normal;
    font-size: 18px;
    font-weight: 900;
}

.ykycat-contact-section .ykycat-faq-answer {
    padding: 0 20px 20px;
    color: #475569;
    font-size: 15px;
    line-height: 1.75;
}

.ykycat-contact-points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin-top: 30px;
}

.ykycat-contact-points div {
    position: relative;
    padding-left: 18px;
}

.ykycat-contact-points div::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 7px;
    height: 7px;
    background: var(--yky-red, #BA1824);
    border-radius: 50%;
}

.ykycat-contact-points strong {
    display: block;
    margin-bottom: 4px;
    color: var(--yky-dark, #0f172a);
    font-size: 17px;
    font-weight: 900;
}

.ykycat-contact-points span {
    color: var(--yky-muted, #64748b);
    font-size: 14px;
    line-height: 1.6;
}

.ykycat-contact-form-card {
    background: #fff;
    border: 1px solid var(--yky-border, #e2e8f0);
    border-radius: 14px;
    padding: 28px;
    box-shadow: 0 16px 46px rgba(15, 23, 42, .07);
}

.ykycat-contact-form-card input,
.ykycat-contact-form-card textarea,
.ykycat-contact-form-card select {
    width: 100%;
    min-height: 46px;
    padding: 10px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    font-size: 15px;
}

.ykycat-contact-form-card textarea {
    min-height: 180px;
}

.ykycat-contact-form-card .wpcf7-submit {
    width: auto;
    min-width: 120px;
    background: var(--yky-red, #BA1824);
    border-color: var(--yky-red, #BA1824);
    color: #fff;
    font-weight: 900;
    cursor: pointer;
}

.ykycat-contact-form-card .wpcf7-submit:hover {
    background: var(--yky-red-dark, #99131d);
}

/* =========================================================
 * 13. /products/ 和 ?view=products 产品集合页
 * 左侧分类栏 + 右侧产品矩阵
 * ======================================================= */

.yk-collection-hero {
    padding: 72px 0 56px;
    background:
        radial-gradient(circle at 15% 18%, rgba(186, 24, 36, .06), transparent 32%),
        linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    border-bottom: 1px solid #e2e8f0;
}

.yk-collection-actions {
    justify-content: center;
    margin-top: 26px;
}

.yk-collection-main {
    padding: 64px 0 84px;
    background: #fff;
}

.yk-collection-layout {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 48px;
    align-items: start;
}

.yk-collection-sidebar {
    position: sticky;
    top: 110px;
}

.yk-collection-widget {
    margin-bottom: 34px;
}

.yk-collection-widget-title {
    margin: 0;
    padding: 16px 20px;
    background: var(--yky-red);
    color: #fff;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 900;
    border-radius: 8px 8px 0 0;
}

.yk-collection-cat-list {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--yky-border);
    border-top: none;
    border-radius: 0 0 8px 8px;
    background: #fff;
}

.yk-collection-cat-list li {
    border-bottom: 1px solid #f1f5f9;
}

.yk-collection-cat-list li:last-child {
    border-bottom: none;
}

.yk-collection-cat-list a,
.yk-collection-cat-list span {
    position: relative;
    display: block;
    padding: 15px 20px;
    color: var(--yky-dark);
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .25s ease;
}

.yk-collection-cat-list a::before {
    content: "›";
    position: absolute;
    left: 16px;
    opacity: 0;
    color: var(--yky-red);
    transition: all .25s ease;
}

.yk-collection-cat-list a:hover,
.yk-collection-cat-list .is-active a {
    color: var(--yky-red);
    background: #f8fafc;
    padding-left: 30px;
}

.yk-collection-cat-list a:hover::before,
.yk-collection-cat-list .is-active a::before {
    opacity: 1;
}

/* 左侧询盘框 */
.yk-collection-quote-box {
    padding: 32px 24px;
    background: #0f172a;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .12);
}

.yk-collection-quote-box h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 900;
}

.yk-collection-quote-box p {
    margin: 0 0 22px;
    color: #cbd5e1;
    font-size: 14px;
    line-height: 1.65;
}

.yk-collection-quote-box a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    width: 100%;
    background: var(--yky-red);
    color: #fff !important;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 900;
    text-decoration: none !important;
    transition: all .25s ease;
}

.yk-collection-quote-box a:hover {
    background: var(--yky-red-dark);
    transform: translateY(-2px);
}

/* 右侧集合页标题 */
.yk-collection-head {
    margin-bottom: 32px;
}

.yk-collection-head h2 {
    margin: 0 0 12px;
    color: var(--yky-dark);
    font-size: 34px;
    line-height: 1.25;
    font-weight: 900;
}

.yk-collection-head p {
    max-width: 760px;
    margin: 0;
    color: var(--yky-muted);
    font-size: 16px;
    line-height: 1.75;
}

/* 集合页产品矩阵靠左铺开 */
.yky-products-collection-page .ykycat-product-grid,
.yky-products-all-page .ykycat-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    justify-content: start;
    gap: 24px;
}

/* 分页 */
.ykycat-pagination {
    margin-top: 52px;
    text-align: center;
}

.ykycat-pagination ul {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.ykycat-pagination a,
.ykycat-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--yky-border);
    border-radius: 6px;
    color: var(--yky-dark);
    font-weight: 800;
    text-decoration: none !important;
    background: #fff;
    transition: all .25s ease;
}

.ykycat-pagination a:hover,
.ykycat-pagination .current {
    background: var(--yky-red);
    border-color: var(--yky-red);
    color: #fff;
}


/* =========================================================
 * 14. 响应式：笔记本
 * ======================================================= */

@media (max-width: 1200px) {
    .ykycat-container {
        max-width: 1080px;
    }

    .yky-products-collection-page .ykycat-product-grid,
    .yky-products-all-page .ykycat-product-grid {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }
}


/* =========================================================
 * 15. 响应式：平板
 * ======================================================= */

@media (max-width: 1024px) {
    .ykycat-hero {
        padding: 66px 0 60px;
    }

    .ykycat-hero-grid,
    .ykycat-split,
    .ykycat-split-reverse {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .ykycat-split-reverse .ykycat-split-media {
        order: -1;
    }

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

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

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

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

    .yk-collection-layout {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .yk-collection-sidebar {
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }

    .yky-products-collection-page .ykycat-product-grid,
    .yky-products-all-page .ykycat-product-grid {
        grid-template-columns: repeat(3, minmax(180px, 1fr));
    }
}


/* =========================================================
 * 16. 响应式：手机
 * ======================================================= */

@media (max-width: 767px) {
    .ykycat-container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .ykycat-hero {
        padding: 52px 0 46px;
    }

    .ykycat-section {
        padding: 58px 0;
    }

    .ykycat-section-head {
        margin-bottom: 32px;
    }

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

    .ykycat-product-body {
        padding: 16px 12px 18px;
    }

    .ykycat-product-body h3 {
        font-size: 15px;
    }

    .ykycat-product-body p {
        font-size: 13px;
        min-height: 42px;
    }

    .ykycat-card-grid,
    .ykycat-process-grid,
    .ykycat-cert-grid,
    .ykycat-workshop-grid {
        grid-template-columns: 1fr;
    }

    .ykycat-cta-box {
        flex-direction: column;
        align-items: flex-start;
        padding: 32px 24px;
    }

    .ykycat-actions {
        width: 100%;
    }

    .ykycat-actions .ykycat-btn {
        flex: 1 1 100%;
    }

    .yk-collection-main {
        padding: 46px 0 64px;
    }

    .yk-collection-sidebar {
        grid-template-columns: 1fr;
    }

    .yk-collection-head h2 {
        font-size: 28px;
    }

    .yky-products-collection-page .ykycat-product-grid,
    .yky-products-all-page .ykycat-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .yk-collection-actions {
        flex-direction: column;
    }

    .yk-collection-actions .ykycat-btn {
        width: 100%;
    }

    .ykycat-more-btn {
        width: 100%;
    }
}


/* =========================================================
 * 17. 响应式：小手机
 * ======================================================= */

@media (max-width: 480px) {
    .ykycat-product-grid,
    .yky-products-collection-page .ykycat-product-grid,
    .yky-products-all-page .ykycat-product-grid {
        grid-template-columns: 1fr;
    }

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

    .ykycat-hero h1,
    .ykycat-section-head h1 {
        font-size: 32px;
    }

    .ykycat-rich-text {
        font-size: 15.5px;
    }
}


/* =========================================================
 * Factory 模块按钮
 * ======================================================= */

.ykycat-factory-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

/* =========================================================
 * 18. 仅三段优化模块的补充响应式
 * ======================================================= */
@media (max-width: 1024px) {
    .ykycat-split,
    .ykycat-contact-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }
}

@media (max-width: 767px) {
    .ykycat-contact-points {
        grid-template-columns: 1fr;
    }

    .ykycat-stats-clean .ykycat-stat-number-wrap {
        min-width: 108px;
    }

    .ykycat-stats-clean .ykycat-count-number {
        min-width: 62px;
        font-size: 32px;
    }

    .ykycat-stats-clean .ykycat-count-suffix {
        min-width: 20px;
        font-size: 20px;
    }
}

/* =========================================================
 * YKY Certificate Carousel Restore Patch
 *
 * 用途：
 * 追加到 style.css 最后。
 *
 * 作用：
 * 1. 保留证书无按钮自动轮播样式
 * 2. 隐藏左右按钮
 * 3. 桌面 4 张、笔记本 3 张、平板 2 张、手机 1 张
 * 4. 不影响你现在只保留的三段优化 CSS
 * ======================================================= */

/* 证书区域保持上一版模块风格 */
.ykycat-cert-section {
    background: #f8fafc;
}

/* 轮播外层 */
.ykycat-cert-carousel {
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
}

/* 横向滚动视口 */
.ykycat-cert-viewport {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.ykycat-cert-viewport::-webkit-scrollbar {
    display: none;
}

/* 证书轨道 */
.ykycat-cert-track {
    display: flex;
    gap: 22px;
    padding: 4px 4px 10px;
}

/* 桌面：4 张一屏 */
.ykycat-cert-slide {
    flex: 0 0 calc((100% - 66px) / 4);
    scroll-snap-align: start;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 16px;
    box-shadow: 0 8px 26px rgba(15, 23, 42, .05);
    transition: transform .25s ease, box-shadow .25s ease;
}

.ykycat-cert-slide:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(15, 23, 42, .08);
}

.ykycat-cert-slide img {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: contain;
    display: block;
}

/* 如果旧代码里还有按钮，统一隐藏 */
.ykycat-cert-arrow,
.ykycat-cert-prev,
.ykycat-cert-next {
    display: none !important;
}

/* 如果页面还残留固定网格证书，避免和轮播冲突 */
.ykycat-cert-carousel .ykycat-cert-grid,
.ykycat-cert-carousel .ykycat-cert-item {
    display: initial;
}

/* 笔记本：3 张一屏 */
@media (max-width: 1200px) {
    .ykycat-cert-slide {
        flex-basis: calc((100% - 44px) / 3);
    }
}

/* 平板：2 张一屏 */
@media (max-width: 767px) {
    .ykycat-cert-track {
        gap: 16px;
    }

    .ykycat-cert-slide {
        flex-basis: calc((100% - 16px) / 2);
        padding: 12px;
    }
}

/* 手机：1 张一屏 */
@media (max-width: 480px) {
    .ykycat-cert-slide {
        flex-basis: 100%;
    }
}
/* Codex mobile UX polish: keep cookie notice compact on small screens. */
@media (max-width: 480px) {
  .yky-cookie-banner {
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    max-height: 54vh !important;
    overflow: auto !important;
  }

  .yky-cookie-inner {
    padding: 16px 14px !important;
    gap: 12px !important;
  }

  .yky-cookie-title {
    font-size: 16px !important;
    margin-bottom: 6px !important;
  }

  .yky-cookie-text {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .yky-cookie-actions {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .yky-cookie-btn {
    height: 38px !important;
  }
}