:root{--text:#333;--text-h:#2c3e50;--bg:#fff;--border:#e0e0e0;--accent:#27ae60;--accent-hover:#229954;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/145% var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{margin:0;padding:0}.container{width:1200px;max-width:95%;margin:0 auto}.header{position:relative}.navbar .container{justify-content:flex-start;align-items:center;gap:20px;width:100%;max-width:1400px;padding:20px 0;display:flex}.nav-left{z-index:999;flex:1;align-items:center;display:flex}.search-bar{align-items:center;display:flex;position:relative}.search-input{color:#fff;background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;padding:8px 40px 8px 12px;font-size:14px;transition:all .3s}.search-input::placeholder{color:#ffffffb3}.logo{z-index:1001;justify-content:center;align-items:center;width:auto;min-width:120px;height:60px;display:flex;position:relative}.logo-img{width:auto;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.navbar{z-index:1000;background-color:#0000;height:auto;padding:20px 0;transition:all .5s ease-in-out;position:absolute;top:0;left:0;right:0}.navbar-dark{background-color:#333c}.navbar-dark .nav-item a{color:#fff}.navbar-dark .nav-item a:after{background-color:#fff}.navbar-dark:hover{box-shadow:var(--shadow);padding:20px 0;transition:all .5s ease-in-out;background-color:#fff!important}.navbar-dark:hover .nav-item a{color:var(--text-h)}.navbar-dark:hover .nav-item a:after{background-color:#333}.navbar-dark .logo-img-default{opacity:1}.navbar-dark .logo-img-hover,.navbar-dark:hover .logo-img-default{opacity:0}.navbar-dark:hover .logo-img-hover{opacity:1}.navbar:hover{box-shadow:var(--shadow);padding:20px 0;transition:all .5s ease-in-out;background-color:#fff!important}.navbar:hover .search-input{border-color:var(--border);background-color:var(--bg);color:var(--text)}.navbar:hover .search-input::placeholder{color:var(--text)}.navbar:hover .logo-img-default{opacity:0}.navbar:hover .logo-img-hover{opacity:1}.navbar:hover .nav-item a{color:var(--text-h)}.navbar:hover .nav-item a:after{background-color:#333}.logo-img-default{opacity:1}.logo-img-hover,.navbar-white .logo-img-default{opacity:0}.navbar-white .logo-img-hover{opacity:1}.nav-links{align-items:center;gap:30px;display:flex}.nav-item{position:relative}.nav-item a{color:#fff;letter-spacing:.5px;padding:5px 0;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-item a:hover{color:#fff}.nav-item a:after{content:"";background-color:#fff;width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.nav-item a:hover:after{width:100%}.nav-right{z-index:999;align-items:center;margin-left:auto;display:flex}.user-actions{gap:20px;display:flex}.user-icon,.cart-icon{cursor:pointer;color:#fff;background:0 0;border:none;font-size:16px;transition:color .3s}.navbar-white{box-shadow:var(--shadow);padding:10px 0;transition:all .3s;background-color:#fff!important}.navbar-white .menu-toggle,.navbar-white .search-icon{color:var(--text-h)}.navbar-white .logo h1,.navbar-white .nav-item a{color:var(--text-h);transition:color .3s}.navbar-white .nav-item a:after{background-color:#333}.navbar-white .user-icon,.navbar-white .cart-icon{color:var(--text-h)}.dropdown{position:relative}.dropdown-menu{box-shadow:var(--shadow);opacity:0;visibility:hidden;z-index:1001;background-color:#fff;min-width:200px;padding:15px 0;transition:all .3s;position:absolute;top:100%;left:0;transform:translateY(10px)}.dropdown-menu-active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{padding:10px 20px;text-decoration:none;transition:background-color .3s;display:block;color:var(--text-h)!important}.dropdown-menu a:hover{background-color:#333;color:#fff!important}.dropdown-menu a:after{display:none!important}.hero{justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:3;color:#fff;text-align:center;width:100%;max-width:1200px;padding:0 20px;line-height:1.4;position:relative}.hero-content .hero-title{color:#fff;text-align:center;white-space:normal;word-wrap:break-word;width:100%;height:240px;margin-bottom:0;font-size:65px;font-weight:600;line-height:1.3;position:relative;overflow:hidden}.hero-content .hero-title .years-text{margin-bottom:10px;font-size:90px;line-height:1.2;display:block}.hero-content .hero-subtitle{color:#ffffffe6;text-align:center;white-space:normal;word-wrap:break-word;width:100%;height:120px;margin-bottom:30px;font-size:33px;line-height:1.3;position:relative;overflow:hidden}.hero-content .slide{text-align:center;opacity:0;white-space:normal;word-wrap:break-word;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:0 40px;animation:15s ease-in-out infinite carousel;display:flex;position:absolute;top:0;left:0}.hero-content .slide:nth-child(2){animation-delay:7.5s}@keyframes carousel{0%{opacity:0}10%{opacity:1}40%{opacity:1}50%{opacity:0}to{opacity:0}}.btn{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #fff;border-radius:5px;padding:12px 30px;font-size:16px;font-weight:500;text-decoration:underline;transition:all .3s}.btn:hover{color:#fff;background-color:#333;border-color:#333}.partners-section{background-color:#fff;padding:80px 0}.partners-section .container{max-width:1200px;margin:0 auto;padding:0 20px}.partners-content{flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:40px;display:flex}.blackboard{color:#fff;background-color:#000;border:2px solid #fff;border-radius:32px;flex-direction:column;flex:1;justify-content:center;min-width:300px;padding:60px;display:flex;position:relative}.blackboard:before{content:"";pointer-events:none;border:2px solid #fff;border-radius:22px;position:absolute;inset:10px}.years-title{text-align:center;z-index:1;margin-bottom:20px;font-size:48px;font-weight:900;line-height:1.2;position:relative}.counter-value{background:linear-gradient(135deg,gold,#ffb800,#ffed4e);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:240px;font-weight:900;display:block;position:relative}.years-text{background:linear-gradient(135deg,gold,#ffb800,#ffed4e);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:72px;font-weight:600;display:block;position:relative}.manufacturing-text{text-align:center;background:linear-gradient(135deg,gold,#ffb800,#ffed4e);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:36px;font-weight:400;display:block;position:relative}.manufacturing-text:before,.manufacturing-text:after{content:"";z-index:1;background:linear-gradient(90deg,#0000,gold,#ffb800,gold,#0000);width:80%;height:3px;margin:15px auto;display:block;position:relative}.blackboard-description{text-align:center;color:#fff;max-width:400px;margin:0 auto;font-size:21px;line-height:1.4}.partners-logos{background-color:#fff;border-radius:32px;flex:2;justify-content:center;align-items:stretch;min-width:500px;padding:40px;display:flex}.partners-grid{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(3,1fr);gap:20px;width:100%;height:100%;display:grid}.partner-item{cursor:pointer;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;padding:20px;transition:all .3s;display:flex}.partner-item:hover{transform:scale(1.2);box-shadow:0 4px 12px #00000026}.partner-logo{object-fit:contain;max-width:80%;max-height:80%}.partner-item:nth-child(10) .partner-logo,.partner-item:nth-child(11) .partner-logo,.partner-item:nth-child(13) .partner-logo{max-width:104%;max-height:104%}@media (width<=992px){.partners-content{text-align:center;flex-direction:column}.blackboard{width:100%;max-width:600px}.partners-logos{width:100%;min-width:300px}}.footer{background-color:var(--text-h);color:#fff;padding:60px 0 30px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px;display:grid}.footer-info h3{color:#fff;margin-bottom:20px;font-size:24px}.footer-info p{color:#fffc;line-height:1.6}.footer-links h4,.footer-contact h4{color:#fff;margin-bottom:20px;font-size:18px}.footer-links ul{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:#fffc;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--accent)}.footer-contact p{color:#fffc;margin-bottom:10px}.footer-bottom{text-align:center;color:#fff9;border-top:1px solid #ffffff1a;padding-top:30px}@media (width<=1024px){.nav-links{gap:20px}.hero-content h2{font-size:40px}.hero-content p{font-size:18px}}@media (width<=768px){.navbar .container{flex-direction:column;gap:15px;padding:15px 0}.nav-left{order:2}.logo{order:1}.nav-right{flex-direction:column;order:3;gap:15px}}.about-us{background-color:#fff;border:2px solid #3d3d3d;border-left:none;border-right:none;padding:80px 40px}.about-content{align-items:flex-start;gap:40px;width:100%;margin:0;display:flex}.about-right{box-sizing:border-box;background-color:#fff;flex:1;justify-content:center;align-items:center;min-width:50%;max-width:50%;padding:0;display:flex}.about-left{box-sizing:border-box;flex:1;align-items:flex-start;min-width:50%;max-width:50%;padding:40px;display:flex}.letter-image{-ms-border-radius:8px;border-radius:8px;width:auto;height:500px}.about-button-container{text-align:center;margin-top:40px}.about-btn{color:#333;cursor:pointer;background-color:#0000;border:1px solid #333;border-radius:5px;padding:12px 30px;font-size:16px;font-weight:500;text-decoration:underline;transition:all .3s}.about-btn:hover{color:#fff;background-color:#333}.partners-button-container,.craftsmanship-button-container{text-align:center;margin-top:40px}.categories-featured{margin:0;padding:0;overflow:hidden}.categories-featured h2{color:var(--text-h);text-align:center;margin:50px 0;font-size:32px}.categories-grid{width:100%;margin:0;padding:0;list-style:none;display:flex}.category-item{box-sizing:border-box;cursor:pointer;background:0 0;border:none;flex:1;height:500px;margin:0;padding:0;transition:transform .3s;display:block;position:relative;overflow:hidden}.category-item:hover{z-index:10;transform:scale(1.05)}.category-image{object-fit:cover;width:100%;height:100%;display:block}.category-item h3{color:#fff;text-shadow:0 2px 4px #00000080;z-index:2;opacity:0;pointer-events:none;margin:0;font-size:32px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.category-item:hover h3{opacity:1}.carousel-container{-ms-border-radius:8px;background-color:#333;border:none;border-radius:8px;width:100%;height:500px;position:relative;overflow:hidden}.carousel-item{object-fit:cover;opacity:0;border:none;width:100%;height:100%;animation:18s infinite fade;position:absolute;top:0;left:0}.carousel-item:first-child{animation-delay:0s}.carousel-item:nth-child(2){animation-delay:3s}.carousel-item:nth-child(3){animation-delay:6s}.carousel-item:nth-child(4){animation-delay:9s}.carousel-item:nth-child(5){animation-delay:12s}.carousel-item:nth-child(6){animation-delay:15s}@keyframes fade{0%,13.333%{opacity:1}16.666%,to{opacity:0}}.craftsmanship{text-align:center;z-index:1;background-color:#fff;width:100%;min-height:100vh;padding:0 0 80px;position:relative;overflow:hidden}.craftsmanship-content{flex-direction:column;width:100%;min-height:100vh;display:flex}.craftsmanship-text{background-color:#fff;justify-content:center;align-items:center;padding:40px 0;display:flex}.craftsmanship-text p{color:#333;text-align:center;text-transform:uppercase;letter-spacing:.5px;max-width:90%;font-family:Times New Roman,Times,serif;font-size:36px;font-weight:500;line-height:1.5}.craftsmanship-image{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.display-image,.display-video{object-fit:cover;width:100%;height:100%}.categories-featured{background-color:#f9f9f9;padding:80px 0}.categories-content{max-width:1200px;margin:0 auto;padding:0 20px}.categories-content h2{color:#333;text-transform:uppercase;text-align:center;margin-bottom:40px;font-size:2.5rem}.categories-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.category-item{cursor:pointer;background-color:#fff;border-radius:8px;transition:all .3s;overflow:hidden;box-shadow:0 4px 12px #0000001a}.category-item:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.category-image{height:200px;overflow:hidden}.category-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .3s}.category-item:hover .category-thumbnail{transform:scale(1.1)}.category-item h3{text-align:center;color:#333;margin:0;padding:20px;font-size:1.2rem}.contact-us{color:#fff;background-color:#333;width:100%;height:auto;padding:0;display:block;position:relative;overflow:hidden}.contact-content{width:100%;max-width:100%;height:auto;margin:0;padding:0;position:relative}.contact-container{text-align:left;align-items:stretch;gap:0;width:100%;max-width:100%;margin:0;display:flex;position:relative}.contact-info p:first-of-type{opacity:.8;text-align:left;margin-bottom:40px;font-size:1.1rem}.contact-image-section{box-sizing:border-box;flex-direction:column;flex:1;width:50%;min-height:600px;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.contact-image{object-fit:cover;border:none;flex:1;width:100%;height:100%;margin:0;padding:0;display:block}.catalog-button-container{text-align:center;z-index:10;margin:0;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.catalog-btn{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #fff;border-radius:5px;padding:12px 30px;font-size:16px;font-weight:500;text-decoration:underline;transition:all .3s}.catalog-btn:hover{color:#333;background-color:#fff}.contact-info{box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;gap:4px;width:50%;height:100%;min-height:100%;max-height:100%;padding-left:40px;display:flex;position:relative;overflow:hidden}.contact-info h2{text-align:left;margin-bottom:2px;font-size:2.2rem}.contact-info p:first-of-type{opacity:.8;text-align:left;margin-bottom:10px;font-size:1rem;line-height:1.05}.contact-item p{opacity:.8;margin:0;font-size:.85rem;line-height:1.05}.contact-form{gap:6px}.form-group input{padding:8px;font-size:.9rem}.contact-submit{padding:8px 16px;font-size:.9rem}.contact-form-section{background-color:#333;border-radius:8px;margin-top:0;margin-bottom:8px;padding:12px}.social-media{gap:8px;margin:20px 0;display:flex;transform:translateY(-5%)}.social-icon{color:#fff;background-color:#333;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;text-decoration:none;transition:all .3s;display:flex}.social-icon:hover{background-color:#555;transform:translateY(-2px)}.social-icon svg{width:40px;height:40px}.social-image{object-fit:contain;width:40px;height:40px}.copyright-section{color:#333;text-align:center;background-color:#fff;padding:20px 0}.copyright-content{max-width:1200px;margin:0 auto;padding:0 20px}.copyright-content p{opacity:.7;color:#333;margin:0;font-size:.8rem;line-height:1.1}.product-section{border-bottom:1px solid #e0e0e0;padding:50px 0}.maintenance-image{object-fit:cover;width:75%;height:auto}.product-container{align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.product-image{flex:3;max-width:75%}.product-image img{border-radius:8px;width:100%;height:auto;box-shadow:0 4px 12px #0000001a}.product-info{flex:1;max-width:25%}.product-info h2{color:#333;margin-bottom:20px;font-size:2.5rem}.product-info p{color:#666;margin-bottom:20px;font-size:1.1rem;line-height:1.6}.product-info ul{margin-bottom:20px;padding:0;list-style:none}.product-info ul li{color:#666;margin-bottom:10px;padding-left:25px;font-size:1rem;line-height:1.5;position:relative}.product-info ul li:before{content:"•";color:#333;font-weight:700;position:absolute;left:0}.aboutus-image{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.about-hero-content{justify-content:flex-start;align-items:flex-end;height:100%;padding-bottom:60px;padding-left:60px;display:flex}.about-hero-text{text-align:left}.hero-text-background{background-color:#33333380;border-radius:32px;padding:20px;display:inline-block}.about-hero-title{color:#fff;margin-bottom:10px;font-size:65px;font-weight:600;line-height:1.3}.about-hero-subtitle{color:#ffffffe6;margin-bottom:0;font-size:33px;line-height:1.3}.about-content-section{background-color:#fff;padding:100px 0}.about-content-container{max-width:1200px;margin:0 auto;padding:0 20px}.about-content-container h2{color:var(--text-h);margin-bottom:30px;font-size:32px}.about-content-container p{color:var(--text-p);margin-bottom:20px;font-size:18px;line-height:1.6}.about-content-section .about-btn{margin-top:30px}.brand-image-container{text-align:center;background-color:#fff;justify-content:center;align-items:center;width:100%;margin:30px 0;padding:0;display:flex;overflow:hidden}.brand-image{object-fit:cover;border-radius:8px;width:100%;height:auto;min-height:500px}.bold{font-weight:700}.contact-content p{opacity:.8;margin-bottom:40px;font-size:1.1rem}.contact-item h3{text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:1.1rem}.contact-item p{opacity:.8;margin:0}.contact-form-section h3{text-transform:uppercase;letter-spacing:1px;color:#fff;margin-top:0;margin-bottom:15px;font-size:20px;font-weight:700}.contact-form-section p{color:#fffc;margin-bottom:25px;font-size:14px;line-height:1.5}.contact-form-section .contact-form{flex-direction:column;gap:15px;display:flex}.contact-form-section .form-group{margin-bottom:0}.contact-form-section input{box-sizing:border-box;color:#fff;background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:0;width:100%;padding:12px 15px;font-family:inherit;font-size:14px}.contact-form-section input::placeholder{color:#fff9}.contact-form-section .contact-submit{color:#000;cursor:pointer;text-transform:uppercase;background-color:#fff;border:none;border-radius:0;margin-top:10px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s}.contact-form-section .contact-submit:hover{color:#fff;background-color:#222}@media (width<=992px){.about-content{flex-direction:column}.about-image,.about-text{max-width:100%}.categories-grid,.contact-info{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.categories-grid,.contact-info{grid-template-columns:1fr}.about-text h2,.craftsmanship-content h2,.categories-content h2,.contact-content h2{font-size:2rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:15px}.hero-content h2{font-size:36px}.hero-content p{font-size:16px}.products-preview,.products-page{padding:60px 0}.products-preview h3,.products-page h3{font-size:28px}.products-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.footer-content{gap:30px}}@media (width<=480px){.hero-content h2{font-size:28px}.hero-content p{font-size:14px}.btn{padding:10px 25px;font-size:14px}.products-preview h3,.products-page h3{font-size:24px}.products-grid{grid-template-columns:1fr}.product-card img{height:180px}.footer-content{text-align:center;grid-template-columns:1fr}}@media (width<=360px){.nav-links{gap:10px;font-size:14px}.hero-content h2{font-size:24px}.hero-content p{font-size:12px}.btn{padding:8px 20px;font-size:13px}}.contact-button-container{z-index:1000;flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:50%;right:20px;transform:translateY(-50%)}.contact-button{color:#000;cursor:pointer;z-index:9999;background-color:#fff;border:2px solid #333;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:80px;padding:15px 10px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 12px #00000026}.contact-button:hover{color:#fff;background-color:#333}.contact-button svg{width:48px;height:48px;margin-bottom:5px}.contact-button span{text-transform:uppercase;font-size:14px;font-weight:600}.contact-modal{opacity:0;visibility:hidden;z-index:999999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;transition:all .3s;display:flex;position:fixed;inset:0}.contact-modal-content{text-align:center;background-color:#fff;border:2px solid #333;border-radius:8px;width:350px;max-width:90%;margin:0;padding:30px;position:relative;transform:none;box-shadow:0 8px 24px #00000040}.contact-modal.active{opacity:1;visibility:visible}.contact-modal-close{cursor:pointer;color:#333;background:0 0;border:none;font-size:24px;position:absolute;top:10px;right:15px}.contact-form-content{text-align:center;position:relative}.contact-form-close{color:#000;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;display:flex;position:absolute;top:-15px;right:-15px;box-shadow:0 2px 4px #0000001a}.contact-form-content h3{text-transform:uppercase;letter-spacing:1px;margin-top:0;margin-bottom:15px;font-size:20px;font-weight:700}.contact-form-content p{color:#666;margin-bottom:25px;font-size:14px;line-height:1.5}.contact-form{flex-direction:column;gap:15px;display:flex}.contact-form .form-group{margin-bottom:0}.contact-form input{box-sizing:border-box;border:1px solid #ccc;border-radius:0;width:100%;padding:12px 15px;font-family:inherit;font-size:14px}.contact-submit{color:#fff;cursor:pointer;text-transform:uppercase;background-color:#000;border:none;border-radius:0;margin-top:10px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s}.contact-submit:hover{background-color:#222}@media (width<=768px){.contact-button-container{right:10px}.contact-button{padding:12px 8px}.contact-button span{font-size:12px}.contact-popup{max-width:250px;padding:15px}.contact-popup h3{font-size:16px}.contact-form input{font-size:13px}.contact-submit{padding:8px 16px;font-size:13px}}
