@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f7;color:#1a1a2e;font-family:Plus Jakarta Sans,sans-serif}.navbar{background:linear-gradient(135deg,#0d1b4b,#1f4e79);box-shadow:0 4px 20px #00000040;padding:0 40px;position:sticky;top:0;z-index:100}.navbar-inner{align-items:center;display:flex;height:68px;justify-content:space-between;margin:0 auto;max-width:1400px}.logo{color:#fff;font-size:26px;font-weight:900;letter-spacing:-1px}.logo span{color:#f0a500}.nav-links{align-items:center;display:flex;gap:6px;list-style:none}.nav-links li{border-radius:8px;color:#ffffffbf;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.nav-links li.active,.nav-links li:hover{background:#ffffff1f;color:#fff}.nav-links li.btn-connexion{background:#f0a500;border-radius:20px;color:#0d1b4b;font-weight:700}.nav-links li.btn-connexion:hover{background:#ffc233;transform:scale(1.03)}.hero{background:linear-gradient(135deg,#0d1b4b,#1f4e79 60%,#1565c0);color:#fff;overflow:hidden;padding:80px 40px;position:relative;text-align:center}.hero:before{background:radial-gradient(circle,#f0a50014,#0000 70%);content:"";height:500px;pointer-events:none;position:absolute;right:-10%;top:-50%;width:500px}.hero-content{margin:0 auto;max-width:820px;position:relative;z-index:1}.hero h2{font-size:46px;font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:18px}.hero h2 span{color:#f0a500}.hero p{font-size:18px;line-height:1.6;margin-bottom:40px;opacity:.8}.search-bar{align-items:center;background:#fff;border-radius:50px;box-shadow:0 10px 40px #00000040;display:flex;gap:10px;margin:0 auto 40px;max-width:680px;padding:6px 6px 6px 22px}.search-icon{color:#aaa;flex-shrink:0;font-size:16px}.search-bar input{background:#0000;border:none;color:#333;flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;outline:none}.search-bar input::placeholder{color:#bbb}.search-bar button{background:linear-gradient(135deg,#f0a500,#e09400);border:none;border-radius:40px;color:#fff;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;padding:13px 30px;transition:all .2s;white-space:nowrap}.search-bar button:hover{box-shadow:0 4px 16px #f0a50066;transform:scale(1.05)}.hero-stats{display:flex;gap:48px;justify-content:center}.stat{text-align:center}.stat strong{color:#f0a500;display:block;font-size:30px;font-weight:800;line-height:1}.stat span{display:block;font-size:11px;letter-spacing:1.5px;margin-top:4px;opacity:.65;text-transform:uppercase}.categories-section{background:#fff;box-shadow:0 2px 12px #0000000f;padding:20px 40px}.categories{display:flex;gap:12px;margin:0 auto;max-width:1400px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.category-card{align-items:center;background:#fff;border:2px solid #e8e8e8;border-radius:14px;color:#666;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:8px;min-width:110px;padding:16px 22px;transition:all .2s}.category-card.active,.category-card:hover{background:#eef4fb;border-color:#1f4e79;box-shadow:0 6px 18px #1f4e791f;color:#1f4e79;transform:translateY(-3px)}.category-card p{font-size:12px;font-weight:600;line-height:1.3;text-align:center}.category-card span{background:#e3f2fd;border-radius:10px;color:#1565c0;font-size:10px;font-weight:600;padding:2px 8px}.produits-section{margin:0 auto;max-width:1400px;padding:32px 40px}.produits-header{margin-bottom:24px}.produits-header h3{align-items:center;color:#1f4e79;display:flex;font-size:20px;font-weight:700;gap:12px}.produits-count{background:#eef4fb;border-radius:20px;color:#1f4e79;font-size:13px;font-weight:600;padding:4px 14px}.loading{color:#888;padding:80px 20px;text-align:center}.spinner{animation:spin .8s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#1f4e79;height:44px;margin:0 auto 16px;width:44px}@keyframes spin{to{transform:rotate(1turn)}}.empty{align-items:center;color:#aaa;display:flex;flex-direction:column;gap:16px;padding:80px 20px;text-align:center}.empty p{font-size:16px}.produits-liste{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.produit-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 12px #00000012;display:flex;flex-direction:column;gap:8px;padding:20px;transition:all .25s}.produit-card:hover{border-color:#c5d9ed;box-shadow:0 12px 32px #1f4e7924;transform:translateY(-5px)}.produit-image{align-items:center;background:#f8f9fc;border-radius:10px;display:flex;height:150px;justify-content:center;overflow:hidden;width:100%}.produit-image img{height:100%;object-fit:contain;padding:8px;width:100%}.badge-categorie{background:#eef4fb;border-radius:20px;color:#1f4e79;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;width:fit-content}.produit-nom{color:#1a1a2e;font-size:14px;font-weight:700;line-height:1.4}.produit-ref{color:#999;font-size:12px}.produit-ref strong{color:#555;font-family:monospace}.produit-meta{align-items:center;display:flex;justify-content:space-between}.marque{background:#eef4fb;color:#1f4e79;font-size:12px;font-weight:700;padding:3px 10px}.marque,.source{border-radius:8px}.source{background:#f5f5f5;color:#888;font-size:11px;padding:3px 8px}.produit-prix{background:#fffbf0;border-left:3px solid #f0a500;border-radius:10px;padding:10px 14px}.produit-prix strong{color:#e09400;font-size:18px;font-weight:800}.prix-demande{color:#aaa;font-size:13px;font-style:italic}.btn-voir{align-items:center;background:linear-gradient(135deg,#1f4e79,#1565c0);border-radius:10px;color:#fff;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;margin-top:auto;padding:10px 16px;text-decoration:none;transition:all .2s}.btn-voir:hover{background:linear-gradient(135deg,#f0a500,#e09400);transform:scale(1.02)}.footer{background:linear-gradient(135deg,#0d1b4b,#1f4e79);color:#fff;margin-top:60px;padding:36px 40px;text-align:center}.footer p{font-size:14px;margin:6px 0;opacity:.85}.catalogue-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:280px 1fr;margin:-30px auto 0;max-width:1500px;padding:0 20px 40px;position:relative;z-index:10}.catalogue-sidebar{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;height:fit-content;max-height:calc(100vh - 110px);overflow-y:auto;padding:20px;position:sticky;scrollbar-color:#e0e0e0 #0000;scrollbar-width:thin;top:90px}.catalogue-sidebar::-webkit-scrollbar{width:4px}.catalogue-sidebar::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:4px}.sidebar-overlay{animation:fadeOverlay .2s ease;background:#00000080;display:none;inset:0;position:fixed;z-index:999}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.btn-sidebar-mobile{align-items:center;background:#1f4e79;border:none;border-radius:20px;color:#fff;cursor:pointer;display:none;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;gap:6px;padding:8px 16px}.btn-close-sidebar{display:none}.catalogue-hero{padding:40px 40px 60px}.produits-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:24px;transition:opacity .2s}@media (max-width:768px){.hero h2{font-size:28px}.hero-stats{gap:24px}.navbar{padding:0 20px}.produits-section{padding:20px}.hero{padding:50px 20px}.nav-links li{font-size:12px;padding:6px 10px}.categories-section{padding:16px 20px}.catalogue-layout{gap:12px;grid-template-columns:1fr;margin:-20px auto 0;padding:0 12px 40px}.catalogue-sidebar{border-radius:0 16px 16px 0;height:100vh;left:-105%;max-height:100vh;max-width:300px;overflow-y:auto;position:fixed;top:0;transition:left .3s ease;width:82%;z-index:1000}.catalogue-sidebar.sidebar-open{left:0}.sidebar-overlay.active{display:block}.btn-close-sidebar,.btn-sidebar-mobile{display:flex}.catalogue-hero{padding:30px 16px 50px}.produits-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:480px){.produits-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.catalogue-hero{padding:24px 12px 40px}.hero h2{font-size:22px;letter-spacing:-.5px}.hero p{font-size:15px}.hero-stats{gap:16px}.stat strong{font-size:22px}.stat span{font-size:10px}.search-bar{border-radius:14px;padding:6px 6px 6px 16px}.search-bar input{font-size:14px}.search-bar button{font-size:13px;padding:11px 18px}}.detail-back-bar{background:linear-gradient(135deg,#0d1b4b,#1f4e79);color:#fff;padding:24px 40px}.detail-back-inner{margin:0 auto;max-width:1200px}.detail-main-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}.detail-actions{display:flex;gap:12px;margin-bottom:12px}@media (max-width:768px){.detail-back-bar{padding:16px}.detail-main-grid{gap:16px;grid-template-columns:1fr}.detail-actions{flex-direction:column}.detail-actions button{width:100%}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 1px 6px #0000000f;display:flex;flex-direction:column;gap:8px;padding:12px}.skeleton-badge,.skeleton-img,.skeleton-line,.skeleton-pill{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:600px 100%;border-radius:6px}.skeleton-img{border-radius:10px;height:120px}.skeleton-badge{border-radius:8px;height:16px;width:60px}.skeleton-line{height:12px}.skeleton-line-full{width:100%}.skeleton-line-half{width:65%}.skeleton-footer{align-items:center;border-top:1px solid #f5f5f5;display:flex;justify-content:space-between;margin-top:4px;padding-top:6px}.skeleton-pill{border-radius:8px;height:14px;width:50px}.skeleton-pill-sm{width:32px}.produit-card-pro{background:#fff;border:1px solid #f0f0f0;border-radius:18px;box-shadow:0 2px 12px #00000012;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:18px;position:relative;transition:all .3s}.produit-card-pro:hover{border-color:#1f4e79;box-shadow:0 16px 40px #1f4e792e;transform:translateY(-6px)}.produit-card-pro .produit-image{align-items:center;background:linear-gradient(135deg,#f8f9fc,#eef4fb);border-radius:12px;display:flex;height:160px;justify-content:center;overflow:hidden;position:relative;width:100%}.produit-card-pro .produit-image img{height:100%;object-fit:contain;padding:12px;transition:transform .3s;width:100%}.produit-card-pro:hover .produit-image img{transform:scale(1.05)}.image-overlay{align-items:center;background:#1f4e79d9;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s}.produit-card-pro:hover .image-overlay{opacity:1}.btn-quick-view{align-items:center;background:#fff;border:none;border-radius:25px;color:#1f4e79;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:700;gap:6px;padding:10px 20px}.badges-row{display:flex;flex-wrap:wrap;gap:6px}.badge-marque{background:linear-gradient(135deg,#f0a500,#e09400);border-radius:20px;color:#fff;font-size:10px;font-weight:700;padding:3px 10px}.produit-card-pro .produit-nom{color:#1a1a2e;font-size:14px;font-weight:700;line-height:1.4;min-height:40px}.produit-card-pro .produit-ref{align-items:center;color:#999;display:flex;font-size:12px;gap:4px}.produit-card-pro .produit-ref strong{color:#555;font-family:monospace;font-size:11px}.prix-comparateur{margin-top:auto}.prix-direct{background:linear-gradient(135deg,#fffbf0,#fff5dd);border-left:4px solid #f0a500;border-radius:12px;padding:12px}.prix-montant{color:#e09400;display:block;font-size:20px;font-weight:800}.prix-source{color:#999;font-size:10px;letter-spacing:1px;text-transform:uppercase}.btn-comparer{background:linear-gradient(135deg,#1f4e79,#1565c0);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:12px;transition:all .2s;width:100%}.btn-comparer:hover{background:linear-gradient(135deg,#f0a500,#e09400);transform:scale(1.02)}.comparateurs-liste{animation:slideDown .3s;display:flex;flex-direction:column;gap:4px;margin-top:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lien-comparateur{align-items:center;background:#f8f9fc;border-radius:10px;color:#333;display:flex;font-size:13px;font-weight:600;gap:10px;padding:10px 14px;text-decoration:none;transition:all .2s}.lien-comparateur:hover{background:#eef4fb;transform:translateX(4px)}.lien-comparateur .ext-icon{color:#999;margin-left:auto}.lien-source{background:linear-gradient(135deg,#ffece0,#ffd9c0);border-left:3px solid #d32f2f}.actions-card{display:flex;gap:8px;margin-top:4px}.btn-cps,.btn-devis{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:12px;font-weight:700;gap:6px;justify-content:center;padding:10px;transition:all .2s}.btn-cps{background:linear-gradient(135deg,#1f4e79,#1565c0);color:#fff}.btn-cps:hover{box-shadow:0 6px 16px #1f4e794d;transform:scale(1.04)}.btn-devis{background:#fff;border:2px solid #1f4e79;color:#1f4e79}.btn-devis:hover{background:#eef4fb}@media (max-width:768px){.navbar{padding:0 12px}.navbar-inner{gap:8px;height:56px}.logo{font-size:20px}.nav-links{flex-wrap:nowrap;gap:2px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links li{flex-shrink:0;font-size:12px;padding:6px 10px;white-space:nowrap}.nav-links li span[style*=lecture]{display:none}table{-webkit-overflow-scrolling:touch;display:block;font-size:12px;overflow-x:auto}td,th{padding:6px 8px!important;white-space:nowrap}div[style*="grid-template-columns: 1fr 1fr"],div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}div[style*="display: flex"][style*="gap: 12px"] button{font-size:12px;padding:10px 14px}}@media (max-width:600px){div[style*=gridTemplateColumns][style*="1fr 1fr"]{grid-template-columns:1fr!important}div[style*="display: flex"][style*="gap: 6px"]{flex-wrap:wrap}}@media (max-width:480px){.hero{padding:30px 16px 50px}.hero h2{font-size:24px}.hero p{font-size:14px;margin-bottom:28px}.search-bar{margin:0 auto 24px}.hero-stats{flex-wrap:wrap;gap:12px;justify-content:center}.stat strong{font-size:20px}.produit-card-pro{padding:12px}.produit-card-pro .produit-image{height:130px}.produit-card-pro .produit-nom{font-size:13px;min-height:36px}.prix-montant{font-size:17px}.btn-cps,.btn-devis{font-size:11px;padding:8px 6px}}@media (max-width:600px){div[style*="maxWidth: '680px'"]{border-radius:16px 16px 0 0!important;bottom:0!important;left:0!important;max-height:100vh!important;max-width:100%!important;position:fixed!important;right:0!important;width:100%!important}}@media (max-width:768px){.btn-cps,.btn-devis,.btn-voir,button{min-height:44px}}
/*# sourceMappingURL=main.04a8eeba.css.map*/