﻿/* One consistent alignment system for the site header. */
.quartz .q-header-refined{display:flex;align-items:center;justify-content:space-between;gap:32px;height:auto;min-height:96px;padding:18px 0;margin-bottom:24px;border-bottom:1px solid #252a2e;position:relative}
.quartz .q-header-refined>.q-brand{display:inline-flex;align-items:center;flex-shrink:0;gap:10px;line-height:1;font-size:29px;letter-spacing:-1.2px;margin:0;padding:0;white-space:nowrap}.quartz .q-header-refined .q-brand-dot{margin-left:-10px}.quartz .q-header-refined .q-brand-favicon{width:40px;height:40px;object-fit:contain}
.quartz .q-header-refined .q-nav{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;margin:0 auto 0 0;border:1px solid #2c3035;border-radius:15px;background:#14171a;line-height:1;width:auto;order:initial}
.quartz .q-header-refined .q-nav>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;min-height:40px;padding:0 15px;margin:0;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:500;line-height:1;color:#aeb8c2;text-decoration:none;white-space:nowrap;transform:none;transition:background .18s,color .18s,border-color .18s}
.quartz .q-header-refined .q-nav>a>span{display:block;font:inherit;line-height:1;color:inherit;margin:0;padding:0;transform:none}.quartz .q-header-refined .q-nav>a svg{display:block;flex-shrink:0;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:inherit}
.quartz .q-header-refined .q-nav>a.q-nav-catalog{background:#282e34;border-color:#3b444e;color:#f0f3f6;box-shadow:inset 0 1px 0 #ffffff08}.quartz .q-header-refined .q-nav>a:hover{background:#303941;border-color:#475661;color:#fff}.quartz .q-header-refined .q-nav>a[href='/premium/'] svg{color:#c4b899}
.quartz .q-header-refined .q-header-actions{display:flex;align-items:center;margin:0;padding:0;flex-shrink:0}.quartz .q-header-refined .q-account>div:first-child{gap:10px!important}.quartz .q-header-refined .q-account>div:first-child>.btn,.quartz .q-header-refined .q-account>div:first-child>.dropdown>.btn{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;margin:0;border-radius:11px;font-size:12px!important;line-height:1;white-space:nowrap}.quartz .q-header-refined .q-account>div:first-child>.btn-vafom{display:inline-flex;border:1px solid #353c42!important;background:#181c20!important;color:#c4cdd5!important}.quartz .q-header-refined .q-account>div:first-child>.btn-vafom:hover{background:#29323a!important}.quartz .q-header-refined .q-account .dropdown>.btn img{margin-right:5px}
.quartz .q-header-refined a:focus-visible,.quartz .q-header-refined button:focus-visible{outline:2px solid #96bdd7;outline-offset:4px}
@media(max-width:1150px){.quartz .q-header-refined{gap:22px}.quartz .q-header-refined>.q-brand{font-size:25px}.quartz .q-header-refined .q-nav>a{padding:0 11px;font-size:11px}.quartz .q-header-refined .q-account>div:first-child>.btn{padding:0 13px}}
@media(max-width:900px){.quartz .q-header-refined{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand account' 'nav nav';gap:16px;padding:18px 0;min-height:0}.quartz .q-header-refined>.q-brand{grid-area:brand}.quartz .q-header-refined .q-header-actions{grid-area:account}.quartz .q-header-refined .q-nav{grid-area:nav;margin:0;width:100%;justify-content:stretch}.quartz .q-header-refined .q-nav>a{flex:1}.quartz .q-header-refined .q-account>div:first-child>.btn-vafom{display:none}}
@media(max-width:480px){.quartz .q-header-refined{gap:14px;padding:16px 0;margin-bottom:18px}.quartz .q-header-refined>.q-brand{font-size:24px;gap:8px}.quartz .q-header-refined .q-brand-dot{margin-left:-8px}.quartz .q-header-refined .q-brand-favicon{width:33px;height:33px}.quartz .q-header-refined .q-nav{padding:4px;gap:2px;border-radius:13px}.quartz .q-header-refined .q-nav>a{font-size:10px;padding:0 7px;gap:5px;height:38px;min-height:38px}.quartz .q-header-refined .q-nav>a svg{width:14px;height:14px}.quartz .q-header-refined .q-account>div:first-child>.btn,.quartz .q-header-refined .q-account>div:first-child>.dropdown>.btn{height:39px;padding:0 12px;font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.quartz .q-header-refined .q-nav>a{transition:none}}
