:root{--primary-color:#3498db;--secondary-color:#2c3e50;--accent-color:#e74c3c;--light-bg:#f8f9fa;--dark-text:#333;--gray-text:#6c757d;--whatsapp-color:#25D366}body{font-family:'Inter','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--dark-text);line-height:1.6;font-feature-settings:'kern' 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:'Inter','Noto Sans SC',sans-serif;font-weight:600;margin-bottom:1rem;letter-spacing:-0.02em;line-height:1.2}.navbar{transition:all 0.3s ease;padding:0.75rem 0!important}.navbar-brand{font-size:1.3rem;color:var(--secondary-color)!important}.navbar .container{max-width:1400px}.nav-link{font-weight:500;font-size:0.95rem;transition:color 0.3s ease;padding:0.5rem 1.3rem!important;white-space:nowrap;color:rgba(0,0,0,0.7)}.text-white-70{color:rgba(255,255,255,0.6)}.nav-link:hover{color:var(--primary-color)!important}.navbar-nav .dropdown.ml-3{margin-left:0.5rem!important}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);border-radius:25px;transition:all 0.3s ease}.btn-primary:hover{background-color:#2980b9;border-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.hero-section{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:white;padding:100px 0 80px;position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path fill="%23ffffff" fill-opacity="0.05" d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25"/></svg>') repeat-x;background-size:1200px 120px}.hero-section h1{font-size:2.8rem;margin-bottom:1.5rem;animation:fadeInUp 0.8s ease}.hero-section p{font-size:1.3rem;margin-bottom:2rem;animation:fadeInUp 1s ease}.features-section{padding:80px 0;background-color:var(--light-bg)}.feature-card{text-align:center;padding:30px 20px;background:white;border-radius:10px;transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}.feature-icon{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;font-size:2rem}.section-title{font-size:2.5rem;margin-bottom:1rem;color:var(--secondary-color);position:relative;padding-bottom:15px}.section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--primary-color);border-radius:2px}.card{border:none;border-radius:10px;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.15)}.card-img-top{height:250px;object-fit:cover}.form-control{border-radius:5px;border:1px solid #ddd;padding:12px 15px;transition:border-color 0.3s ease}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 0.2rem rgba(52,152,219,0.25)}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233498db' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 12px;padding-right:40px;cursor:pointer}select.form-control option{padding:10px}.custom-file-label::after{background-color:var(--primary-color);border-color:var(--primary-color);color:white}footer a{text-decoration:none;transition:color 0.3s ease}footer a:hover{color:var(--primary-color)!important}.social-links a{display:inline-block;transition:transform 0.3s ease}.social-links a:hover{transform:scale(1.2)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp 0.6s ease}.text-primary-custom{color:var(--primary-color)!important}.bg-light-custom{background-color:var(--light-bg)!important}.badge-custom{background-color:var(--primary-color);color:white;padding:5px 15px;border-radius:20px;font-weight:500}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;justify-content:center;align-items:center;z-index:9999}.spinner-overlay.active{display:flex}.flag-icon{width:20px;height:15px;margin-right:8px;display:inline-block;vertical-align:middle;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,0.15)}#langDropdown .flag-icon{margin-right:8px;width:22px;height:16px}.dropdown-item .flag-icon{margin-right:12px;width:24px;height:18px}.dropdown-item{display:flex;align-items:center;padding:10px 20px;transition:all 0.2s ease}.dropdown-item:hover{background-color:#f8f9fa;padding-left:25px}.dropdown-item.active{background-color:#3498db;color:white;font-weight:500}.dropdown-item.active:hover{background-color:#2980b9}.nav-link .flag-icon{position:relative;top:-1px}.whatsapp-float{position:fixed;bottom:80px;right:20px;z-index:9998;animation:bounce 2s infinite}.whatsapp-float a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--whatsapp-color);background:linear-gradient(135deg,#25D366 0%,#128C7E 100%);border-radius:50%;color:white;font-size:26px;text-decoration:none;box-shadow:0 4px 12px rgba(37,211,102,0.4);transition:all 0.3s ease}.whatsapp-float a:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(37,211,102,0.6);color:white;text-decoration:none}.whatsapp-float a:active{transform:scale(0.95)}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.whatsapp-float{bottom:68px;right:15px}.whatsapp-float a{width:45px;height:45px;font-size:22px}}@media (min-width: 769px) and (max-width: 1024px){.whatsapp-float{bottom:78px;right:18px}}.whatsapp-float{pointer-events:auto}.whatsapp-float a::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:var(--whatsapp-color);opacity:0;transition:opacity 0.3s,transform 0.3s}.whatsapp-float a:hover::before{opacity:0.3;transform:scale(1.3)}.nav-link{font-family:'Inter','Noto Sans SC',sans-serif;letter-spacing:-0.01em}.navbar-brand{font-family:'Inter','Noto Sans SC',sans-serif;letter-spacing:-0.02em}.product-specs,.precision-text,.technical-data,.price-tag,.moq-text,.delivery-time{font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}.btn{font-family:'Inter','Noto Sans SC',sans-serif;font-weight:500;letter-spacing:-0.01em}input,textarea,select,.form-control{font-family:'Inter','Noto Sans SC',sans-serif}.card-title{font-family:'Inter','Noto Sans SC',sans-serif;font-weight:600;letter-spacing:-0.02em}.fa,.fas,.far,.fal,.fad,.fab,.fa-solid,.fa-regular,.fa-light,.fa-thin,.fa-duotone,.fa-brands{font-family:'Font Awesome 6 Free','Font Awesome 6 Pro','Font Awesome 6 Brands'!important;font-style:normal!important;font-variant:normal!important;text-rendering:auto!important;-webkit-font-smoothing:antialiased!important}.fa-brands,.fab{font-family:'Font Awesome 6 Brands'!important}i[class^="fa-"],i[class*=" fa-"],span[class^="fa-"],span[class*=" fa-"]{font-family:'Font Awesome 6 Free','Font Awesome 6 Brands'!important;font-style:normal!important}.fi,.flag-icon,span[class^="fi-"],span[class*=" fi-"],.fi::before,.flag-icon::before{font-family:'flag-icons'!important;font-style:normal!important}:lang(zh-CN){font-family:'Noto Sans SC','Inter',sans-serif}:lang(en){font-family:'Inter','Noto Sans SC',sans-serif}

/* Active Navigation State */
.navbar-nav .nav-item .nav-link.active {
    color: var(--primary-color) !important;
    position: relative;
}

.navbar-nav .nav-item .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--primary-color);
}

/* Mobile Menu Active State */
.mobile-menu-dropdown-menu .dropdown-item.active {
    background-color: transparent !important;
    color: var(--primary-color) !important;
    font-weight: 600;
    border-bottom: 2px solid var(--primary-color);
    padding-left: 25px;
}

.mobile-menu-dropdown-menu .dropdown-item.active:hover {
    background-color: #f8f9fa !important;
    color: var(--primary-color) !important;
}