/*
	Theme Name: Hello Biz
	Theme URI: https://elementor.com/products/hello-biz/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Biz is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 1.1.0
	Stable tag: 1.1.0
	Requires at least: 6.0
	Tested up to: 6.5
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-biz
	Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
*/



/* 定义PingFang系列字体及不同字重 */
@font-face {
  font-family: 'PingFang';
  src: url('/wp-content/fonts/PINGFANG REGULAR.TTF') format('truetype'),
       url('/wp-content/fonts/PINGFANG REGULAR.woff2') format('woff2');
  font-weight: 400; /* 常规 */
  font-style: normal;
}

@font-face {
  font-family: 'PingFang';
  src: url('/wp-content/fonts/PINGFANG MEDIUM.TTF') format('truetype'),
       url('/wp-content/fonts/PINGFANG MEDIUM.woff2') format('woff2');
  font-weight: 500; /* 中等 */
  font-style: normal;
}

@font-face {
  font-family: 'PingFang';
  src: url('/wp-content/fonts/PINGFANG BOLD.TTF') format('truetype'),
       url('/wp-content/fonts/PINGFANG BOLD.woff2') format('woff2');
  font-weight: 700; /* 粗体 */
  font-style: normal;
}

@font-face {
  font-family: 'PingFang';
  src: url('/wp-content/fonts/PINGFANG LIGHT.TTF') format('truetype'),
       url('/wp-content/fonts/PINGFANG LIGHT.woff2') format('woff2');
  font-weight: 300; /* 轻量 */
  font-style: normal;
}

@font-face {
  font-family: 'PingFang';
  src: url('/wp-content/fonts/PINGFANG EXTRALIGHT.TTF') format('truetype'),
       url('/wp-content/fonts/PINGFANG EXTRALIGHT.woff2') format('woff2');
  font-weight: 200; /* 极轻 */
  font-style: normal;
}

@font-face {
  font-family: 'PingFang';
  src: url('/wp-content/fonts/PINGFANG HEAVY.TTF') format('truetype'),
       url('/wp-content/fonts/PINGFANG HEAVY.woff2') format('woff2');
  font-weight: 900; /* 特粗 */
  font-style: normal;
}

/* 应用到网站元素（可选） */
body {
  font-family: 'PingFang', sans-serif;
  font-weight: 400; /* 默认使用常规字重 */
}

h1, h2, h3 {
  font-weight: 700; /* 标题使用粗体 */
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-s{
	background-color:#fff !important;
}

/* 全局字体修改为 PingFang SC，兼容不同系统 */
* {
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

/* ============= 产品分类导航 ============= */
.product-cat-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.product-cat-nav ul li {
    margin: 0 10px;
}

.product-cat-nav ul li.separator {
    margin: 0 5px;
}

.product-cat-nav ul li a {
    text-decoration: none;
    color: #333;
    position: relative;
    padding-bottom: 5px;
    transition: color 0.3s ease;
}

/* 激活/悬停时的文字颜色与下划线 */
.product-cat-nav ul li a:hover,
.product-cat-nav ul li.active a {
    color: #ff6700;
}

.product-cat-nav ul li a:hover::after,
.product-cat-nav ul li.active a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ff6700;
    transition: width 0.3s ease;
}


/* ============= 产品卡片 ============= */
.products {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.product-item {
    width: 25%; /* 一行4个产品 */
    padding: 0 15px;
    margin-bottom: 30px;
}

.product-wrapper {
    background: #fff;
    padding: 20px;
    border: 1px solid #eee;
    transition: all 0.3s ease; /* 动画过渡 */
}

/* 悬停时：阴影+向上滑动 */
.product-item:hover .product-wrapper {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-10px);
}

/* 初始隐藏按钮，悬停时显示 */
.product-buttons {
    display: none;
    margin-top: 10px;
    justify-content: center;
    gap: 10px;
}

.product-item:hover .product-buttons {
    display: flex;
}

.product-image {
    display: block;
    margin-bottom: 15px;
}

.product-info {
    text-align: center;
}


/* ============= 响应式布局 ============= */
@media (max-width: 1200px) {
    .product-item {
        width: 33.333%; /* 平板：一行3个 */
    }
}

@media (max-width: 768px) {
    .product-item {
        width: 50%; /* 手机横屏：一行2个 */
    }
}

@media (max-width: 480px) {
    .product-item {
        width: 100%; /* 手机竖屏：一行1个 */
    }
}