/* Cross-link between Woongbi Telecom and Woongbi Rental · 2026-10-03 */

/* Desktop header balance: keep both brands near the edges and give the menu room. */
@media(min-width:1181px){
  body:not(.rate-page) .top .nav{
    width:min(1480px,calc(100% - 32px));
    gap:12px;
  }
  body:not(.rate-page) .top .brand{margin-right:4px}
  body:not(.rate-page) .top .menu{
    flex:1 1 auto;
    min-width:0;
    justify-content:center;
    gap:clamp(9px,1vw,16px);
    font-size:clamp(.78rem,.82vw,.89rem);
  }
  body:not(.rate-page) .top .rental-badge{margin-left:4px}
}

.top .rental-badge{
  display:inline-flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
  min-height:52px;
  padding:4px 9px;
  border:1px solid #bfd5d2;
  border-radius:13px;
  background:#f7fbfa;
  color:#15373b;
  text-decoration:none;
  line-height:1.05;
  box-shadow:0 5px 14px rgba(16,60,82,.05);
}
.top .rental-badge:hover{border-color:#0f766e;background:#eff8f6}
.top .rental-badge img{display:block;width:44px;height:44px;flex:0 0 auto}
.top .rental-badge-copy{display:block;white-space:nowrap;text-align:left}
.top .rental-badge-copy strong{display:block;font-size:1.18rem;font-weight:900;letter-spacing:-.05em}
.top .rental-badge-copy small{display:block;margin-top:4px;color:#6d7f81;font-size:.58rem;font-weight:800;letter-spacing:.05em}

@media(max-width:1120px) and (min-width:821px){
  .top .rental-badge{gap:6px;padding:4px 7px}
  .top .rental-badge img{width:40px;height:40px}
  .top .rental-badge-copy strong{font-size:1rem}
  .top .rental-badge-copy small{display:none}
}

@media(max-width:640px){
  body:not(.rate-page) .top .nav{
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:7px;
  }
  body:not(.rate-page) .top .brand{grid-column:1;grid-row:1}
  body:not(.rate-page) .top .rental-badge{
    grid-column:2;
    grid-row:1;
    min-height:48px;
    padding:3px 6px;
    gap:6px;
    border-radius:11px;
  }
  body:not(.rate-page) .top .rental-badge img{width:40px;height:40px}
  body:not(.rate-page) .top .rental-badge-copy{display:block;text-align:left;line-height:1.05}
  body:not(.rate-page) .top .rental-badge-copy strong{font-size:1.08rem;font-weight:900;letter-spacing:-.05em}
  body:not(.rate-page) .top .rental-badge-copy small{display:none}
  body:not(.rate-page) .top .precon-badge{grid-column:3;grid-row:1}
  body:not(.rate-page) .top .menu{grid-column:1/-1;grid-row:2}

  body:not(.rate-page) .top .nav.mobile-menu-ready{
    grid-template-columns:minmax(0,1fr) auto auto auto;
    gap:5px;
  }
  body:not(.rate-page) .top .mobile-menu-ready .rental-badge{grid-column:2;grid-row:1}
  body:not(.rate-page) .top .mobile-menu-ready .precon-badge{grid-column:3;grid-row:1}
  body:not(.rate-page) .top .mobile-menu-toggle{
    grid-column:4;
    grid-row:1;
    min-width:64px;
    padding-left:7px;
    padding-right:7px;
  }
}

@media(max-width:390px){
  body:not(.rate-page) .top .nav.mobile-menu-ready{gap:4px}
  body:not(.rate-page) .top .rental-badge{gap:4px;padding-left:4px;padding-right:4px}
  body:not(.rate-page) .top .rental-badge img{width:36px;height:36px}
  body:not(.rate-page) .top .rental-badge-copy strong{font-size:.96rem}
  body:not(.rate-page) .top .mobile-menu-toggle{min-width:60px;padding-left:5px;padding-right:5px}
}