.navbar{box-sizing:border-box;background-color:#0000;border:none;border-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 clamp(16px,3vw,40px);display:flex;position:relative}.navLogo{margin-top:20px;transition:opacity .2s}.navLogo:hover{opacity:.8}.links{align-items:center;gap:40px;display:flex}.link{color:#1b1843;white-space:nowrap;font-family:DM Sans,sans-serif;font-size:clamp(13px,1.4vw,18px);font-weight:200;text-decoration:none;transition:opacity .2s;position:relative}.link:after{content:"";background:#1b1843;width:0;height:2px;transition:width .2s;position:absolute;bottom:-4px;left:0}.link:hover:after{width:100%}.link:hover{opacity:.7}.icons{align-items:center;gap:16px;display:flex}.langBtn{cursor:pointer;color:#1b1843;letter-spacing:.05em;background:0 0;border:1.5px solid #1b1843;border-radius:20px;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;line-height:1.4;transition:background .2s,color .2s}.langBtn:hover{color:#fff;background:#1b1843}.iconBtn{cursor:pointer;color:#1b1843;background:0 0;border:none;border-radius:8px;padding:4px;transition:background .2s}.iconBtn:hover{background:#1b184314}.panierIcon{justify-content:center;align-items:center;display:flex;position:relative}.panierBadge{color:#1b1843;background:#f9c464;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.profileWrapper{position:relative}.profileMenu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#fffffff2;border:1px solid #fff6;border-radius:12px;flex-direction:column;gap:4px;min-width:180px;padding:8px;animation:.15s fadeIn;display:flex;position:absolute;top:44px;right:0;box-shadow:0 4px 20px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profileMenu a,.profileMenu button{color:#1b1843;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;width:100%;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:14px;text-decoration:none;transition:background .2s}.profileMenu a:hover,.profileMenu button:hover{background:#1b184314}.hamburgerBtn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0;transition:background .2s;display:none}.hamburgerBtn:hover{background:#1b184314}.mobileMenu{display:none}@media (max-width:1024px){.links,.icons{display:none}.hamburgerBtn{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mobileMenu{z-index:1000;background:#fff;flex-direction:column;animation:.3s cubic-bezier(.25,.46,.45,.94) slideInFromRight;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobileMenuHeader{border-bottom:1px solid #1b184314;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 20px;display:flex}.mobileMenuLogo{align-items:center;display:flex}.mobileCloseBtn{cursor:pointer;color:#1b1843;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.mobileCloseBtn:hover{background:#1b184314}.mobileNavLinks{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;padding:40px 24px;display:flex}.mobileLink{color:#1b1843;letter-spacing:-.5px;text-align:center;width:100%;padding:14px 30px;font-family:DM Sans,sans-serif;font-size:22px;font-weight:300;text-decoration:none;transition:opacity .2s}.mobileLink:hover{opacity:.45}.mobileSeparator{background:#1b18431f;flex-shrink:0;width:calc(100% - 48px);height:1px;margin:0 auto}.mobileActions{flex-direction:column;flex-shrink:0;align-items:center;gap:16px;padding:28px 24px 52px;display:flex}.mobileActionLink{color:#1b1843;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;text-decoration:none;transition:opacity .2s;display:flex}.mobileActionLink:hover{opacity:.6}.mobileLangBtn{color:#1b1843bf;cursor:pointer;background:0 0;border:1.5px solid #1b184340;border-radius:20px;align-items:center;gap:8px;margin-top:6px;padding:8px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.mobileLangBtn:hover{color:#1b1843;background:#1b184314;border-color:#1b184380}}@media (max-width:1024px) and (min-width:768px){.navbar{height:auto;padding:10px 20px}.navLogo{margin-top:0}.navLogo img{width:44px!important;height:44px!important}.mobileLink{padding:16px 0;font-size:36px}.mobileMenuHeader{height:100px}.mobileMenuLogo img{width:80px!important;height:80px!important}}@media (max-width:767px){.navbar{height:60px;padding:0 16px}.navLogo{margin-top:0}.navLogo img{width:40px!important;height:40px!important}.hamburgerBtn{width:60px;height:60px}.mobileLink{padding:20px;font-size:20px}}
.footer{box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:41px;margin-bottom:10px;padding:0 40px;display:flex}.footerLeft{color:#1b1843;align-items:center;gap:24px;font-family:DM Sans,sans-serif;font-size:14px;display:flex}.footerLeft a{color:#1b1843;text-decoration:none}.footerLeft a:hover{opacity:.7}.footerLegal{color:#1b1843;align-items:center;gap:24px;font-family:DM Sans,sans-serif;font-size:14px;display:flex}.footerLegal a{color:#1b1843;text-decoration:none}.footerLegal a:hover{opacity:.7}.footerCookieBtn{font-family:DM Sans,sans-serif;font-size:inherit;color:#1b1843;cursor:pointer;background:0 0;border:none;padding:0}.footerCookieBtn:hover{opacity:.7}.footerRight{color:#1b1843;align-items:center;gap:16px;display:flex}.footerRight a{color:#1b1843;text-decoration:none}.footerRight a:hover{opacity:.7}@media (max-width:1024px){.footer{width:100%;height:40px;margin-bottom:0;padding:0 16px}.footerLeft,.footerLegal{gap:12px;font-size:11px}.footerRight{gap:12px}}@media (max-width:767px){.footer{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:auto;margin-bottom:0;padding:30px 8px 0;display:flex}.footerLeft,.footerLegal{text-align:center;flex-wrap:wrap;justify-content:center;gap:10px;font-size:12px}.footerRight{justify-content:center;align-items:center;gap:16px;display:flex}}
