.header-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:1rem;gap:1rem;height:64px;padding:0 16px;width:100%}.header-text{text-align:center;font-weight:700;font-size:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header-right{justify-content:flex-end;gap:1rem}.header-buttons,.header-right{display:flex;align-items:center}.header-buttons{gap:1.2rem;margin:0;padding:0;list-style:none}.link{text-decoration:none;color:#000;font-size:1.2rem;padding:.5rem;position:relative}.link:hover{cursor:pointer}.link:before{content:"";position:absolute;inset:auto 0 0 0;height:2px;background-color:var(--primary);border-radius:5px;transform:scaleX(0);transition:transform .6s ease}.link.selected:before,.link:hover:before{transform:scaleX(1)}.menu-icon-wrapper{font-size:22px;cursor:pointer;padding:8px;line-height:1;border:none;background:transparent;display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.menu-icon-wrapper.open{transform:rotate(180deg)}.custom-dropdown-menu{display:flex;flex-direction:column;padding:.5rem 0;background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.1);min-width:180px}.custom-dropdown-item{padding:.5rem 1rem;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;gap:.5rem}.custom-dropdown-item:hover{background-color:#f5f5f5}@media (max-width:768px){.header-bar{height:56px;padding:0 12px}.header-text{font-size:18px}}