.shared-brand{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
  color:#fff;
  text-decoration:none;
}
.shared-brand .brand-mark-shield{
  position:relative;
  width:42px;
  height:46px;
  flex:0 0 42px;
  transform:translateY(-2px);
}
.shared-brand .brand-shield-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.28));
}
.shared-brand .brand-lockup{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
.shared-brand .brand-lockup>strong{
  color:#fff;
  font:900 21px/1.08 "Noto Sans KR",sans-serif;
  letter-spacing:0;
  white-space:nowrap;
}
.shared-brand .brand-lockup>strong>span{
  color:#77e6cf;
}
.shared-brand .brand-lockup>small{
  display:flex;
  align-items:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  margin-top:5px;
  color:rgba(255,255,255,.68);
  font:800 8px/1.2 "Noto Sans KR",sans-serif;
  letter-spacing:0;
  white-space:nowrap;
}
.shared-brand .brand-lockup>small>i{
  width:22px;
  height:5px;
  flex:0 0 22px;
  background:
    radial-gradient(circle at 2.5px 2.5px,#78e8ce 0 2.5px,transparent 2.7px),
    radial-gradient(circle at 10.5px 2.5px,#917cff 0 2.5px,transparent 2.7px),
    radial-gradient(circle at 18.5px 2.5px,#fff 0 2.5px,transparent 2.7px);
}
.lp-footer .footer-shared-brand{
  flex:0 0 auto;
}
.common-menu-toggle{
  width:44px;
  height:44px;
  flex:0 0 44px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  border:1px solid rgba(255,255,255,.23)!important;
  background:rgba(13,16,34,.64)!important;
  color:#fff;
  cursor:pointer;
  backdrop-filter:blur(10px);
}
.common-menu-toggle:hover,
.common-menu-toggle:focus-visible,
.common-menu-toggle[aria-expanded="true"]{
  border-color:rgba(120,232,206,.72)!important;
  background:rgba(21,24,48,.92)!important;
  outline:none;
}
.common-menu-toggle>span{
  display:block;
  width:20px;
  height:2px;
  background:currentColor;
  transition:transform .2s,opacity .2s;
}
.common-menu-toggle[aria-expanded="true"]>span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.common-menu-toggle[aria-expanded="true"]>span:nth-child(2){opacity:0}
.common-menu-toggle[aria-expanded="true"]>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:900px){
  .category-clean-header .lp-nav{
    display:none;
    position:absolute;
    top:calc(100% - 1px);
    right:18px;
    left:auto;
    width:min(280px,calc(100vw - 36px));
    padding:10px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:rgba(12,15,32,.98);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 22px 48px rgba(0,0,0,.38);
  }
  .category-clean-header .lp-nav.open{display:flex}
  .category-clean-header .lp-nav a{
    display:flex;
    align-items:center;
    min-height:50px;
    padding:0 15px;
    border-bottom:1px solid rgba(255,255,255,.1);
    color:rgba(255,255,255,.82);
    font-size:14px;
  }
  .category-clean-header .lp-nav a:last-child{border-bottom:0}
  .category-clean-header .lp-nav a:hover,
  .category-clean-header .lp-nav a:focus-visible{
    background:rgba(120,232,206,.1);
    color:#8ff1dd;
    outline:none;
  }
  .common-menu-toggle{display:inline-flex!important}
}
@media(max-width:600px){
  .shared-brand{gap:5px}
  .shared-brand .brand-mark-shield{
    width:36px;
    height:40px;
    flex-basis:36px;
  }
  .shared-brand .brand-lockup>strong{font-size:18px}
  .shared-brand .brand-lockup>small{margin-top:4px;font-size:7px}
  .shared-brand .brand-lockup>small>i{width:20px;flex-basis:20px}
  .common-menu-toggle{width:42px;height:42px;flex-basis:42px}
  .category-clean-header .lp-nav{right:14px;width:min(280px,calc(100vw - 28px))}
}

/* Home footer uses the same approved lockup without changing the home header. */
.footer-brand .footer-shared-brand{margin-bottom:18px}