.uni-product-table{font-size:clamp(13px,.9vw,16px)}
.uni-product-table th{width:11ch}
.uni-product-table td{padding:.5em}
.uni-search-container{position:relative;min-height:25vh}
.uni-search-container[data-loading=true] 
.search-loader-container{display:grid;z-index:1;position:absolute;top:0;left:0;place-content:center;width:100%;height:100%;content:""}
.uni-search-container[data-loading=false] 
.search-loader-container{display:none !important}
.uni-search-container[data-has-items=false] 
.search-results__table{display:none !important}
.uni-search-container[data-has-items=false] 
.search-results__page{display:none !important}
.search-loader{aspect-ratio:1;width:50px;padding:8px;border-radius:50%;background:#54a8c0;--_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);animation:l3 1s infinite linear;mask:var(--_m);mask-composite:subtract}@keyframes l3{to{transform:rotate(1turn)}}
.uni-search-text{width:25ch}
.search-results{margin-top:40px;font-size:clamp(13px,.9vw,16px)}
.search-results__table {margin: 1em 0;}
.search-results__row{--border-color: #ccc;display:flex;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}
.search-results__row.-th{border-top:1px solid var(--border-color)}
.search-results__row.-th 
.search-results__col{font-weight:600}
.search-results__col{padding:.5em;border-left:1px solid var(--border-color)}
.search-results__col.-name{flex:1}
.search-results__col.-cas-no{width:30%}
.search-results__meta{display:flex;flex-direction:column;gap:1em}
.search-results__page{display:flex;align-items:center;justify-content:flex-end;gap:1em}
.search-results__nav-btn{padding:.5em;border-radius:0;background:#666}
.search-results__nav-btn:disabled{background:#aaa;cursor:auto;opacity:.5}
.search-results__link{color:#333}
.u-display-none{display:none !important}
.u-display-block{display:block !important}
.u-ta-r{text-align:right !important}
.u-ta-c{text-align:center !important}
.u-ta-l{text-align:left !important}@media (min-width: 768px){.uni-product-table th{width:20%}}@media (min-width: 992px){.u-only-sp{display:none !important}.u-hide-pc{display:none !important}}@media (max-width: 991px){.u-only-pc{display:none !important}.u-hide-sp{display:none !important}}


/* ============================= */
/* ① 表格结构：保持原有样式 */
/* ============================= */
.uni-product-table-with-image {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	border-collapse: collapse;
	border: 2px solid #005bac;
	table-layout: fixed;
}

.uni-product-table-with-image th,
.uni-product-table-with-image td {
	border: 1px solid #005bac;
	padding: 10px 14px;
	text-align: left;
	vertical-align: top;
	font-size: 16px;
}

.uni-product-table-with-image th {
	background-color: #d6e9f8;
	font-weight: 600;
	width: 240px;
}

/* 原图片单元格样式（保留备用） */
.uni-product-table-with-image .image-cell {
	text-align: center;
	padding: 16px;
	background-color: #f9f9f9;
	vertical-align: middle;
}

/* 表格图片列宽废弃 */
.uni-product-table-with-image tr:first-child td.image-cell:nth-child(1),
.uni-product-table-with-image tr:first-child td.image-cell:nth-child(2),
.uni-product-table-with-image tr:first-child td.image-cell:nth-child(3) {
	width: auto;
}

/* ============================= */
/* ② 页面标题与整体间距 */
/* ============================= */
body.single-uni_product .site-header {
	margin-bottom: 40px;
}
body.single-uni_product .site-footer {
	margin-top: 80px; 
}
body.single-uni_product .entry-title {
	text-align: center;
	margin-bottom: 20px;
}

/* ============================= */
/* ③ お問い合わせ 样式 */
/* ============================= */
.uni-contact-floating {
	display: flex;
	justify-content: flex-end;
	max-width: 900px;        /* 和表格宽度对齐 */
	margin: 0 auto 30px auto; /* 居中，下方留空 */
	padding-right: 50px;        /* 右边留30px，整体往左移 */
}

.uni-contact-card {
	background-color: #f8f8f8;
	padding: 22px 24px;
	border-radius: 8px;
	border: 1px solid #ccc;
	box-shadow: 0 2px 4px rgba(0,0,0,0.03);
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 15px;
	color: #333;
	max-width: 300px;
	text-align: center;
}

.uni-contact-title,
.uni-contact-tel,
.uni-contact-email {
	margin: 0;
	line-height: 1.2;
}

.uni-contact-button {
	background-color: #d6e9f8;
	color: #005bac;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
	text-decoration: none;
	padding: 10px 16px;
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 18px;
	transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s, border-color 0.3s;
	margin-top: 8px;
	border: 1px solid #b6d5ef;
	cursor: pointer;
}

.uni-contact-button:hover {
	background-color: #005bac;
	color: #ffffff;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
	transform: translateY(-2px);
	border-color: #005bac;
}

.uni-contact-button .icon {
	margin-right: 8px;
	font-size: 16px;
}

/* ============================= */
/* ④ 图片横向排列，宽度400px，浅蓝色边框 */
/* ============================= */
.uni-image-row {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 10px; /* 图片间距 */
	margin-bottom: 10px;
}

.uni-image-row img {
	width: 400px;
	height: 218px;
	border-radius: 6px;
	border: 2px solid #a8c4e8;  /* 浅蓝色边框 */
	box-sizing: border-box;
	display: block;
}

/* 产品检索页面 */
.search-results__link:hover {
  color: #70bdf4;
  text-decoration: underline;
}

.uni_product-search-form {
  display: flex;
  gap: 8px;
  max-width: 400px; /* 变长，宽度更大 */
  margin: 20px 0;
  padding-left: 0; /* 可选，去掉左边多余空白 */
}

.uni-search-text,
.uni-search-btn {
  font-size: 16px;          /* 保持字体大小一致 */
  line-height: 1.2;         /* 统一行高 */
  box-sizing: border-box;   /* 盒模型统一 */
  border-radius: 6px;
  border: 1px solid #ccc;
  height: 40px;             /* 统一高度 */
  padding-top: 8px;         /* 控制上下内边距 */
  padding-bottom: 8px;
  /* 按钮和输入框左右内边距不同 */
}

.uni-search-text {
  flex: 1;
  padding-left: 12px;
  padding-right: 12px;
  border-right: none;       /* 去掉右边框，避免和按钮重叠 */
}

.uni-search-btn {
  background: #d6e9f8;
  color: #005bac;
  border: 1px solid #0073aa;
  padding-left: 24px;       /* 按钮左右宽一点 */
  padding-right: 24px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.uni-search-btn:hover {
  background: #005bac;
  color: #ffffff;
}