/* Responsive — 全面自适应，手机/平板/电脑 */
@media(max-width:1100px){
  .dropdown{width:800px;grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .header-inner{flex-direction:column;gap:10px}
  .nav{flex-wrap:wrap;justify-content:center}
  .dropdown{width:600px;left:50%;transform:translateX(-50%);grid-template-columns:repeat(2,1fr)}
  .cat-layout{grid-template-columns:1fr}
  /* 手机版 Categories 折叠 */
  .cat-sidebar h3{cursor:pointer;margin:0;padding:8px 12px;font-size:13px;background:rgba(0,0,0,.05);border-radius:6px;display:flex;align-items:center;justify-content:space-between}
  .cat-sidebar h3::after{content:'+';font-size:16px;font-weight:400;color:#888;transition:transform .2s}
  .cat-sidebar.open h3::after{content:'−'}
  .cat-links{max-height:0;overflow:hidden;transition:max-height .3s ease}
  .cat-sidebar.open .cat-links{max-height:500px}
  .cat-sidebar .cat-links a{padding:6px 12px;font-size:12px}
  .cat-layout .cat-sidebar{position:static;width:100%;margin-bottom:12px}
}
@media(max-width:768px){
  .hero h1{font-size:24px}
  .hero p{font-size:14px}
  .hero-btn{font-size:13px;padding:10px 24px}
  .about-split{grid-template-columns:1fr}
  .about-split h2{font-size:20px}
  .section{padding:40px 16px}
  .section-title h2{font-size:22px}
  /* 产品详情页 — 手机版全宽布局 */
  .product-detail{grid-template-columns:1fr;gap:20px}
  .product-detail .gallery{width:100%;max-width:100%}
  .product-detail .gallery .main-img{min-height:260px;padding:10px;border-radius:8px}
  .product-detail .gallery .main-img img{max-height:320px;width:90%;max-width:90%;object-fit:contain}
  /* 轮播导航按钮：手机版隐藏左右按钮 */
  .carousel-nav{display:none}
  /* 手机缩略图：缩小尺寸，水平滚动 */
  .thumb-list{gap:6px;margin-top:8px;padding:2px 0 6px;max-width:100%}
  .thumb{width:64px;height:64px;border-radius:6px;padding:2px;border-width:1.5px}
  .thumb.active{box-shadow:0 0 0 2px rgba(0,100,0,.2)}
  /* 最多显示5张缩略图 */
  .thumb:nth-child(n+6){display:none}
  .product-detail .info h1{font-size:20px}
  .contact-btn{padding:10px 20px;font-size:13px}
  /* You may also like — 最多显示3个 */
  .recommend-list{gap:8px}
  .recommend-list a:nth-child(n+4){display:none}
  .recommend-list a{width:105px}
  .recommend-list a img{width:95px;height:95px}
  .recommend-list a span{font-size:10px}
  .stats-bar{gap:16px;flex-wrap:wrap}
  .stat-item h3{font-size:20px}
  .product-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .product-card .img-wrap{height:210px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;border-radius:8px 8px 0 0;overflow:hidden}
  .product-card .img-wrap img{max-width:100%;max-height:100%;object-fit:contain}
  .product-card .info h3{font-size:13px}
  .dropdown{width:90vw;left:50%;transform:translateX(-50%);grid-template-columns:1fr 1fr;padding:10px;max-height:400px;overflow-y:auto}
  /* 底部导航栏手机适配 — 三列密集排布 */
  .footer-inner{display:table!important;width:100%!important;max-width:100%!important;table-layout:fixed!important;padding:0;margin:0}
  .footer{padding:14px 8px 10px;background:#1a1a1a}
  .footer .footer-col{display:table-cell!important;width:33.33%!important;min-width:0!important;max-width:33.33%!important;overflow:hidden!important;vertical-align:top;padding:0 4px}
  .footer .footer-col:first-child{display:table-cell!important}
  .footer h4{font-size:9px;margin-bottom:5px;letter-spacing:0.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:600}
  .footer p,.footer a{font-size:8px;line-height:2;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .footer .footer-col a{padding:1px 0;line-height:1.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%;transition:color .2s}
  .footer .footer-col a:hover{color:#4CAF50}
  .footer .footer-col a::before{content:'› ';font-size:7px;margin-right:2px;color:#4CAF50}
  .footer .footer-contact a::before{content:none}
  .footer .footer-contact a{display:inline;padding:0}
  .footer .contact-item{font-size:8px;display:flex;align-items:center;gap:2px;flex-wrap:nowrap;white-space:nowrap;margin-bottom:2px;line-height:1.8;overflow:hidden;max-width:100%}
  .footer .contact-item .footer-icon{min-width:10px;font-size:9px;flex-shrink:0}
  .footer .wa-icon{width:8px;height:8px}
  .footer-bottom{font-size:7px;padding-top:10px;margin-top:8px;border-top:1px solid #333}
  .footer-bottom p{font-size:7px;color:#888;line-height:2.2;margin:0}
  .footer-bottom a{color:#aaa;text-decoration:underline;font-size:7px;line-height:2.2}
  .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 6px;align-items:center}
  .footer-links a{display:inline;padding:0}
  .footer-links .sep{color:#555;font-size:7px}
  .footer-links a::before{content:none!important}
  .breadcrumb{font-size:11px;padding:10px 12px}
  .page-header h1,.page-header h2{font-size:24px}
  .page-header{padding:30px 16px}
  .news-grid{grid-template-columns:1fr}
  /* 手机分页导航缩小 */
  .pagination a, .pagination span{min-width:26px;height:26px;padding:0 6px;font-size:10px;border-radius:5px}
  .pagination .info{font-size:10px;margin-left:4px;white-space:nowrap}
  .pagination .ellipsis{border:none;background:none;color:var(--text-muted);min-width:16px;padding:0;font-size:10px;pointer-events:none}
  .pagination{gap:3px;margin-top:24px;flex-wrap:nowrap;padding-bottom:60px}
}
@media(max-width:480px){
  .product-grid{grid-template-columns:1fr}
  .product-detail .gallery .main-img{min-height:200px;padding:6px;border-radius:6px}
  .product-detail .gallery .main-img img{max-height:260px;width:90%;max-width:90%;object-fit:contain}
  .carousel-btn{width:28px;height:28px;font-size:14px}
  .thumb{width:52px;height:52px;border-radius:4px}
  .thumb-list{gap:4px;margin-top:6px;padding:2px 0 4px}
  .top-bar{font-size:11px;padding:4px 0}
  .top-bar span{margin:0 4px}
  .logo-text{font-size:18px}
  .nav a,.nav .nav-li>a{font-size:12px;padding:6px 5px;width:19%;text-align:center;border-radius:6px;transition:background .2s}
  .nav a:hover,.nav .nav-li>a:hover{background:rgba(255,255,255,.12)}
  .nav a.active,.nav .nav-li>a.active{background:rgba(255,255,255,.15);font-weight:600}
  .nav{display:flex;flex-wrap:nowrap;justify-content:space-between;width:100%;background:rgba(0,0,0,.08);border-radius:8px;padding:2px 0}
  .dropdown{display:none!important}
  .hero{padding:40px 16px}
  .hero h1{font-size:20px}
  .section-title h2{font-size:18px}
  .section-title p{font-size:12px}
  .product-card .img-wrap{height:190px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;border-radius:6px 6px 0 0;overflow:hidden}
  .product-card .img-wrap img{max-width:100%;max-height:100%;object-fit:contain}
  .product-card .info{padding:10px}
  .product-card .info h3{font-size:12px}
  .recommend-list a:nth-child(n+4){display:none}
  .recommend-list a{width:85px}
  .recommend-list a img{width:75px;height:75px}
  .recommend-list a span{font-size:9px}
  /* 底部导航栏小屏适配 — 三列密集排布 */
  .footer-inner{display:table!important;width:100%!important;max-width:100%!important;table-layout:fixed!important;padding:0;margin:0}
  .footer{padding:12px 6px 8px;background:#1a1a1a}
  .footer .footer-col{display:table-cell!important;width:33.33%!important;min-width:0!important;max-width:33.33%!important;overflow:hidden!important;vertical-align:top;padding:0 3px}
  .footer .footer-col:first-child{display:table-cell!important}
  .footer h4{font-size:8px;margin-bottom:4px;letter-spacing:0.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:600}
  .footer p,.footer a{font-size:7px;line-height:1.8;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .footer .footer-col a{padding:1px 0;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%;transition:color .2s}
  .footer .footer-col a:hover{color:#4CAF50}
  .footer .footer-col a::before{content:'› ';font-size:6px;margin-right:1px;color:#4CAF50}
  .footer .footer-contact a::before{content:none}
  .footer .footer-contact a{display:inline;padding:0}
  .footer .contact-item{font-size:7px;display:flex;align-items:center;gap:1px;flex-wrap:nowrap;white-space:nowrap;margin-bottom:2px;line-height:1.6;overflow:hidden;max-width:100%}
  .footer .contact-item .footer-icon{min-width:8px;font-size:8px;flex-shrink:0}
  .footer .wa-icon{width:6px;height:6px}
  .footer-bottom{font-size:6px;padding-top:8px;margin-top:6px;border-top:1px solid #333}
  .footer-bottom p{font-size:6px;color:#888;line-height:2;margin:0}
  .footer-bottom a{color:#aaa;text-decoration:underline;font-size:6px;line-height:2}
  .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 4px;align-items:center}
  .footer-links a{display:inline;padding:0;line-height:1.6}
  .footer-links .sep{color:#555;font-size:6px}
  .footer-links a::before{content:none!important}
  /* 小屏分页导航缩小 */
  .pagination a, .pagination span{min-width:22px;height:22px;padding:0 4px;font-size:9px;border-radius:4px}
  .pagination .info{font-size:9px;margin-left:3px;white-space:nowrap}
  .pagination .ellipsis{border:none;background:none;color:var(--text-muted);min-width:12px;padding:0;font-size:9px;pointer-events:none}
  .pagination{gap:2px;margin-top:18px;flex-wrap:nowrap;padding-bottom:50px}
}
@media(min-width:769px) and (max-width:1024px){
  .product-detail .gallery .main-img{min-height:350px}
  .product-detail .gallery .main-img img{max-height:330px}
  .thumb{width:88px;height:88px}
}

/* FAQ Section */
.faq-list{max-width:800px;margin:0 auto}
.faq-item{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;padding:16px 20px;background:#fff}
.faq-item h3{font-size:15px;color:#1a5632;margin:0 0 8px 0;cursor:pointer}
.faq-item h3:hover{color:#2a7a48}
.faq-item div[itemprop="text"]{font-size:13px;color:#555;line-height:1.6}
@media(max-width:768px){
  .faq-item{padding:12px 14px}
  .faq-item h3{font-size:13px}
  .faq-item div[itemprop="text"]{font-size:12px}
}