.hero-headline{background-color:var(--color-background);width:100%;overflow:hidden}.hero-headline__container{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.hero-headline__title{font-size:clamp(28px,6vw,56px);font-weight:800;line-height:1.1;margin:0;margin-bottom:var(--headline-margin-bottom, 30px);text-transform:uppercase;letter-spacing:1px}.hero-headline__text-before,.hero-headline__text-after{color:var(--headline-color, var(--color-text-primary))}.hero-headline__text-highlight{color:var(--highlight-color, var(--color-accent-secondary));display:inline}.hero-headline__trust{display:flex;flex-direction:column;align-items:center;gap:0}.hero-headline__trust-text{font-size:clamp(16px,2.5vw,22px);color:var(--trust-text-color, var(--color-text-secondary));margin:0;margin-bottom:var(--trust-text-margin-bottom, 20px);font-weight:400}.hero-headline__trust-number{color:var(--trust-number-color, var(--color-accent));font-weight:700}.hero-headline__avatars{display:flex;justify-content:center;align-items:center;margin-top:var(--avatars-margin-top, 0)}.hero-headline__avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;border:3px solid #0a0a0a;margin-left:-12px;position:relative;transition:transform .3s ease;box-sizing:content-box}.hero-headline__avatar:first-child{margin-left:0}.hero-headline__avatar:hover{transform:scale(1.15) translateY(-5px);z-index:10}.hero-headline__avatar img{width:100%;height:100%;object-fit:cover;display:block}.hero-headline__avatar-placeholder{width:100%;height:100%;background-color:var(--color-accent, #4ade80);display:flex;align-items:center;justify-content:center;color:#0a0a0a;font-weight:700;font-size:14px;text-transform:uppercase}.hero-headline__cta{margin-top:var(--button-margin-top, 40px)}.hero-headline__button{display:inline-block;background-color:var(--color-accent);color:var(--color-background);padding:16px 40px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-radius:8px;transition:all .3s ease}.hero-headline__button:hover{background-color:var(--color-accent-bright);transform:translateY(-2px);box-shadow:0 0 30px rgba(var(--color-accent-rgb),.4);color:var(--color-background)}@media screen and (max-width: 749px){.hero-headline__title{font-size:clamp(24px,7vw,36px)}.hero-headline__avatar{width:40px;height:40px;margin-left:-10px;border-width:2px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-headline.css.map */