.inline-style-1e4fae44 { background: #f8f9f5; margin-top: 130px; border-bottom: 1px solid #eee;height:300px; }
        .inline-style-fcb4f97d { background: #fcfcfc; border-bottom: 1px solid #eee; }
        .inline-style-7f98c1c6 { font-size: 13px; color: #888; }
        .inline-style-7a35272d { color: #888; text-decoration: none; }
        .inline-style-ddb1c7ac { margin: 0 8px; }
        .inline-style-4671278d { color: #888; }
        .inline-style-3a52aeef { border: 1px solid rgb(238, 238, 238);display: flex;justify-content: center;}; }
        .inline-style-e3719266 { border: 1px solid #00a45f; cursor: pointer; padding: 5px; border-radius: 4px; }
        .inline-style-4e97ec53 { width: 100%; height: auto; }
        .inline-style-8c8b0a44 { border: 1px solid #eee; cursor: pointer; padding: 5px; border-radius: 4px; transition: border-color 0.3s; }
        .inline-style-1930120f { font-size:24px; color: #00a45f; }
        .inline-style-dd03e5a5 { width: 30%; background: #f8f9fa; color: #333; font-weight: 600; border: 1px solid #eee; padding: 15px; text-align: center; }
        .inline-style-ac2e0370 { border: 1px solid #eee; padding: 15px; color: #666; }
        .inline-style-00377c6c { background: #00a45f; border-color: #00a45f; color: #fff;  border-radius: 30px; font-weight: 600; text-decoration: none; transition: all 0.3s ease;width:230px; }
        .inline-style-67c54afb { background: #f8f9fa;margin-top:30px; }
        .inline-style-1a8fc5d0 { background: #fff; border-radius: 8px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); overflow: hidden; }
        .inline-style-c94fd8a0 { display: flex; border-bottom: 1px solid #eee; background: #f1f2f6; }
        .inline-style-5f0e30bf { padding: 50px; min-height: 350px; }
        .inline-style-5d3b512c { color: #666; line-height: 1.8; margin-bottom: 25px; }
        .inline-style-1143bc84 { color: #666; line-height: 1.8; margin-bottom: 35px; }
        .inline-style-76e64cf7 { list-style: none; padding: 0; margin: 0; color: #555; line-height: 2.2; }
        .inline-style-b2465c2b { font-size:28px; color:#00a45f;padding:20px; }
        .inline-style-014c46c9 { background: #00a45f; border-color: #00a45f; color: #fff; border-radius: 30px; font-weight: 600; display: inline-block; text-decoration: none; transition: all 0.3s ease; }

        .product-sidebar { background: #fff; border-radius: 12px; border: 1px solid #f0f0f0; overflow: hidden; }
        .sidebar-widget { border-bottom: 1px solid #f0f0f0; }
        .sidebar-widget:last-child { border-bottom: none; }
        .sidebar-title { font-size: 18px; font-weight: 700; color: #222; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; display: flex; align-items: center;margin-top: 10px; }
        .sidebar-title::before { content: ''; display: inline-block; width: 4px; height: 18px; background: #00a45f; margin-right: 10px; border-radius: 2px; }
        
        .sidebar-cat-list { list-style: none; padding: 0; margin: 0; }
        .sidebar-cat-list li { margin-bottom: 10px; }
        .sidebar-cat-list li:last-child { margin-bottom: 0; }
        .sidebar-cat-list li a { display: flex; justify-content: space-between; align-items: center; padding: 12px 18px; background: #f8f9fa; border-radius: 8px; color: #555; font-size: 15px; font-weight: 500; text-decoration: none; transition: all 0.3s ease; }
        .sidebar-cat-list li a:hover, .sidebar-cat-list li a.active { background: #00a45f; color: #fff; box-shadow: 0 5px 15px rgba(0,164,95,0.2); transform: translateX(5px); }
        .sidebar-cat-list li a::after { content: '\f105'; font-family: 'Font Awesome 5 Pro'; font-weight: 300; transition: transform 0.3s ease; }
        
        .hot-product-item { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-decoration: none; padding: 10px; border-radius: 8px; transition: background 0.3s ease; }
        .hot-product-item:hover { background: #f8f9fa; }
        .hot-product-item:last-child { margin-bottom: 0; }
        .hot-img { width: 70px; height: 70px; border-radius: 8px; overflow: hidden; flex-shrink: 0; }
        .hot-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
        .hot-product-item:hover .hot-img img { transform: scale(1.1); }
        .hot-content h5 { font-size: 14px; font-weight: 600; color: #333; margin: 0; line-height: 1.4; transition: color 0.3s ease; }
        .hot-product-item:hover .hot-content h5 { color: #00a45f; }

        .swiper-wrapper .swiper-slide{padding:5px 0px}
        .hero-btn-1{background:var(--theme_color);color:#fff;padding:15px 35px;border-radius:30px;font-size:15px;font-weight:600;border:2px solid var(--theme_color);transition:all 0.3s ease;display:inline-block;text-decoration:none}
        .hero-btn-1:hover{background:transparent;color:var(--theme_color);text-decoration:none}
        .hero-btn-2{background:transparent;color:var(--theme_color);padding:15px 35px;border-radius:30px;font-size:15px;font-weight:600;border:2px solid var(--theme_color);transition:all 0.3s ease;display:inline-block;text-decoration:none}
        .hero-btn-2:hover{background:var(--theme_color);color:#fff;text-decoration:none}
        .hero-cat-card{display:block;text-align:center;padding:25px 15px;background:#ffffff;border:1px solid #f0f0f0;border-radius:12px;text-decoration:none;transition:all 0.3s ease}
        .hero-cat-card i{font-size:30px;color:var(--theme_color);margin-bottom:15px;transition:all 0.3s ease}
        .hero-cat-card p{font-size:13px;font-weight:600;color:#444;margin:0;transition:all 0.3s ease}
        .hero-cat-card:hover{background:var(--theme_color);transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,164,95,0.2);text-decoration:none}
        .hero-cat-card:hover i,.hero-cat-card:hover p{color:#fff}
        .cat-feature-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.05);transition:all 0.3s ease;height:100%;border:1px solid #f0f0f0;text-decoration:none}
        .cat-feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1);text-decoration:none}
        .cat-feature-card-top{height:160px;display:flex;align-items:center;justify-content:center;position:relative}
        .cat-feature-card-top i{font-size:55px}
        .cat-badge{position:absolute;top:15px;right:15px;background:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;color:#333;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
        .cat-feature-card-body{padding:25px 20px;flex:1;display:flex;flex-direction:column}
        .cat-feature-card-body h4{font-size:18px;font-weight:700;color:#222;margin-bottom:12px}
        .cat-feature-card-body p{font-size:13px;color:#666;line-height:1.6;margin-bottom:20px;flex:1}
        .cat-tags{display:flex;flex-wrap:wrap;gap:8px}
        .cat-tags span{background:#f8f9fa;border:1px solid #eee;padding:4px 10px;border-radius:20px;font-size:11px;color:#555}
        .cat-bg-1{background-color:#e8f0fe}
        .cat-bg-1 i{color:#1a73e8}
        .cat-bg-2{background-color:#f3e8fd}
        .cat-bg-2 i{color:#9333ea}
        .cat-bg-3{background-color:#e6f4ea}
        .cat-bg-3 i{color:#1e8e3e}
        .cat-bg-4{background-color:#fef7e0}
        .cat-bg-4 i{color:#f9ab00}
        .cat-bg-5{background-color:#e1f5fe}
        .cat-bg-5 i{color:#039be5}
        .cat-bg-6{background-color:#fce8e6}
        .cat-bg-6 i{color:#d93025}
        .cat-bg-7{background-color:#fce4ec}
        .cat-bg-7 i{color:#0288d1}
        .cat-bg-8{background-color:#e8eaf6}
        .cat-bg-8 i{color:#c2185b}
        .cat-bg-9{background-color:#f1f8e9}
        .cat-bg-9 i{color:#689f38}
        .pkg-case-card{perspective:1000px;height:320px;cursor:pointer}
        .pkg-case-inner{position:relative;width:100%;height:100%;transition:transform .5s;transform-style:preserve-3d}
        .pkg-case-card:hover .pkg-case-inner{transform:rotateY(180deg)}
        .pkg-case-front,.pkg-case-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;overflow:hidden}
        .pkg-case-front img{width:100%;height:100%;object-fit:cover}
        .pkg-case-front .pkg-front-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;padding:20px 18px 14px}
        .pkg-case-front .pkg-front-label h5{margin:0;font-size:16px;font-weight:700;color:#fff}
        .pkg-case-front .pkg-front-label span{font-size:12px;opacity:.8}
        .pkg-case-back{transform:rotateY(180deg);background:#00a45f;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;color:#fff}
        .pkg-case-back h4{font-size:18px;margin-bottom:12px;color:#fff}
        .pkg-case-back p{font-size:13px;opacity:.85;line-height:1.7}
        .pkg-case-back a{margin-top:16px;display:inline-block;border:2px solid #fff;color:#fff;padding:7px 22px;border-radius:20px;font-size:13px;text-decoration:none;transition:.3s}
        .pkg-case-back a:hover{background:#fff;color:#00a45f;border-color:#fff}
        .text-blog-card{background:#fff;border-radius:12px;padding:35px 30px;box-shadow:0 4px 20px rgba(0,0,0,0.05);transition:all 0.3s ease;height:100%;border:1px solid #f0f0f0;display:flex;flex-direction:column;position:relative;overflow:hidden}
        .text-blog-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--theme_color);opacity:0;transition:all 0.3s ease}
        .text-blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}
        .text-blog-card:hover::before{opacity:1}
        .text-blog-date{display:inline-block;background:rgba(0,164,95,0.1);color:var(--theme_color);font-size:13px;font-weight:600;padding:6px 15px;border-radius:20px;margin-bottom:20px;align-self:flex-start}
        .text-blog-title{font-size:20px;font-weight:700;line-height:1.4;margin-bottom:15px}
        .text-blog-title a{color:#222;text-decoration:none;transition:all 0.3s ease}
        .text-blog-title a:hover{color:var(--theme_color)}
        .text-blog-desc{font-size:14px;color:#666;line-height:1.7;margin-bottom:25px;flex:1}
        .text-blog-meta{display:flex;align-items:center;gap:15px;border-top:1px solid #eee;padding-top:20px;font-size:13px;color:#888}
        .text-blog-meta span{display:flex;align-items:center;gap:5px}
        .text-blog-meta i{color:var(--theme_color)}
        .about-feature-card-new{display:flex;align-items:flex-start;border:1px solid #eaedf1;border-radius:8px;padding:20px;margin-bottom:15px;background:#fff;transition:all 0.3s ease}
        .about-feature-card-new:hover{box-shadow:0 5px 20px rgba(0,0,0,0.05);border-color:#00a45f}
        .about-feature-icon-new{width:40px;height:40px;background:#e8f5e9;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:20px;flex-shrink:0}
        .about-feature-icon-new i{color:#00a45f;font-size:18px}
        .about-feature-text-new h4{font-size:16px;font-weight:700;color:#002244;margin-bottom:5px}
        .about-feature-text-new p{font-size:14px;color:#666;margin:0;line-height:1.6}
        .ac-about-img-wrapper img{height:100%;min-height:250px;object-fit:cover}
        .about-img-1{min-height:200px !important}
        .about-img-2{min-height:250px !important}
        .about-img-3{min-height:280px !important}
        .about-img-4{min-height:240px !important}
        .split-feature-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.05);transition:all 0.3s ease;height:100%;border:1px solid #f0f0f0;text-decoration:none}
        .split-feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1);text-decoration:none}
        .split-feature-img{overflow:hidden;position:relative}
        .split-feature-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}
        .split-feature-card:hover .split-feature-img img{transform:scale(1.08)}
        .split-feature-body{padding:15px 20px;flex:1;display:flex;flex-direction:column;position:relative}
        .split-feature-body h3{font-size:20px;font-weight:700;color:#222;margin-bottom:12px;transition:color 0.3s ease}
        .split-feature-card:hover .split-feature-body h3{color:#02405c}
        .split-feature-body p{font-size:14px;color:#666;line-height:1.6;margin-bottom:20px;flex:1;padding-right:40px}
        @keyframes ripple{0%{box-shadow:0 0 0 0 rgba(0,164,95,0.4)}
        70%{box-shadow:0 0 0 20px rgba(0,164,95,0)}
        100%{box-shadow:0 0 0 0 rgba(0,164,95,0)}
        }@keyframes spin{from{transform:rotate(0deg)}
        to{transform:rotate(360deg)}
        }.about-feature-box{background:#fff;border:1px solid #e0e5e9;border-radius:12px;padding:30px;display:flex;align-items:flex-start;gap:20px;margin-bottom:20px;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.02)}
        .about-feature-box:hover{box-shadow:0 10px 30px rgba(0,0,0,0.08);transform:translateY(-3px);border-color:rgba(0,164,95,0.2)}
        .about-feature-icon-box{background:#eaf5fc;width:55px;height:55px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
        .about-feature-icon-box i{font-size:24px;color:#03527a}
        .about-feature-box-content h4{font-size:17px;font-weight:700;color:#111;margin-bottom:8px;margin-top:0}
        .about-feature-box-content p{font-size:14px;color:#666;line-height:1.6;margin:0}
        .adv-dark-card{background:#1a2235;border:1px solid rgba(255,255,255,0.05);border-radius:12px;padding:40px 30px;text-align:center;height:100%;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center}
        .adv-dark-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.2);border-color:rgba(0,164,95,0.3)}
        .adv-dark-icon{width:60px;height:60px;background:rgba(3,169,244,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:25px}
        .adv-dark-icon i{font-size:26px;color:#03a9f4}
        .adv-dark-card h4{font-size:18px;font-weight:700;color:#fff;margin-bottom:15px}
        .adv-dark-card p{font-size:14px;color:#a0a5b0;line-height:1.7;margin:0}

.product-gallery-main img { width: 74%; border-radius: 10px; object-fit: cover; padding: 25px;}
        .product-thumb-item { cursor: pointer; border-radius: 6px; overflow: hidden; border: 2px solid transparent; transition: .3s; }
        .product-thumb-item.active, .product-thumb-item:hover { border-color: #00a45f; }
        .product-thumb-item img { width: 100%; height: 80px; object-fit: cover; }
        .product-spec-table th, .fadeInRight table th{ background: #f7f7f7; font-weight: 600; width: 35%; }
        .product-spec-table td, .product-spec-table th, .fadeInRight table td，.fadeInRight table th{ padding: 10px 15px; border: 1px solid #eee; font-size: 14px; }
        
        .fadeInRight table td,.fadeInRight table th{padding: 10px 15px!important; border: 1px solid #eee!important; font-size: 14px!important;     line-height: 1.6!important;}
        
        
        .product-details-badge { display: inline-block; background: #00a45f; color: #fff; font-size: 12px; padding: 2px 12px; border-radius: 20px; margin-bottom: 12px; }
        .product-details-qty { display: flex; align-items: center; gap: 12px; margin: 18px 0; }
        .product-details-qty button { width: 34px; height: 34px; border: 1px solid #ddd; background: #fff; border-radius: 4px; font-size: 18px; cursor: pointer; }
        .product-details-qty input { width: 60px; text-align: center; border: 1px solid #ddd; border-radius: 4px; height: 34px; }
        
        .cat-nav-link { position: relative; display: inline-block; color: #666; font-size: 14px; font-weight: 500; text-decoration: none; padding: 5px 0 8px 0; margin: 0 15px 15px 0; transition: color 0.3s; cursor: pointer; min-width: 160px;text-align: center; }
        .cat-nav-link::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #00a45f; transform: scaleX(0); transition: transform 0.3s ease; transform-origin: left; }
        .cat-nav-link:hover, .cat-nav-link.active { color: #00a45f; }
        .cat-nav-link:hover::after, .cat-nav-link.active::after { transform: scaleX(1); }

        .tab-header-btn { padding: 12px 35px; font-weight: 600; font-size: 15px; cursor: pointer; transition: all 0.3s ease;  margin-right: 10px;  display: inline-block; text-align: center; min-width: 130px; }
        .tab-header-btn.active { color: #fff !important; background: #00a45f !important; border-color: #00a45f !important; }
        .tab-header-btn:not(.active) { color: #555 !important; background: #fff !important; border-color: #00a45f !important; }
        .tab-header-btn:hover:not(.active) { color: #00a45f !important; background: #f0fdf4 !important; }
        .tab-pane { display: none; }
        .tab-pane.active { display: block; animation: fadeIn 0.5s; }
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }