/*
 Screenshot-driven refinement only.
 No HTML/body/function mutation.
*/

/* ------------------------------------------------------------------
   1) b2bmade.co.kr = brand hub.
   Product photography should not compete with service selection.
   ------------------------------------------------------------------ */
body.brand-hub::before{
  display:none!important;
  content:none!important;
}

/* ------------------------------------------------------------------
   2) b2bsale.co.kr = B2B professional.
   Existing hero visual already exists in the current UI.
   Remove the second CSS photo layer that visually overlaps it.
   ------------------------------------------------------------------ */
body.public .hero::after{
  display:none!important;
  content:none!important;
}

body.public .hero-copy{
  max-width:680px!important;
}

body.public .hero h1{
  font-size:clamp(42px,4.8vw,68px)!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}

/* keep the current right-side hero visual from the original UI */
body.public .hero img{
  object-fit:cover;
}

/* screenshot showed insufficient contrast in the blue quotation CTA */
body.public .action-band,
body.public .public-action-band{
  color:#fff!important;
}
body.public .action-band h1,
body.public .action-band h2,
body.public .action-band h3,
body.public .action-band p,
body.public .public-action-band h1,
body.public .public-action-band h2,
body.public .public-action-band h3,
body.public .public-action-band p{
  color:#fff!important;
}
body.public .action-band .btn,
body.public .public-action-band .btn{
  color:#0B4A88!important;
  background:#fff!important;
}

/* ------------------------------------------------------------------
   3) kalbon.kr = consumer preview.
   Keep the real-photo hero/category direction seen in screenshot.
   Only normalize the design-guide inset.
   ------------------------------------------------------------------ */
body.shop .buybox::after{
  width:180px!important;
  min-height:128px!important;
  max-height:150px!important;
  background-size:cover!important;
  background-position:center top!important;
  border:1px solid rgba(183,109,0,.12);
}

/* category product photography remains the visual priority */
body.shop .category::after{
  opacity:.55!important;
}

/* ------------------------------------------------------------------
   4) general responsive guard
   ------------------------------------------------------------------ */
@media(max-width:900px){
  body.public .hero-copy{
    max-width:none!important;
  }
  body.public .hero h1{
    font-size:clamp(38px,9vw,58px)!important;
  }
  body.shop .buybox::after{
    width:150px!important;
    min-height:110px!important;
  }
}