.kmb{--kmb-progress:.5;--kmb-pointer:0px;display:block;overflow:hidden;background:var(--kmb-background,#fff);color:#191918;padding:48px 0 40px;text-align:center}
.kmb__header{position:relative;z-index:4;display:grid;justify-items:center;gap:10px;padding:0 20px}
.kmb__header h2{margin:0!important;color:#191918!important;font-size:22px!important;line-height:1.1!important;font-weight:700!important;letter-spacing:0!important;text-wrap:balance}
.kmb__header p{margin:0!important;color:#454545;font-size:12px;line-height:1.4}
.kmb__scene{position:relative;width:min(100%,1000px);height:310px;margin:8px auto 0;isolation:isolate}
.kmb__box{position:absolute;top:-30px;width:38%;max-width:380px;aspect-ratio:1;transform-origin:center;pointer-events:none}
.kmb__box img{display:block;width:100%;height:100%;object-fit:contain}
.kmb__box--1{left:6%;z-index:1;transform:translate(calc(46px - 92px * var(--kmb-progress) - var(--kmb-pointer)),calc(60px - 60px * var(--kmb-progress))) rotate(calc(-3deg - 19deg * var(--kmb-progress)))}
.kmb__box--2{left:31%;top:-5px;z-index:3;transform:translate(var(--kmb-pointer),calc(22px - 54px * var(--kmb-progress))) rotate(calc(-4deg + 8deg * var(--kmb-progress))) scale(calc(.94 + .08 * var(--kmb-progress)))}
.kmb__box--3{right:6%;z-index:2;transform:translate(calc(-46px + 92px * var(--kmb-progress) - var(--kmb-pointer)),calc(60px - 60px * var(--kmb-progress))) rotate(calc(3deg + 19deg * var(--kmb-progress)))}
.kmb__footer{position:relative;z-index:4;display:grid;justify-items:center;gap:12px;padding:0 20px}
.kmb__price{margin:0!important;font-size:12px;line-height:1.4;color:#454545}
.kmb__cta{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:10px 22px;border:0;border-radius:0;background:var(--kmb-accent);color:#fff!important;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:0;text-align:center;text-decoration:none}
.kmb__cta:hover{background:#803800}
.kmb__cta:focus-visible{outline:2px solid #191918;outline-offset:4px}
@media(max-width:749px){
  .kmb{padding:36px 0 32px}
  .kmb__header{gap:8px;padding:0 16px}
  .kmb__header h2{font-size:18px!important}
  .kmb__header p,.kmb__price{font-size:11px}
  .kmb__scene{width:min(100%,540px);height:230px;margin-top:6px}
  .kmb__box{top:-6px;width:60%;max-width:310px}
  .kmb__box--1{left:-13%}
  .kmb__box--2{left:20%;top:30px}
  .kmb__box--3{right:-13%}
  .kmb__cta{min-height:34px;padding:9px 18px;font-size:11px}
}
@media(min-width:500px) and (max-width:749px){.kmb__scene{height:290px}}
@media(prefers-reduced-motion:reduce){.kmb{--kmb-progress:.5!important;--kmb-pointer:0px!important}}