header h5 {font-family:Segoe UI, sans-serif;}
.header {position:fixed;top:0;left:0;right:0;width:100%;background:#fff;z-index:9999;transition:transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), background 0.3s ease;will-change:transform;}
.header::after {content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ddd;opacity:0;transition:opacity 0.3s ease;}
.header.small::after {opacity:1;}
.row {display:flex;align-items:center;width:100%;}
.row-top {background:#fff;}
.row-main {padding:1rem;padding-bottom:0;align-items:flex-start;}
.col {flex:1;}
.col-center {display:flex;justify-content:center;align-items:center;}
.col-right {text-align:right;}
.btn {background:none;border:none;padding:0;cursor:pointer;font-size:0;line-height:1;}
.btn-small {font-size:0.63rem;font-weight:600;color:#7d7d7d;}
.divider {margin:0 1.25rem;border-right:1px solid #d3d3d3;align-self:normal;}
.logo-symbol svg, .btn-title svg, .col-center svg, .col-sides svg {transition:transform 0.3s ease;transform-origin:center;}
.nav {display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;border-bottom:1px solid #e5e5e5;border-radius:14px;box-shadow:0 2px 3px hsl(0deg 0% 0% / 6%);background-color:#fff;}

.nav-item {position:relative;display:inline-flex;align-items:center;align-self:normal;gap:4px;margin:0 0.75rem;position:relative;cursor:pointer;font-size:0.95rem;font-weight:500;cursor:pointer;white-space:nowrap;color:#282828;}
.nav-item.has-dropdown::after {content:"";width:14px;height:14px;display:inline-block;background:url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter' xmlns='http://www.w3.org/2000/svg'><path d='M6 9l6 6 6-6'/></svg>") no-repeat center;background-size:contain;transform:translateY(1px);opacity:0.7;}
.nav-item:hover {color:#668687;text-decoration:underline;}
.nav-item.has-dropdown:hover::after {opacity:0.35;}

.header.hide {transform:translateY(-100%);}
.header.small {backdrop-filter:blur(10px);background:rgba(255,255,255,0.9);}
.header.small .row-top, .header.small {display:none;}
.row-nav-container {opacity:1;padding:1rem;padding-bottom:5px;overflow:hidden;transition:all 0.25s ease;will-change:max-height, opacity;}
.header.small .row-nav-container, .header.hide .row-nav-container {max-height:0;opacity:0;padding:0;}
.header.scrolled .row-nav-container {max-height:0;opacity:0;padding-top:0;padding-bottom:0;}
.row-nav-container {will-change:max-height, opacity;}
.header.small .row-main {height:50px;padding:0;}
.header.small .logo-symbol svg {transform:scale(0.7);}
.header.small .logo2jSymbol svg {transform:scale(0.7);}
.header.small .loginSymbol svg {transform:scale(0.7);}
.header.small .btn-title svg {transform:scale(0.8);}
.header.small .col-center svg {transform:scale(0.65) translateY(-2px);}
.nav-container {display:flex;align-items:center;justify-content:space-between;padding:1rem;}
.nav-left {flex:1;display:flex;justify-content:flex-start;align-items:center;}
.nav-center {flex:2;display:flex;justify-content:center;align-items:center;}
.nav-right {flex:1;display:flex;justify-content:flex-end;align-items:center;}
.nav-group {flex:1;display:flex;flex-direction:row;align-items:center;}
.search-icon {font-size:18px;cursor:pointer;}