.hub-category-brand-card__global-link {
    display: flex;
    flex: 1;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
}

.hub-category-brand-card__global-link:focus-visible {
    outline: .2rem solid #005a91;
    outline-offset: -.3rem;
}

.hub-category-brand-card__global-link:hover .hub-category-brand-card__cta {
    text-decoration: underline;
}

.hub-manufacturer {
    --manufacturer-ink: #173852;
    --manufacturer-muted: #465d70;
    --manufacturer-accent: #005a91;
    --manufacturer-border: #cedce5;
    color: var(--manufacturer-ink);
    line-height: 1.65;
}

.hub-manufacturer a {
    color: var(--manufacturer-accent);
    text-underline-offset: .2em;
}

.hub-manufacturer a:focus-visible,
.hub-manufacturer summary:focus-visible {
    outline: .2rem solid var(--manufacturer-accent);
    outline-offset: .25rem;
}

.hub-manufacturer__nav {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem 1.5rem;
    margin-block-end: 1.5rem;
}

.hub-manufacturer__nav a {
    display: inline-block;
    padding-block: .65rem;
    font-weight: 600;
}

.hub-manufacturer__hero {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
    align-items: center;
    gap: clamp(1.5rem, 4vw, 3rem);
    padding: clamp(1.25rem, 3vw, 2.5rem);
    border: .0625rem solid var(--manufacturer-border);
    border-radius: 1rem;
    background: #f2f7fa;
}

.hub-manufacturer .hub-manufacturer__eyebrow {
    margin-block: 0 .75rem;
    font-weight: 700;
    color: var(--manufacturer-accent);
}

.hub-manufacturer .hub-manufacturer__lead {
    margin-block: 0 1.5rem;
    font-size: 1.125rem;
}

.hub-manufacturer .hub-manufacturer__button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: .85rem 1.3rem;
    border: .125rem solid var(--manufacturer-accent);
    border-radius: .5rem;
    background: var(--manufacturer-accent);
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
}

.hub-manufacturer .hub-manufacturer__button:hover {
    background: #003f67;
    border-color: #003f67;
}

.hub-manufacturer .hub-manufacturer__hint {
    margin-block: .75rem 0;
    color: var(--manufacturer-muted);
    font-size: .9rem;
}

.hub-manufacturer__media {
    display: grid;
    place-items: center;
    margin: 0;
    padding: 1rem;
    border-radius: .75rem;
    background: #fff;
}

.hub-manufacturer .hub-manufacturer__media img {
    display: block;
    inline-size: 100%;
    block-size: auto;
    aspect-ratio: 16 / 10;
    object-fit: contain;
}

.hub-manufacturer__section {
    margin-block: clamp(2rem, 5vw, 3.5rem);
    scroll-margin-block-start: 8rem;
}

.hub-manufacturer h2 {
    margin-block: 0 1rem;
    font-size: clamp(1.3rem, 2.5vw, 1.7rem);
    line-height: 1.3;
}

.hub-manufacturer h3 {
    margin-block: .5rem .75rem;
    font-size: 1.1rem;
    line-height: 1.4;
}

.hub-manufacturer__text {
    max-inline-size: 85ch;
}

.hub-manufacturer .hub-manufacturer__steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
    gap: 1.25rem;
    margin: 0;
    padding: 0;
    list-style-position: inside;
}

.hub-manufacturer .hub-manufacturer__step {
    padding: 1.5rem;
    border: .0625rem solid var(--manufacturer-border);
    border-radius: .75rem;
}

.hub-manufacturer__step::marker {
    color: var(--manufacturer-accent);
    font-weight: 700;
}

.hub-manufacturer__step p {
    margin: 0;
}

.hub-manufacturer__faq {
    padding-block: 1rem;
    border-block-end: .0625rem solid var(--manufacturer-border);
}

.hub-manufacturer__faq summary {
    padding-block: .35rem;
    font-weight: 700;
    cursor: pointer;
}

.hub-manufacturer__faq p {
    margin-block: .75rem 0;
    max-inline-size: 85ch;
}

.hub-manufacturer__next {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
    padding: clamp(1.25rem, 3vw, 2rem);
    border-radius: .75rem;
    background: #f2f7fa;
}

.hub-manufacturer__next > div {
    flex: 1 1 24rem;
}

.hub-manufacturer__next p {
    margin: 0;
}

.hub-manufacturer__sources {
    margin-block: 2rem;
    color: var(--manufacturer-muted);
    overflow-wrap: anywhere;
}

.hub-manufacturer__sources h2 {
    font-size: 1.1rem;
}

.hub-manufacturer__sources ul {
    padding-inline-start: 1.25rem;
}

.hub-manufacturer__sources a {
    display: inline-block;
    padding-block: .4rem;
}

/*
 * The embedded manufacturer preview uses Oro's product-card markup outside
 * the regular datagrid. Keep every source image inside the same square media
 * area, including very tall product photographs such as pepper mills.
 */
.hub-manufacturer__products .embedded-products {
    margin-inline: 0;
}

.hub-manufacturer__products .embedded-products__item,
.hub-manufacturer__products .segment-product {
    min-inline-size: 0;
}

.hub-manufacturer__products .product-item__image-holder--aspect-ratio {
    display: grid;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    place-items: center;
}

.hub-manufacturer__products .product-item__image-holder--aspect-ratio::before {
    display: none;
}

.hub-manufacturer__products .product-item__preview,
.hub-manufacturer__products .product-item__preview-picture {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hub-manufacturer__products .product-item__preview-image {
    inline-size: auto;
    block-size: auto;
    max-inline-size: 92%;
    max-block-size: 92%;
    object-fit: contain;
}