/* Bokrodi János — left-aligned brand and compact boxed navigation. */
html{scroll-padding-top:164px}
.header{height:auto;min-height:148px;padding:12px 5%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;background:#fefdf9;border-bottom:1px solid #d5bc98;box-shadow:0 5px 24px #263b3209}
.header .brand{grid-column:1;grid-row:1;justify-self:start;gap:13px;position:relative}
.brand .logo-emblem{display:block;flex:0 0 68px;width:68px;height:68px;background:#fefdf9 url('brand/logo-emblem.webp') center/contain no-repeat;border-radius:8px}
.brand .brand-copy{display:flex;flex-direction:column;gap:5px;font-weight:400;line-height:1.2}
.brand .brand-name{font-family:Georgia,'Times New Roman',serif;font-size:29px;font-weight:400;letter-spacing:.06em;color:#263b32}
.brand .brand-trade{display:block;margin:0;font-size:10px;letter-spacing:.23em;color:#856139;font-weight:600}
.brand .brand-rule{display:block;height:1px;max-width:180px;background:linear-gradient(90deg,#be8b56,#e8d4b4,transparent);margin-top:1px}
.header .nav-cta{grid-column:2;grid-row:1;justify-self:end;display:inline-flex;align-items:center;gap:12px;padding:12px 18px;min-height:44px;border:1px solid #d1b58c;border-radius:6px;font-size:12px;color:#263b32;background:transparent;transition:background .2s,color .2s}
.header .nav-cta:hover{background:#263b32;color:#fffdf8}
.header nav{grid-column:1/-1;grid-row:2;display:flex;position:static;width:100%;height:auto;align-items:center;justify-content:center;gap:8px;margin:0;padding:0;border:0;box-shadow:none;background:transparent}
.header nav a{display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:hidden;min-height:46px;min-width:112px;padding:10px 16px;border:1px solid #d3b589;border-radius:7px;background:linear-gradient(150deg,#fffdf8 10%,#f3e8d6 100%);box-shadow:inset 0 1px 0 #fff,0 3px 0 #d6c3a533,0 6px 12px #48341b08;color:#493a27;font-size:13px;line-height:1.3;font-weight:600;letter-spacing:.035em;transition:transform .2s,box-shadow .2s,border-color .2s}
.header nav a::after{content:'';position:absolute;bottom:0;left:25%;width:50%;height:2px;background:#b38449;opacity:0;transition:opacity .2s}
.header nav a::before{content:'';position:absolute;z-index:-1;pointer-events:none;top:-60%;bottom:-60%;left:0;width:46%;background:linear-gradient(90deg,transparent,#ffffffa8,transparent);transform:translateX(-260%) skewX(-24deg);animation:bj-nav-shine 8s ease-in-out infinite;animation-delay:calc(var(--nav-order,0) * .22s)}
.header nav a:nth-child(2){--nav-order:1}.header nav a:nth-child(3){--nav-order:2}.header nav a:nth-child(4){--nav-order:3}.header nav a:nth-child(5){--nav-order:4}.header nav a:nth-child(6){--nav-order:5}
.header nav a:hover,.header nav a:focus-visible{transform:translateY(-2px);border-color:#ac793e;box-shadow:inset 0 1px 0 #fff,0 6px 16px #84623d26}
.header nav a:hover::after,.header nav a:focus-visible::after,.header nav a[aria-current]::after{width:50%;opacity:1}
.header nav a[aria-current]{background:linear-gradient(135deg,#365444,#20382c);color:#fff9ee;border-color:#b78e54;box-shadow:inset 0 1px 0 #ffffff20,0 5px 14px #263b3220}
.header nav a[aria-current]::after{background:#e4bd80}
.header nav a[aria-current]::before{background:linear-gradient(90deg,transparent,#f8d9a561,transparent)}
.header .menu-toggle{display:none}
.footer-top .brand .logo-emblem{width:55px;height:55px;flex-basis:55px}
.footer-top .brand .brand-name{font-size:23px}
.footer-top .brand .brand-trade{font-size:8px}
@keyframes bj-nav-shine{0%,10%{transform:translateX(-260%) skewX(-24deg)}27%,100%{transform:translateX(420%) skewX(-24deg)}}
@media(min-width:1440px){html{scroll-padding-top:116px}.header{min-height:100px;grid-template-columns:auto minmax(0,1fr) auto;column-gap:20px}.header nav{grid-column:2;grid-row:1}.header .nav-cta{grid-column:3}}
@media(max-width:1100px){.header{padding-inline:4%;column-gap:12px}.header .nav-cta{font-size:11px;padding:10px 12px}}
@media(max-width:760px){html{scroll-padding-top:100px}.header{min-height:88px;padding:10px 4%;grid-template-columns:minmax(0,1fr) 44px;gap:0 8px;justify-content:normal}.header .brand{grid-column:1;gap:7px;min-width:0}.header .brand .logo-emblem{width:48px;height:48px;flex-basis:48px}.header .brand .brand-name{font-size:21px;letter-spacing:.035em}.header .brand .brand-trade{font-size:7px;letter-spacing:.13em}.header .brand .brand-copy{gap:4px}.header .brand .brand-rule{max-width:130px}.header .nav-cta{display:none}.header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;position:static;margin-top:14px;padding:0 0 3px;width:100%;max-height:calc(100dvh - 130px);overflow-y:auto}.header nav a{min-width:0;padding:14px 8px;font-size:13px;min-height:49px}.header nav a:last-child:nth-child(odd){grid-column:1/-1}.js-enabled .header nav{display:none}.js-enabled .header nav.open{display:grid;flex-direction:unset;align-items:stretch}.js-enabled .header .menu-toggle{display:flex;grid-column:2;grid-row:1;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #d3b589;border-radius:6px;background:linear-gradient(145deg,#fffdf8,#f3e8d6);font-size:22px;line-height:1;color:#263b32}.footer-top .brand .brand-name{font-size:23px}}
@media(max-width:360px){.header{padding-inline:10px;column-gap:4px}.header .brand .brand-name{font-size:18px}.header .brand .brand-trade{font-size:6.5px}.header .brand .logo-emblem{width:42px;height:42px;flex-basis:42px}}
@media(prefers-reduced-motion:reduce){.header nav a::before{animation:none;display:none}.header nav a,.header .nav-cta{transition:none}.header nav a:hover,.header nav a:focus-visible{transform:none}}

@media(min-width:761px) and (max-width:900px){.header nav a{min-width:0;flex:1;padding-inline:12px}}