*{margin:0;padding:0;box-sizing:border-box}
:root{--red:#B30000;--black:#0A0A0A;--gray:#1E1E1E;--white:#F5F5F5}
body{font-family:'Segoe UI',sans-serif;color:var(--white);background:var(--black)}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--gray);position:sticky;top:0;z-index:10}
.logo{font-size:1.8rem;font-weight:bold;color:var(--white);text-decoration:none}.logo-red{color:var(--red)}
.nav-links{list-style:none;display:flex;gap:1.5rem}.nav-links a{color:var(--white);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--red)}
.nav-toggle{display:none;font-size:1.8rem;color:var(--white);background:none;border:none}
.hero{background:var(--gray);height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 1rem}
.hero-content h1{font-size:3rem;margin-bottom:.5rem}.hero-content p{font-size:1rem;margin-bottom:1rem}
.btn{background:var(--red);color:var(--white);padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s;margin-top:.5rem}.btn:hover{opacity:.8}
section h2{text-align:center;margin:1.5rem 0;font-size:1.8rem}
.carousel-container{position:relative;width:90%;max-width:1000px;margin:auto;overflow:hidden}
.carousel-window{overflow:hidden;width:100%}
.product-list{display:flex;transition:transform .3s ease}
.product-card{min-width:calc(100%/5);padding:1rem;text-align:center;background:var(--gray);border-radius:6px;margin:0 .5rem}
.product-card img{width:100%;border-radius:4px;margin-bottom:.5rem}
.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--gray);border:none;color:var(--white);font-size:2rem;padding:.2rem;cursor:pointer;z-index:5}
.prev{left:.5rem}.next{right:.5rem}
.compte-content{padding:2rem;background:var(--gray);min-height:80vh}
.account-container{max-width:450px;margin:auto;padding:1rem;background:var(--black);border-radius:6px}
.btn-toggle{background:none;border:1.5px solid var(--red);color:var(--white);padding:.5rem 1rem;cursor:pointer;margin:.5rem}.btn-toggle.active{background:var(--red)}
.account-form{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}
.account-form label{font-size:0.9rem}
.account-form input{padding:.6rem;border:1.5px solid #333;border-radius:4px;background:#222;color:var(--white)}
.account-form input:focus{border-color:var(--red);outline:none}
.checkbox-group{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}
.hidden{display:none}
#account-message{margin-top:1rem;color:var(--white);font-weight:bold}
.contact{padding:2rem;background:var(--black)}
.contact-form{max-width:400px;margin:auto;display:flex;flex-direction:column;gap:.8rem}
.contact-form input,.contact-form textarea{padding:.6rem;border:1.5px solid #333;border-radius:4px;background:#222;color:var(--white)}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--red);outline:none}
footer{text-align:center;padding:1.5rem;background:var(--black);font-size:.9rem}
@media(max-width:768px){.nav-links{display:none}.nav-toggle{display:block}.nav-links.mobile-open{position:absolute;top:100%;left:0;right:0;background:var(--gray);flex-direction:column;display:flex;padding:1rem 0}.product-card{min-width:100%}}