/* The existing /shop/ hero is the source of truth. Only these page heroes change. */
body.kbf-unified-hero .kr-shop-hero,
.kbf-page .kbf-hero {
  padding: 68px 0 72px;
  background: radial-gradient(circle at 78% 24%, rgba(0,202,222,.12), transparent 25%), linear-gradient(135deg,#f7fcff 0%,#eef9fd 100%);
  text-align: center;
}
body.kbf-unified-hero .kr-shop-hero__en,
.kbf-page .kbf-hero__en {
  margin: 0 0 12px;
  padding: 0;
  background: linear-gradient(90deg,#005fb9,#00cade);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.2;
}
body.kbf-unified-hero .kr-shop-hero h1,
.kbf-page .kbf-hero h1 {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #212121;
  font-size: clamp(34px,4vw,48px);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .04em;
}
body.kbf-unified-hero .kr-shop-hero h1::before,
body.kbf-unified-hero .kr-shop-hero h1::after,
.kbf-page .kbf-hero h1::before,
.kbf-page .kbf-hero h1::after { display: none; }
body.kbf-unified-hero .kr-shop-hero__lead,
.kbf-page .kbf-hero__lead {
  margin: 20px auto 0;
  padding: 0;
  color: #5c6670;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.9;
}
@media (max-width:768px) {
  body.kbf-unified-hero .kr-shop-hero,
  .kbf-page .kbf-hero { padding: 54px 0 58px; }
  body.kbf-unified-hero .kr-shop-hero__en,
  .kbf-page .kbf-hero__en { font-size: 17px; }
  body.kbf-unified-hero .kr-shop-hero h1,
  .kbf-page .kbf-hero h1 { font-size: 34px; }
  body.kbf-unified-hero .kr-shop-hero__lead,
  .kbf-page .kbf-hero__lead { font-size: 14px; }
}