:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:Arial,sans-serif}body{margin:0}*{box-sizing:border-box}body{color:#172b4d;background:#f3f6fa;margin:0;font-family:Arial,sans-serif}.application{min-height:100vh}.header{color:#fff;text-align:center;background:linear-gradient(120deg,#10233f,#145b64);padding:55px 20px}.header h1{margin:0 0 15px;font-size:42px}.header p{color:#d6e5ec}.contenu{max-width:1200px;margin:auto;padding:35px 20px}.contenu h2{font-size:28px}.filtres{gap:15px;margin:30px 0;display:flex}.filtres input,.filtres select{border:1px solid #dce2ea;border-radius:10px;padding:15px;font-size:16px}.filtres input{flex:1;min-width:0}.grille{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.carte{background:#fff;border-radius:15px;flex-direction:column;padding:20px;transition:transform .2s;display:flex;box-shadow:0 5px 20px #0000000c}.carte:hover{transform:translateY(-5px)}.reduction{color:#15803d;background:#dcfce7;border-radius:8px;align-self:flex-start;padding:8px 12px;font-weight:700}.illustration{justify-content:center;align-items:center;height:220px;padding:20px;display:flex}.illustration img{object-fit:contain;max-width:100%;max-height:180px}.carte h3{margin:12px 0 8px;font-size:19px}.boutique{color:#64748b}.ancien{color:#94a3b8;margin-bottom:0;text-decoration:line-through}.prix{color:#059669;margin-top:10px;font-size:27px;font-weight:700}.bouton-offre{color:#fff;text-align:center;background:#102d4b;border-radius:8px;margin-top:auto;padding:13px;font-weight:700;text-decoration:none;display:block}.bouton-offre:hover{background:#145b64}footer{text-align:center;color:#64748b;padding:30px}@media (width<=600px){.filtres{flex-direction:column}.header h1{font-size:32px}.grille{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.carte{padding:14px}}
