.product-scroll-cue-hero {
    padding-bottom: 16px;
}

.product-scroll-cue {
    width: fit-content;
    margin: 18px auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    color: #334b66;
    font-size: 0.95rem;
    font-weight: 750;
    line-height: 1.15;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: color 180ms ease;
}

.product-scroll-cue:hover {
    color: var(--wa-green-dark);
}

.product-scroll-cue:focus-visible {
    outline: 2px solid var(--wa-blue);
    outline-offset: 6px;
    border-radius: 4px;
}

#product-content-start {
    scroll-margin-top: 78px;
}

.wa-detail-hero .wa-breadcrumb {
    font-size: 14px;
}

.wa-detail-hero .wa-breadcrumb a {
    transition: color 180ms ease;
}

.wa-detail-hero .wa-breadcrumb a:hover {
    color: var(--wa-green-dark);
}

.wa-detail-hero .wa-breadcrumb a:focus-visible {
    outline: 2px solid var(--wa-green-dark);
    outline-offset: 3px;
    border-radius: 2px;
}

.product-scroll-cue__arrow {
    color: var(--wa-blue);
    font-size: 1.5rem;
    line-height: 1;
    animation: product-scroll-cue-bob 1.8s ease-in-out infinite;
}

@keyframes product-scroll-cue-bob {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(4px); }
}

@media (prefers-reduced-motion: reduce) {
    .product-scroll-cue__arrow {
        animation: none;
    }
}