.site-header{width:100%}.nav{width:100%;background:linear-gradient(90deg,#0f172a,#b91c1c);color:#fff;box-shadow:0 2px 8px #00000026;position:fixed;top:0;left:0;z-index:1000}body{padding-top:88px}.nav-inner{max-width:1200px;margin:0 auto;padding:12px 18px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:52px;height:52px;border-radius:8px;object-fit:cover}.brand-text h1{font-size:16px;font-weight:800;line-height:1;color:#fff!important}.brand-text .tag{font-size:12px;opacity:.85;color:#fff!important}.navlinks.desktop{margin-left:24px;display:flex;gap:10px;align-items:center;flex:1}.navlinks.desktop a{color:#fff;padding:8px 12px;border-radius:8px;display:flex;gap:8px;align-items:center;text-decoration:none;font-weight:600;transition:background .2s}.navlinks.desktop a:hover{background:#ffffff14}.right-actions{display:flex;align-items:center;gap:12px}.whatsapp-desktop{background:#25d366;color:#fff;padding:8px 12px;border-radius:8px;font-weight:700;display:flex;gap:8px;align-items:center;text-decoration:none}.hamburger{display:none;background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.nav-mobile{display:none;flex-direction:column;gap:12px;padding:14px 16px 20px;background:linear-gradient(180deg,#0f172af2,#0f172afa)}.nav-mobile.open{display:flex}.mobile-link{background:#b91c1c;color:#fff;padding:12px;border-radius:10px;text-decoration:none;font-weight:700;display:flex;gap:10px;justify-content:center;align-items:center}.mobile-link:hover,.mobile-link:active{background:#fff;color:#b91c1c}.whatsapp-mobile{background:#25d366;color:#fff;padding:12px;border-radius:10px;font-weight:700;text-decoration:none;display:flex;justify-content:center;gap:10px}.icon{font-size:18px}@media (max-width: 900px){.navlinks.desktop{display:none}.hamburger{display:block}}@media (max-width: 480px){body{padding-top:76px}.brand-text h1{font-size:14px}.brand-logo{width:46px;height:46px}}.home-page{width:100%;background:#f8fafc}.hero{max-width:1200px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.hero-content h1{font-size:42px;font-weight:900;color:#0f172a}.hero-content h1 span{color:#b91c1c}.hero-content p{margin-top:16px;font-size:17px;color:#475569;max-width:540px}.hero-actions{margin-top:28px;display:flex;gap:14px}.hero-image img{width:100%;border-radius:18px;box-shadow:0 25px 60px #00000026}.btn{padding:14px 22px;border-radius:12px;font-weight:800;text-decoration:none;transition:all .25s ease}.btn.primary{background:#b91c1c;color:#fff}.btn.primary:hover{background:#991b1b}.btn.outline{border:2px solid #b91c1c;color:#b91c1c}.btn.outline:hover{background:#b91c1c;color:#fff}.btn.large{padding:16px 30px}.categories{background:#fff;padding:80px 20px;text-align:center}.categories h2{font-size:32px;font-weight:900;color:#0f172a;margin-bottom:40px}.category-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}.category-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #00000014;transition:transform .25s ease}.category-card:hover{transform:translateY(-6px)}.category-card img{width:100%;height:180px;object-fit:cover}.category-card h3{margin:16px 0 6px;font-size:20px;font-weight:800;color:#0f172a}.category-card p{padding:0 16px 20px;font-size:14px;color:#64748b}.company-highlight{padding:90px 20px;text-align:center;background:linear-gradient(90deg,#0f172a,#020617);color:#fff}.company-highlight h2{font-size:34px;font-weight:900}.company-highlight p{margin:18px auto 34px;max-width:650px;font-size:16px;color:#e5e7eb}@media (max-width: 900px){.hero{grid-template-columns:1fr;padding:60px 16px}.hero-content h1{font-size:32px}}.products-page{padding:40px 20px;background:#f9f9fb;min-height:100vh;font-family:Poppins,sans-serif}.products-title{text-align:center;font-size:2.2rem;font-weight:700;color:#111;margin-bottom:30px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:30px;justify-items:center}.product-card{background:#fff;border-radius:18px;box-shadow:0 5px 20px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;position:relative;width:100%;max-width:320px}.product-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #0000001f}.image-wrapper{position:relative;width:100%;height:240px;overflow:hidden}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-card:hover .product-image{transform:scale(1.08)}.category-tag{position:absolute;top:12px;left:12px;background:#007bff;color:#fff;font-size:.8rem;padding:5px 10px;border-radius:20px;font-weight:600}.product-info{padding:18px;text-align:center}.product-info h2{font-size:1.2rem;color:#222;margin-bottom:8px}.description{color:#666;font-size:.9rem;min-height:40px;margin-bottom:10px}.price{font-weight:700;color:#222;font-size:1.1rem;margin-bottom:15px}.buy-btn,.soldout-btn{padding:10px 18px;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.buy-btn{background:linear-gradient(135deg,#f80,#ff5e00);color:#fff;box-shadow:0 4px 10px #ff88004d}.buy-btn:hover{background:linear-gradient(135deg,#ff5e00,#f30)}.soldout-btn{background:#ccc;color:#fff;cursor:not-allowed}.loading,.no-products{text-align:center;font-size:1.2rem;color:#666;margin-top:50px}.order-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.popup-content{background:#fff;padding:25px 35px;border-radius:12px;text-align:center;box-shadow:0 4px 20px #0003}.close-btn{margin-top:15px;background:#ff4d4d;color:#fff;border:none;padding:8px 16px;border-radius:25px;cursor:pointer;font-weight:600}.close-btn:hover{background:#e03e3e}.about-page{width:100%;padding:90px 16px 80px;background:#fff}.about-container{max-width:1100px;margin:0 auto}.about-header{text-align:center;margin-bottom:50px}.about-header h1{font-size:2.6rem;font-weight:800;color:#0f172a;margin-bottom:10px}.about-header p{font-size:1.05rem;color:#475569}.about-section{background:#f8fafc;padding:40px;border-radius:18px;margin-bottom:60px;box-shadow:0 12px 35px #00000014}.about-section h2{font-size:1.9rem;font-weight:700;color:#b91c1c;margin-bottom:14px}.about-section p{font-size:1.05rem;line-height:1.8;color:#334155;margin-bottom:14px}.ceo-section{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:center}.ceo-image img{width:100%;border-radius:22px;box-shadow:0 20px 50px #00000040;object-fit:cover}.ceo-content h2{font-size:2.1rem;font-weight:800;color:#0f172a}.ceo-content h3{font-size:1.1rem;color:#b91c1c;margin:8px 0 18px}.ceo-content p{font-size:1.05rem;line-height:1.8;color:#334155;margin-bottom:16px}@media (max-width: 900px){.ceo-section{grid-template-columns:1fr}.ceo-image{max-width:420px;margin:0 auto}}@media (max-width: 480px){.about-header h1{font-size:2rem}.about-section,.ceo-content{padding:26px}.ceo-content h2{font-size:1.8rem}}.contact-page{width:100%;padding:120px 16px 70px;background:#f8fafc}.contact-container{max-width:1100px;margin:0 auto}.contact-header{text-align:center;margin-bottom:60px}.contact-header h1{font-size:2.3rem;font-weight:800;color:#0f172a;margin-bottom:12px}.contact-header p{font-size:1.05rem;color:#475569}.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:start}.contact-form{background:#fff;border-radius:18px;padding:32px;box-shadow:0 15px 40px #00000014}.form-group{display:flex;flex-direction:column;margin-bottom:18px}.form-group label{font-size:.9rem;font-weight:600;color:#334155;margin-bottom:6px}.form-group input,.form-group textarea{padding:12px 14px;border-radius:10px;border:1px solid #cbd5e1;font-size:.95rem;outline:none;transition:border .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#b91c1c;box-shadow:0 0 0 3px #b91c1c26}.btn-send{width:100%;margin-top:12px;background:#b91c1c;color:#fff;padding:14px;border-radius:12px;border:none;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-send:hover{background:#991b1b;transform:translateY(-2px);box-shadow:0 10px 25px #00000026}.contact-card{background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff;border-radius:18px;padding:34px 28px;box-shadow:0 15px 40px #00000026;text-align:center}.contact-card h3{font-size:1.4rem;font-weight:800;margin-bottom:10px}.contact-card p{font-size:.95rem;opacity:.9;margin-bottom:26px}.btn-whatsapp{background:#25d366;color:#fff;padding:14px 18px;border-radius:12px;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;gap:10px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0003}@media (max-width: 900px){.contact-grid{grid-template-columns:1fr;gap:40px}.contact-card{max-width:380px;margin:0 auto}}@media (max-width: 480px){.contact-page{padding-top:100px}.contact-header h1{font-size:1.8rem}.contact-header p{font-size:.95rem}}.admin-container{max-width:1000px;margin:2rem auto;padding:1rem}h2,h3{color:#0f172a;margin-bottom:1rem}.admin-section{background:#f8fafc;padding:1.5rem;border-radius:10px;box-shadow:0 2px 6px #0000001a;margin-bottom:2rem}.admin-form{display:grid;gap:1rem}.admin-form input,.admin-form textarea,.admin-form button{padding:.8rem;border:1px solid #cbd5e1;border-radius:6px;font-size:1rem}.admin-form button{background-color:#facc15;color:#0f172a;font-weight:600;cursor:pointer;transition:.3s}.admin-form button:hover{background-color:#eab308}.admin-products .product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.product-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px #00000014;transition:transform .2s}.product-card:hover{transform:translateY(-3px)}.product-card img{width:100%;height:180px;object-fit:cover}.product-info{padding:.8rem;text-align:center}.delete-btn{background-color:#ef4444;color:#fff;padding:6px 10px;border:none;border-radius:6px;cursor:pointer;transition:.3s}.delete-btn:hover{background-color:#dc2626}@media (max-width: 600px){.admin-container{padding:.5rem}}.admin-login{min-height:80vh;display:flex;align-items:center;justify-content:center;background:#0f172a}.login-card{background:#fff;padding:40px;border-radius:16px;width:100%;max-width:380px;text-align:center;box-shadow:0 30px 60px #00000040}.login-card h2{margin-bottom:6px;font-size:24px}.login-card p{font-size:14px;color:#64748b;margin-bottom:20px}.login-card input{width:100%;padding:12px;border-radius:10px;border:1px solid #cbd5f5;margin-bottom:18px;font-size:15px}.login-card button{width:100%;padding:12px;background:#b91c1c;color:#fff;font-weight:700;border:none;border-radius:10px;cursor:pointer}.login-card button:hover{background:#991b1b}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,Segoe UI,sans-serif}body{background-color:#fff;color:#1e293b;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block;border-radius:10px}h1,h2,h3,h4{color:#0f172a}.app-container{padding-top:90px}@media (max-width: 768px){.app-container{padding-top:70px}}.hero{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:2rem auto;padding:0 2rem;gap:2rem;flex-wrap:wrap}.hero-text{flex:1;min-width:280px}.hero-text h1{font-size:2.5rem;margin-bottom:1rem}.hero-text span{color:#0f172a;background:linear-gradient(90deg,#facc15,#fbbf24);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{color:#475569;margin-bottom:1.5rem}.hero-buttons{display:flex;gap:1rem}.hero-image{flex:1;text-align:center}.hero-image img{width:90%;border-radius:12px;box-shadow:0 8px 18px #0000001a}.segment{margin:3rem auto;max-width:1200px;padding:0 1.5rem}.segment h2{margin-bottom:1rem;color:#0f172a;font-size:1.6rem}.scroll-row{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;padding-bottom:1rem}.scroll-row::-webkit-scrollbar{height:8px}.scroll-row::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.product-card{background:#fff;border-radius:12px;box-shadow:0 4px 10px #00000014;padding:1rem;min-width:250px;flex:0 0 auto;position:relative;transition:.3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001f}.product-card img{border-radius:10px;height:200px;width:100%;object-fit:cover}.product-info{margin-top:.8rem}.product-info h3{font-size:1rem;margin-bottom:.3rem}.product-info .desc{color:#475569;font-size:.9rem;margin-bottom:.5rem}.product-info .price{font-weight:700;color:#0f172a;margin-bottom:.6rem}.product-card.sold-out{opacity:.6}.sold-tag{position:absolute;top:10px;right:10px;background:#facc15;color:#0f172a;padding:4px 8px;font-weight:600;border-radius:5px;font-size:.8rem}.products-page{padding:2rem;max-width:1200px;margin:auto}.products-page h2{text-align:center;margin-bottom:2rem}.products-page .product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem}.footer{background-color:#0f172a;color:#fff;text-align:center;padding:1.5rem;margin-top:3rem}.footer .inner{display:flex;flex-direction:column;gap:6px;font-size:.9rem}@media (max-width: 768px){.hero{flex-direction:column;text-align:center;padding:2rem 1rem}.hero-text h1{font-size:2rem}.hero-buttons{flex-direction:column}.segment{padding:0 1rem}.product-card{min-width:80%}}@media (max-width: 480px){.hero-text h1{font-size:1.8rem}.btn{width:100%;text-align:center}.brand h1{font-size:1rem}}*{box-sizing:border-box;margin:0;padding:0}:root{--navy: #081028;--accent: #0b2340;--muted: #6b7280;--brand: #0b2340;--white: #ffffff;--maxw: 1100px}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:#fff;color:var(--navy)}.app{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1;max-width:var(--maxw);margin:22px auto;padding:0 16px}.navbar{background:linear-gradient(90deg,#f8fafc,#fff);border-bottom:1px solid #e6edf3}.nav-inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:20px;padding:14px 16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.brand .logo{width:64px;height:64px;border-radius:8px;background:var(--navy);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px}.brand h1{font-size:18px;margin:0;letter-spacing:.4px}.navlinks{margin-left:auto;display:flex;gap:10px;align-items:center}.navlinks a{text-decoration:none;color:var(--navy);padding:8px 12px;border-radius:8px;font-weight:600}.navlinks a.cta{background:var(--navy);color:#fff}.hero{background:linear-gradient(90deg,#f1f6fb,#fff);border-radius:12px;padding:26px;display:flex;gap:20px;align-items:center;margin:20px 0}.hero .hero-left{flex:1}.hero h2{font-size:28px;margin-bottom:8px}.hero p{color:var(--muted);margin-bottom:12px;line-height:1.5}.hero .actions{display:flex;gap:10px}.btn{display:inline-block;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:700}.btn-primary{background:var(--navy);color:#fff}.btn-outline{border:1px solid var(--navy);color:var(--navy);background:transparent}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px}.card{background:#fff;border-radius:10px;box-shadow:0 6px 18px #060a140a;overflow:hidden;display:flex;flex-direction:column}.card img{width:100%;height:220px;object-fit:cover}.card .card-body{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1}.card h3{font-size:16px;margin-bottom:2px}.price{color:#0b8a44;font-weight:800;font-size:16px}.card .card-actions{margin-top:auto;display:flex;justify-content:space-between;gap:8px}.about-grid{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start}.ceo-card{background:#fff;padding:16px;border-radius:10px;text-align:center;box-shadow:0 6px 18px #060a140a}.ceo-card img{width:100%;height:280px;object-fit:cover;border-radius:8px}.form-group{margin:8px 0}input,textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px}textarea{min-height:120px;resize:vertical}.footer{background:#081028;color:#fff;padding:18px 16px;margin-top:26px}.footer .inner{max-width:var(--maxw);margin:0 auto;display:flex;justify-content:space-between;gap:16px;align-items:center}@media (max-width:900px){.about-grid{grid-template-columns:1fr}.hero{flex-direction:column;text-align:left;align-items:flex-start}}