/* Общая шапка всего nikexpert.ru: главная, услуги, «обо мне», СМИ и журнал /blog.
   Файл одинаковый в двух кодах — nikexpert-site/site/assets/shapka.css и
   ceo-blog/site/assets/shapka.css; расхождение ловит tests/shapka.php журнала.
   Слово владельца 28.10.2026: «к меню особое внимание между всеми частями сайта». */
.sh{background:#f5f1e8;color:#252b29;font-family:Manrope,Arial,sans-serif;position:relative;z-index:5}
.sh *{box-sizing:border-box}
.sh-wrap{max-width:1440px;margin:0 auto;padding-inline:clamp(22px,5vw,72px)}
.sh-mast{display:flex;gap:30px;align-items:center;padding:24px 0}
.sh-mark{font:500 clamp(29px,3.4vw,46px)/1.05 'Source Serif 4',Georgia,serif;letter-spacing:-.05em;white-space:nowrap;color:#252b29;text-decoration:none;padding:0}
.sh-mark span{color:#80603c}
.sh-desc{font-size:11px;line-height:1.6;margin:0;border-left:1px solid #d2cdbf;padding-left:28px;color:#252b29}
.sh-desc strong{font-weight:600}
.sh-desc span{display:block;color:#60655d;margin-top:2px}
.sh-note{font:italic 15px/1.35 'Source Serif 4',Georgia,serif;color:#60655d;margin:0 0 0 auto;text-align:right}
.sh-nav{display:flex;align-items:center;gap:32px;border-top:1px solid #252b29;border-bottom:1px solid #d2cdbf;font-size:13px;line-height:1.4}
.sh-nav a{display:flex;align-items:center;min-height:48px;padding:12px 0;color:#252b29;text-decoration:none;border:0}
.sh-nav a:hover{color:#80603c}
.sh-nav a[aria-current]{color:#80603c;box-shadow:inset 0 -2px 0 #80603c}
.sh-nav .sh-cta{margin-left:auto;gap:10px;font-weight:600}
.sh-nav .sh-cta svg,.zh-bar svg{width:.62em;height:.62em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square}
@media(max-width:1000px){
.sh-mast{display:grid;grid-template-columns:1fr auto;gap:10px 20px;padding:20px 0}
.sh-desc{grid-column:1/-1;grid-row:2;border-left:0;padding-left:0;font-size:12px}
.sh-note{grid-column:2;grid-row:1}
.sh-nav{gap:24px}
}
@media(max-width:700px){
.sh-mast{padding:16px 0 12px}
.sh-note{display:none}
.sh-nav{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:0 10px;font-size:14px}
.sh-nav a{min-height:46px;padding:10px 0}
.sh-nav .sh-cta{grid-column:1/-1;margin:0;justify-content:center;border-top:1px solid #d2cdbf}
}
@media(max-width:360px){.sh-nav{font-size:13px}}

/* Полоса журнала: стоит под общей шапкой только на страницах /blog. */
.zh-bar{background:#f5f1e8;border-bottom:1px solid #d2cdbf;font-family:Manrope,Arial,sans-serif}
.zh-row{display:flex;align-items:center;gap:24px;min-height:52px}
.zh-brand{font:700 26px/1 'Source Serif 4',Georgia,serif;letter-spacing:-.06em;color:#252b29;text-decoration:none;white-space:nowrap;padding:0}
.zh-brand span{color:#9a7147}
.zh-brand small{font:500 11px/1 Manrope,Arial,sans-serif;letter-spacing:0;color:#60655d;margin-left:8px}
.zh-nav{display:flex;align-items:center;gap:20px;overflow-x:auto;scrollbar-width:none;font-size:12px;flex:1 1 auto;min-width:0}
.zh-nav::-webkit-scrollbar{display:none}
.zh-nav a{white-space:nowrap;color:#252b29;text-decoration:none;padding:14px 0;border:0}
.zh-nav a:hover,.zh-nav a[aria-current]{color:#80603c}
.zh-search{display:flex;margin:0;flex:0 0 auto}
.zh-search input{font:13px/1.2 Manrope,Arial,sans-serif;width:210px;padding:9px 12px;border:1px solid #d2cdbf;background:#fbf9f4;color:#252b29;border-radius:0;min-height:40px}
.zh-search input:focus{outline:2px solid #80603c;outline-offset:1px}
.zh-search button{font:600 12px/1 Manrope,Arial,sans-serif;padding:0 14px;border:1px solid #252b29;background:#252b29;color:#f5f1e8;min-height:40px;cursor:pointer}
@media(max-width:860px){
.zh-row{flex-wrap:wrap;gap:0 18px;padding-block:8px 10px}
.zh-nav{order:3;flex-basis:100%}
.zh-search{margin-left:auto}
.zh-search input{width:150px}
}
@media(max-width:420px){.zh-search input{width:118px}}
