
/* V21 — stabilní a čitelná navigace. Bez ulétávajícího kruhového odkazu. */
.beauty .site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:93px;position:relative;z-index:50}
.beauty .site-header .brand{min-width:190px;flex-shrink:0;font-size:clamp(23px,2.1vw,31px)}
.beauty .site-header nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 24px;margin-left:auto;max-width:min(740px,72%)}
.beauty .site-header nav a{min-height:44px;padding:9px 5px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;line-height:1.3;flex:0 0 auto;border:0;border-radius:0;transition:color .2s ease,background .2s ease}
.beauty .site-header nav a:before{translate:none;align-self:center;font-size:9px}
.beauty .site-header nav a:last-child{width:auto!important;height:auto!important;min-width:100px;border:1px solid #b99d8d!important;border-radius:999px!important;justify-content:center;padding:13px 18px!important}
.beauty .site-header nav a:last-child:before{display:none!important}
.beauty .site-header nav a:focus-visible{outline:2px solid #76594f;outline-offset:3px}
@media (max-width:1000px) and (min-width:701px){.beauty .site-header{gap:12px}.beauty .site-header nav{gap:8px 13px}.beauty .site-header nav a{font-size:11px}}
@media(max-width:700px){.beauty .site-header{min-height:80px;align-items:center;display:flex;justify-content:space-between}.beauty .site-header nav{display:none;position:absolute;z-index:80;left:0;right:0;top:calc(100% - 2px);max-width:none;margin:0;padding:15px 18px 22px;background:#f7f1e8;box-shadow:0 22px 30px #43352c22;border:1px solid #d7c5b6;gap:0;flex-direction:column;align-items:stretch}.beauty .site-header nav.open{display:flex}.beauty .site-header nav a,.beauty .site-header nav a:last-child{min-height:50px!important;width:100%!important;height:auto!important;justify-content:flex-start!important;border:0!important;border-bottom:1px solid #dac9bb!important;border-radius:0!important;padding:15px 5px!important;font-size:14px}.beauty .site-header nav a:before,.beauty .site-header nav a:last-child:before{display:inline-block!important;align-self:center!important}.beauty .menu-toggle{display:flex;align-items:center;gap:8px;position:relative;z-index:90}.beauty .brand{min-width:0!important}.beauty .beauty-hero{padding-top:15px}}
@media(prefers-reduced-motion:reduce){.beauty .site-header nav a{transition:none}}
