:root{--vert-fonce: #1a5c1a;--vert-moyen: #2d7d2d;--vert-clair: #3a9a3a;--vert-accent: #4db84d;--orange: #e8700a;--orange-hover: #c95e08;--orange-clair: #fef3e8;--blanc: #ffffff;--gris-clair: #f5f6f5;--gris-medium: #e8ebe8;--gris-texte: #4a4a4a;--noir-soft: #1c1c1c;--rouge: #dc3545;--font-titre: 'Barlow Condensed', sans-serif;--font-body: 'Barlow', sans-serif;--shadow-card: 0 4px 20px rgba(0,0,0,0.08);--shadow-hover: 0 8px 32px rgba(0,0,0,0.15);--radius: 6px;--radius-lg: 12px;--transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);--container: 1320px;}*, *::before, *::after{margin: 0;padding: 0;box-sizing: border-box}html{scroll-behavior: smooth;font-size: 16px}body{font-family: var(--font-body);color: var(--gris-texte);background: var(--blanc);overflow-x: hidden;line-height: 1.6;}img{max-width: 100%;height: auto;display: block}a{color: inherit}button{font-family: var(--font-body);cursor: pointer}ul{list-style: none}.container{max-width: var(--container);margin: 0 auto;padding: 0 20px}.section{padding: 60px 0}.section-alt{background: var(--gris-clair)}.text-center{text-align: center}.hidden{display: none !important}.barre-annonce{background: var(--vert-fonce);color: var(--blanc);font-size: 13px;font-weight: 500;padding: 9px 0;text-align: center;}.annonce-inner{display: flex;justify-content: space-between;align-items: center;max-width: var(--container);margin: 0 auto;padding: 0 20px;}.barre-annonce a{color: var(--orange);text-decoration: none;font-weight: 600}.barre-annonce a:hover{text-decoration: underline}.annonce-right{display: flex;gap: 24px}.annonce-right span{display: flex;align-items: center;gap: 6px}header{background: var(--blanc);border-bottom: 3px solid var(--vert-moyen);position: sticky;top: 0;z-index: 1000;box-shadow: 0 2px 12px rgba(0,0,0,0.08);}.header-main{max-width: var(--container);margin: 0 auto;padding: 0 20px;display: flex;align-items: center;justify-content: space-between;height: 80px;gap: 20px;}.logo{display: flex;align-items: center;text-decoration: none;flex-shrink: 0;}.logo img{height: 60px;width: auto;max-width: 280px;display: block;transition: opacity 0.2s ease;}.logo:hover img{opacity: 0.88}.logo-icon{display: none}.logo-text{display: none}.header-search{flex: 1;max-width: 520px;position: relative}.header-search input{width: 100%;padding: 12px 50px 12px 18px;border: 2px solid var(--gris-medium);border-radius: 30px;font-family: var(--font-body);font-size: 14px;outline: none;transition: var(--transition);background: var(--gris-clair);color: var(--gris-texte);}.header-search input:focus{border-color: var(--vert-moyen);background: var(--blanc)}.header-search button{position: absolute;right: 4px;top: 50%;transform: translateY(-50%);background: var(--vert-moyen);border: none;border-radius: 25px;width: 40px;height: 40px;color: white;font-size: 15px;transition: var(--transition);}.header-search button:hover{background: var(--vert-fonce)}.header-actions{display: flex;align-items: center;gap: 8px;flex-shrink: 0}.header-btn{display: flex;flex-direction: column;align-items: center;gap: 3px;padding: 8px 14px;border-radius: var(--radius);text-decoration: none;color: var(--gris-texte);font-size: 11px;font-weight: 600;letter-spacing: 0.5px;text-transform: uppercase;transition: var(--transition);border: none;background: transparent;}.header-btn i{font-size: 20px;color: var(--vert-moyen)}.header-btn:hover{background: var(--gris-clair);color: var(--vert-fonce)}.header-panier{position: relative;background: var(--orange) !important;color: white !important;border-radius: var(--radius);padding: 10px 18px;flex-direction: row;gap: 10px;font-size: 13px;font-weight: 600;text-decoration: none;}.header-panier i{color: white !important;font-size: 18px}.header-panier:hover{background: var(--orange-hover) !important}.panier-count{position: absolute;top: -6px;right: -6px;background: var(--vert-fonce);color: white;border-radius: 50%;width: 20px;height: 20px;font-size: 11px;font-weight: 700;display: flex;align-items: center;justify-content: center;}.panier-total{font-size: 13px;font-weight: 700}nav.nav-principale{background: var(--vert-moyen)}.nav-inner{max-width: var(--container);margin: 0 auto;padding: 0 20px;display: flex;align-items: stretch;}.nav-item{position: relative}.nav-link{display: flex;align-items: center;gap: 6px;padding: 14px 16px;color: white;text-decoration: none;font-family: var(--font-titre);font-size: 14.5px;font-weight: 600;letter-spacing: 0.5px;text-transform: uppercase;transition: var(--transition);white-space: nowrap;}.nav-link i{font-size: 13px;opacity: 0.85}.nav-link:hover,.nav-item:hover > .nav-link{background: var(--vert-fonce);color: var(--orange)}.nav-item.nav-promo .nav-link{background: var(--orange)}.nav-item.nav-promo .nav-link:hover{background: var(--orange-hover)}.mega-menu{display: none;position: absolute;top: 100%;left: 0;background: var(--blanc);border-top: 3px solid var(--orange);box-shadow: 0 12px 40px rgba(0,0,0,0.15);z-index: 999;min-width: 680px;padding: 28px 30px;border-radius: 0 0 var(--radius) var(--radius);gap: 36px;}.nav-item:hover .mega-menu{display: flex}.mega-col h4{font-family: var(--font-titre);font-size: 13px;font-weight: 700;color: var(--vert-fonce);text-transform: uppercase;letter-spacing: 1px;margin-bottom: 12px;padding-bottom: 7px;border-bottom: 2px solid var(--orange);}.mega-col ul li{margin-bottom: 7px}.mega-col ul li a{color: var(--gris-texte);text-decoration: none;font-size: 13.5px;display: flex;align-items: center;gap: 8px;transition: var(--transition);}.mega-col ul li a::before{content: '';width: 4px;height: 4px;background: var(--vert-accent);border-radius: 50%;flex-shrink: 0;}.mega-col ul li a:hover{color: var(--vert-moyen);padding-left: 5px}.hero-slider{position: relative;width: 100%;height: 440px;overflow: hidden;}.slide{position: absolute;inset: 0;opacity: 0;transition: opacity 0.8s ease;display: flex;align-items: center;}.slide.actif{opacity: 1;z-index: 1}.slide-bg{position: absolute;inset: 0;background-size: cover;background-position: center;transform: scale(1.04);transition: transform 8s ease;pointer-events: none;user-select: none;-webkit-user-drag: none;}.slide.actif .slide-bg{transform: scale(1)}.slide-bg-1{background: url("../images/slider/slide-1.png") center center / cover no-repeat, linear-gradient(135deg, #0d3d0d 0%, var(--vert-fonce) 100%)}.slide-bg-2{background: url("../images/slider/slide-2.png") center center / cover no-repeat, linear-gradient(135deg, #2c1810 0%, #5a3020 100%)}.slide-bg-3{background: url("../images/slider/slide-3.png") center center / cover no-repeat, linear-gradient(135deg, #0d2d4d 0%, #1a4a6e 100%)}.slide-overlay{position: absolute;inset: 0;background: linear-gradient(90deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.1) 60%, transparent 100%);}.slide-content{position: relative;z-index: 2;color: white}.slide-badge{display: inline-flex;align-items: center;gap: 8px;background: var(--orange);color: white;padding: 6px 16px;border-radius: 20px;font-size: 12px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;margin-bottom: 16px;}.slide-titre{font-family: var(--font-titre);font-size: 62px;font-weight: 800;line-height: 1;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 12px;text-shadow: 2px 4px 12px rgba(0,0,0,0.3);}.slide-titre span{color: var(--orange)}.slide-sous-titre{font-size: 17px;opacity: 0.9;margin-bottom: 28px;max-width: 480px;line-height: 1.5;}.slide-btns{display: flex;gap: 12px;flex-wrap: wrap}.slide-cta{display: inline-flex;align-items: center;gap: 10px;background: var(--orange);color: white;padding: 14px 28px;border-radius: 30px;text-decoration: none;font-weight: 700;font-size: 15px;transition: var(--transition);}.slide-cta:hover{background: var(--orange-hover);transform: translateY(-2px);box-shadow: 0 6px 20px rgba(232,112,10,0.4)}.slide-cta-secondary{display: inline-flex;align-items: center;gap: 10px;background: transparent;color: white;padding: 14px 28px;border-radius: 30px;text-decoration: none;font-weight: 600;font-size: 15px;border: 2px solid rgba(255,255,255,0.6);transition: var(--transition);}.slide-cta-secondary:hover{background: rgba(255,255,255,0.15);border-color: white}.slider-arrow{position: absolute;top: 50%;transform: translateY(-50%);background: rgba(255,255,255,0.15);border: 2px solid rgba(255,255,255,0.3);color: white;width: 48px;height: 48px;border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 10;font-size: 18px;transition: var(--transition);backdrop-filter: blur(4px);}.slider-arrow:hover{background: var(--orange);border-color: var(--orange)}.slider-prev{left: 20px}.slider-next{right: 20px}.slider-dots{position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);display: flex;gap: 8px;z-index: 10;}.slider-dot{width: 10px;height: 10px;background: rgba(255,255,255,0.4);border-radius: 50%;border: none;cursor: pointer;transition: var(--transition);}.slider-dot.actif{background: var(--orange);transform: scale(1.3)}.bandeau-garanties{background: var(--gris-clair);border-bottom: 1px solid var(--gris-medium)}.garanties-inner{display: grid;grid-template-columns: repeat(4, 1fr);}.garantie-item{display: flex;align-items: center;gap: 14px;padding: 20px 16px;border-right: 1px solid var(--gris-medium);transition: var(--transition);}.garantie-item:last-child{border-right: none}.garantie-item.anime,.garantie-item:hover{background: white}.garantie-icon{width: 46px;height: 46px;background: var(--vert-moyen);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 18px;flex-shrink: 0;transition: var(--transition);}.garantie-item:hover .garantie-icon{background: var(--orange);transform: scale(1.1)}.garantie-text h4{font-family: var(--font-titre);font-size: 15px;font-weight: 700;color: var(--vert-fonce);text-transform: uppercase;}.garantie-text p{font-size: 12.5px;color: #888;line-height: 1.4;margin-top: 2px}.section-header{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 36px;}.section-titre{font-family: var(--font-titre);font-size: 38px;font-weight: 800;color: var(--vert-fonce);text-transform: uppercase;letter-spacing: 1px;line-height: 1;}.section-titre span{color: var(--orange)}.section-sous-titre{font-size: 14px;color: #999;margin-top: 6px}.ligne-orange{width: 60px;height: 4px;background: var(--orange);border-radius: 2px;margin-top: 8px;}.voir-tout{display: flex;align-items: center;gap: 8px;color: var(--vert-moyen);text-decoration: none;font-weight: 600;font-size: 14px;transition: var(--transition);white-space: nowrap;}.voir-tout:hover{color: var(--orange)}.cats-grid{display: grid;grid-template-columns: repeat(6, 1fr);gap: 16px;}.cat-card{background: var(--blanc);border: 2px solid var(--gris-medium);border-radius: var(--radius-lg);padding: 22px 14px;text-align: center;text-decoration: none;color: var(--gris-texte);transition: var(--transition);display: flex;flex-direction: column;align-items: center;gap: 10px;}.cat-card:hover{border-color: var(--vert-moyen);box-shadow: var(--shadow-card);transform: translateY(-4px)}.cat-card:hover .cat-icon{background: var(--vert-moyen);color: white}.cat-icon{width: 56px;height: 56px;background: var(--gris-clair);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 22px;color: var(--vert-moyen);transition: var(--transition);}.cat-nom{font-family: var(--font-titre);font-size: 14px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;line-height: 1.2;}.cat-nb{font-size: 11px;color: #bbb}.produits-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}.produit-card{background: var(--blanc);border: 1px solid var(--gris-medium);border-radius: var(--radius-lg);overflow: hidden;transition: var(--transition);position: relative;display: flex;flex-direction: column;}.produit-card:hover{box-shadow: var(--shadow-hover);transform: translateY(-5px);border-color: var(--vert-accent)}.produit-card.anime{animation: fadeInUp 0.5s ease both}.produit-badges{position: absolute;top: 12px;left: 12px;display: flex;flex-direction: column;gap: 5px;z-index: 2}.badge{padding: 4px 10px;border-radius: 4px;font-size: 11px;font-weight: 700;letter-spacing: 0.5px;text-transform: uppercase;}.badge-promo{background: var(--orange);color: white}.badge-nouveau{background: var(--vert-moyen);color: white}.badge-top{background: var(--vert-fonce);color: white}.produit-img{width: 100%;height: 200px;background: var(--gris-clair);display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative;}.produit-img img{width: 100%;height: 100%;object-fit: contain;padding: 12px;transition: transform 0.4s ease}.produit-card:hover .produit-img img{transform: scale(1.06)}.produit-img-placeholder{font-size: 64px;color: var(--gris-medium)}.produit-actions-hover{position: absolute;bottom: -50px;left: 0;right: 0;display: flex;justify-content: center;gap: 8px;transition: var(--transition);padding: 8px;}.produit-card:hover .produit-actions-hover{bottom: 8px}.btn-hover{width: 36px;height: 36px;background: white;border: 1px solid var(--gris-medium);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 14px;color: var(--gris-texte);transition: var(--transition);text-decoration: none;cursor: pointer;}.btn-hover:hover{background: var(--vert-moyen);color: white;border-color: var(--vert-moyen)}.produit-body{padding: 16px;flex: 1;display: flex;flex-direction: column}.produit-marque{font-size: 11px;font-weight: 700;color: var(--vert-moyen);text-transform: uppercase;letter-spacing: 1px;margin-bottom: 5px}.produit-nom{font-size: 14px;font-weight: 600;color: var(--noir-soft);line-height: 1.4;margin-bottom: 6px;flex: 1}.produit-nom a{color: inherit;text-decoration: none}.produit-nom a:hover{color: var(--vert-moyen)}.produit-ref{font-size: 11px;color: #bbb;margin-bottom: 10px}.produit-prix-zone{margin-bottom: 14px}.produit-prix{font-family: var(--font-titre);font-size: 26px;font-weight: 800;color: var(--vert-fonce)}.produit-prix-ancien{font-size: 14px;color: #bbb;text-decoration: line-through;margin-left: 6px}.produit-prix-ht{font-size: 11px;color: #aaa;display: block;margin-top: 2px}.produit-paiement{font-size: 11px;color: var(--vert-moyen);font-weight: 600;margin-top: 3px}.btn-panier{width: 100%;padding: 12px;background: var(--vert-moyen);color: white;border: none;border-radius: var(--radius);font-family: var(--font-titre);font-size: 15px;font-weight: 700;letter-spacing: 0.5px;cursor: pointer;transition: var(--transition);display: flex;align-items: center;justify-content: center;gap: 8px;text-transform: uppercase;}.btn-panier:hover{background: var(--vert-fonce)}.btn-rupture{background: #ccc !important;cursor: not-allowed !important}.no-produits{grid-column: 1 / -1;text-align: center;padding: 60px 20px;color: #aaa;}.no-produits i{font-size: 64px;display: block;margin-bottom: 16px;color: var(--gris-medium)}.bandeau-promo{background: linear-gradient(135deg, var(--vert-fonce) 0%, var(--vert-moyen) 100%);padding: 50px 0;position: relative;overflow: hidden;}.bandeau-promo::after{content: '';position: absolute;bottom: -30%;left: -5%;width: 300px;height: 300px;background: rgba(232,112,10,0.12);border-radius: 50%;}.promo-inner{display: flex;align-items: center;justify-content: space-between;gap: 40px;position: relative;z-index: 1;}.promo-text h2{font-family: var(--font-titre);font-size: 46px;font-weight: 800;color: white;text-transform: uppercase;letter-spacing: 2px;line-height: 1;}.promo-text h2 span{color: var(--orange)}.promo-text p{color: rgba(255,255,255,0.8);font-size: 15px;margin-top: 10px}.promo-compteur{display: flex;gap: 12px}.compteur-item{background: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.2);border-radius: var(--radius-lg);padding: 16px 20px;text-align: center;backdrop-filter: blur(4px);min-width: 80px;}.compteur-nb{font-family: var(--font-titre);font-size: 40px;font-weight: 800;color: var(--orange);line-height: 1}.compteur-label{font-size: 11px;color: rgba(255,255,255,0.7);text-transform: uppercase;letter-spacing: 1px;margin-top: 4px}.promo-cta{display: inline-flex;align-items: center;gap: 10px;background: var(--orange);color: white;padding: 16px 34px;border-radius: 30px;text-decoration: none;font-weight: 700;font-size: 16px;transition: var(--transition);white-space: nowrap;}.promo-cta:hover{background: var(--orange-hover);transform: translateY(-2px);box-shadow: 0 8px 25px rgba(232,112,10,0.5)}.marques-strip{overflow: hidden;border-top: 1px solid var(--gris-medium);border-bottom: 1px solid var(--gris-medium)}.marques-track{display: flex;animation: defileMarques 32s linear infinite;}.marques-track:hover{animation-play-state: paused}.marque-item{min-width: 180px;height: 80px;display: flex;align-items: center;justify-content: center;padding: 0 30px;border-right: 1px solid var(--gris-medium);filter: grayscale(100%);opacity: 0.5;transition: var(--transition);flex-shrink: 0;}.marque-item:hover{filter: grayscale(0%);opacity: 1}.marque-item span{font-family: var(--font-titre);font-size: 20px;font-weight: 800;color: var(--vert-fonce);letter-spacing: 2px;text-transform: uppercase;}.marque-item img{max-height: 50px;max-width: 140px;object-fit: contain}@keyframes defileMarques{0%{transform: translateX(0)}100%{transform: translateX(-50%)}}.about-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;}.about-img{background: linear-gradient(135deg, var(--vert-fonce), var(--vert-moyen));border-radius: 16px;height: 380px;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}.about-img::before{content: '';position: absolute;bottom: 0;right: 0;width: 200px;height: 200px;background: var(--orange);opacity: 0.15;border-radius: 50%;transform: translate(30%, 30%);}.about-img i{font-size: 120px;color: rgba(255,255,255,0.12)}.about-stats{position: absolute;bottom: 20px;left: 20px;display: flex;gap: 14px;}.about-stat{background: rgba(255,255,255,0.15);backdrop-filter: blur(8px);border: 1px solid rgba(255,255,255,0.2);border-radius: var(--radius-lg);padding: 14px 18px;text-align: center;}.about-stat-nb{font-family: var(--font-titre);font-size: 30px;font-weight: 800;color: var(--orange)}.about-stat-label{font-size: 11px;color: rgba(255,255,255,0.8);margin-top: 2px}.about-features{list-style: none;margin: 20px 0 28px}.about-features li{display: flex;align-items: center;gap: 12px;padding: 10px 0;border-bottom: 1px solid var(--gris-medium);font-size: 14px;font-weight: 500;}.about-features li i{color: var(--vert-moyen);font-size: 18px;width: 20px}.btn-vert{display: inline-flex;align-items: center;gap: 10px;background: var(--vert-moyen);color: white;padding: 14px 30px;border-radius: 30px;text-decoration: none;font-weight: 700;font-size: 15px;transition: var(--transition);border: none;cursor: pointer;}.btn-vert:hover{background: var(--vert-fonce);transform: translateY(-2px)}.btn-orange{display: inline-flex;align-items: center;gap: 10px;background: var(--orange);color: white;padding: 14px 30px;border-radius: 30px;text-decoration: none;font-weight: 700;font-size: 15px;transition: var(--transition);border: none;cursor: pointer;}.btn-orange:hover{background: var(--orange-hover);transform: translateY(-2px)}.newsletter{background: linear-gradient(135deg, var(--orange) 0%, #c95e08 100%);padding: 60px 0}.newsletter-inner{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 28px;text-align: center;}.newsletter-text h3{font-family: var(--font-titre);font-size: 36px;font-weight: 800;color: white;text-transform: uppercase;}.newsletter-text p{color: rgba(255,255,255,0.85);font-size: 15px;margin-top: 6px}.newsletter-form{display: flex;width: 100%;max-width: 520px}.newsletter-form input{flex: 1;padding: 14px 20px;border: none;border-radius: 30px 0 0 30px;font-family: var(--font-body);font-size: 14px;outline: none;color: var(--gris-texte);}.newsletter-form button{padding: 14px 26px;background: var(--vert-fonce);color: white;border: none;border-radius: 0 30px 30px 0;font-family: var(--font-titre);font-size: 15px;font-weight: 700;letter-spacing: 0.5px;white-space: nowrap;transition: var(--transition);}.newsletter-form button:hover{background: #0d2d0d}footer{background: var(--vert-fonce);color: rgba(255,255,255,0.75)}.footer-top{border-bottom: 1px solid rgba(255,255,255,0.1);padding: 50px 0 40px}.footer-grid{display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: 40px;}.footer-brand p{margin-top: 16px;font-size: 13.5px;line-height: 1.7;color: rgba(255,255,255,0.55)}.footer-social{display: flex;gap: 10px;margin-top: 20px}.social-btn{width: 38px;height: 38px;background: rgba(255,255,255,0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;text-decoration: none;font-size: 15px;transition: var(--transition);}.social-btn:hover{background: var(--orange);transform: translateY(-3px)}.footer-col h4{font-family: var(--font-titre);font-size: 15px;font-weight: 700;color: white;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 18px;padding-bottom: 10px;border-bottom: 2px solid var(--orange);display: inline-block;}.footer-col ul li{margin-bottom: 9px}.footer-col ul li a{color: rgba(255,255,255,0.6);text-decoration: none;font-size: 13.5px;display: flex;align-items: center;gap: 8px;transition: var(--transition);}.footer-col ul li a::before{content: '';width: 4px;height: 4px;background: var(--orange);border-radius: 50%;flex-shrink: 0;}.footer-col ul li a:hover{color: var(--orange);padding-left: 4px}.footer-contact-item{display: flex;align-items: flex-start;gap: 12px;margin-bottom: 14px;font-size: 13.5px;color: rgba(255,255,255,0.65);}.footer-contact-item i{color: var(--orange);font-size: 16px;margin-top: 2px;width: 16px;flex-shrink: 0}.footer-contact-item strong{display: block;color: white;margin-bottom: 2px}.footer-bottom{background: rgba(0,0,0,0.2);padding: 18px 0}.footer-bottom-inner{display: flex;align-items: center;justify-content: space-between;font-size: 12.5px;color: rgba(255,255,255,0.35);flex-wrap: wrap;gap: 10px;}.footer-links{display: flex;gap: 20px;flex-wrap: wrap}.footer-links a{color: rgba(255,255,255,0.35);text-decoration: none;transition: var(--transition)}.footer-links a:hover{color: var(--orange)}.panier-float{position: fixed;bottom: 30px;right: 30px;background: var(--orange);color: white;width: 58px;height: 58px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 22px;box-shadow: 0 6px 24px rgba(232,112,10,0.5);z-index: 500;transition: var(--transition);text-decoration: none;border: none;}.panier-float:hover{transform: scale(1.1);background: var(--orange-hover)}.panier-float-badge{position: absolute;top: -5px;right: -5px;background: var(--vert-fonce);color: white;border-radius: 50%;width: 22px;height: 22px;font-size: 11px;font-weight: 700;display: flex;align-items: center;justify-content: center;}.back-top{position: fixed;bottom: 100px;right: 30px;background: var(--vert-moyen);color: white;width: 44px;height: 44px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 16px;border: none;box-shadow: 0 4px 16px rgba(0,0,0,0.2);opacity: 0;transform: translateY(20px);transition: var(--transition);z-index: 499;cursor: pointer;}.back-top.visible{opacity: 1;transform: translateY(0)}.back-top:hover{background: var(--vert-fonce)}.toast{position: fixed;bottom: 30px;left: 50%;transform: translateX(-50%) translateY(80px);background: var(--vert-fonce);color: white;padding: 14px 24px;border-radius: 30px;font-size: 14px;font-weight: 600;display: flex;align-items: center;gap: 10px;z-index: 9999;box-shadow: 0 8px 30px rgba(0,0,0,0.2);transition: transform 0.35s ease, opacity 0.35s ease;opacity: 0;white-space: nowrap;}.toast.visible{transform: translateX(-50%) translateY(0);opacity: 1}.toast-succes{background: var(--vert-fonce)}.toast-erreur{background: var(--rouge)}.toast-info{background: #1a5c8a}.toast-attention{background: #8a5c1a}.flash{padding: 14px 20px;border-radius: var(--radius);margin-bottom: 20px;display: flex;align-items: center;gap: 12px;font-size: 14px;font-weight: 500;}.flash-succes{background: #d4edda;color: #155724;border: 1px solid #c3e6cb}.flash-erreur{background: #f8d7da;color: #721c24;border: 1px solid #f5c6cb}.flash-info{background: #d1ecf1;color: #0c5460;border: 1px solid #bee5eb}.flash-attention{background: #fff3cd;color: #856404;border: 1px solid #ffeeba}@keyframes fadeInUp{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}@media (max-width: 1200px){.produits-grid{grid-template-columns: repeat(3, 1fr)}.cats-grid{grid-template-columns: repeat(4, 1fr)}.footer-grid{grid-template-columns: 1fr 1fr;gap: 30px}}@media (max-width: 992px){.slide-titre{font-size: 46px}.about-grid{grid-template-columns: 1fr}.garanties-inner{grid-template-columns: repeat(2, 1fr)}.promo-inner{flex-direction: column;text-align: center}.nav-link{padding: 14px 12px;font-size: 13px}}@media (max-width: 768px){.header-main{height: 65px}.header-search{display: none}.logo-name{font-size: 26px}.produits-grid{grid-template-columns: repeat(2, 1fr)}.cats-grid{grid-template-columns: repeat(3, 1fr)}.hero-slider{height: 320px}.slide-titre{font-size: 34px}.newsletter-inner{flex-direction: column}.newsletter-form{max-width: 100%;width: 100%}.footer-grid{grid-template-columns: 1fr}.annonce-right{display: none}.barre-annonce{font-size: 12px}.section-titre{font-size: 30px}.promo-text h2{font-size: 34px}.footer-bottom-inner{flex-direction: column;text-align: center}}@media (max-width: 480px){.produits-grid{grid-template-columns: 1fr}.cats-grid{grid-template-columns: repeat(2, 1fr)}.garanties-inner{grid-template-columns: 1fr}.hero-slider{height: 280px}.slide-titre{font-size: 28px}.promo-compteur{gap: 8px}.compteur-item{padding: 12px 14px;min-width: 65px}.compteur-nb{font-size: 30px}}.legal-page{padding:32px 0 72px;background:var(--gris-clair);min-height:70vh}.legal-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}.legal-sommaire{position:sticky;top:90px}.legal-sommaire-inner{background:white;border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card)}.legal-sommaire-titre{font-family:var(--font-titre);font-size:15px;font-weight:700;color:var(--vert-fonce);margin-bottom:14px;display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:2px solid var(--gris-clair)}.legal-sommaire nav{display:flex;flex-direction:column;gap:4px}.legal-sommaire nav a{font-size:13px;color:#666;text-decoration:none;padding:6px 10px;border-radius:var(--radius);transition:var(--transition)}.legal-sommaire nav a:hover{background:var(--gris-clair);color:var(--vert-fonce)}.legal-content{background:white;border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow-card)}.legal-header{margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid var(--gris-clair)}.legal-header h1{font-family:var(--font-titre);font-size:30px;font-weight:800;color:var(--vert-fonce);display:flex;align-items:center;gap:12px}.legal-date{font-size:13px;color:#aaa;margin-top:6px}.legal-intro{background:var(--gris-clair);border-left:4px solid var(--vert-moyen);padding:16px 20px;border-radius:0 var(--radius) var(--radius) 0;font-size:14.5px;color:#555;line-height:1.7;margin-bottom:28px}.legal-content section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--gris-clair)}.legal-content section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.legal-content h2{font-family:var(--font-titre);font-size:20px;font-weight:700;color:var(--vert-fonce);margin-bottom:14px;display:flex;align-items:center;gap:8px}.legal-content h3{font-size:15px;font-weight:700;color:#444;margin:16px 0 8px}.legal-content p{font-size:14.5px;color:#555;line-height:1.8;margin-bottom:12px}.legal-content ul,.legal-content ol{font-size:14.5px;color:#555;line-height:1.8;padding-left:24px;margin-bottom:12px}.legal-content li{margin-bottom:6px}.legal-content a{color:var(--vert-moyen);font-weight:600}.legal-table{border-radius:var(--radius);overflow:hidden;border:1px solid var(--gris-medium);margin:12px 0}.lt-ligne{display:grid;grid-template-columns:200px 1fr;padding:12px 16px;font-size:14px;border-bottom:1px solid var(--gris-clair)}.lt-ligne:last-child{border-bottom:none}.lt-ligne:nth-child(even){background:var(--gris-clair)}.lt-ligne span{color:#888}.lt-ligne strong{color:#333}.lt-ligne a{color:var(--vert-moyen)}@media (max-width:900px){.legal-layout{grid-template-columns:1fr}.legal-sommaire{position:static}.legal-sommaire-inner{display:flex;flex-wrap:wrap;gap:8px;padding:14px}.legal-sommaire nav{flex-direction:row;flex-wrap:wrap}.legal-content{padding:20px}.lt-ligne{grid-template-columns:1fr}.lt-ligne span{font-size:12px;color:#aaa}}.burger-btn{display: none;flex-direction: column;justify-content: center;align-items: center;gap: 5px;width: 42px;height: 42px;background: var(--gris-clair);border: 2px solid var(--gris-medium);border-radius: var(--radius);cursor: pointer;flex-shrink: 0;transition: var(--transition);}.burger-btn span{display: block;width: 20px;height: 2px;background: var(--vert-fonce);border-radius: 2px;transition: var(--transition)}.burger-btn.ouvert span:nth-child(1){transform: translateY(7px) rotate(45deg)}.burger-btn.ouvert span:nth-child(2){opacity: 0;transform: scaleX(0)}.burger-btn.ouvert span:nth-child(3){transform: translateY(-7px) rotate(-45deg)}.burger-btn:hover{background: var(--vert-moyen);border-color: var(--vert-moyen)}.burger-btn:hover span{background: white}.header-search-mobile{display: none;background: var(--gris-clair);border-top: 1px solid var(--gris-medium);padding: 10px 16px}.header-search-mobile form{display: flex;gap: 8px}.header-search-mobile input{flex: 1;padding: 10px 16px;border: 2px solid var(--gris-medium);border-radius: 30px;font-family: var(--font-body);font-size: 14px;outline: none;background: white}.header-search-mobile input:focus{border-color: var(--vert-moyen)}.header-search-mobile button{background: var(--vert-moyen);border: none;border-radius: 30px;width: 42px;height: 42px;color: white;font-size: 15px;flex-shrink: 0}.nav-mobile{display: none;flex-direction: column;background: var(--vert-fonce);overflow-y: auto;max-height: calc(100vh - 130px)}.nav-mobile.ouvert{display: flex}.nav-mobile-item > a{display: flex;align-items: center;justify-content: space-between;padding: 15px 20px;color: white;text-decoration: none;font-family: var(--font-titre);font-size: 15px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;border-bottom: 1px solid rgba(255,255,255,0.08);transition: var(--transition)}.nav-mobile-item > a:hover{background: var(--vert-moyen)}.nav-mobile-item > a i.fa-chevron-down{font-size: 11px;transition: var(--transition)}.nav-mobile-item.ouvert > a i.fa-chevron-down{transform: rotate(180deg)}.nav-mobile-sous{display: none;background: rgba(0,0,0,0.2);flex-direction: column}.nav-mobile-item.ouvert .nav-mobile-sous{display: flex}.nav-mobile-sous a{display: block;padding: 11px 20px 11px 36px;color: rgba(255,255,255,0.82);text-decoration: none;font-size: 13.5px;border-bottom: 1px solid rgba(255,255,255,0.05);transition: var(--transition)}.nav-mobile-sous a:hover{color: var(--orange);background: rgba(255,255,255,0.05)}.nav-mobile-sous h4{padding: 10px 20px 4px 36px;font-size: 11px;font-weight: 700;color: var(--orange);text-transform: uppercase;letter-spacing: 1px}.nav-mobile-promo > a{background: var(--orange)}.nav-mobile-promo > a:hover{background: var(--orange-hover)}@media (max-width: 768px){.burger-btn{display: flex}nav.nav-principale{display: none}.header-search-mobile{display: block}.header-main{height: 60px;gap: 10px}.logo-name{font-size: 24px}.logo-tagline{display: none}.logo-icon{width: 42px;height: 42px}.header-btn span{display: none}.header-btn{padding: 8px 10px}.header-btn i{font-size: 18px}.header-panier{flex-direction: column;gap: 2px;padding: 8px 12px}.header-panier .panier-total{font-size: 11px}.catalogue-layout{grid-template-columns: 1fr !important}.catalogue-sidebar{display: none}.filtres-mobile-toggle{display: flex !important;align-items: center;gap: 8px;background: var(--vert-moyen);color: white;border: none;padding: 12px 20px;border-radius: var(--radius);font-family: var(--font-titre);font-size: 15px;font-weight: 700;cursor: pointer;width: 100%;margin-bottom: 16px}.catalogue-sidebar.mobile-ouvert{display: block !important;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: white;z-index: 2000;overflow-y: auto;padding: 20px}.sidebar-fermer{display: flex !important;justify-content: space-between;align-items: center;margin-bottom: 20px}.produit-layout{grid-template-columns: 1fr !important;gap: 20px !important}.produit-galerie{position: static !important}.produit-thumbnails{grid-template-columns: repeat(5, 1fr) !important}.panier-layout{grid-template-columns: 1fr !important}.panier-recapitulatif{position: static !important}.panier-table th:nth-child(2),.panier-table td:nth-child(2){display: none}.commande-layout{grid-template-columns: 1fr !important}.commande-recap{position: static !important;order: -1}.etapes-tunnel{gap: 6px}.etape-label{font-size: 11px}.compte-layout{grid-template-columns: 1fr !important}.compte-sidebar{position: static !important}.compte-nav{flex-direction: row !important;flex-wrap: wrap !important;gap: 6px !important}.compte-nav-link{padding: 8px 12px !important;font-size: 12px !important;flex: 1;min-width: 80px;justify-content: center !important}.compte-nav-link span{display: none !important}.devis-layout{grid-template-columns: 1fr !important}.devis-sidebar{display: none}.dv-grid-2{grid-template-columns: 1fr !important}.dv-grid-3{grid-template-columns: 1fr !important}.type-client-toggle{flex-direction: column}.hero-slider{height: 300px}.slide-titre{font-size: 32px}.slide-sous-titre{font-size: 14px}.slide-btns{gap: 8px}.slide-cta,.slide-cta-secondary{padding: 11px 18px;font-size: 13px}.cats-grid{grid-template-columns: repeat(3, 1fr) !important}.section-header{flex-direction: column;align-items: flex-start;gap: 8px}.footer-grid{grid-template-columns: 1fr !important;gap: 24px}.footer-bottom-inner{flex-direction: column;text-align: center;gap: 8px}}@media (max-width: 480px){.hero-slider{height: 260px}.slide-titre{font-size: 26px;letter-spacing: 1px}.slide-cta-secondary{display: none}.cats-grid{grid-template-columns: repeat(2, 1fr) !important}.produits-grid{grid-template-columns: 1fr 1fr !important}.garanties-inner{grid-template-columns: 1fr 1fr}.garantie-text p{display: none}.compte-nav-link{min-width: 60px;padding: 8px !important}.etapes-tunnel{gap: 4px}.etape-num{width: 28px !important;height: 28px !important;font-size: 13px !important}.etape-label{display: none}.etape-trait{flex: 1 !important}.panier-table th:nth-child(3),.panier-table td:nth-child(3){display: none}.btn-devis-submit{font-size: 16px;padding: 15px}.form-header-devis{gap: 10px}.form-header-icone{width: 42px !important;height: 42px !important;font-size: 18px !important}}.footer-paiement-logos{margin-top: 16px}.paiement-logos-row{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.p-logo{background: white;border-radius: 5px;padding: 3px 5px;display: flex;align-items: center;justify-content: center;box-shadow: 0 1px 4px rgba(0,0,0,.15)}.p-logo-virement{padding: 3px 6px}.cat-img{width: 100%;height: 120px;overflow: hidden;border-radius: var(--radius) var(--radius) 0 0;margin-bottom: 12px}.cat-img img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;display: block}.cat-card:hover .cat-img img{transform: scale(1.06)}@media (max-width: 1100px){.header-actions .header-btn span{font-size: 12px}.header-search{max-width: 380px}}@media (max-width: 768px){.barre-annonce{padding: 7px 12px;font-size: 11.5px;text-align: center}.annonce-inner{justify-content: center;gap: 0}.logo img{height: 44px !important;max-width: 180px !important}.header-actions{gap: 4px}.header-btn{padding: 7px 9px;gap: 4px}.header-btn i{font-size: 17px}.panier-count{width: 18px;height: 18px;font-size: 10px;top: -4px;right: -4px}.hero-slider{height: 280px}.slide-content{padding: 0 16px}.slide-badge{font-size: 11px;padding: 5px 12px}.slide-titre{font-size: 30px;line-height: 1.1}.slide-sous-titre{font-size: 13px;line-height: 1.5;margin: 10px 0}.slide-cta{padding: 10px 18px;font-size: 13px}.slide-cta-secondary{padding: 10px 16px;font-size: 12px}.slider-arrow{width: 36px;height: 36px;font-size: 14px}.garanties-inner{grid-template-columns: 1fr 1fr;gap: 12px;padding: 16px}.garantie-icon{width: 40px;height: 40px;font-size: 16px}.garantie-text h4{font-size: 13px}.garantie-text p{font-size: 11px}.section-titre{font-size: 26px}.section-header{flex-direction: column;align-items: flex-start;gap: 8px}.produits-grid{grid-template-columns: repeat(2, 1fr);gap: 12px}.produit-card{font-size: 13px}.produit-nom a{font-size: 13px}.produit-prix{font-size: 18px}.btn-panier{font-size: 12px;padding: 10px}.cats-grid{grid-template-columns: repeat(3, 1fr);gap: 10px}.cat-card{padding: 14px 8px}.cat-icon{width: 48px;height: 48px;font-size: 20px}.cat-nom{font-size: 12px}.cat-nb{font-size: 10px}.about-grid{grid-template-columns: 1fr;gap: 24px}.about-img{height: 240px}.about-stats{bottom: 12px;left: 12px;right: 12px;gap: 8px}.about-stat-nb{font-size: 22px}.about-stat-label{font-size: 10px}.promo-inner{flex-direction: column;gap: 20px;text-align: center;padding: 24px 16px}.promo-text h2{font-size: 28px}.promo-compteur{justify-content: center}.footer-grid{grid-template-columns: 1fr;gap: 24px}.footer-bottom-inner{flex-direction: column;text-align: center;gap: 10px}.paiement-logos-row{justify-content: center}.footer-newsletter .newsletter-form{flex-direction: column;gap: 8px}.footer-newsletter input,.footer-newsletter button{width: 100%;border-radius: var(--radius) !important}}@media (max-width: 480px){.hero-slider{height: 240px}.slide-titre{font-size: 24px}.slide-sous-titre{display: none}.slide-btns{flex-direction: column;gap: 6px;align-items: flex-start}.slide-cta-secondary{display: none}.produits-grid{grid-template-columns: 1fr 1fr;gap: 8px}.produit-card{border-radius: 8px}.produit-prix{font-size: 16px}.produit-prix-ht{font-size: 10px}.produit-paiement{display: none}.cats-grid{grid-template-columns: 1fr 1fr;gap: 8px}.garanties-inner{grid-template-columns: 1fr 1fr}.garantie-text p{display: none}.compteur-nb{font-size: 28px}.compteur-item{min-width: 60px;padding: 10px 12px}.marque-item{padding: 8px 16px}.marque-item img{max-height: 36px;max-width: 100px}.marque-item span{font-size: 12px}.footer-col h3{font-size: 14px}.footer-col ul li a{font-size: 12px}}@media (min-width: 769px) and (max-width: 1024px){.produits-grid{grid-template-columns: repeat(3, 1fr);gap: 16px}.cats-grid{grid-template-columns: repeat(4, 1fr)}.about-grid{grid-template-columns: 1fr 1fr}.header-search{max-width: 320px}.nav-link{padding: 14px 10px;font-size: 13px}.mega-menu{min-width: 420px}.hero-slider{height: 380px}.slide-titre{font-size: 42px}}@media (min-width: 1321px){.produits-grid{grid-template-columns: repeat(4, 1fr)}.cats-grid{grid-template-columns: repeat(6, 1fr)}}@media (max-width: 768px){#chat-widget{bottom: 14px;right: 14px}#chat-window{width: calc(100vw - 28px) !important;right: 0 !important}#chat-toggle{width: 52px;height: 52px;font-size: 20px}}.panier-total:empty{display: none}.header-panier .panier-count:empty::before{content: '0'}@media (max-width: 768px){.catalogue-header{flex-direction: column;align-items: flex-start;gap: 10px}.tri-select{width: 100%}.pagination{flex-wrap: wrap;justify-content: center}}@media (max-width: 768px){.produit-titre{font-size: 20px}.produit-prix-principal{font-size: 26px}.produit-tabs-nav{overflow-x: auto;-webkit-overflow-scrolling: touch;white-space: nowrap}.produit-tab-btn{font-size: 13px;padding: 10px 14px}}@media (max-width: 768px){.etapes-tunnel{gap: 4px;padding: 14px 12px}.etape-label{font-size: 10px}}@media (max-width: 480px){input, select, textarea{font-size: 16px !important}.form-row-2{grid-template-columns: 1fr !important}.form-row-3{grid-template-columns: 1fr !important}}