.fit-p1-listing-links {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin-block: 16px 8px;
}
.fit-p1-listing-links a {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    max-width: 100%;
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid var(--fit-color-border);
    border-radius: var(--fit-radius);
    background: var(--fit-surface);
    color: var(--fit-color-text);
    font-size: var(--fit-text-sm);
    line-height: 1.5;
    text-decoration: none;
}
.fit-p1-listing-links a:hover { border-color: var(--fit-color-price); color: var(--fit-color-price); }
.fit-p1-listing-links a:focus-visible, .fit-p1-brand-tools summary:focus-visible {
    outline: 3px solid var(--fit-color-price); outline-offset: 3px;
}
.fit-p1-listing-note { max-width: 75ch; margin-block: 4px 16px; color: var(--fit-color-text-muted); font-size: var(--fit-text-sm); line-height: 1.6; }
.fit-p1-brand-tools { border-block: 1px solid var(--fit-color-border); margin-block: 16px; }
.fit-p1-brand-tools > summary { box-sizing: border-box; padding-block: 12px; min-height: 44px; cursor: pointer; font-size: var(--fit-text-sm); font-weight: 600; }
.fit-p1-brand-tools .fit-protein-discovery { margin-block: 0 16px; }
.fit-homepage > .fit-p1-listing-links { padding-inline: 16px; max-width: 1200px; margin-inline: auto; gap: 0 24px; }
.fit-homepage > .fit-p1-listing-links a {
    padding-inline: 0; border: 0; border-radius: 0; background: transparent;
    text-decoration: underline; text-underline-offset: 4px;
}
/* Homepage "Neu geprüfte Preisvergleiche": image tiles with the real shop photos (owner decision 2026-10-17). */
.fit-pilot-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-block: 16px 8px; }
.fit-pilot-grid a {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--fit-color-border);
    border-radius: var(--fit-radius);
    background: var(--fit-surface);
    color: var(--fit-color-text);
    font-size: var(--fit-text-sm);
    line-height: 1.4;
    text-decoration: none;
}
.fit-pilot-grid a:hover { border-color: var(--fit-color-price); color: var(--fit-color-price); }
.fit-pilot-grid a:focus-visible { outline: 3px solid var(--fit-color-price); outline-offset: 3px; }
.fit-pilot-grid__media { display: flex; aspect-ratio: 1; }
.fit-pilot-grid__media .fit-image-stage { --fit-stage-fill: .78; border-radius: 0; }
/* The fill refers to the stage's shorter side, which is the half-width here. */
.fit-pilot-grid__media--pair .fit-image-stage { --fit-stage-fill: .9; }
.fit-pilot-grid__media > .fit-card-image--placeholder { flex: 1; }
.fit-pilot-grid .fit-image-attribution { display: block; padding: 4px 10px 0; color: var(--fit-color-text-muted); font-size: var(--fit-text-xs); line-height: 1.3; text-align: right; }
.fit-pilot-grid__name { padding: 4px 10px 10px; }
@media (max-width: 900px) { .fit-pilot-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 600px) {
    .fit-pilot-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
    .fit-pilot-grid a { line-height: 1.35; }
    .fit-pilot-grid .fit-image-attribution { padding: 3px 7px 0; }
    .fit-pilot-grid__name { padding: 2px 7px 8px; }
}
#fit-brand-products, #shop-sortiment, #fit-trending { scroll-margin-top: 100px; }
