@keyframes whatsapp-pulse{0%,to{box-shadow:0 4px 16px rgba(37,211,102,.4)}50%{box-shadow:0 4px 24px rgba(37,211,102,.7)}}:root{--primary:#2C3E50;--accent:#FF6B6B;--teal:#48B5A0;--light:#FFF5F5;--white:#FFFFFF;--gray:#6B7280;--light-gray:#F3F4F6;--dark:#1a1a2e}*{margin:0;padding:0;box-sizing:border-box}body,header{background:var(--white)}body{font-family:"Segoe UI",system-ui,-apple-system,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 24px}header{border-bottom:1px solid #eee;position:sticky;top:0;z-index:100}header .container{justify-content:space-between;padding:16px 24px}.logo,body,nav a{color:var(--primary)}.logo,header .container,nav{display:flex;align-items:center}.logo{font-size:28px;font-weight:800;text-decoration:none;gap:8px}.hero h1 span,.logo span,.stat h3,nav a:hover{color:var(--accent)}nav{gap:32px}nav a{font-weight:500;transition:color .2s;font-size:15px}.btn-outline,.btn-primary{padding:10px 24px;border-radius:8px;font-weight:600;display:inline-block}.btn-primary{background:var(--accent);color:#fff!important;transition:background .2s,transform .2s}.btn-primary:hover{background:#e55a5a;transform:translateY(-1px)}.btn-outline{border:2px solid var(--accent);color:var(--accent)!important;transition:all .2s}.btn-outline:hover{background:var(--accent);color:#fff!important}.hero{background:linear-gradient(135deg,var(--light) 0%,#ffe8e8 100%);padding:100px 0 80px;text-align:center}.hero h1{font-size:48px;font-weight:800;margin-bottom:16px;line-height:1.2}.hero p,.stat p{color:var(--gray)}.hero p{font-size:18px;max-width:600px;margin:0 auto 32px}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:60px 0;text-align:center}.stat h3{font-size:36px;font-weight:800}.stat p{font-size:14px;margin-top:4px}section{padding:80px 0}.section-title{text-align:center;margin-bottom:48px}.section-title h2{font-size:36px;font-weight:700;margin-bottom:12px}.section-title p{color:var(--gray);font-size:16px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.product-card,a.product-card{display:block;text-decoration:none;color:inherit;background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:transform .3s,box-shadow .3s;border:1px solid #f0f0f0}.product-card:hover,a.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.1)}.product-card img{width:100%;aspect-ratio:4/3;object-fit:contain;display:block;background:#fafafa}a.product-card *,nav a{text-decoration:none}.product-card .img-placeholder{height:260px;background:linear-gradient(135deg,#ffe8e8,#e8f4ff);display:flex;align-items:center;justify-content:center;font-size:64px}.product-card .info{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}.product-card .info h3{font-size:15px;margin-bottom:4px;line-height:1.3}.product-card .info .specs{color:var(--gray);font-size:12px;margin-bottom:8px;flex:1;line-height:1.4}.product-card .info .price{font-size:14px;font-weight:700;color:var(--accent);margin-top:auto;line-height:1.4}.product-card .info .moq{font-size:11px;color:var(--gray);margin-top:2px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{text-align:center;padding:40px 24px;background:var(--light-gray);border-radius:16px;transition:background .3s}.feature-card:hover{background:#ffe8e8}.feature-card .icon{font-size:48px;margin-bottom:16px}.feature-card h3{font-size:18px;margin-bottom:8px}.about-text p,.category-card p,.feature-card p{color:var(--gray);font-size:14px}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.category-card{background:var(--white);border-radius:16px;padding:32px;text-align:center;border:2px solid #f0f0f0;transition:border-color .3s,transform .3s;cursor:pointer;text-decoration:none;color:inherit}.category-card:hover{border-color:var(--accent);transform:translateY(-2px)}.category-card .icon{font-size:56px;margin-bottom:12px}.category-card h3{font-size:20px;margin-bottom:8px}.section-title-wrap{background:rgba(255,255,255,.78);padding:24px;width:100%;text-align:center}.section-title-wrap .section-title{margin-bottom:0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-text h2{font-size:36px;margin-bottom:20px}.about-text p{margin-bottom:16px;font-size:16px}.about-image{background:linear-gradient(135deg,#ffe8e8,#e8f4ff);border-radius:20px;height:400px;display:flex;align-items:center;justify-content:center;font-size:120px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-info h3{font-size:20px;margin-bottom:12px}.contact-info p{color:var(--gray);margin-bottom:8px}.inquiry-form{display:flex;flex-direction:column;gap:16px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;font-family:inherit;transition:border-color .2s;width:100%}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{outline:0;border-color:var(--accent)}.inquiry-form textarea{min-height:120px;resize:vertical}.inquiry-form button{background:var(--accent);color:#fff;border:0;padding:14px 32px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.inquiry-form button:hover{background:#e55a5a}.cta{background:linear-gradient(135deg,var(--primary),#34495e);color:#fff;text-align:center;padding:80px 24px;border-radius:24px;margin:0 24px 80px}.cta h2,.footer-col h3{font-size:36px;margin-bottom:16px}.cta p{color:#ccc;margin-bottom:32px;font-size:16px}footer{background:var(--dark);color:#ccc;padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-col h3{color:#fff;font-size:18px;font-weight:600}.footer-col a,.footer-col p{color:#999;font-size:14px}.footer-col a{text-decoration:none;display:block;margin-bottom:8px}.footer-col a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid #333;padding-top:24px;text-align:center;color:#666;font-size:13px}.page-banner{background:linear-gradient(135deg,var(--light) 0%,#ffe8e8 100%);padding:60px 24px;text-align:center}.page-banner h1{font-size:40px;font-weight:700}.page-banner p{color:var(--gray);margin-top:8px}.filter-bar{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}.filter-bar select{padding:10px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff}.mobile-toggle{display:none;background:0 0;border:0;font-size:28px;cursor:pointer}.whatsapp-float{position:fixed;bottom:24px;right:24px;z-index:999;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 4px 16px rgba(37,211,102,.4);text-decoration:none;transition:transform .2s,box-shadow .2s;animation:whatsapp-pulse 2s infinite}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 24px rgba(37,211,102,.6);color:#fff}.whatsapp-float .wa-tooltip{position:absolute;right:64px;background:#fff;color:var(--primary);padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 2px 12px rgba(0,0,0,.12);opacity:0;pointer-events:none;transition:opacity .2s}.whatsapp-float:hover .wa-tooltip{opacity:1}@media (max-width:768px){.hero h1{font-size:32px}.stats{grid-template-columns:repeat(2,1fr)}.about-content,.categories,.features-grid{grid-template-columns:1fr}.about-image{height:250px}.contact-grid,.footer-grid{grid-template-columns:1fr}.mobile-toggle{display:block}nav{display:none}nav.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.1)}}