*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',Arial,sans-serif;color:#1a1a1a;background:#f5f5f3;font-size:15px}
a{text-decoration:none;color:inherit}

/* NAV */
nav{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:#fff;border-bottom:1px solid #e0e0d8;position:sticky;top:0;z-index:100}
.logo{font-size:20px;font-weight:700;letter-spacing:2px;color:#1a1a1a}
.logo span{color:#D85A30}
.nav-links{display:flex;gap:24px}
.nav-links a{font-size:13px;color:#5F5E5A;transition:color .2s}
.nav-links a:hover{color:#1a1a1a}
.lang-switcher{display:flex;gap:4px}
.lang-btn{padding:5px 11px;border-radius:6px;border:1px solid #d3d1c7;background:transparent;color:#5F5E5A;font-size:12px;cursor:pointer;transition:all .2s;font-family:inherit}
.lang-btn.active,.lang-btn:hover{background:#1a1a1a;color:#fff;border-color:#1a1a1a}

/* HERO */
.hero{background:#1a1a1a;padding:64px 32px;text-align:center}
.hero h1{font-size:32px;font-weight:700;color:#fff;letter-spacing:3px;margin-bottom:12px}
.hero p{font-size:15px;color:#888;margin-bottom:24px;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.6}
.hero-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}
.badge{padding:7px 16px;border-radius:20px;font-size:12px;font-weight:600;background:rgba(216,90,48,.15);color:#F0997B;border:1px solid rgba(216,90,48,.3)}
.hero-cta{display:inline-block;padding:12px 28px;background:#D85A30;color:#fff;border-radius:8px;font-size:14px;font-weight:600;transition:background .2s}
.hero-cta:hover{background:#c04e27}

/* SECTION */
.section{padding:40px 32px;max-width:1200px;margin:0 auto}
.section-title{font-size:20px;font-weight:700;margin-bottom:6px}
.section-sub{font-size:13px;color:#5F5E5A;margin-bottom:24px}

/* FILTERS */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.filter-btn{padding:6px 16px;border-radius:20px;border:1px solid #d3d1c7;background:#fff;color:#5F5E5A;font-size:12px;cursor:pointer;transition:all .2s;font-family:inherit}
.filter-btn.active,.filter-btn:hover{background:#D85A30;color:#fff;border-color:#D85A30}

/* GRID */
.machines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.machine-card{background:#fff;border:1px solid #e0e0d8;border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .2s;display:block}
.machine-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateY(-2px)}
.machine-img{height:130px;background:#2C2C2A;display:flex;align-items:center;justify-content:center;position:relative}
.machine-icon{font-size:44px}
.machine-type-badge{position:absolute;top:8px;right:8px;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}
.badge-vente{background:rgba(30,158,117,.2);color:#0f6e56}
.badge-location{background:rgba(55,138,221,.15);color:#185fa5}
.badge-both{background:rgba(216,90,48,.15);color:#993c1d}
.machine-info{padding:14px}
.machine-name{font-size:14px;font-weight:600;margin-bottom:4px}
.machine-brand{font-size:12px;color:#5F5E5A;margin-bottom:8px}
.machine-price{font-size:15px;font-weight:700;color:#D85A30}

/* MACHINE DETAIL PAGE */
.back-link{display:inline-block;margin-bottom:20px;font-size:13px;color:#5F5E5A}
.back-link:hover{color:#D85A30}
.machine-detail-page{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.detail-hero{height:200px;background:#2C2C2A;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative}
.detail-title{font-size:22px;font-weight:700;margin-bottom:6px}
.detail-price{font-size:24px;font-weight:700;color:#D85A30;margin:12px 0 20px}

/* SPECS */
.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.spec-item{background:#f5f5f3;border-radius:8px;padding:10px 12px}
.spec-label{font-size:11px;color:#5F5E5A;margin-bottom:2px}
.spec-val{font-size:14px;font-weight:600}

/* FORMS */
.form-section{background:#f5f5f3;border-radius:10px;padding:20px}
.form-title{font-size:14px;font-weight:600;margin-bottom:14px;color:#D85A30}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:0}
.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}
.form-group label{font-size:12px;color:#5F5E5A;font-weight:500}
.form-group input,.form-group textarea,.form-group select{padding:8px 12px;border-radius:7px;border:1px solid #d3d1c7;background:#fff;color:#1a1a1a;font-size:13px;font-family:inherit;transition:border-color .2s}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#D85A30}
.form-group textarea{resize:vertical;min-height:80px}
.submit-btn{width:100%;padding:11px;background:#D85A30;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:6px;transition:background .2s;font-family:inherit}
.submit-btn:hover{background:#c04e27}

/* CONTACT SECTION */
.contact-section{background:#fff;padding:40px 32px;border-top:1px solid #e0e0d8}
.contact-section .section-title{max-width:1200px;margin:0 auto 6px}
.contact-section .section-sub{max-width:1200px;margin:0 auto 24px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1200px;margin:0 auto}
.contact-info{display:flex;flex-direction:column;gap:16px}
.contact-item{display:flex;align-items:flex-start;gap:12px}
.contact-icon{font-size:20px;margin-top:2px}
.contact-item strong{display:block;font-size:13px;font-weight:600;margin-bottom:2px}
.contact-item p{font-size:13px;color:#5F5E5A;line-height:1.5}

/* FOOTER */
footer{padding:16px 32px;border-top:1px solid #e0e0d8;display:flex;justify-content:space-between;align-items:center;background:#fff}
footer p{font-size:12px;color:#5F5E5A}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1D9E75;margin-right:6px}

/* ALERTS */
.alert-success{background:#eaf3de;color:#3b6d11;border:1px solid #c0dd97;border-radius:8px;padding:12px 16px;margin-bottom:14px;font-size:13px}

/* RESPONSIVE */
@media(max-width:768px){
  nav{padding:10px 16px}
  .section{padding:24px 16px}
  .machine-detail-page{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .hero{padding:40px 16px}
  .hero h1{font-size:22px}
}