.product-nav{width:100%;position:fixed;top:0;height:100px;background-image:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.3));display:flex;justify-content:space-between;padding:0 3rem;align-items:center;z-index:99;font-size:1.2rem}.menu-icon{width:32px;height:32px}.product-list{display:flex;gap:1rem;list-style:none;text-transform:uppercase;font-weight:700;color:#d4d4d4;position:absolute;left:50%;transform:translateX(-50%)}.product-list li{cursor:pointer}.product-list li.active{text-decoration:underline;color:white}.nav-dropdown{display:none}.nav-button{padding:.5rem 1rem;background-color:#f36c21;outline:none;border:none;border-radius:2rem;font-weight:900;font-size:18px;cursor:pointer;color:white}@media (max-width:768px){.product-nav{height:70px;padding:0 .5rem}.product-list{display:none}.nav-dropdown{display:inline-block;background-color:transparent;border:none;outline:none;font-size:16px;text-transform:uppercase;font-weight:700;color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg fill='white' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem;padding:4px 2rem 4px 8px;position:absolute;left:50%;transform:translateX(-50%)}.nav-dropdown:hover{text-decoration:underline}.nav-button{padding:.5rem 1rem;background-color:#f36c21;outline:none;border:none;border-radius:2rem;font-weight:900;font-size:14px}}