*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #1a9bfc;--primary-dark: #0d8de8;--dark: #333;--gray: #666;--light-gray: #f5f5f5;--border: #e0e0e0;--white: #fff}body{font-family:Roboto,Arial,sans-serif;color:var(--dark);line-height:1.6}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 15px}.top-bar{background:var(--light-gray);padding:8px 0;font-size:13px;color:var(--gray);border-bottom:1px solid var(--border)}.top-bar .container{display:flex;justify-content:space-between;align-items:center}.top-bar .social-icons a{color:var(--gray);margin-left:12px;font-size:14px;transition:color .3s}.top-bar .social-icons a:hover{color:var(--primary)}.site-header{position:sticky;top:0;z-index:1000;background:var(--white);box-shadow:0 2px 8px #00000014}.nav-main{display:flex;justify-content:space-between;align-items:center;padding:0 15px;max-width:1200px;margin:0 auto;height:70px}.nav-logo img{height:55px;border-radius:8px}.nav-menu{display:flex;align-items:center;gap:0}.nav-menu li{position:relative}.nav-menu li a{display:block;padding:24px 18px;font-size:14px;font-weight:500;color:var(--dark);text-transform:uppercase;transition:color .3s;letter-spacing:.5px}.nav-menu li a:hover,.nav-menu li a.active{color:var(--primary)}.nav-menu li a.active{border-bottom:3px solid var(--primary)}.nav-menu .dropdown:hover .dropdown-menu{display:block}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--white);min-width:200px;box-shadow:0 4px 12px #0000001a;border-top:3px solid var(--primary);z-index:100}.dropdown-menu li a{padding:12px 20px;font-size:13px;text-transform:none;border-bottom:1px solid var(--light-gray)}.dropdown-menu li a:hover{background:var(--light-gray);color:var(--primary)}.nav-search{font-size:18px;color:var(--dark);cursor:pointer;padding:10px;transition:color .3s}.nav-search:hover{color:var(--primary)}.page-banner{position:relative;height:300px;overflow:hidden;display:flex;align-items:center;justify-content:center}.page-banner img{width:100%;height:100%;object-fit:cover}.page-banner .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a9bfc80;display:flex;align-items:center;justify-content:center}.page-banner .overlay h1{color:var(--white);font-size:42px;font-weight:700;text-transform:uppercase;letter-spacing:4px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.hero-banner{position:relative;height:500px;overflow:hidden}.hero-banner img{width:100%;height:100%;object-fit:cover}.hero-banner .hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a9bfcb3,#0d8de866);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white);text-align:center;padding:0 20px}.hero-banner h1{font-size:48px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 12px rgba(0,0,0,.3)}.hero-banner p{font-size:22px;font-weight:300;text-shadow:0 1px 6px rgba(0,0,0,.2)}.section{padding:60px 0}.section-title{text-align:center;margin-bottom:40px}.section-title h2{font-size:28px;font-weight:700;color:var(--dark);margin-bottom:12px}.section-title .underline{width:50px;height:3px;background:var(--primary);margin:0 auto;border-radius:2px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.products-grid-4{grid-template-columns:repeat(2,1fr)}.product-card{position:relative;border-radius:4px;overflow:hidden;height:280px;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:transform .3s}.product-card:hover{transform:translateY(-4px)}.product-card img{width:100%;height:100%;object-fit:cover}.product-card .card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;transition:background .3s}.product-card:hover .card-overlay{background:#1a9bfc99}.product-card .card-overlay h3{color:var(--white);font-size:22px;font-weight:700;text-transform:uppercase;text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.3);padding:0 15px}.about-preview{display:flex;gap:40px;align-items:center}.about-preview-img{flex-shrink:0;width:45%;border-radius:6px;overflow:hidden;box-shadow:0 4px 16px #0000001f}.about-preview-img img{width:100%;height:300px;object-fit:cover}.about-preview-text{flex:1}.about-preview-text h3{font-size:22px;font-weight:700;color:var(--dark);margin-bottom:16px}.about-preview-text p{font-size:15px;color:var(--gray);line-height:1.9;margin-bottom:24px}.btn-primary{display:inline-block;background:var(--primary);color:var(--white);padding:10px 28px;border-radius:4px;font-size:14px;font-weight:500;transition:background .3s}.btn-primary:hover{background:var(--primary-dark)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service-card{display:flex;align-items:flex-start;gap:20px;padding:30px;background:var(--white);border:1px solid var(--border);border-radius:4px;transition:box-shadow .3s}.service-card:hover{box-shadow:0 4px 16px #0000001a}.service-icon{width:60px;height:60px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-icon i{font-size:24px;color:var(--white)}.service-content h4{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--dark)}.service-content p{font-size:14px;color:var(--gray);line-height:1.7}.service-card-with-images{flex-direction:column}.service-card-header{display:flex;align-items:flex-start;gap:20px}.service-images{display:grid;gap:10px;margin-top:16px}.service-images img{width:100%;height:180px;object-fit:cover;border-radius:4px;border:1px solid var(--border);cursor:pointer;transition:transform .3s}.service-images img:hover{transform:scale(1.02)}.service-images img,.product-images img,.about-gallery img{cursor:pointer}.service-images-1{grid-template-columns:1fr}.service-images-2{grid-template-columns:1fr 1fr}.service-images-2 img{height:200px}.service-images-4{grid-template-columns:repeat(2,1fr)}.service-images-4 img{height:120px}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:99999;cursor:pointer;padding:40px}.lightbox-img{max-width:80vw;max-height:85vh;object-fit:contain;border-radius:6px;box-shadow:0 8px 40px #00000080;cursor:default;background:#fff;padding:10px}.lightbox-close{position:fixed;top:20px;right:30px;background:none;border:none;color:#fff;font-size:42px;cursor:pointer;line-height:1;z-index:100000;transition:opacity .2s}.lightbox-close:hover{opacity:.7}.site-footer{background:var(--dark);color:#ccc;padding:50px 0 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr 1.2fr;gap:30px;padding-bottom:40px;border-bottom:1px solid #555}.footer-col h4{color:var(--white);font-size:16px;font-weight:700;text-transform:uppercase;margin-bottom:20px}.footer-col p{font-size:13px;line-height:1.8;color:#aaa}.footer-col ul li{margin-bottom:8px}.footer-col ul li a{font-size:13px;color:#aaa;transition:color .3s;display:flex;align-items:center;gap:8px}.footer-col ul li a:hover{color:var(--primary)}.footer-col ul li a i{color:var(--primary);font-size:12px}.footer-contact li{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;color:#aaa}.footer-contact li i{color:var(--primary);width:18px;text-align:center}.footer-qr{width:100px;margin-top:10px;border-radius:4px}.footer-bottom{text-align:center;padding:20px 0;font-size:12px;color:#888}.footer-bottom-info{margin-top:8px;font-size:11px;color:#777;line-height:1.8}.floating-sidebar{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999;display:flex;flex-direction:column}.floating-sidebar a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:16px;transition:opacity .3s}.floating-sidebar a:hover{opacity:.85}.sidebar-phone{background:#4caf50}.sidebar-line{background:#00c300}.sidebar-facebook{background:#1877f2}.sidebar-twitter{background:#1da1f2}.sidebar-linkedin{background:#0a66c2}.sidebar-instagram{background:#e4405f}.sidebar-youtube{background:red}.sidebar-line-wrap{position:relative}.sidebar-line-wrap .sidebar-line{width:48px;height:48px;font-size:22px;border-radius:8px 0 0 8px}.sidebar-line-popup{position:absolute;right:100%;top:0;background:#fff;border:2px solid #00C300;border-radius:8px;padding:10px;width:140px;text-align:center;box-shadow:-3px 3px 12px #00000026;opacity:0;pointer-events:none;transform:translate(8px);transition:opacity .25s,transform .25s}.sidebar-line-wrap:hover .sidebar-line-popup{opacity:1;pointer-events:auto;transform:translate(0)}.sidebar-line-popup img{width:110px;height:110px;object-fit:cover;border-radius:4px;margin:0 auto 6px}.sidebar-line-popup .popup-name{font-size:11px;color:#00c300;font-weight:600;margin:0 0 2px}.sidebar-line-popup .popup-phone{font-size:11px;color:#555;margin:0}.sidebar-line-2{opacity:.85}.breadcrumb{padding:15px 0;font-size:13px;color:var(--gray)}.breadcrumb a{color:var(--gray);transition:color .3s}.breadcrumb a:hover{color:var(--primary)}.page-layout{display:grid;grid-template-columns:240px 1fr;gap:30px;padding:30px 0 60px}.sidebar-box{margin-bottom:24px}.sidebar-title{background:var(--primary);color:var(--white);padding:14px 20px;font-size:16px;font-weight:700;text-transform:uppercase;border-radius:4px 4px 0 0}.sidebar-list{border:1px solid var(--border);border-top:none}.sidebar-list li a{display:block;padding:12px 20px;font-size:14px;color:var(--gray);border-bottom:1px solid var(--light-gray);transition:all .3s}.sidebar-list li a:hover,.sidebar-list li a.active{color:var(--primary);background:var(--light-gray);padding-left:28px}.sidebar-hotline{padding:20px;border:1px solid var(--border);border-radius:4px}.sidebar-hotline i{color:var(--primary);margin-right:8px}.sidebar-hotline .phone{display:block;font-size:18px;font-weight:700;color:var(--primary);margin-top:6px}.product-detail{padding:24px;border:1px solid var(--border);border-radius:4px;margin-bottom:24px}.product-detail h3{font-size:20px;color:var(--dark);margin-bottom:12px}.product-detail h3 a{color:var(--primary);transition:color .3s}.product-detail h3 a:hover{color:var(--primary-dark)}.product-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:12px;font-size:13px;color:var(--gray)}.product-meta span i{margin-right:4px;color:var(--primary)}.product-detail-flex{display:flex;gap:24px;align-items:flex-start}.product-images{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.product-detail-flex .product-images img{width:180px;height:180px;object-fit:contain;border:1px solid var(--border);border-radius:4px;padding:8px}.product-extra-img{object-fit:cover!important;height:120px!important}.product-detail-flex .info{flex:1}.product-detail-flex .info p{font-size:14px;color:var(--gray);line-height:1.8}.about-content{padding:40px 0 60px}.about-content p{font-size:15px;color:var(--gray);line-height:2;margin-bottom:20px}.about-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.about-gallery img{width:100%;height:280px;object-fit:cover;border-radius:4px;box-shadow:0 2px 8px #0000001a}.article-item{padding:24px;border:1px solid var(--border);border-radius:4px;margin-bottom:20px}.article-item h3{font-size:18px;margin-bottom:8px}.article-item h3 a{color:var(--primary)}.article-meta{font-size:12px;color:#999;margin-bottom:10px}.article-meta i{margin-right:4px}.article-item p{font-size:14px;color:var(--gray);line-height:1.7}.read-more{display:inline-block;margin-top:10px;color:var(--primary);font-size:13px;font-weight:500}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{border-radius:6px;overflow:hidden;border:1px solid var(--border);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:box-shadow .3s,transform .2s}.news-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-3px)}.news-card-img{width:100%;height:180px;overflow:hidden;background:#f0f0f0}.news-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.news-card:hover .news-card-img img{transform:scale(1.05)}.news-card-body{padding:16px;flex:1;display:flex;flex-direction:column}.news-card-tag{display:inline-block;font-size:11px;font-weight:600;color:var(--primary);background:#00808014;padding:3px 10px;border-radius:3px;margin-bottom:10px;width:fit-content}.news-card-body h3{font-size:15px;font-weight:700;line-height:1.4;color:var(--dark);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-card:hover .news-card-body h3{color:var(--primary)}.news-card-body p{font-size:13px;color:var(--gray);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-source{margin-top:30px;padding:16px 0;border-top:1px solid var(--border);font-size:13px;color:var(--gray)}.news-source a{color:var(--primary);font-weight:500}.contact-title{text-align:center;font-size:28px;font-weight:700;margin:40px 0 30px}.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.contact-card{text-align:center;padding:30px 15px;border:1px solid var(--border);border-radius:4px}.contact-card i{font-size:32px;color:var(--primary);margin-bottom:12px}.contact-card h5{font-size:14px;color:var(--gray);margin-bottom:6px}.contact-card p{font-size:13px;color:var(--dark);font-weight:500}.contact-map{width:100%;height:300px;background:var(--light-gray);border:1px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:40px;color:var(--gray);font-size:16px}.message-title{text-align:center;font-size:24px;font-weight:700;margin-bottom:30px}.message-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:60px}.message-form .full{grid-column:1 / -1}.message-form input,.message-form textarea{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:4px;font-size:14px;font-family:inherit;outline:none;transition:border-color .3s}.message-form input:focus,.message-form textarea:focus{border-color:var(--primary)}.message-form textarea{height:120px;resize:vertical}.message-form .submit-btn{background:var(--primary);color:var(--white);border:none;padding:12px 40px;font-size:14px;font-weight:700;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:background .3s;justify-self:end}.message-form .submit-btn:hover{background:var(--primary-dark)}.placeholder-block{background:var(--light-gray);border:2px dashed var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;min-height:200px}.back-to-top{position:fixed;bottom:30px;right:50px;width:40px;height:40px;background:var(--primary);color:var(--white);border:none;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:opacity .3s;z-index:998}.back-to-top:hover{opacity:.85}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:4px;z-index:1001}.hamburger span{display:block;width:100%;height:2px;background:var(--dark);border-radius:2px;transition:all .3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 992px){.products-grid,.products-grid-4,.contact-cards,.news-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.top-bar-text{display:none}.top-bar .container{justify-content:flex-end}.hamburger{display:flex}.nav-menu{display:none;position:absolute;top:70px;left:0;right:0;background:var(--white);flex-direction:column;box-shadow:0 4px 12px #0000001a;border-top:1px solid var(--border)}.nav-menu.active{display:flex}.nav-menu li a{padding:14px 20px;border-bottom:1px solid var(--light-gray)}.nav-menu li a.active{border-bottom:1px solid var(--light-gray);border-left:3px solid var(--primary)}.nav-menu .dropdown .dropdown-menu{display:none;position:static;box-shadow:none;border-top:none;background:var(--light-gray)}.nav-menu .dropdown:hover .dropdown-menu{display:block}.dropdown-menu li a{padding-left:36px}.nav-search{display:none}.hero-banner{height:300px}.hero-banner h1{font-size:26px}.hero-banner p{font-size:16px}.page-banner{height:180px}.page-banner .overlay h1{font-size:24px;letter-spacing:2px}.section{padding:40px 0}.section-title h2{font-size:22px}.products-grid{grid-template-columns:1fr;gap:16px}.product-card{height:200px}.services-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:20px}.page-layout{grid-template-columns:1fr;gap:20px;padding:20px 0 40px}.product-detail-flex{flex-direction:column}.product-images{flex-direction:row;justify-content:center}.product-detail-flex .product-images img{width:100%;height:auto;max-width:150px;margin:0 auto}.about-preview{flex-direction:column}.about-preview-img{width:100%}.about-preview-img img{height:200px}.about-gallery{grid-template-columns:1fr}.about-gallery img{height:200px}.news-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:24px}.contact-cards{grid-template-columns:repeat(2,1fr);gap:12px}.contact-card{padding:20px 10px}.contact-card i{font-size:24px}.contact-card p{font-size:12px;word-break:break-all}.contact-title{font-size:22px;margin:24px 0 20px}.contact-map{height:200px}.message-form{grid-template-columns:1fr}.floating-sidebar{display:none}.back-to-top{right:16px;bottom:16px}.breadcrumb{font-size:12px}}