/* V6.24.3 — one shared header for Catalog Homepage + Post Detail */
.catalog-unified-header{
  position:sticky!important;top:0!important;z-index:1000!important;
  padding:10px 0 8px!important;
  background:linear-gradient(180deg,rgba(247,249,255,.96),rgba(247,249,255,.78))!important;
  border-bottom:1px solid rgba(225,231,244,.72)!important;
  backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;
  box-shadow:none!important;
}
.catalog-unified-header .appbar-inner{
  width:min(1460px,calc(100% - 28px))!important;max-width:1460px!important;
  min-height:68px!important;margin:0 auto!important;padding:8px 10px 8px 12px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(224,230,243,.94)!important;border-radius:22px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 10px 28px rgba(29,48,91,.075)!important;
}
.catalog-unified-header .brand{
  display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;
  flex:0 1 auto!important;text-decoration:none!important;color:inherit!important;
}
.catalog-unified-header .brand-badge{
  width:48px!important;height:48px!important;flex:0 0 48px!important;padding:3px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
  border-radius:15px!important;background:#fff!important;border:1px solid #edf0f6!important;
  box-shadow:0 8px 18px rgba(60,79,170,.12)!important;box-sizing:border-box!important;
}
.catalog-unified-header .brand-badge img{
  display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:11px!important;
}
.catalog-unified-header .brand-meta{display:block!important;min-width:0!important}
.catalog-unified-header .brand-meta strong{
  display:block!important;font-size:15px!important;line-height:1.25!important;letter-spacing:-.01em!important;
  color:#18223b!important;font-weight:800!important;white-space:nowrap!important;
}
.catalog-unified-header .brand-meta small{
  display:block!important;margin-top:3px!important;font-size:10px!important;line-height:1.2!important;
  color:#929bb0!important;font-weight:600!important;white-space:nowrap!important;
}
.catalog-unified-header .top-nav{
  display:flex!important;align-items:center!important;margin-left:auto!important;padding:5px!important;gap:2px!important;
  border:1px solid #edf0f6!important;border-radius:16px!important;background:#f6f8fc!important;
}
.catalog-unified-header .top-nav a{
  min-height:38px!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:11px!important;color:#68738a!important;background:transparent!important;
  font-size:13px!important;font-weight:750!important;white-space:nowrap!important;text-decoration:none!important;
  box-shadow:none!important;position:relative!important;transition:.18s ease!important;
}
.catalog-unified-header .top-nav a:before,.catalog-unified-header .top-nav a:after{content:none!important;display:none!important}
.catalog-unified-header .top-nav a:hover,
.catalog-unified-header .top-nav a.active{
  background:#fff!important;color:#4456df!important;box-shadow:0 5px 14px rgba(43,59,108,.08)!important;
}
.catalog-unified-header .appbar-actions{
  display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;
}
.catalog-unified-header .catalog-menu-toggle{
  width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;
  display:grid!important;place-items:center!important;border-radius:14px!important;
  background:#f1f4fb!important;color:#4354de!important;border:1px solid #e9edf6!important;
  box-shadow:none!important;font-size:20px!important;line-height:1!important;cursor:pointer!important;transition:.18s ease!important;
}
.catalog-unified-header .catalog-menu-toggle span{display:none!important}
.catalog-unified-header .catalog-menu-toggle:hover{background:#e9edff!important;transform:translateY(-1px)!important}
.catalog-unified-header .catalog-menu-toggle[aria-expanded="true"]{
  background:linear-gradient(135deg,#5262f4,#6c49ef)!important;color:#fff!important;border-color:transparent!important;
  box-shadow:0 9px 20px rgba(77,83,229,.24)!important;
}
.catalog-unified-header .action-btn{
  height:44px!important;min-height:44px!important;padding:0 14px!important;border-radius:14px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  font-size:13px!important;font-weight:800!important;white-space:nowrap!important;text-decoration:none!important;box-sizing:border-box!important;
}
.catalog-unified-header .action-btn.soft{background:#f7f8fb!important;color:#36415a!important;border:1px solid #e9edf4!important}
.catalog-unified-header .action-btn.solid{
  padding:0 16px!important;background:linear-gradient(135deg,#5864f8,#7448f0)!important;color:#fff!important;
  border:0!important;box-shadow:0 9px 20px rgba(83,78,230,.22)!important;
}
.catalog-unified-header .tg-icon{width:17px!important;height:17px!important;display:inline-block!important;margin:0!important;vertical-align:middle!important;flex:0 0 auto!important}
.catalog-unified-header .catalog-nav-tools{
  display:none!important;width:min(980px,calc(100% - 28px))!important;max-width:980px!important;
  margin:8px auto 0!important;box-sizing:border-box!important;
}
.catalog-unified-header .catalog-nav-tools.open{display:block!important}
.catalog-unified-header .catalog-nav-tools-inner{
  padding:12px!important;border-radius:18px!important;border:1px solid #e7ebf4!important;
  background:rgba(255,255,255,.98)!important;box-shadow:0 16px 38px rgba(33,49,92,.12)!important;
  backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;
}
.catalog-unified-header .catalog-header-search-form{
  display:grid!important;grid-template-columns:minmax(260px,1fr) 200px 150px 108px!important;gap:8px!important;align-items:center!important;
}
.catalog-unified-header .catalog-header-search-form input,
.catalog-unified-header .catalog-header-search-form select,
.catalog-unified-header .catalog-header-search-form button{
  width:100%!important;height:43px!important;min-height:43px!important;margin:0!important;
  border-radius:12px!important;font-family:inherit!important;font-size:12px!important;box-sizing:border-box!important;
}
.catalog-unified-header .catalog-header-search-form input,
.catalog-unified-header .catalog-header-search-form select{
  padding:0 12px!important;background:#f8f9fc!important;color:#26334f!important;border:1px solid #e7ebf3!important;outline:none!important;
}
.catalog-unified-header .catalog-header-search-form button{
  padding:0 12px!important;border:0!important;background:linear-gradient(135deg,#5864f8,#6c3ef1)!important;
  color:#fff!important;font-weight:800!important;box-shadow:none!important;cursor:pointer!important;
}
.catalog-unified-header .header-tag-chips{
  display:flex!important;gap:6px!important;overflow-x:auto!important;padding:8px 0 0!important;scrollbar-width:thin!important;
}
.catalog-unified-header .header-tag-chips a{
  flex:0 0 auto!important;white-space:nowrap!important;padding:7px 10px!important;border-radius:999px!important;
  background:#f4f6fa!important;color:#69758d!important;font-size:11px!important;font-weight:750!important;text-decoration:none!important;
}
.catalog-unified-header .header-tag-chips a:hover,.catalog-unified-header .header-tag-chips a.active{
  background:#ecefff!important;color:#554ce7!important;
}
@media(max-width:1080px) and (min-width:851px){
  .catalog-unified-header .brand-meta small{display:none!important}
  .catalog-unified-header .top-nav a{padding:0 10px!important;font-size:12px!important}
  .catalog-unified-header .action-btn.soft{display:none!important}
}
@media(max-width:850px){
  .catalog-unified-header{padding:6px 0!important;border-bottom:0!important}
  .catalog-unified-header .appbar-inner{
    width:calc(100% - 12px)!important;max-width:none!important;min-height:58px!important;
    padding:6px 7px!important;border-radius:18px!important;gap:7px!important;
  }
  .catalog-unified-header .brand{gap:8px!important;min-width:0!important;flex:1 1 auto!important}
  .catalog-unified-header .brand-badge{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:13px!important}
  .catalog-unified-header .brand-meta{min-width:0!important}
  .catalog-unified-header .brand-meta strong{
    max-width:none!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .catalog-unified-header .brand-meta small,.catalog-unified-header .top-nav,.catalog-unified-header .action-btn.soft{display:none!important}
  .catalog-unified-header .appbar-actions{gap:5px!important}
  .catalog-unified-header .catalog-menu-toggle{width:42px!important;height:42px!important;min-height:42px!important;border-radius:13px!important}
  .catalog-unified-header .action-btn.solid{
    display:flex!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;
    padding:0!important;border-radius:13px!important;
  }
  .catalog-unified-header .action-btn.solid span{display:none!important}
  .catalog-unified-header .action-btn.solid .tg-icon{width:19px!important;height:19px!important}
  .catalog-unified-header .catalog-nav-tools{width:100%!important;max-width:none!important;margin:6px 0 0!important}
  .catalog-unified-header .catalog-nav-tools-inner{
    padding:9px 7px 10px!important;border-radius:0 0 18px 18px!important;border-left:0!important;border-right:0!important;
    box-shadow:0 12px 28px rgba(31,45,84,.09)!important;
  }
  .catalog-unified-header .catalog-header-search-form{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .catalog-unified-header .catalog-header-search-form input{grid-column:1/-1!important}
  .catalog-unified-header .catalog-header-search-form input,
  .catalog-unified-header .catalog-header-search-form select,
  .catalog-unified-header .catalog-header-search-form button{height:42px!important;min-height:42px!important;border-radius:11px!important}
  .catalog-unified-header .catalog-header-search-form button{grid-column:1/-1!important}
}
@media(max-width:420px){
  .catalog-unified-header .brand-meta strong{max-width:205px!important}
  .catalog-unified-header .catalog-header-search-form{grid-template-columns:1fr!important}
  .catalog-unified-header .catalog-header-search-form input,.catalog-unified-header .catalog-header-search-form button{grid-column:auto!important}
}
@media(max-width:350px){.catalog-unified-header .brand-meta strong{max-width:145px!important;font-size:12px!important}}


/* V6.24.4 — seven-item catalog category navigation */
@media(min-width:851px){
  .catalog-unified-header .top-nav{gap:1px!important;padding:4px!important}
  .catalog-unified-header .top-nav a{padding:0 9px!important;font-size:12px!important;min-height:36px!important}
}
@media(max-width:1320px) and (min-width:851px){
  .catalog-unified-header .brand-meta small{display:none!important}
  .catalog-unified-header .brand-meta strong{font-size:14px!important}
  .catalog-unified-header .top-nav a{padding:0 7px!important;font-size:11px!important}
  .catalog-unified-header .action-btn.soft{display:none!important}
}
@media(max-width:1100px) and (min-width:851px){
  .catalog-unified-header .brand-meta{display:none!important}
  .catalog-unified-header .top-nav a{padding:0 6px!important;font-size:10.5px!important}
}