nav{align-items:center;display:flex;filter:drop-shadow(0 3px 5.6px rgba(0,0,0,.25));justify-content:space-between;margin-bottom:30px;min-height:55px;padding:0 20px;position:relative;z-index:90000}nav h1{flex-shrink:0;font-size:20pt;margin:0;padding:10px}.nav-logo{transition:.2s}.nav-logo:hover{color:#0f5729}.nav-center{align-items:center;display:flex;flex-grow:1;gap:30px;justify-content:center}ul{display:flex;flex-direction:row;gap:20px;list-style:none;margin:0;padding:0}ul,ul li a{text-decoration:none}ul li a{color:#000;padding:5px 10px;position:relative}.link-nav:after{background-color:#369354;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%) scaleX(0);transition:transform .3s;width:60%}.link-nav:hover:after{transform:translateX(-50%) scaleX(1)}.search-bar,.search-container{position:relative}.search-bar{align-items:center;display:flex}.search-bar input{border:1px solid #ccc;border-radius:32px;padding:8px 32px 8px 12px;width:250px}nav input::-moz-placeholder{color:#b1b1b1;font-style:italic;font-weight:400;line-height:24px}nav input::placeholder{color:#b1b1b1;font-style:italic;font-weight:400;line-height:24px}.search-bar .search-icon{height:24px;pointer-events:none;position:absolute;right:8px;width:24px}.search-bar-result{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#e60000;left:0;list-style:none;margin:5px 0 0;max-height:300px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.nav-icons{align-items:center;display:flex;flex-shrink:0;gap:15px}.nav-icon{height:40px;transition:filter .2s;width:40px}.nav-icons a{text-decoration:none}.nav-icon.active,.nav-icon:hover{filter:brightness(0) saturate(100%) invert(44%) sepia(36%) saturate(1347%) hue-rotate(88deg) brightness(95%) contrast(89%)}.nav-icon.transition{transition:transform .3s ease,opacity .3s ease}.nav-icon.rotate-in{opacity:1;transform:rotate(90deg)}.nav-icon.rotate-out{opacity:1;transform:rotate(0deg)}.search-container-mobile{display:none;justify-content:center;left:0;position:absolute;right:0;top:63px;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;z-index:1001}.search-bar-mobile{align-items:center;display:flex;position:relative;transition:transform .3s ease-in-out}.search-bar-mobile input{border:1px solid #ccc;border-radius:32px;padding:8px 32px 8px 12px;width:250px}.search-bar-result-mobile{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#000;font-size:16px;left:50%;list-style:none;margin:5px 0 0;max-height:300px;max-width:90%;overflow-y:auto;padding:0;position:absolute;top:100%;transform:translateX(-50%);width:100%;z-index:1002}.nav-hamb,.search-icon-mobile{display:none}.link-nav-mobile{color:#000;text-decoration:none;transition:.2s}.link-nav-mobile:hover{color:#369354}.menu-mobile-wrapper{align-items:center;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:10px;left:0;opacity:0;padding:10px 0;pointer-events:none;position:absolute;right:0;top:60px;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;z-index:1000}.menu-mobile-wrapper.show{opacity:1;pointer-events:auto;transform:translateY(0)}#nav-count-panier{background-color:#369354;border-radius:50%;color:#fff;font-size:12px;font-weight:700;height:20px;line-height:18px;min-width:20px;position:absolute;right:-6px;text-align:center;top:-5px;z-index:10}@media (max-width:864px){.search-bar input{width:auto}ul li a{margin:0;padding:5px 0}}@media (max-width:727px){.search-container{display:none}.search-icon-mobile{display:block}.nav-icons,.search-container-mobile{display:flex}.nav-icons{align-items:center;flex-shrink:0;gap:0}.nav-icon{height:40px;transition:filter .2s;width:40px}}@media (min-width:660px){.search-container-mobile{display:none}}@media (max-width:530px){.link-nav{display:none}.nav-hamb{display:block}nav h1{font-size:16pt;padding:5px}.nav-icon{height:30px;width:30px}}