:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0;padding:1rem;max-width:1200px;margin-inline:auto;background-color:#87ceeb}@media(min-width:640px){body{padding:2rem}}img{max-width:100%;display:block}.auth-bar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:1.5rem}.auth-bar input,.auth-bar button{border-radius:.5rem}.auth-bar input{border:1px solid #d1d5db;padding:.5rem .75rem}.auth-bar button{border:none;padding:.5rem 1rem}.auth-bar-corner{position:relative;display:flex;justify-content:flex-end;margin-bottom:1.5rem}.auth-bar-toggle{border:1px solid #d1d5db;border-radius:999px;padding:.4rem 1rem;background:#fff;font-size:.85rem;font-weight:600;color:#374151;cursor:pointer}.auth-bar-panel-hint{margin:0 0 .25rem;font-size:.75rem;color:#6b7280}.auth-bar-panel{position:absolute;top:2.5rem;right:0;z-index:20;min-width:220px;display:flex;flex-direction:column;gap:.5rem;padding:.85rem;background:#fff;border:1px solid #d1d5db;border-radius:.75rem;box-shadow:0 8px 20px #0f172a26}.auth-bar-panel input{border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem .75rem}.auth-bar-panel button{border:none;border-radius:.5rem;padding:.5rem 1rem;background:#2563eb;color:#fff;font-weight:600;cursor:pointer}.site-footer{margin-top:3rem;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.6);text-align:center;color:#1f2937;font-size:.9rem}.site-footer-contact{margin-top:.5rem;display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap}.site-footer-contact a{color:#1d4ed8;font-weight:600;text-decoration:none}.comment-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.comment-list-item{border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem 1rem}.comment-meta{color:#6b7280;font-size:.85rem}.comment-form{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.vehicle-list-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.button-primary{background:#2563eb;color:#fff;border-radius:.5rem;padding:.5rem 1rem;text-decoration:none;font-weight:600}.price-tiers{margin-bottom:1.5rem}.price-tiers h2{font-size:1.1rem;margin:0 0 .5rem}.price-tiers-tabs{display:flex;flex-wrap:wrap;gap:.25rem;border-bottom:1px solid #d1d5db}.price-tier-tab{border:none;background:none;padding:.5rem .25rem;margin-right:1.25rem;font-size:.9rem;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent}.price-tier-tab.active{color:#2563eb;font-weight:600;border-bottom-color:#2563eb}.vehicle-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;margin-bottom:1.5rem;padding:1rem;border:1px solid #d1d5db;border-radius:.5rem}.vehicle-filters label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;flex:1 1 140px}.vehicle-filters input,.vehicle-filters select{padding:.4rem .5rem;border:1px solid #d1d5db;border-radius:.5rem}.vehicle-filters-actions{display:flex;gap:.5rem}.vehicle-filters-actions button{border:none;border-radius:.5rem;padding:.5rem 1rem}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.vehicle-card{display:flex;flex-direction:column;border:1px solid #d1d5db;border-radius:.75rem;overflow:hidden;text-decoration:none;color:inherit;background:#fff;transition:box-shadow .15s ease,transform .15s ease}.vehicle-card:hover{box-shadow:0 8px 20px #0f172a1f;transform:translateY(-2px)}.vehicle-card-image{position:relative;aspect-ratio:4 / 3;background:#e5e7eb}.vehicle-card-image img{width:100%;height:100%;object-fit:cover}.vehicle-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#6b7280}.vehicle-card-photo-count{position:absolute;top:.5rem;left:.5rem;display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:999px;background:#111827a6;color:#fff;font-size:.75rem;font-weight:600}.vehicle-card-year-badge{position:absolute;top:.5rem;right:.5rem;padding:.15rem .6rem;border-radius:999px;background:#1f2937;color:#fff;font-size:.75rem;font-weight:600}.vehicle-card-body{padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:.3rem}.vehicle-card-category{margin:0;color:#2563eb;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.vehicle-card-body h3{margin:0;font-size:1rem}.vehicle-card-specs{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .75rem;color:#6b7280;font-size:.8rem;margin:.15rem 0}.vehicle-card-specs span{display:inline-flex;align-items:center;gap:.3rem}.vehicle-card-price{font-weight:700;font-size:1.1rem;margin:.15rem 0 .5rem}.vehicle-card-cta{display:block;text-align:center;padding:.5rem 1rem;border:1px solid #2563eb;border-radius:999px;color:#2563eb;font-weight:600;font-size:.85rem}.vehicle-card:hover .vehicle-card-cta{background:#2563eb;color:#fff}.vehicle-status-badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#6b7280;color:#fff}.vehicle-status-badge.status-vendu{background:#dc2626}.vehicle-status-badge.status-reserve{background:#d97706}.vehicle-card .vehicle-status-badge{position:absolute;top:.5rem;right:.5rem}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.vehicle-detail-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-top:1rem}.vehicle-detail-price{font-size:1.5rem;font-weight:700;margin:0}.vehicle-detail-specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem 1.5rem;margin:1.5rem 0}.vehicle-detail-specs dt{font-size:.8rem;color:#6b7280}.vehicle-detail-specs dd{margin:0;font-weight:600}.vehicle-detail-description{white-space:pre-wrap;line-height:1.5}.vehicle-contact-seller{margin:1.5rem 0;padding:1rem 1.25rem;border:2px solid #2563eb;border-radius:.75rem;background:#eff6ff}.vehicle-contact-seller h2{margin:0 0 .25rem;font-size:1.1rem}.vehicle-contact-seller-name{margin:0 0 .75rem;color:#374151}.vehicle-contact-seller-links{display:flex;flex-wrap:wrap;gap:.75rem}.vehicle-detail-owner-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.vehicle-comments{margin-top:2rem;border-top:1px solid #d1d5db;padding-top:1rem}.photo-carousel-main{position:relative;aspect-ratio:16 / 10;background:#e5e7eb;border-radius:.75rem;overflow:hidden}.photo-carousel-main img{width:100%;height:100%;object-fit:cover}.photo-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;border-radius:999px;width:2.5rem;height:2.5rem;font-size:1.5rem;cursor:pointer}.photo-carousel-nav.prev{left:.5rem}.photo-carousel-nav.next{right:.5rem}.photo-carousel-thumbs{display:flex;gap:.5rem;margin-top:.5rem;overflow-x:auto}.photo-thumb{border:2px solid transparent;border-radius:.5rem;overflow:hidden;padding:0;width:4rem;height:3rem;flex-shrink:0;cursor:pointer}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb.active{border-color:#2563eb}.photo-carousel-empty{aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border-radius:.75rem;color:#6b7280}.vehicle-form{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}@media(min-width:640px){.vehicle-form{grid-template-columns:1fr 1fr}.vehicle-form label:has(textarea){grid-column:1 / -1}}.vehicle-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.vehicle-form input,.vehicle-form select,.vehicle-form textarea{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font:inherit}.vehicle-form button[type=submit]{grid-column:1 / -1;justify-self:start;padding:.6rem 1.5rem}.vehicle-form-photos{margin-top:2rem}.photo-dropzone{border:2px dashed #9ca3af;border-radius:.75rem;padding:2rem 1rem;text-align:center;cursor:pointer;color:#6b7280}.photo-dropzone.dragging{border-color:#2563eb;color:#2563eb}.photo-uploader-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:1rem}.photo-uploader-item{border:1px solid #d1d5db;border-radius:.5rem;overflow:hidden;cursor:grab}.photo-uploader-item.main{border-color:#2563eb}.photo-uploader-item img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.photo-uploader-actions{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;font-size:.8rem}.photo-main-badge{color:#2563eb;font-weight:600}