:root{--black:#0a0a0a;--yellow:#f6b800;--text:#151515;--muted:#666;--border:#eee;--bg:#fff}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}.topbar{height:40px;background:#080808;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;gap:16px}.topbar span{margin-right:22px}.topbar b{color:var(--yellow)}.navbar{height:130px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 7%;box-shadow:0 3px 18px rgba(0,0,0,.08);position:sticky;top:0;z-index:50}.logo{display:flex;align-items:center;font-weight:900}.logo img{height:115px;width:auto;display:block;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.10))}.menu{display:flex;align-items:center;gap:34px;font-weight:800}.menu a.active,.menu a:hover{color:var(--yellow)}.btn{display:inline-flex;align-items:center;gap:12px;background:var(--yellow);color:#111;font-weight:900;padding:15px 26px;border-radius:5px;border:0}.hero{position:relative;height:590px;background:url('../images/hero-palet.jpg') center right/cover no-repeat;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.48) 38%,rgba(0,0,0,.05) 75%)}.hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;padding:0 8%;max-width:780px;color:#fff}.slide-text{animation:fadeSlide .8s ease}.hero h1{font-size:64px;line-height:1;margin:0 0 16px;text-transform:uppercase}.hero h1 span{color:var(--yellow)}.hero h2{font-size:28px;margin:0 0 24px}.hero p{font-size:19px;line-height:1.65;margin-bottom:32px}.arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:62px;height:70px;border:1px solid rgba(255,255,255,.25);color:#fff;background:rgba(0,0,0,.22);font-size:42px;display:grid;place-items:center;cursor:pointer}.arrow.left{left:12px}.arrow.right{right:12px}.dots{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);z-index:3}.dots i{display:inline-block;width:18px;height:10px;background:#fff;border-radius:12px;margin:5px;opacity:.9}.dots i.active{background:var(--yellow);width:34px}.whatsapp{position:fixed;right:28px;bottom:28px;background:#21b83b;color:#fff;z-index:90;padding:14px 26px;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.25);font-weight:900}.whatsapp small{display:block;font-weight:700}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:26px 7%;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 -10px 30px rgba(0,0,0,.05)}.feature{display:flex;gap:18px;align-items:center;padding:0 28px;border-right:1px solid #e8e8e8}.feature:last-child{border-right:0}.feature .icon{font-size:34px}.feature h3{font-size:16px;margin:0 0 6px}.feature p{margin:0;color:#555;line-height:1.5}.section{padding:65px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.eyebrow{color:var(--yellow);font-weight:900}.section h2{font-size:36px;margin:8px 0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.card{border:1px solid #e7e7e7;border-radius:8px;background:#fff;padding:28px;display:grid;grid-template-columns:46% 1fr;gap:20px;align-items:center;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(0,0,0,.09)}.card img{width:100%;border-radius:8px}.card h3{margin:0 0 12px}.card p{color:#555;line-height:1.55}.link{color:var(--yellow);font-weight:900}.banner{background:#111;color:#fff;padding:70px 7%;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.banner img{width:100%;border-radius:14px}.page-hero{padding:75px 7%;background:#111;color:#fff}.page-hero h1{font-size:46px;margin:0 0 10px}.content{padding:55px 7%;line-height:1.8}.detail{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.detail img{width:100%;border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,.15)}.list li{margin:10px 0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery img{width:100%;height:250px;object-fit:cover;border-radius:10px}.footer{background:#0a0a0a;color:#ddd;padding:45px 7%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-logo{width:280px;max-width:100%;height:auto;margin-bottom:14px;display:block}.footer h3{color:#fff}.footer a{display:block;margin:10px 0;color:#ddd}@keyframes fadeSlide{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.topbar{display:block;height:auto;padding:10px 5%;line-height:1.8}.navbar{height:auto;padding:12px 5%;flex-wrap:wrap}.logo img{height:95px}.menu{width:100%;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:15px}.quote{display:none}.hero{height:540px;background-position:center}.hero h1{font-size:44px}.features,.products,.banner,.detail,.footer,.gallery{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid #eee;padding:18px 0}.card{grid-template-columns:1fr}.whatsapp{right:12px;left:12px;text-align:center}.arrow{display:none}}

.mobile-toggle{display:none;background:#111;color:#fff;border:0;border-radius:6px;padding:10px 14px;font-size:22px}.quote-form{display:grid;gap:15px;max-width:720px}.quote-form label{font-weight:800;display:grid;gap:7px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;padding:14px;border:1px solid #ddd;border-radius:8px;font:inherit}.form-note{color:#666;font-size:14px}.contact-card{background:#f8f8f8;border:1px solid #eee;border-radius:12px;padding:30px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;align-items:center;justify-content:center;z-index:200;padding:20px}.modal.show{display:flex}.modal-box{background:#fff;max-width:620px;width:100%;border-radius:14px;padding:25px;position:relative;box-shadow:0 30px 70px rgba(0,0,0,.35)}.modal-box img{width:100%;max-height:270px;object-fit:contain;border-radius:10px}.modal-close{position:absolute;right:14px;top:10px;background:#111;color:#fff;border:0;border-radius:50%;width:38px;height:38px;font-size:26px;cursor:pointer}.open-product{background:none;border:0;padding:0;cursor:pointer}.block{display:block;margin-top:10px}.gallery img,.card img,.banner img,.detail img{background:#f7f7f7}@media(max-width:900px){.mobile-toggle{display:block}.menu{display:none}.menu.open{display:flex}.navbar{gap:12px}.logo img{height:105px}.section-head{display:block}.hero-content{padding:0 6%}.hero h2{font-size:22px}.topbar span{display:block}.footer-logo{width:240px}.gallery img{height:220px}}
