:root{--primary-blue:#1975FF;--primary-orange:#FE8100;--primary-green:#33C759;--primary-red:#E83624;--white:#FFFFFF;--black:#333333;--gray:#999999;--light-gray:#F5F5F5;--light-blue:#f7faff;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:Arial, sans-serif;background-color:var(--light-gray);color:var(--black);line-height:1.6;}.container{max-width:1170px;width:100%;margin:0 auto;padding:0 15px;box-sizing:border-box;}.top-bar{background-color:var(--white);padding:8px 0;border-bottom:1px solid var(--light-gray);}.top-bar .container{display:flex;justify-content:space-between;align-items:center;padding:0 15px;}.top-right{display:flex;gap:20px;}.top-link{color:var(--primary-green);text-decoration:none;transition:color 0.3s;}.top-link:hover{color:#2aa94a;}.main-header{background-color:var(--white);padding:20px 0;}.main-header .container{display:flex;justify-content:space-between;align-items:center;padding:0 15px;}.search-box{flex:1;max-width:500px;margin:0 40px;display:flex;gap:10px;}.search-box input{flex:1;padding:10px;border:2px solid var(--primary-blue);outline:none;}.search-box button{background:var(--primary-blue);color:var(--white);border:none;padding:0 25px;cursor:pointer;font-size:1rem;transition:background-color 0.3s;}.search-box button:hover{background:#1560d1;}.main-nav{background-color:var(--primary-blue);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);position:relative;z-index:10;margin-bottom:10px;}.main-nav ul{display:flex;list-style:none;}.main-nav a{color:var(--white);text-decoration:none;padding:15px 25px;display:block;}.main-nav a:hover{background-color:rgba(255, 255, 255, 0.1);}@media (max-width:768px){.main-header .container{flex-direction:column;gap:20px;}.search-box{margin:20px 0;width:100%;}.main-nav ul{flex-direction:column;}}main{padding-bottom:10px;}.main-content{background-color:var(--white);border-radius:8px;padding:20px 20px 5px;box-shadow:0 2px 8px rgba(0,0,0,0.05);width:1170px;margin:0 auto;}.stats-section{padding:0 0 15px 0;}.stats-grid{display:grid;grid-template-columns:repeat(6, 1fr);gap:15px;}.stat-card{text-align:center;padding:10px 10px;background:var(--white);box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:transform 0.3s ease;}.stat-card:hover{transform:translateY(-5px);}.stat-number{font-size:1rem;font-weight:bold;color:var(--primary-red);margin-bottom:8px;position:relative;display:inline-block;}.stat-number::after{content:"+";color:var(--primary-green);position:absolute;top:-5px;right:-10px;font-size:1rem;font-weight:bold;display:none;}.stat-number span.counter{display:inline-block;}.stat-label{color:var(--black);font-size:0.8rem;line-height:1.3;}.stat-card:not([data-value="100"]) .stat-number::after{display:block;}.services-section{padding:0 0 10px;}.services-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px;}.service-card{padding:10px;background:var(--light-blue);box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease;}.service-card:hover{transform:translateY(-5px);}.service-card h3{color:var(--black);margin-bottom:10px;font-size:1.2rem;}.service-card p{color:var(--gray);line-height:1.6;font-size:14px;}@media (max-width:768px){main .container{padding:15px;}.stats-grid{grid-template-columns:repeat(2, 1fr);gap:10px;}.services-grid{grid-template-columns:1fr;}.stat-number{font-size:0.9rem;}.stat-label{font-size:0.75rem;}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr;}.stat-number{font-size:0.85rem;}.stat-label{font-size:0.7rem;}.services-grid{grid-template-columns:1fr;}}.contact-info{display:flex;flex-direction:column;gap:8px;}.phone, .email{display:flex;align-items:center;gap:8px;color:var(--primary-orange);font-size:1.2rem;font-weight:bold;}.phone i, .email i{color:var(--primary-orange);font-size:1.3rem;width:20px;text-align:center;line-height:1;}@media (max-width:768px){.main-header .container{flex-direction:column;gap:20px;}.contact-info{flex-direction:row;justify-content:center;gap:20px;}.search-box{margin:20px 0;width:100%;}}.content-block{background-color:var(--white);padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.05);margin-top:10px;max-width:1170px;width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;}.section-title{font-size:1.5rem;color:var(--primary-blue);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--light-blue);}.section-title a{color:inherit;text-decoration:none;font-size:inherit;font-weight:inherit;}.section-title a:hover{color:var(--primary-blue);text-decoration:none;}footer{background-color:var(--white);padding:30px 0;border-top:1px solid var(--light-gray);}footer .container{padding:0 15px;display:flex;flex-direction:column;gap:15px;}.footer-main{text-align:center;padding-bottom:15px;border-bottom:1px solid var(--light-gray);}.footer-main p{color:var(--gray);line-height:1.8;}.footer-links{text-align:center;padding-bottom:15px;border-bottom:1px solid var(--light-gray);}.footer-links a{color:var(--gray);text-decoration:none;margin:0 10px;transition:color 0.3s;}.footer-links a:hover{color:var(--primary-blue);}.footer-copyright{text-align:center;}.footer-copyright p{color:var(--gray);font-size:0.9rem;line-height:1.8;}.footer-copyright a{color:var(--gray);text-decoration:none;}.footer-copyright a:hover{color:var(--gray);}@media (max-width:768px){footer{padding:15px 0;}.footer-main, .footer-links, .footer-copyright{padding-bottom:15px;}.footer-links a{display:inline-block;margin:5px 10px;}}.products-grid{display:grid;grid-template-columns:repeat(6, 1fr);gap:15px;}.product-card{background:var(--white);overflow:hidden;transition:transform 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1);}.product-card:hover{transform:translateY(-5px);}.product-image{width:100%;height:120px;object-fit:cover;}.product-info{padding:10px;}.product-info h3{font-size:0.9rem;color:var(--black);margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.product-info h3 a{color:inherit;text-decoration:none;}.product-info h3 a:hover{color:var(--primary-blue);}.product-info p{font-size:0.8rem;color:var(--gray);line-height:1.4;margin:3px 0;}.product-price{display:flex;align-items:center;justify-content:space-between;margin-top:8px;}.price{color:var(--primary-red);font-size:1rem;font-weight:bold;}.quote-btn{padding:3px 8px;font-size:0.8rem;background:var(--primary-blue);color:var(--white);border:none;border-radius:3px;text-decoration:none;transition:background-color 0.3s;}.quote-btn:hover{background:#1560d1;color:var(--white);text-decoration:none;}.brands-grid{display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:repeat(2, 1fr);grid-auto-flow:column;gap:10px;margin:0 10px;max-height:180px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--primary-blue) var(--light-gray);-webkit-overflow-scrolling:touch;}.brands-grid::-webkit-scrollbar{height:8px;}.brands-grid::-webkit-scrollbar-track{background:var(--light-gray);border-radius:4px;}.brands-grid::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:4px;}.brands-grid::-webkit-scrollbar-thumb:hover{background:#1560d1;}.brand-card{background:var(--white);padding:10px 5px;text-align:center;transition:transform 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1);width:130px;height:80px;display:flex;flex-direction:column;justify-content:center;}.brand-card a{text-decoration:none;color:var(--black);display:block;}.brand-image{width:120px;height:40px;object-fit:contain;margin-bottom:8px;}.brand-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:0.9rem;padding:0 8px;width:100%;box-sizing:border-box;}.brand-card:hover{transform:translateY(-5px);}.models-grid{display:grid;grid-template-columns:repeat(8, 1fr);gap:15px;}.model-card{background:var(--light-blue);overflow:hidden;transition:transform 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1);}.model-card:hover{transform:translateY(-5px);}.model-image{width:100%;height:120px;object-fit:cover;}.model-info{padding:10px;background:var(--white);}.model-info h3{font-size:0.9rem;color:var(--primary-blue);margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.model-info p{font-size:0.8rem;color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.news-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;}.news-card{background:var(--white);padding:15px;transition:transform 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1);display:flex;justify-content:space-between;align-items:center;gap:15px;min-width:0;}.news-card:hover{transform:translateY(-5px);}.news-card h3{font-size:1.1rem;color:var(--black);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;min-width:0;}.news-card h3 a{color:var(--black);text-decoration:none;transition:color 0.3s;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.news-card h3 a:hover{color:var(--primary-blue);}.news-date{font-size:0.8rem;color:var(--gray);white-space:nowrap;padding-left:15px;text-align:right;flex-shrink:0;}@media (max-width:768px){.news-card{flex-direction:row;align-items:center;gap:8px;padding:10px;}.news-card h3{flex:1;font-size:0.9rem;min-width:0;}.news-date{padding-left:10px;text-align:right;white-space:nowrap;font-size:0.8rem;min-width:85px;}}.links-grid{display:flex;flex-wrap:wrap;gap:15px;}.links-grid a{color:var(--gray);text-decoration:none;transition:color 0.3s;font-size:0.9rem;}.links-grid a:hover{color:var(--primary-blue);}@media (max-width:1024px){.products-grid, .brands-grid, .models-grid{grid-template-columns:repeat(4, 1fr);}}@media (max-width:768px){.products-grid, .brands-grid, .models-grid{grid-template-columns:repeat(2, 1fr);gap:10px;}.news-grid{grid-template-columns:1fr;}}@media (max-width:480px){.products-grid, .brands-grid, .models-grid{grid-template-columns:repeat(2, 1fr);gap:8px;}}.menu-wrapper{display:grid;grid-template-columns:250px 1fr;min-height:400px;gap:20px;position:relative;}.main-categories{list-style:none;border-right:1px solid var(--light-gray);max-height:400px;overflow-y:auto;position:relative;z-index:12;padding-right:0;}.main-categories::-webkit-scrollbar{width:6px;}.main-categories::-webkit-scrollbar-track{background:var(--light-gray);}.main-categories::-webkit-scrollbar-thumb{background:var(--gray);}.main-category{width:100%;padding:11px 15px;text-align:left;background:var(--light-blue);cursor:pointer;font-size:0.9rem;color:var(--primary-blue);transition:all 0.3s ease;margin-bottom:5px;position:relative;display:flex;justify-content:space-between;align-items:center;text-decoration:none;font-weight:bold;}.main-category::after{content:'\f054';font-family:'Font Awesome 6 Free';font-weight:900;font-size:0.8rem;opacity:0.7;}.main-category:hover{background:var(--primary-blue);color:var(--white);}.main-category:hover::after{color:var(--white);}.sub-categories{padding:15px;position:absolute;left:250px;top:0;background:var(--white);box-shadow:0 2px 8px rgba(0,0,0,0.05);z-index:11;min-width:200px;display:none;width:400px;height:400px;margin-left:-1px;}.sub-category-panel{display:none;height:100%;}.sub-category-panel.active{display:block;}.sub-category-panel h3{color:var(--primary-blue);font-size:1.1rem;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid var(--light-gray);}.sub-category-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;padding:10px 0;}.sub-category-list a{color:var(--black);text-decoration:none;font-size:0.9rem;padding:5px 0;transition:color 0.3s ease;}.sub-category-list a:hover{color:var(--primary-blue);}.category-slider{width:100%;height:100%;position:relative;z-index:1;}.slider-wrapper{position:relative;width:100%;height:400px;overflow:hidden;}.slider-item{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:opacity 0.5s ease-in-out;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}.slider-item.active{opacity:1;z-index:1;}.slider-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:2;}.slider-dot{width:10px;height:10px;background:rgba(255, 255, 255, 0.5);cursor:pointer;transition:all 0.3s ease;}.slider-dot.active{background:var(--white);transform:scale(1.2);}.slider-button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(0, 0, 0, 0.3);color:var(--white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:all 0.3s ease;}.slider-button:hover{background:rgba(0, 0, 0, 0.5);}.slider-button.prev{left:20px;}.slider-button.next{right:20px;}.sub-categories::before{content:'';position:absolute;top:0;right:100%;width:20px;height:100%;background:transparent;}.welcome{color:var(--primary-red);font-size:0.85rem;}.float-service{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:999;background:var(--white);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.1);display:flex;flex-direction:column;gap:10px;width:130px;padding:10px;@media (max-width:768px){display:none;}}.service-item{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;cursor:pointer;color:var(--primary-blue);padding:10px 0px;border-bottom:1px solid var(--light-gray);text-align:center;}.service-item:last-child{border-bottom:none;}.service-item i{font-size:24px;width:24px;text-align:center;color:var(--primary-blue);}.service-item p{margin:0;white-space:normal;font-size:0.9rem;line-height:1.4;}.service-item img{margin:10px 0;width:80px;height:80px;}.slider-item .stats-section, .slider-item .services-section{width:100%;max-width:1200px;margin:0 auto;}.slider-item .stat-card{background:var(--white);color:var(--black);}.slider-item .service-card{background:rgba(255, 255, 255, 0.1);color:var(--white);}.slider-item .service-card h3{color:var(--black);font-size:1rem;margin-bottom:10px;}.slider-item .service-card p{color:rgba(255, 255, 255, 0.8);font-size:12px;line-height:1.6;}.slider-item .stat-number{color:var(--primary-red);}.slider-item .stat-label{color:var(--black);}.slider-header{text-align:center;margin:10px 0;}.promotion-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:40px 20px;color:var(--white);position:relative;overflow:hidden;}.promotion-container::before{content:'\f06b';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:200px;opacity:0.1;color:var(--white);z-index:0;}.promotion-left, .promotion-right{position:relative;z-index:1;}.promotion-left{flex:1;}.promotion-left h2{font-size:2.5rem;margin-bottom:20px;font-weight:bold;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.1);}.promotion-right{flex:1;display:flex;justify-content:flex-end;}.promotion-details{text-align:right;}.promotion-details p{font-size:1.8rem;margin-bottom:15px;font-weight:500;}.consult-link{display:inline-flex;align-items:center;color:var(--white);text-decoration:none;font-size:1.2rem;margin-top:20px;padding:10px 20px;background:rgba(255, 255, 255, 0.2);transition:all 0.3s ease;}.consult-link i{margin-left:10px;transition:transform 0.3s ease;}.consult-link:hover{background:rgba(255, 255, 255, 0.3);}.consult-link:hover i{transform:translateX(5px);}.slider-item:first-child::before{content:'\f2db';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:200px;opacity:0.1;color:var(--white);z-index:0;}.slider-item:first-child .stats-section, .slider-item:first-child .services-section{position:relative;z-index:1;}@media (max-width:768px){.menu-wrapper{grid-template-columns:1fr;gap:10px;}.main-categories{max-height:300px;}.sub-categories{left:0;width:100%;}.slider-wrapper{height:300px;}.promotion-container{flex-direction:column;text-align:center;padding:20px;}.promotion-left h2{font-size:1.8rem;}.promotion-details p{font-size:1.4rem;}}@media (max-width:768px){.products-grid, .brands-grid, .models-grid{grid-template-columns:repeat(2, 1fr);gap:10px;}.product-image, .model-image{height:100px;}.brand-image{max-height:40px;}}@media (max-width:768px){.news-grid{grid-template-columns:1fr;gap:10px;}.news-card{padding:10px;}.news-card h3{font-size:1rem;}}@media (max-width:768px){.content-block{padding:15px;margin-top:10px;}.section-title{font-size:1.3rem;margin-bottom:15px;}}@media (max-width:480px){.content-block{padding:10px;}}@media (max-width:768px){.float-service{display:none;}}.back-to-top{position:fixed;bottom:30px;right:30px;width:40px;height:40px;background-color:var(--primary-blue);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000;@media (max-width:768px){display:none;}}.mobile-menu-btn{display:none;font-size:1.8rem;color:var(--primary-blue);background:none;border:none;cursor:pointer;padding:5px;}@media (max-width:768px){.welcome{display:none;}.mobile-menu-btn{display:block;}.main-nav{display:none;position:absolute;top:67px;left:0;right:0;z-index:1000;background-color:var(--primary-blue);}.main-nav.show{display:block;}.top-right{display:flex;gap:10px;}.top-right.show{display:flex;flex-direction:column;position:absolute;top:100%;right:0;background:var(--white);padding:10px;box-shadow:0 2px 8px rgba(0,0,0,0.1);z-index:1000;}}@media (max-width:768px){.main-categories{display:none;}.menu-wrapper{grid-template-columns:1fr;gap:10px;}.slider-wrapper{height:300px;}.promotion-container{flex-direction:column;text-align:center;padding:20px;}}.float-service .service-item a{text-decoration:none !important;color:inherit;display:flex;flex-direction:column;align-items:center;}.float-service .service-item a i{margin-bottom:8px;}.float-service .service-item a:hover, .float-service .service-item a:visited, .float-service .service-item a:active, .float-service .service-item a:focus{color:inherit;text-decoration:none !important}