/* V7 */
.hero{
  background:
    linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.75)),
    url("images/moto-head.jpg") center/cover;
}

/* =========================
   GALLERY
========================= */

.gallery{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
    max-width: 800px;
  margin: 0 auto;
}
/* tablette et desktop = 2 colonnes MAX */
@media (min-width: 800px) {
  .gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}

.gallery img{
    width:100%;
    height:350px;
    object-fit:cover;
    background:#111;
    border:1px solid #2b2b2b;
    box-shadow:0 6px 18px rgba(0,0,0,.18);
    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

.gallery img:hover{
    border-color:#4a4a4a;
    box-shadow:0 10px 24px rgba(0,0,0,.28);
}
.brands-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(85px, 1fr));
    gap:1px;
    justify-items:center;
    align-items:center;
	background:#f5f5f5;
}
.brands-grid img{
    margin:3px;
    max-width:110px;
    max-height:60px;
    object-fit:contain;
    transition:0.2s ease;
}

.oem-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:2px 30px;
  list-style:none;
  padding:0;
  margin:0;
}
/* mobile = 1 colonne */
@media (max-width:600px){
  .oem-list{
    grid-template-columns:1fr;
  }
}
.oem-list li{
  padding:2px 0;
  color:#ccc;
  font-size:0.95rem;
  border-bottom:1px solid rgba(255,255,255,0.05);
}
.oem-list li:hover{
  color:#fff;
  transform:translateX(3px);
  transition:0.2s ease;
}