:root{--mp-logo-desktop:300px;--mp-logo-mobile:200px;--mp-font-desktop:20px;--mp-font-mobile:16px;--mp-gap:35px;--mp-ig-size:25px}.mp-header{background:#fff;text-align:center;padding:20px 15px 0px}.mp-top{position:relative;display:flex;justify-content:center;align-items:center}.mp-logo img{width:var(--mp-logo-desktop);height:auto}.mp-ig{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:var(--mp-ig-size);height:var(--mp-ig-size);color:#333;transition:opacity 0.3s ease}.mp-ig:hover{opacity:0.6}.mp-ig svg{width:100%;height:100%}.mp-nav{margin-top:15px}.mp-menu{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:var(--mp-gap);padding:0;margin:0}.mp-menu li{display:inline-block}.mp-menu a{text-decoration:none;color:#555;font-size:var(--mp-font-desktop);transition:all 0.3s ease;position:relative}.mp-menu a::after{content:"";position:absolute;left:0;bottom:-4px;width:0%;height:1px;background:#000;transition:width 0.3s ease}.mp-menu a:hover::after{width:100%}@media (max-width:768px){.mp-logo img{width:var(--mp-logo-mobile)}.mp-menu a{font-size:var(--mp-font-mobile)}.mp-menu{gap:20px}.mp-ig{right:5px}}