*{box-sizing:border-box}body{margin:0;font:16px system-ui,Arial,sans-serif;background:#f4f7fb;color:#15273a}header{background:#10243b;color:white;padding:12px max(18px,calc((100% - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}header img{height:65px;max-width:150px;object-fit:contain;background:white;border-radius:6px}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:white;text-decoration:none}main{max-width:1100px;margin:auto;padding:30px 18px 60px}h1{font-size:clamp(28px,4vw,42px)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}.card,.panel{background:white;border-radius:14px;padding:18px;box-shadow:0 4px 16px #13283c14}.card img{width:100%;height:175px;object-fit:cover;border-radius:9px}.placeholder{height:175px;background:#dce7f1;border-radius:9px;display:grid;place-items:center;color:#53677b}.price{font-size:24px;color:#006bd6;font-weight:800}label{display:block;font-weight:650;margin:13px 0 5px}input,select,textarea{width:100%;padding:12px;border:1px solid #aebed0;border-radius:8px;font:inherit}textarea{min-height:100px}button,.btn{display:inline-block;background:#0878ed;color:white;padding:12px 18px;border:0;border-radius:8px;text-decoration:none;font:inherit;font-weight:700;cursor:pointer;margin:8px 6px 8px 0}.secondary{background:#52677d}.danger{background:#b42c3d}.actions{display:flex;flex-wrap:wrap;gap:6px}.muted{color:#607184}.notice{background:#e5f1ff;padding:14px;border-radius:8px}.error{background:#ffe5e8;padding:12px;border-radius:8px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}footer{text-align:center;padding:30px;background:#10243b;color:white}footer a{color:white}table{border-collapse:collapse;width:100%;background:white}td,th{padding:10px;border-bottom:1px solid #ddd;text-align:left}@media(max-width:650px){table{font-size:13px}.actions button{padding:8px}}
/* Design noir et or - NEGOCE AUTOS 64 */
body {
  background-color: #111111;
  color: #f5f0e6;
}
header, footer, nav {
  background-color: #080808 !important;
  color: #d4af37 !important;
}
h1, h2, h3 {
  color: #d4af37;
}
a {
  color: #d4af37;
}
button, .btn, input[type="submit"] {
  background-color: #d4af37 !important;
  color: #111111 !important;
  border-color: #d4af37 !important;
}

/* Fiches véhicules premium noir et or */
.vehicle-card, .car-card, .card, article {
  background: #1c1c1c !important;
  color: #f5f5f5 !important;
  border: 1px solid #b89545 !important;
  border-radius: 12px;
}

.vehicle-card h2, .car-card h2,
.card h2, article h2 {
  color: #d4af37 !important;
}

.price, .prix, .vehicle-price,
.car-price, .card strong {
  color: #d4af37 !important;
}

.vehicle-card p, .car-card p,
.card p, article p {
  color: #e5e5e5 !important;
}

/* Prix des véhicules en doré */
article .price,
article .prix,
article strong,
.card .price,
.card .prix,
.card strong {
  color: #d4af37 !important;
}

/* Photos des véhicules */
.vehicle-card img,
.car-card img,
.card img,
article img {
  width: 100%;
  height: 280px;
  object-fit: contain;
  background: #151515;
  border-radius: 10px;
}

/* Photos plus grandes */
.vehicle-card img,
.car-card img,
.card img,
article img {
  height: 380px !important;
  object-fit: contain !important;
}/* Texte plus lisible dans les formulaires */
input,
textarea,
select {
    color: #111111 !important;
    background-color: #ffffff !important;
    border: 1px solid #999999 !important;
}

input::placeholder,
textarea::placeholder {
    color: #555555 !important;
    opacity: 1;
}

label {
    color: #d4af37 !important;
    font-weight: bold;
}

button,
input[type="submit"] {
    color: #111111 !important;
    font-weight: bold;
}

input[type="file"] {
    color: #111111 !important;
}header img {
    width: 300px !important;
    height: auto !important;
    max-width: 100% !important;
}