.header-wrapper{position:fixed;top:0;left:0;width:100%;z-index:100}.header{padding:auto}.nav.open{animation:fadeInNavOpen .3s linear forwards}@keyframes fadeInNavOpen{to{transform:translate(0)}}.content-link-header-Link{display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid #fff;border-radius:20px;height:50px;width:100%;margin:15px;font-size:large;border:1px solid var(--border);background-color:transparent;transition:.2s}.content-link-header-Link:hover{background-color:var(--gris-bg);box-shadow:0 8px 32px 0 hsla(240,1%,49%,.37);filter:drop-shadow(0 0 .75rem var(--shadow));border:1px solid hsla(0,0%,100%,.329)}.content-link-header-Link:active{transform:scale(.95)}.content{margin:30px 20px 20px;display:flex;justify-content:space-between}.clicIcon{background:none;border:none;padding:0;cursor:pointer}.clicIcon.open{z-index:10;position:absolute;cursor:pointer;height:45px;width:45px}.icon{position:absolute;top:2.25px;height:35px;width:35px;border-radius:10px;border:2px solid var(--blanc);rotate:45deg;transition:.3s}.icon:hover{filter:drop-shadow(0 0 .75rem var(--shadow));rotate:180deg}.icon.open{top:18px;height:3px;border:none;background-color:#f0f8ff;width:45px;transition:.3s}.icon.open:hover{filter:drop-shadow(0 0 .75rem var(--shadow));rotate:45deg}.icon.open:hover,.icon.open:hover .iconClose{background-color:#ffffff67}.icon.open:before{content:"";position:absolute;top:-20px;left:-5px;right:-5px;bottom:-20px}.clicIcon.open:hover .icon.open{filter:drop-shadow(0 0 .75rem var(--shadow));rotate:45deg;background-color:#ffffff67}.iconClose{height:3px;rotate:90deg;background-color:#f0f8ff;animation:fadeInIconClose .4s linear forwards;margin-top:-1px;transition:.3s}@keyframes fadeInIconClose{0%{transform:translate(-50px);opacity:0}50%{transform:translate(-25px);opacity:0}60%{opacity:1}80%{transform:translate(5px);opacity:1}to{transform:translate(0);opacity:1}}.clicIcon.open:hover .icon .iconClose{background-color:#ffffff67}.btn-content{margin-left:56px;display:flex;align-items:center}.btnMenuEnfant{height:25px;width:25px;background:var(--blanc)}.header-user .header-auth-dropdown,.header-user .profil-header-link{transition:.3s}.header-user img:hover{animation:user .3s linear alternate}@keyframes user{0%{transform:translate(0)}50%{transform:translateY(10px)}to{transform:translate(0)}}.dropdown-spacer{background:#ffffff00;height:10px;margin-top:-11px}.header-user:hover .header-auth-dropdown,.header-user:hover .profil-header-link{opacity:1;visibility:visible}.header-auth-dropdown{margin-left:-75px;border-radius:15px;background-color:#4b4b4b;border:1px solid hsla(0,0%,100%,.18)}.header-auth-dropdown,.profil-header-link{cursor:default;margin-top:10px;box-shadow:0 8px 32px 0 hsla(240,1%,49%,.37);visibility:hidden;position:absolute;opacity:0}.profil-header-link{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;width:200px;margin-left:-70px;border-radius:15px;background-color:#5c5c5c;border:1px solid var(--border);gap:10px 0}.profil-header-link:has(.profil-header-link-admin){height:260px}.profil-header-link-admin{background-color:rgba(99,102,241,.15);border-color:rgba(99,102,241,.5)}.profil-header-link-admin:hover{background-color:rgba(99,102,241,.3);border-color:rgba(99,102,241,.7)}.content-link-header-admin{background-color:rgba(99,102,241,.15);border-color:rgba(99,102,241,.5)}.content-link-header-admin:hover{background-color:rgba(99,102,241,.3);border-color:rgba(99,102,241,.7)}.profil-header-link-Link{color:#fff;height:50px;width:80%;border-radius:20px;font-size:large;border:1px solid var(--border);background-color:transparent;transition:.2s;display:flex;align-items:center;justify-content:center}.profil-header-link-Link:hover{background-color:var(--gris-bg);box-shadow:0 8px 32px 0 hsla(240,1%,49%,.37);filter:drop-shadow(0 0 .75rem var(--shadow));border:1px solid hsla(0,0%,100%,.329)}.card-cart .cart-header{transition:.3s}.card-cart:hover .cart-header{opacity:1;visibility:visible}.card-like .like-header{transition:.3s}.card-like:hover .like-header{opacity:1;visibility:visible}.cart-header{margin-left:-125px}.cart-header,.like-header{display:flex;justify-content:center;align-items:center;width:225px;cursor:default;margin-top:10px;border-radius:15px;background-color:#5c5c5c;box-shadow:0 8px 32px 0 hsla(240,1%,49%,.37);border:1px solid var(--border);visibility:hidden;position:absolute;opacity:0}.like-header{margin-left:-182px}.cart-container,.like-container{width:100%;padding:10px 6px 10px 18px;box-sizing:border-box}.log-container{margin:10px}.header-search{margin-left:5px}.btnHome{transition:.3s}.btnHome:hover{filter:drop-shadow(0 0 .75rem var(--shadow))}.btnCardHeart{display:flex}.header-cart-icon{transition:.3s}.header-cart-icon:hover{animation:header-cart-icon .3s linear alternate}@keyframes header-cart-icon{0%{transform:rotate(0deg)}50%{transform:rotate(45deg)}to{transform:rotate(0deg)}}.header-divider{margin-left:10px;margin-right:10px;background:var(--blanc);height:35px;width:2px}.heart{cursor:pointer;display:inline-flex;align-items:center}.heart:hover{animation:heart .3s linear alternate}.card-like:focus-within .heart,.card-like:hover .heart{animation:heart .3s linear alternate}@keyframes heart{0%{transform:translate(0)}50%{transform:translateY(10px)}to{transform:translate(0)}}@media screen and (min-width:800px){.nav{position:fixed;width:100%;height:100vh;align-items:center;flex-direction:column;background:#262626;margin-top:-30px;transform:translateY(-100%);transition:transform .3s cubic-bezier(.73,.11,.67,.84);border-bottom:1px solid #fff}.content-link-header,.nav{display:flex;justify-content:center}.content-link-header{width:600px}.btnMenu{height:35px;width:35px;padding:4px;border-radius:8px;display:inline-flex;align-items:center;white-space:nowrap;overflow:hidden;cursor:pointer;transition:width .3s ease-in-out 0s,background-color .3s linear .2s}.btnMenu:focus-visible,.btnMenu:hover{width:142px;background-color:#4b4b4b;transition:width .3s ease-in-out 0s,background-color .1s linear 0s}.btnMenu:focus-visible{outline:1px solid #4b4b4b;outline-offset:4px}.btnMenu:after{margin-left:12px;animation:fadeIn .6s linear forwards}@keyframes fadeIn{0%{opacity:0}50%{opacity:0}to{opacity:1}}}@media screen and (max-width:800px){.nav{position:fixed;height:100vh;align-items:center;flex-direction:column;background:#262626;margin-top:-30px;transform:translateY(-100%);transition:transform .3s cubic-bezier(.73,.11,.67,.84);border-bottom:1px solid #fff}.content-link-header,.nav{width:100%;display:flex;justify-content:center}.content-link-header{margin:-10px}.btnMenu{margin-top:40px;height:35px;width:35px;padding:4px;border-radius:8px;display:inline-flex;align-items:center;white-space:nowrap;overflow:hidden;cursor:pointer;transition:width .3s ease-in-out 0s,background-color .3s linear .2s}.btnMenu:after{margin-left:12px;animation:fadeIn .6s linear forwards}@keyframes fadeIn{0%{opacity:0}50%{opacity:0}to{opacity:1}}}