/* ===== #969 页头「产品中心」mega 浮现卡搬运到页面 =====
   面板外观与页头完全一致（白底圆角大阴影），静态展开可见；
   三级飞出卡交互全部复用 style.css 原有规则（absolute + @media(hover:hover)），
   本页无 transform 祖先 / overflow 裁剪，CSS 定位直接生效，无需 JS。 */
.pcat-page .dropdown-mega.dropdown-mega-products {
  position: static;
  display: block;
  opacity: 1; visibility: visible;
  transform: none !important;
  left: auto !important;
  min-width: 0 !important;
  width: 100%;
  background: #fff; border-radius: 12px;
  box-shadow: 0 12px 40px rgba(0,0,0,0.15);
  padding: 24px 28px;
  margin: 0 0 48px;
}
.pcat-page .dropdown-grid.dropdown-grid-products {
  grid-template-columns: repeat(7, 1fr) !important;
}
/* 中屏（7 列每列不足 140px 时降列） */
@media (max-width: 1280px) {
  .pcat-page .dropdown-grid.dropdown-grid-products { grid-template-columns: repeat(6, 1fr) !important; }
}
@media (max-width: 1100px) {
  .pcat-page .dropdown-grid.dropdown-grid-products { grid-template-columns: repeat(4, 1fr) !important; }
}
@media (max-width: 900px) {
  .pcat-page .dropdown-grid.dropdown-grid-products { grid-template-columns: repeat(2, 1fr) !important; }
}
/* 移动端：mobile.css 抽屉样式会全局接管（dropdown-col: contents / h4 白字蓝条），
   仅把半透明底改成实底保证页面白底上可读 */
/* #968 浮现卡内容过多时加纵向滚动条，避免超出视口 */
.pcat-page .drop-flyout {
  max-height: min(80vh, calc(100vh - 180px));
  overflow-y: auto;
  overscroll-behavior: contain;
}
/* 页面 Hero 标题居中 */
.pcat-page .sol-hero-text h1 { text-align: center; }
@media (max-width: 768px) {
  .pcat-page .dropdown-mega.dropdown-mega-products {
    padding: 8px 0; box-shadow: none; border: 1px solid #e2e8f0;
  }
  .pcat-page .dropdown-col h4 {
    background: #0a3d91; color: #fff;
  }
  .pcat-page .dropdown-col a { font-size: 14px; }
  .pcat-page .drop-flyout { max-height: 60vh; }
}
/* ===== #389aj 产品检索板块 ===== */
.psearch-box{background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,0.15);padding:18px 22px;margin:0 0 24px}
.psearch-form{display:flex;gap:10px}
.psearch-input{flex:1;min-width:0;border:2px solid #e2e8f0;border-radius:99px;padding:10px 18px;font-size:14.5px;outline:none;transition:border-color .2s}
.psearch-input:focus{border-color:#0a3d91}
.psearch-btn{flex-shrink:0;border:none;background:#0a3d91;color:#fff;font-size:14px;font-weight:600;border-radius:99px;padding:10px 22px;cursor:pointer}
.psearch-btn:hover{background:#082f6f}
.psearch-hot{margin-top:12px;font-size:13px;color:#64748b;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.psearch-hot-label{color:#94a3b8;font-weight:600;flex-shrink:0}
.psearch-hot-tag{color:#0a3d91;background:#eef4ff;border-radius:99px;padding:3px 12px;text-decoration:none;font-size:12.5px}
.psearch-hot-tag:hover{background:#dbe7ff}
@media (max-width:768px){
  .psearch-box{padding:14px;margin:0 0 20px;box-shadow:none;border:1px solid #e2e8f0}
  .psearch-input{padding:9px 14px;font-size:14px}
}