/*
 * Стили пятой выгрузки макета (sellerbek-site-v5), лежавшие там встроенными
 * <style> на всех страницах: шапка закреплена при прокрутке (.sb-stick),
 * меню «Инструменты» и мобильное меню (.hm-*), бургер. Не правим, как и
 * site.css: следующую выгрузку кладём поверх.
 */
.sb-top.kb-top,.sb-top:has(.sb-menu),.sb-top:has(.hm-mob){overflow-x:clip;overflow-y:visible}
.sb .sb-hd{z-index:1000;position:relative}
.sb-stick{position:sticky;top:-16px;height:0;z-index:1000}
.sb-stick .sb .sb-hd{padding-top:36px}
.sb-stick + .sb-top{padding-top:96px}
.sb-stick--flow{height:auto;top:0}
.sb-stick--flow .sb .sb-hd{padding-top:20px}
@container sb (max-width: 760px){
  .sb-stick{top:-8px}
  .sb-stick .sb .sb-hd{padding-top:18px}
  .sb-stick + .sb-top{padding-top:70px}
  .sb-stick--flow{top:0}
  .sb-stick--flow .sb .sb-hd{padding-top:10px}
}
.sb .sb-menu,.hm-mob{z-index:1001}
.sb .sb-menu{top:calc(100% + 10px);padding:8px;border-radius:16px;gap:2px;width:680px}
.sb .sb-menu a{padding:12px;border-radius:10px;align-items:center;min-width:0}
.sb .sb-menu .sb-ic{flex:none;width:42px;height:42px;border-radius:11px}
.sb .sb-menu .sb-ic img{width:24px;height:24px}
.sb .sb-menu .hm-n span,.sb .sb-menu .hm-d span,.hm-mob .hm-n span{display:inline;font:inherit;color:inherit}
.hm-t{display:flex;flex-direction:column;min-width:0}
.sb .hm-n{display:block;font-size:15px;line-height:22px;font-weight:600;color:#000;font-style:normal}
.sb .hm-d{display:block;font-size:14px;line-height:20px;color:#5B6475;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb .sb-burger{width:40px;height:40px;border-radius:0;background:transparent;color:#0F1729;padding:0}
.sb .sb-burger svg{display:block}
.hm-mob{display:none}
@container sb (max-width: 760px){
  .sb .sb-burger{margin-right:4px}
  .hm-mob{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:calc(100% + 8px);padding:8px;border-radius:16px;background:#fff;box-shadow:0 32px 64px -20px rgba(15,23,41,.25),0 0 0 1px rgba(15,23,41,.04);z-index:1001}
  .hm-tools{display:flex;flex-direction:column}
  .hm-mob a.hm-tl{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:10px;min-width:0}
  .hm-mob .sb-ic{width:32px;height:32px;border-radius:9px;flex:none}
  .hm-mob .sb-ic img{width:20px;height:20px}
  .sb .hm-mob .hm-n{font-size:15px;line-height:20px;font-weight:600}
  .hm-links{display:flex;flex-direction:column;margin-top:6px;padding-top:6px;box-shadow:0 -1px 0 #EEF0F3}
  .hm-links a{padding:8px;border-radius:10px;font-size:15px;line-height:20px;font-weight:500;color:#0F1729}
  .hm-act{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
  .sb .hm-act .sb-btn--ghost{background:#F1F3F6;box-shadow:none;border:0;color:#0F1729}
  .hm-act .sb-btn{justify-content:center;height:44px;border-radius:12px;font-size:15px;padding:0 12px}
}
