:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:rgb(230,57,70);--orange:#fd7e14;--yellow:#ffc107;--green:#20b955;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#0056b3;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--text-color:#222;--text-gray-color:#888;--link-text-color:#003d82;--link-hover-text-color:#1965bb;--header-height:5rem}
.container-xxl{width:100%;margin:0 auto}
body{font-family:'Open Sans',sans-serif;font-size:16px;line-height:1.5;color:#222;margin-block-start:0;margin-block-end:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}
h1{font-family:'Montserrat',sans-serif;font-weight:400;font-size:2.5rem}
h2{font-family:'Montserrat',sans-serif;font-weight:300}
h3{font-family:'Montserrat',sans-serif;font-weight:200}
html{margin-top:0 !important}
img{max-width:100%;height:auto}
body,h1,h2,h3,h4,h5,h6,ul{padding:0;margin:0}
ul{margin-block-start:0;margin-block-end:0;padding-inline-start:0;list-style:none}
li{list-style:none}
a{color:var(--link-text-color);text-decoration:none}
a:hover{color:var(--red);text-decoration:none}
figure{margin:0}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100;src:url('../fonts/Montserrat/Montserrat-Thin-10.otf') format('opentype')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:200;src:url('../fonts/Montserrat/Montserrat-ExtraLight-5.otf') format('opentype')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;src:url('../fonts/Montserrat/Montserrat-Light-6.otf') format('opentype')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url('../fonts/Montserrat/Montserrat-Regular-8.otf') format('opentype')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;src:url('../fonts/Montserrat/Montserrat-Medium-7.otf') format('opentype')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;src:url('../fonts/Montserrat/Montserrat-SemiBold-9.otf') format('opentype')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url('../fonts/Montserrat/Montserrat-Bold-2.otf') format('opentype')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;src:url('../fonts/Montserrat/Montserrat-ExtraBold-4.otf') format('opentype')}
@font-face{font-family:'Roboto Mono';font-style:normal;src:url('../fonts/roboto-mono-regular.woff2') format('opentype')}
.app{display:none}
.pc{display:block}
.bg-primary {   background-color: var(--primary) !important;}
.ellipsis{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden}
.text-primary{color:var(--primary) !important}
.lead strong{font-weight:300}
.btn-outline-primary{color:var(--primary);border-color:var(--primary)}
.btn-outline-primary:hover{color:white;background-color:var(--primary);border-color:var(--primary)}
.dropdown-menu{margin:0;border-radius:0;background:rgba(255,255,255,0.8);border:none;box-shadow:0 4px 8px rgba(0,0,0,0.1);padding:0;animation:fadeInDown 0.3s ease}
.dropdown:hover .dropdown-menu{display:block}
.dropdown-toggle::after{margin-left:5px;vertical-align:middle}
#back-to-top{position:fixed;bottom:20px;right:20px;background-color:#e64545;color:white;width:60px;height:60px;border-radius:50%;text-align:center;line-height:60px;cursor:pointer;opacity:0.7;transition:opacity 0.3s}
#back-to-top:hover{opacity:1}
#back-to-top.hidden{display:none}
#back-to-top .icon-array-top{font-size:2rem}
.floating-action{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:10px}
.floating-btn{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 3px 10px rgba(0,0,0,0.2);transition:all 0.3s ease;position:relative;overflow:hidden}
.floating-btn:hover{width:180px;border-radius:25px;color:white}
.floating-btn i{font-size:1.5rem;transition:all 0.3s ease}
.floating-btn span{display:none;transition:all 0.3s ease;padding-left:10px}
.floating-btn:hover span{display:inline-block}
#side-menu{position:fixed;right:-360px;top:0;width:360px;height:100vh;background:#fff;transition:all 0.3s ease;z-index:1000;box-shadow:6px 0 19px -2px rgba(0,0,0,0.1)}
#side-menu.active{right:0}
#side-menu .site-sideMenu-header{position:relative;padding-left:1rem;padding-top:5px;height:50px;border-bottom:1px solid rgba(0,0,0,0.1)}
#side-menu .site-sideMenu-header .times{position:absolute;right:10px;top:0;font-size:2rem;font-weight:200;cursor:pointer}
#side-menu .site-sideMenu-header .logo{height:40px;width:auto}
#side-menu .site-sideMenu-list{padding-top:0.5rem;margin:0;list-style:none}
#side-menu .site-sideMenu-item{position: relative;padding:0.3rem 1rem;line-height:1.8rem;color:var(--primary);font-weight:400;font-size:1.1rem;border-bottom:solid 1px #e5e4e9}
#side-menu .site-sideMenu-item img{width:50px;height:50px}
#side-menu .site-sideMenu-list .arrow{padding:0 10px;position: absolute;top:16px;right:16px;background-color: #f8f8f8;cursor:pointer;transition:transform 0.3s}
#side-menu .site-sideMenu-list .arrow.active{transform:rotate(180deg)}
#side-menu .site-sideMenu-item .sub-menu{display:none;list-style:none;padding-left:1rem}
#side-menu .site-sideMenu-item .sub-menu .menu-item{border-bottom:none;margin-bottom: 10px;}
#side-menu .site-sideMenu-item .sub-menu .menu-item:hover{background-color: #f8f8f8;}
#side-menu .site-sideMenu-item .sub-menu .menu-item a{font-family:auto;font-size:1rem;font-weight:300;color:var(--secondary)}
#side-menu .site-sideMenu-item .sub-menu .menu-item:hover a{color:var(--primary);}
.tab-pane{animation:fadeIn 0.5s ease-in-out}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@media (min-width:1400px){.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1320px}}
@media (max-width:767px){
    body{font-size:24px}
    div,p,a,section{font-size:1rem}
    .pc{display:none}
    .app{display:block}
    .floating-action-bottom{position:fixed;display:flex;width:100%;height:3rem;flex-direction:row;justify-content:space-evenly;align-items:center;bottom:0;left:0;top:auto;z-index:40}
    .floating-action-bottom .btn{width:48%;font-size:1.2rem}
    #back-to-top{bottom:120px}
}
.page-main{margin-top:2rem}
.more-link{font:1rem autonomous,sans-serif;font-weight:400;text-transform:uppercase;text-decoration:underline;text-underline-offset:2px;color:#333}
.wrap_thumb{width:100%;position:relative;height:0;overflow:hidden;padding-bottom:100%;border-radius:4px}
.wrap_thumb .figure-title{position:absolute;left:0;bottom:0;width:100%;font-size:14px;line-height:1.5;color:#fff;background:rgba(0,0,0,0.5);text-align:center}
.wrap_thumb img{display:block;position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;transition:transform 0.3s ease;border-radius:4px}
.wrap_thumb img:hover{transform:scale(1.1)}
.wrap_thumb_75{width:100%;position:relative;height:0;overflow:hidden;padding-bottom:75%;background:#efefef;border-radius: 3px;}
.wrap_thumb_75 img{display:block;position:absolute;width:100%;height:100%;top:0;left:0}
.btn-primary{color:#fff;border:solid 1px var(--primary);background-color:var(--primary)}
.btn-primary:hover{color:#fff;border:solid 1px #d92121;background-color:#003d82}
.btn-inquiry{background-color:rgb(230,57,70);border-color:rgb(230,57,70);color:white}
.btn-whatsapp{background-color:rgb(34,197,94);border-color:rgb(34,197,94);color:white}
.btn-inquiry:hover{background-color:rgb(230,57,70);border-color:rgb(230,57,70);color:white}
.btn-whatsapp:hover{background-color:#20b955;color:white}
.beauty-card{border:none;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s ease;margin-bottom:2rem;border-top:4px solid var(--dark)}
.beauty-card:hover{transform:translateY(-5px)}
.beauty-card.primary{border-top:4px solid var(--primary);color:var(--primary)}
.beauty-card.red{border-top:4px solid var(--red);color:var(--red)}
.beauty-card.green{border-top:4px solid var(--green);color:var(--green)}
.beauty-card.blue{border-top:4px solid var(--blue);color:var(--blue)}
.beauty-card.cyan{border-top:4px solid var(--cyan);color:var(--cyan)}
.beauty-card .card-main{color:var(--text-color);font-weight:300}
.beauty-card .feature-icon{width:5.5rem;height:5.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;background:var(--light)}
.beauty-card .feature-icon i{color:inherit}
.beauty-card.success{border-top:4px solid var(--success);color:var(--success)}
.section-padding{padding:2rem 0}
.section-title{padding:2rem 0 0 0;text-align:center;padding-bottom:2rem}
.section-title>.title{line-height:1;font-weight:400}
.section-title>.title-desc{margin:0.5rem 0 0 0;text-align:center;font-size:1.1rem;color:var(--text-gray-color);font-weight:300}
.section-title>.more-link{display:block;margin-top:0.5rem;text-align:center}
.hero-section{margin-top:var(--header-height);padding: 60px 0 30px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;
    /* background:linear-gradient(135deg,var(--primary)0%,#003d82 100%); */
    background: linear-gradient(135deg, #1a365d 0%, #2d4a7c 100%);
    border-radius:0;color:white;background-size:cover;background-size:auto 100%;background-position:right;background-repeat:no-repeat}
.hero-section.white-bg{padding-top: 0px;background:transparent;color:var(--gray-dark)}
.hero-section .hero-title,.hero-section h1{line-height:1}
.hero-section .hero-desc{margin-top:0.5rem;font-size:1.2rem;line-height:1.5;font-weight:300}
.hero-section .breadcrumb{margin-top:1rem;margin-bottom:0;padding:10px;background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;}
.hero-section .breadcrumb .icon-bearing{margin-right:5px; color: rgba(255, 255, 255, 0.6);}
.hero-section .breadcrumb a{color:#e0e0e0;}
.hero-section .breadcrumb span{padding:0 5px}
.hero-section.white-bg .breadcrumb{padding: 0 0 0 0;}
.hero-section.white-bg .breadcrumb a{color:var(--link-text-color)}
.hero-section.white-bg .breadcrumb a:hover{color:var(--link-hover-text-color)}
.hero-section .breadcrumb a:hover,.hero-section .breadcrumb .active{color:rgba(255,255,255,1)}
.btn-overview {
    background-color: #3498db;
    border-color: #3498db;
    color: white;
}
.btn-overview:hover {
    background-color: #2980b9;
    border-color: #2980b9;
}
.btn-applications {
    background-color: #2ecc71;
    border-color: #2ecc71;
    color: white;
}
.btn-applications:hover {
    background-color: #27ae60;
    border-color: #27ae60;
}
.btn-features {
    background-color: #e67e22;
    border-color: #e67e22;
    color: white;
}
.btn-features:hover {
    background-color: #d35400;
    border-color: #d35400;
}
.btn-parameters {
    background-color: #9b59b6;
    border-color: #9b59b6;
    color: white;
}
.article-item{display:flex;justify-content:space-between;box-shadow:inset 0 6px 0 0 #f1f5f7,0 1px 5px 1px rgba(178,178,178,0.7);border-radius:0;border:none;margin-bottom:1.5rem;padding:1rem}
.article-item .article-thumb{width:200px;margin-right:1rem}
.article-item .article-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.article-item .article-title{font-size:1.2rem;line-height:1.3}
.article-item .article-excerpt{line-height:1.3;font-size:1rem;font-weight:300;color:var(--text-gray-color)}
.article-item .article-date{font-size:14px;color:#5a6874}
.article-item .article-thumb .wrap_thumb{padding-bottom:75%}
@media (max-width:767px){.article-item{flex-direction:column}}
.category-card{position:relative;width:100%;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.05);transition:all 0.3s ease;overflow:hidden}
.category-card:hover{box-shadow:0 1rem 2rem rgba(0,0,0,0.1);transform:translateY(-5px)}
.category-card .card-img-top{height:200px;object-fit:cover}
.category-card .category-card-intro{padding:0.5rem}
.category-card .category-title a{display:block;padding-top:0.5rem;line-height:1.5;font-size:1rem}
.category-card .category-desc{padding:0.5rem;margin-bottom:10px;color:var(--text-gray-color)}
.category-card .btn-group{position:absolute;left:0;top:0}
.category-card .btn-group .btn i{font-size:1.2rem}
.socials .icon.facebook{color:#0866ff}
.socials .icon.whatsapp{color:#25d366}
.socials .icon.linkedin{color:#0a66c2}
.socials .icon.tiktok{color:#000000}
.socials .icon.twitter{color:#000000}
.socials .icon.youtube{color:#ff0033}
.socials .icon.instagram{color:#d4237a}
/* series tabs */
.series-tabs-nav{background:white;border-radius:15px;padding:20px;box-shadow:0 5px 25px rgba(0,0,0,0.1);margin-bottom:30px}
.series-tabs-nav .tab-link{border:none;background:transparent;padding:15px 20px;margin:0 5px;border-radius:10px;transition:all 0.3s ease;text-align:center;min-width:100px;background:#f8f9fa;font-size:1.1rem}
.series-tabs-nav .tab-link.active{background:linear-gradient(135deg,#007bff,#0056b3);color:white !important;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,123,255,0.3)}
.series-tabs-nav .tab-link:hover:not(.active){background:rgb(199,218,237);transform:translateY(-1px)}
.series-number{display:block;font-size:1.5rem;font-weight:bold;line-height:1}
.series-name{font-size:0.85rem;opacity:0.9}
.series-content-card{background:white;border-radius:15px;padding:30px;box-shadow:0 10px 40px rgba(0,0,0,0.1);border:1px solid #e3f2fd}
.series-image-wrapper{position:relative;text-align:center;padding:20px}
.series-main-image{max-height:300px;transition:transform 0.3s ease}
.series-image-wrapper:hover .series-main-image{transform:scale(1.05)}
.series-badge{position:absolute;top:15px;right:15px;background:#28a745;color:white;padding:5px 12px;border-radius:20px;font-size:0.75rem;font-weight:bold}
.series-info h3{color:#2c3e50;margin-bottom:15px;font-weight:700}
.series-features{margin-bottom:20px}
.series-features ul{list-style:none;display:flex;}
.series-features ul li{background:#e3f2fd;color:#1976d2;padding:5px 12px;border-radius:15px;font-size:0.85rem;margin-right:8px;margin-bottom:8px;font-weight:500}
.series-description{color:#555;line-height:1.6;margin-bottom:25px}
.technical-specs{background:#f8f9fa;padding:20px;border-radius:10px;margin-bottom:20px}
.technical-specs h5{color:#2c3e50;margin-bottom:15px}
.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}
.spec-item{text-align:center}
.spec-label{display:block;font-size:0.8rem;color:#666;margin-bottom:5px}
.spec-value{display:block;font-weight:600;color:#2c3e50}
.popular-models h6{color:#2c3e50;margin-bottom:10px}
.models-list{display:flex;flex-wrap:wrap;gap:8px}
.model-chip{background:white;border:1px solid #dee2e6;padding:6px 12px;border-radius:20px;font-size:0.8rem;color:#495057;text-decoration:none;transition:all 0.3s ease}
.model-chip:hover{background:#007bff;color:white;text-decoration:none;transform:translateY(-1px)}
.series-actions{display:flex;gap:10px;flex-wrap:wrap}
.series-actions .btn{border-radius:25px;padding:10px 20px;font-weight:500;transition:all 0.3s ease}
@media (max-width:768px){.series-tabs-nav .nav-link{min-width:80px;padding:12px 15px;margin:2px}.series-number{font-size:1.2rem}.series-actions{justify-content:center}.specs-grid{grid-template-columns:1fr}
.series-actions .btn{margin-bottom: 10px;} .inline-search >div{margin-bottom: 10px;}
}
/* top */
.site-top{position:fixed;width:100%;height:var(--header-height);top:0;left:0;z-index:1000;padding:0.5rem 1rem;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 3px 5px -3px rgba(0,0,0,0.12)}
.site-top .container-xxl{display:flex;align-items:center;justify-content:space-between;position:relative;margin:0 auto}
.site-top .navbar-brand{display:flex;align-items:center;padding:0.5rem 1rem;background-color:#f8f8f8;border-radius:0.5rem}
.site-top .navbar-brand .logo{height:36px}
.site-top .nav-link{color:#202124 !important;font-size:1.1rem;margin-right:1.5rem;padding:0.5rem 0 !important}
.site-top .nav-link:hover{color:#1a73e8 !important}
.site-top .menu-trigger{cursor:pointer}
.site-top .language-selector{color:#202124;background:transparent;border:none;padding:5px 8px;font-size:0.875rem;cursor:pointer}
.site-top .language-selector:focus{outline:none}
.site-top .user-actions{display:flex;align-items:center}
.site-top .user-actions>.product-category{width:auto;font-size:1rem;padding: 8px 16px; border: 1px solid #f8f9fa; border-radius: 5px;}
.site-top .navbar-toggler{border:none;outline:none}
.site-top .navbar-toggler-icon{background-image:none;width:24px;height:24px;position:relative;transition:all 0.3s ease-in-out}
.site-top .navbar-toggler-icon::before,.site-top .navbar-toggler-icon::after{content:'';position:absolute;width:100%;height:2px;background-color:#333;left:0;transition:all 0.3s ease-in-out}
.site-top .navbar-toggler-icon::before{top:6px}
.site-top .navbar-toggler-icon::after{bottom:6px}
.site-top .search-container{display:flex;justify-content:center;width:50%}
/* .site-top .search-container .form-inline,.search-container .form-inline .input-group{width:100%}
.site-top .search-container .form-control{height:36px !important;border-color:#222;border-radius:100px}
.site-top .search-container .btn{height:36px;background-color:#fff;color:#e81312;margin-left:-2px;border-color:#222;border-top-right-radius:100px;border-bottom-right-radius:100px} */
.advanced-search-modal-body .form-group{ margin-bottom: 1rem;}
.advanced-search-modal-body .form-group label{font-weight: 300;}
@media (max-width:767px){.site-top .search-container{display:none}.site-top .nav-link{margin-right:0;padding:0.5rem 1rem !important}.site-top .language-switcher{display:none}.site-top .main-navbar{width:100%;position:absolute;top:var(--header-height);right:0;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.site-top .navbar-toggler-icon::after{bottom:6px}.site-top .navbar-toggler[aria-expanded='true'] .navbar-toggler-icon::before{transform:rotate(45deg);top:11px}.site-top .navbar-toggler[aria-expanded='true'] .navbar-toggler-icon::after{transform:rotate(-45deg);bottom:11px}.site-top .navbar-toggler[aria-expanded='true'] .navbar-toggler-icon{background-color:transparent}}
.site-footer{color:#fff;padding-top:2.5rem;background:url('../images/footer-bg.svg') no-repeat right bottom #222}
.site-footer .contact-item{margin-bottom:1rem;width:100%}
.site-footer .contact-item dd{font-size:14px;color:#dadada;padding-left:25px}
.site-footer .contact-item dd a{text-decoration:none;color:#fff}
.footer-widget{padding-bottom:1rem}
.footer-widget .widget-title{font-size:1.75rem;margin-bottom:1rem}
.footer-widget .widget-sub-title{margin-bottom:1rem;font-size:14px;color:#dadada}
.footer-bottom .copyright{padding:10px 0;text-align:center;color:#999;font-size:14px}
.site-footer .form-control{border-bottom:1px solid rgba(255,255,255,0.3);border-radius:0;border-top:none;border-right:none;border-left:none;color:#fff;background-color:transparent}
.social-icons-list,.wx-list{display:flex}
.social-icons-list li{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.9);border-radius:5px;margin:10px 10px 20px 0}
.wx-list li{width:160px;height:160px;border-radius:5px;margin-right:10px}
.social-icons-list li:hover{background:rgba(255,255,255,1)}
.social-icons-list .iconfont{font-size:2rem}
@media screen and (max-width:768px){.menu-trigger span{display:none}.footer-menu li{display:block;margin-right:0}.footer-menu a{display:block;margin-bottom:10px}.top-header .socials-language{display:none}.search-container{width:80%}}
.gray-bg{padding-top:1rem;background:#f8f8f8;border-bottom:1px solid #ddd}
.category a,.breadcrumb-item a{text-decoration:none}
.breadcrumb-item+.breadcrumb-item::before,.breadcrumb-item.active{color:rgba(255,255,255,0.6)}
.search-form-container .btn{border-color:#043c6b}
@media (min-width:769px){.mobile-fixed-actions{display:none}}
.search-form-container .btn:hover{border-color:#61add7;background-color:#61add7;color:#fff}
.subcategory-container{width:100%;display:flex;flex-wrap:wrap;margin-left:-0.8%}
.subcategory-container .subcategory-item{width:32.33%;margin-bottom:1%;margin-left:1%}
.search-form-container{display:flex;flex-direction:column}
.search-form-container .form-control-title,.search-form-container .custom-select,.search-form-container .form-control-count{width:100%;margin-bottom:10px}
.inline-search{margin-top:1rem}
.sidebar-box{padding:1rem 10px;border-radius:4px;margin-bottom:1rem}
.sidebar-box .search-form-container{margin:10px 0 2rem 0}
.sidebar-box .search-form-container .btn{background-color:#043c6b;color:#fff}
.sidebar-box .sidebar-tags{display:flex;flex-wrap:wrap;margin-bottom:1rem}
.sidebar-box .sidebar-tags li{margin-right:1rem;margin-bottom:0.5rem;background-color:#fff;padding:0.3rem 0.5rem;border-radius:4px;font-size:0.8rem;cursor:pointer}
.sidebar-box .business-list li{line-height:2;font-weight:500}
.products-container>section{margin-bottom:1.5rem}
.modal-title{color:#333;font-family:'Oswald'}
@media screen and (max-width:768px){.nav-item{font-size:24px}.site-header .navbar-nav{height:auto;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.subcategory-container .subcategory-item{width:100%}.site-header .main-navbar{height:auto}.site-header .nav-link{font-size:24px}}
@media (max-width:991px){.navbar-nav>.nav-item{flex-direction:column;align-items:flex-start}.dropdown .dropdown-toggle::after{display:none}.navbar-nav .dropdown-menu{display:flex !important;flex-direction:column;position:static;float:none;border:none;box-shadow:none;background-color:transparent;padding-left:15px}.dropdown-item{padding:0.25rem 0}.navbar-nav .nav-item.active{background-color:transparent}.navbar-nav .nav-item.active .nav-link,.dropdown-menu .menu-item.active .dropdown-item{color:rgb(25,108,162)}}
.social-share{display:flex;gap:12px;align-items:center;margin:0 0 20px 0}
.social-share a{text-decoration:none !important}
.social-share .icon{font-size:1.6rem;color:#043c6b}
.social-share .social-share-text{font-size:1.2rem}
.product-category-btn-search{display:flex;align-items:center;justify-content:space-between}
.product-category-btn-search .form-inline{display:flex;align-items:center}
.current-category-featured{margin-bottom:5px;border:1px solid #dee2e6}
.current-category-about{display:flex;flex-direction:column;justify-content:space-between}
.current-category-about li{margin-bottom:0.5rem;font-size:1rem}
.current-category-images-buttons,.current-product-images-buttons{display:flex;gap:10px}
.current-category-images-button,.current-product-images-button{cursor:pointer;border:2px solid transparent}
.current-category-images-button img,.current-product-images-button img{width:60px}
.current-category-images-button.active,.current-product-images-button.active{border-color:var(--primary-color)}
.video-container video{max-width:100%;width:100%;height:auto}
.flag-highlight{filter:none}
.language-switcher{margin:0 10px}
.language-switcher .dropdown-item,.language-switcher .dropdown-item.text-light{color:#fff;padding:0.3rem 0.5rem;transition:background-color 0.3s ease;background-color:rgba(0,0,0,0.5);font-size: 1rem;}
.language-switcher .dropdown-item:hover{color:#e81312;text-decoration:none}
.dropdown-toggle::after{transition:transform 0.3s ease}
.dropdown:hover .dropdown-toggle::after{transform:rotate(-180deg)}
.language-switch-item{display:inline-flex;align-items:center;text-decoration:none;margin-right:10px}
.language-switch-item img{width:48px;height:32px;margin-right:5px}
.language-switcher .btn-outline-light{color:#222}
/* table */
.products_table.table,.product-detail-table.table{font-family:'Roboto Mono';margin-bottom:1.5rem}
.table .unit{font-size:0.85rem;font-weight:400}
.table .unit.unit_Kg::before{content:'(Kg)'}
.table .unit.unit_mm::before{content:'(mm)'}
.table .unit.unit_kw::before{content:'(k/W)'}
.table .unit.unit_Kn::before{content:'(kN)'}
.table .unit.unit_r-min::before{content:'(r/min)'}
.table .table-secondary th{font-weight:400}
.table .sticky-left{position: sticky;left:0;z-index:10;background: #fff;}
.table .sticky-right{position: sticky;right:0;z-index:10;background: #fff;}
.products_table.table thead th{text-align:center;vertical-align:middle;border-bottom:1px solid #dee2e6;background-color:#f9f1f1;font-size:1rem;color:#1E4290}
.products_table.table td{font-size:1rem;text-align:right;white-space:nowrap;vertical-align:middle}
.products_table.table td.bearing_no{text-align:left;white-space:nowrap}
.products_table.table td.details-btn{text-align:center;max-width:50px}
.products_table.table tbody tr:hover{background-color:#f2f2f2;color:var(--primary)}
/* pagination */
.table-pagination{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;font-family:'Roboto Mono'}
.table-pagination .page-numbers{color:#e64545;background-color:#fff;border:1px solid #dee2e6;padding:0.5rem 0.75rem;font-size:1rem;line-height:1.5;margin-left:-1px}
.table-pagination .page-numbers.current{z-index:3;color:#fff;background-color:#e64545;border-color:#e64545}
/* FAQ */
.faq-item{margin-bottom:1rem;border:1px solid #e9ecef;border-radius:4px;overflow:hidden}
.faq-item .faq-question{width:100%;padding:1rem 1.5rem;background-color:white;border:none;text-align:left;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.faq-item .faq-question i{transition:transform 0.3s ease}
.faq-item .faq-question[aria-expanded="true"] i{transform:rotate(180deg)}
.faq-item .faq-answer{padding:0 1.5rem;max-height:0;overflow:hidden;transition:all 0.3s ease}
.faq-item .faq-answer.show{padding:1rem 1.5rem 1.5rem;max-height:500px}
/* 应用场景卡片 */
.application-card{background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.08);transition:transform 0.3s ease;margin-bottom:1.5rem}
.application-card:hover{transform:translateY(-5px)}
.application-card .application-image{height:200px;overflow:hidden}
.application-card .application-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}
.application-card:hover .application-image img{transform:scale(1.05)}
.application-card .application-content{padding:1.5rem}
.application-card .application-content h3{font-size:1.5rem;margin-bottom:1rem}
/* category description section */
.section-category-description .related-posts{margin-top:1rem}
.section-category-description .related-posts li{margin-bottom:0.5rem;font-size:1.1re}
.subcategory-item .category-image-wrapper{border-radius:4px}
.subcategory-item .category-info{display:flex;flex-direction:column;justify-content:space-between}
/* filter */
.filter-section{display: flex;flex-direction: row;
    justify-content: space-between;
    background:white;border-radius:10px;padding:1.5rem;box-shadow:0 5px 15px rgba(0,0,0,0.1);margin-bottom:2rem}
.results-section{background:white;border-radius:10px;padding:1.5rem;box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.filter-group{margin-bottom:1.5rem;width:32%;flex:1;margin-left: 1%;}
.filter-title{font-weight:600;margin-bottom:0.8rem;color:#2c3e50;border-bottom:2px solid var(--primary);padding-bottom:5px}
.filter-options{display:flex;flex-wrap:wrap;gap:8px}
.filter-option{background:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;padding:5px 12px;font-size:0.85rem;cursor:pointer;transition:all 0.3s ease}
.filter-option:hover{background:#e9ecef}
.filter-option.active{background:var(--primary);color:white;border-color:var(--primary)}
@media (max-width:767px){.filter-section{flex-direction: column;}.filter-group{width:100%}}
/* hot models */
.hot-models{display:flex;flex-wrap:wrap}
.hot-models li{margin-right:1rem;margin-bottom:0.5rem;padding:0.5rem 1rem;background-color:#f2f2f2;border-radius:20px}
.hot-models li:hover{background-color:#f9f1f1}
.hot-models li a{display:block}
.product-item{margin-bottom: 1rem;}
.product-item a{display:flex;border:1px solid #eee;padding:10px;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,0.05);background-color:#fff;transition: all 0.3s ease;}
.product-item a:hover {box-shadow: 0 0 15px rgba(52, 152, 219, 0.5);border-color: #3498db;transform: translateY(-3px);}
.product-item .img{width:20%;border-radius:4px;}
.product-item .figcaption{width:80%;padding-left: 10px;}
.product-item .product-title{font-size:1.1rem;}
.product-item .product-dimensions{font-family:'Roboto Mono';color:#666;font-size:0.9rem;}