* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Arial, sans-serif; line-height: 1.6; background: #E8EDF4; color: #333; }
.header-banner { position: relative; height: 38px; background: black; overflow: hidden; color: white; display: flex; align-items: center; padding-left: 1rem; }
.header-banner h1 { position: relative; width: 100%; text-align: center; z-index: 2; font-size: 16px; }
.bottom-banner { position: relative; height: 38px; overflow: hidden; color: FFD400; display: flex; align-items: center; padding-left: 1rem; }
.bottom-words { position: absolute; top: 0; left: 0; text-align: center; color: FFD400; height: 100%; width: 100%; background: repeating-linear-gradient( 25deg, #0B1F3AEE 0 60px, #005BFFEE 60px 120px ); z-index: 1; }
.bg-words { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: repeating-linear-gradient( 25deg, #0B1F3AEE 0 60px, #005BFFEE 60px 120px ); z-index: 1; }
.bg-words::before { content: "voiture à prix discount - remise constructeur - offre de réduction - location longue durée - reprise Argus plus prime - dans la limite des stocks disponibles - entretien offert - voiture en promotion - remise constructeur - crédit gratuit - fin de série - offre spéciale -  prime à la casse - bonus écologique - malus remboursé - location sans option d'achat - série limitée -  offre sans apport - équipement offert - promotion limitée dans le temps - remise concessionnaire - bonus doublé - options gratuites - super affaire - location longue durée - quantité limitée - promotion unique - discount automobile "; color: #FFD400; padding-top: 4px; font-size: 14px; line-height: 2.2; opacity: 1; white-space: nowrap; position: absolute; width: 200%; animation: scrollWords 30s linear infinite; }
.bg-words2 { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: repeating-linear-gradient( 25deg, #0B1F3AEE 0 60px, #005BFFEE 60px 120px ); z-index: 1; }
.bg-words2::before { content: "automoins.fr - Tous les mois, toutes les semaines, tous les jours ouvrés, Auto Moins veille sur les offres faites par les constructeurs automobile en France métropolitaine, et les retranscrit sur ce site, pour donner aux automobilistes un aperçu immédiat et actualisé de tout ce qui leur est accessible, en respectant leur budget. Faire des économies lors de l'achat de sa prochaine automobile neuve, c'est l'objectif d'Auto Moins."; color: #FFD400; padding-top: 4px; font-size: 14px; line-height: 2.2; opacity: 1; white-space: nowrap; position: absolute; width: 100%; animation: scrollWords 30s linear infinite; }
@keyframes scrollWords { 0% { left: 0; } 100% { left: -100%; } }
.grid-container { display: grid; grid-template-columns: 1fr; gap: 16px; padding: 16px; }
@media (min-width: 600px) { .grid-container { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .grid-container { grid-template-columns: repeat(3, 1fr); } }
.bloc { background: white; border: 1px solid #0B1F3AEE; padding: 12px; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); display: flex; flex-direction: column; gap: 8px; }
.bloc h2 { font-size: 16px; color: #222; }
.bloc img { width: 100%; height: auto; border-radius: 4px; cursor: pointer; transition: transform 0.3s ease; }
.bloc img:hover { transform: scale(1.02); }
.bloc p { font-size: 14px; color: #555; }
.ad-banner { grid-column: 1 / -1; text-align: center; padding: 12px 0; }
.ad-banner img { max-width: 100%; height: auto; border-radius: 6px; }
.modal { display: none; position: fixed; z-index: 999; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center; }
.modal img { max-width: 90%; max-height: 90%; border-radius: 8px; box-shadow: 0 0 15px rgba(255, 255, 255, 0.3); cursor: pointer; }
.down-info { background: white; border: 1px solid #0B1F3AEE; padding: 20px; border-radius: 8px; max-width: 600px; margin: auto; text-align: justify; }
.intro h1 { width: 100%; font-size: 18px; font-weight: bold; color: #0B1F3AEE; text-align: center; }
.last-day { color: #c40000; font-weight: bold; }
.expired { color: #999; }