.klar-hero-banner{width:100%}.klar-hero-banner__card{max-width:var(--hero-max-width, 1280px);margin-left:auto;margin-right:auto;background:var(--hero-bg, #f2f2f0);border-radius:var(--hero-radius, 20px);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;padding:var(--hero-padding-desktop, 52px 56px)}.klar-hero-banner__card--image-right{direction:ltr}.klar-hero-banner__card--image-left .klar-hero-banner__content{order:2}.klar-hero-banner__card--image-left .klar-hero-banner__media{order:1}.klar-hero-banner__content{display:flex;flex-direction:column;align-items:flex-start;gap:21px;padding-right:32px}.klar-hero-banner__badge{display:inline-flex;align-self:flex-start;padding:5px 16px;border:1.5px solid var(--hero-text, #1a1a1a);border-radius:100px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--hero-text, #1a1a1a);line-height:1}.klar-hero-banner__heading{font-size:clamp(30px,4.6vw,64px);font-weight:800;line-height:1.2;letter-spacing:-.03em;margin:0;color:var(--hero-heading, #1a1a1a)}.klar-hero-banner__rating{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--hero-text, #1a1a1a);line-height:1;min-height:28px}.klar-hero-banner__stars{display:inline-flex;align-items:center;gap:7px;flex-shrink:0}.klar-hero-banner__stars svg{display:block;flex-shrink:0}.klar-hero-banner__rating-text{font-size:17px;letter-spacing:.03em;line-height:1;margin-top:3px;color:var(--hero-text, #1a1a1a)}.klar-hero-banner__body{font-size:16px;line-height:1.65;color:var(--hero-text, #1a1a1a);max-width:49ch;letter-spacing:.025em;margin:0}.klar-hero-banner__body p{margin:0}.klar-hero-banner__buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:4px}.klar-hero-banner__btn{display:inline-flex;align-items:center;justify-content:center;padding:20px 40px;border-radius:100px;font-size:20px;font-weight:500;text-decoration:none;line-height:1;border:1.5px solid transparent;cursor:pointer;transition:opacity .2s ease,transform .15s ease,box-shadow .2s ease;white-space:nowrap}.klar-hero-banner__btn:hover{opacity:.85;transform:translateY(-1px)}.klar-hero-banner__btn--outline{background:transparent!important;border-color:var(--hero-btn2-border, #1a1a1a)!important}.klar-hero-banner__media{position:relative;min-height:320px}.klar-hero-banner__product{width:100%;height:100%}.klar-hero-banner__product img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.klar-hero-banner__award{position:absolute;top:10px;left:46px;z-index:2;pointer-events:none}.klar-hero-banner__award img{display:block;width:17vw;height:135px;object-fit:contain}@media screen and (max-width:767px){.klar-hero-banner__card{grid-template-columns:1fr;padding:var(--hero-padding-mobile, 28px 24px);border-radius:var(--hero-radius-mobile, 14px)}.klar-hero-banner__card--image-right .klar-hero-banner__media{order:-1}.klar-hero-banner__card--image-left .klar-hero-banner__content{order:1}.klar-hero-banner__card--image-left .klar-hero-banner__media{order:0}.klar-hero-banner__content{padding-right:0;gap:16px}.klar-hero-banner__heading{font-size:clamp(26px,7vw,38px)}.klar-hero-banner__media{min-height:240px;margin-bottom:4px}.klar-hero-banner__award{top:0;left:0}.klar-hero-banner__award img{width:138px;height:78px}.klar-hero-banner__buttons{align-items:stretch}.klar-hero-banner__btn{justify-content:center;padding:14px 24px}}@media screen and (min-width:768px)and (max-width:1023px){.klar-hero-banner__card{padding:var(--hero-padding-desktop, 36px 40px)}.klar-hero-banner__heading{font-size:clamp(26px,3.2vw,40px)}.klar-hero-banner__content{padding-right:20px}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/klar-hero-banner.css.map */