@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(/build/fonts/poppins.405055dd.woff2) format("woff2")}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fdf6ec;color:#333;font-family:Poppins,sans-serif;line-height:1.6;padding-top:80px}.flash-message{border-radius:8px;font-weight:700;margin-bottom:1rem;padding:1rem;text-align:center}.flash-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.flash-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.error-msg,.invalid-feedback{color:#d9534f;font-size:.9rem;margin-top:.25rem}nav.navbar{align-items:center;background-color:#fff3f0;box-shadow:0 4px 10px rgba(0,0,0,.1);display:flex;height:80px;padding:1.2rem 2rem;position:fixed;top:0;width:100%;z-index:1000}.navbar .container-fluid{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;width:90%}.nav-logo,.navbar-brand{color:#b84a62;font-size:1.8rem;font-weight:600;text-decoration:none}.navbar-nav{display:flex;gap:2rem;list-style:none}.nav-link{color:#5a2e2e;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link.active,.nav-link:hover{color:#b84a62}.burger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;width:24px}.burger span{background:#5a2e2e;border-radius:2px;height:3px;width:100%}@media screen and (max-width:1000px){.burger{display:flex}.navbar-collapse{background-color:#fff3f0;box-shadow:-2px 0 10px rgba(0,0,0,.1);flex-direction:column;gap:1.5rem;height:100vh;padding:2rem 1.5rem;position:fixed;right:0;top:80px;transform:translateX(100%);transition:transform .3s ease-in-out;width:250px;z-index:1001}.navbar-collapse.open{transform:translateX(0)}.navbar-nav{flex-direction:column;gap:1.2rem}.nav-link{font-size:1.2rem}}.btn-retour{align-items:center;background-color:#d46a6a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;left:20px;position:fixed;text-decoration:none;top:100px;transition:background-color .3s ease;width:40px;z-index:1000}.btn-retour:hover{background-color:#c35959}h1{color:#b84a62;font-size:2.8rem}h1,h2{margin-bottom:2rem;text-align:center}h2{color:#92263a;font-size:1.8rem}.container,.homepage-container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.section{margin-bottom:4rem}.catalogue-section{padding:1rem}.articles-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.article-card{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease}.article-card p{color:#666;font-size:.9rem;margin:0;padding:1rem}.article-card:hover{transform:translateY(-5px)}.article-card img{height:400px;object-fit:cover;width:100%}.article-info{padding:1rem;text-align:left}.article-info h3{color:#b84a62;font-size:1.2rem;margin-bottom:.5rem}.article-info h3 a{text-decoration:none}.article-info p{color:#444;font-size:.95rem;margin-bottom:1rem}.article-link{text-decoration:none}.article-title{margin-top:.5rem}.filtres{background-color:#fceee9;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:1rem 0;padding:1rem}.filtre-form{display:flex;justify-content:space-around;width:100%}.filtre-group{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.filtre-group label{font-weight:700}.filtre-group select{background-color:#fff7f4;border:1px solid #ccc;border-radius:6px;padding:.5rem}.filtre-group .btn{align-items:center;background-color:#d46a6a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}.filtre-group .btn:hover{background-color:#c35959}.filtre-group .btn-secondary{background-color:#e6bcbc;color:#000}@media screen and (max-width:575px){.filtre-form{gap:1rem}.filtre-form,.filtre-group{align-items:stretch;flex-direction:column}.filtre-group{gap:.5rem}.filtre-group .btn,.filtre-group .btn-secondary,.filtre-group label,.filtre-group select{width:100%}.filtre-group .btn,.filtre-group .btn-secondary{height:auto;padding:.7rem}}.btn{background-color:#b84a62;border-radius:8px;color:#fff;display:inline-block;font-weight:500;padding:.6rem 1.2rem;text-decoration:none;transition:background-color .3s ease}.btn:hover{background-color:#9e3e52}.btn-secondary{background-color:#e07a8c}.btn-secondary:hover{background-color:#c46071}.fiche-article{background-color:#fceee9;border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:2rem auto;max-width:900px;padding:3rem 2rem;text-align:center}.fiche-image{border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.1);height:600px;margin-bottom:1.5rem;max-width:100%;object-fit:cover}.fiche-infos h1{font-size:2rem;margin-bottom:.5rem}.fiche-infos .prix{color:#b04a4a;font-size:1.4rem;font-weight:700;margin-bottom:1rem}.fiche-infos .detail,.fiche-infos .spec{color:#444;margin:.5rem 0}.fiche-form{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.fiche-form .filtre-group{display:flex;flex-direction:column;gap:.3rem}.fiche-form select{background-color:#fdf3f3;border:1px solid #ccc;border-radius:8px;padding:.5rem}.fiche-form .btn{background-color:#d46a6a;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.6rem 1.2rem;transition:background-color .3s}.fiche-form .btn:hover{background-color:#b34f4f}.form{background-color:#fff3f0;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);margin:2rem auto;max-width:500px;padding:2rem}.form h1,.form-title{color:#b84a62;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.2rem}.form label{color:#5a2e2e;display:block;font-weight:500;margin-bottom:.5rem}.form input[type=date],.form input[type=email],.form input[type=password],.form input[type=tel],.form input[type=text],.form select,.form textarea{background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:.75rem;transition:border-color .3s ease;width:100%}.form input:focus,.form select:focus,.form textarea:focus{border-color:#b84a62;outline:none}.form .btn{font-size:1rem;margin-top:1rem;padding:.75rem;width:100%}.alert{border-radius:8px;font-weight:500;margin-bottom:1rem;padding:1rem}.alert-danger{background-color:#ffe5e5;border:1px solid #f5b7b1;color:#c0392b}.alert-success{background-color:#e0f9e0;border:1px solid #a5d6a7;color:#2e7d32}.connexion-link{margin-top:1rem;text-align:center}.connexion-link a{color:#b84a62;font-weight:500;text-decoration:none}.connexion-link a:hover{text-decoration:underline}.profil-container{background-color:#fceeee;border-radius:16px;box-shadow:0 4px 10px rgba(0,0,0,.05);margin:3rem auto;max-width:800px;padding:2rem;text-align:center}.profil-title{color:#4e342e;font-size:2.2rem;margin-bottom:2rem}.profil-grid{align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr;text-align:left}.profil-infos{background-color:#f8dada;border:1px solid #ffe0b2;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.03);color:#4e342e;font-size:1.1rem;line-height:1.8;padding:2rem}.profil-infos h2{color:#4e342e;font-size:1.6rem;margin-bottom:1.5rem}.profil-infos p{font-size:1.1rem;margin-bottom:1rem;padding-left:.5rem}.profil-actions{align-items:center;display:flex;flex-direction:column;gap:1rem}.profil-link{background-color:#e7a7a7;border:1px solid #f8bbd0;border-radius:8px;color:#5d4037;display:block;font-weight:500;max-width:300px;padding:.8rem 1.2rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.profil-link:hover{background-color:#f9c2c2;box-shadow:0 4px 10px rgba(0,0,0,.1);color:#4e342e;transform:translateY(-2px)}.profil-link.danger{background-color:#ffebee;border:1px solid #ef9a9a;color:#b71c1c}.profil-link.danger:hover{background-color:#f8a5a5;color:#fff}.custom-container{margin:3rem auto;max-width:1140px;padding-left:1rem;padding-right:1rem}.commande-titre{color:#8b0000;font-size:2rem;margin-bottom:1rem}.commande-infos{background-color:#fdf3f0;border-left:4px solid #8b0000;border-radius:8px;font-size:1rem;line-height:1.6;margin-bottom:2rem;padding:1rem}.badge{border-radius:12px;display:inline-block;font-size:.9rem;font-weight:700;padding:.2rem .6rem;text-transform:capitalize}.badge.en_attente{background-color:#ffe08a;color:#8a6d00}.badge.en_cours{background-color:#add8e6;color:#004080}.badge.livree{background-color:#c7f7c2;color:#256029}.badge.annulee{background-color:#ffcdd2;color:#c62828}.panier-container{background-color:#fff8f3;border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.05);margin:50px auto;padding:30px}.panier-title{color:#b03a2e;font-size:2rem;margin-bottom:30px;text-align:center}.panier-vide{color:#666;font-size:1.2rem;text-align:center}.panier-liste{list-style:none;margin:0;padding:0}.panier-item{align-items:center;background-color:#fff;border:1px solid #f0d9d9;border-radius:12px;display:flex;gap:15px;margin-bottom:15px;padding:15px}.panier-image{border-radius:8px;height:60px;object-fit:cover;width:60px}.panier-details{color:#333;flex-grow:1;font-size:1rem}.panier-supprimer{color:#c0392b;font-weight:700;text-decoration:none;transition:color .2s}.panier-supprimer:hover{color:#a93226}.panier-total{color:#333;font-size:1.2rem;margin-top:20px;text-align:right}.panier-btn{background-color:#e6b0aa;border-radius:8px;color:#fff;display:block;font-weight:700;margin:30px auto 0;padding:12px 24px;text-decoration:none;transition:background-color .3s;width:fit-content}.panier-btn:hover{background-color:#d98880}.panier-container{background-color:#fef9f6;border:1px solid #e6d1d1;border-radius:8px;margin:40px auto;max-width:800px;padding:20px}.page-title{border-bottom:2px solid #e6d1d1;color:#a94442;font-size:24px;font-weight:700;margin-bottom:20px;padding-bottom:10px;text-align:center}.table{background-color:#fff;border-collapse:collapse;box-shadow:0 2px 4px rgba(0,0,0,.05);margin-bottom:20px;width:100%}.table td,.table th{border:1px solid #e6d1d1;padding:12px;text-align:left}.table th{background-color:#f5e2e2;color:#7a2e2e}.table tbody tr:nth-child(2n){background-color:#fcf4f4}.total{color:#7a2e2e;font-size:18px;font-weight:700;text-align:right}.article-image{background-color:#fff;border:1px solid #e6d1d1;border-radius:6px;display:block;height:80px;margin:0 auto;object-fit:cover;width:60px}.confirmation-container{background-color:#fff8f3;border:1px solid #f0d9d9;border-radius:16px;box-shadow:0 8px 20px hsla(0,31%,69%,.1);margin:60px auto;max-width:700px;padding:40px;text-align:center}.confirmation-title{color:#b03a2e;font-size:2rem;margin-bottom:20px}.confirmation-text{color:#444;font-size:1.1rem;margin-bottom:15px}.confirmation-link{border-bottom:2px solid transparent;color:#a93226;font-weight:700;text-decoration:none;transition:border-color .3s}.confirmation-link:hover{border-color:#a93226}.footer{background-color:#5a2e2e;color:#fff;margin-top:3rem;padding:2rem 1rem}.footer-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-column{flex:1 1 250px}.footer-title{color:#ffd5d0;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.footer-column a,.footer-column li,.footer-column p{color:#fff;font-size:.95rem;line-height:1.5}.footer-column ul{list-style:none;padding:0}.footer-column a{color:#ffd5d0;text-decoration:none;transition:color .3s ease}.footer-column a:hover{color:#fff;text-decoration:underline}.social-icons i{color:#ffd5d0;cursor:pointer;font-size:1.2rem;margin-right:.5rem;transition:color .3s ease}.social-icons i:hover{color:#fff}.footer-bottom{border-top:1px solid #ffd5d0;font-size:.9rem;margin-top:2rem;padding-top:1rem;text-align:center}@media screen and (max-width:750px){.footer-column{flex:none;width:100%}}.verification-box{background-color:#fff3f3;border:1px solid #f3cccc;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.05);margin:60px auto;max-width:600px;padding:30px;text-align:center}.verification-box h1{color:#c74256;font-size:1.8rem;margin-bottom:20px}.verification-box p{color:#444;font-size:1.2rem;line-height:1.6}@media screen and (max-width:768px){.footer-container{align-items:center;flex-direction:column;text-align:center}.footer-column{width:100%}}