/* Home Screen – Layout über Base-Widgets unter css/app/theme1/base/. */

/* Hero-Text linksbündig (Base .base-hero: text-align center unter 1024px) */
#home-hero.base-hero,
#home-hero-content {
    text-align: left;
}

#home-hero-trust.base-info-text {
    text-align: left;
}

#home-hero-headline.base-headline-h1 {
    margin-bottom: 1.75rem;
}

/* Features-Header linksbündig (Base .base-section-header: text-align center) */
#home-features-header.base-section-header {
    text-align: left;
    margin-inline: 0;
    max-width: none;
}

#home-features-title.base-headline-h2 {
    text-wrap: wrap;
}

#home-cta-desc.base-cta-desc {
    margin-inline: 0;
    text-align: left;
}

/* Home Hero Badge: Premium-Pill im Seller-Central-Stil */
#home-hero-badge.base-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.5rem 1.15rem 0.5rem 0.85rem;
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--color-header-bg) 94%, var(--color-primary) 6%) 0%,
        var(--color-header-bg) 100%
    );
    border: 1px solid color-mix(in srgb, var(--color-primary) 40%, transparent);
    border-radius: 999px;
    color: var(--color-header-text);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.2;
    box-shadow: none;
    backdrop-filter: none;
}

#home-hero-badge.base-badge .base-content-text-small {
    margin-bottom: 0;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit;
}

#home-hero-badge.base-badge .base-badge-dot {
    width: 7px;
    height: 7px;
    flex-shrink: 0;
    background-color: var(--color-primary);
    box-shadow: none;
    animation: home-hero-badge-dot-pulse 2.4s ease-in-out infinite;
}

@keyframes home-hero-badge-dot-pulse {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.72;
        transform: scale(1.15);
    }
}

@media (prefers-reduced-motion: reduce) {
    #home-hero-badge.base-badge .base-badge-dot {
        animation: none;
    }
}

/* Home Hero Actions: beide Buttons gleich breit */
#home-hero-actions {
    align-items: stretch;
}

#home-hero-actions > a.base-button-primary-lg,
#home-hero-actions > a.base-button-secondary-lg {
    width: 268px;
    justify-content: center;
}

@media (max-width: 575px) {
    #home-hero-actions > a.base-button-primary-lg,
    #home-hero-actions > a.base-button-secondary-lg {
        width: 100%;
    }
}