/* Identical geometry before and after asynchronous relation loading. */
[data-spec-alternative-section], [data-accessory-section] {
    container-type: inline-size;
    --relation-columns: 6;
    --relation-rows: 2;
    --relation-details: 17rem;
}
[data-accessory-section] { --relation-details: 10rem; }
.catalog-mini-card-grid.product-view-grid-6.relation-reserved-grid {
    --relation-row-height: calc((100cqw - (var(--relation-columns) - 1) * 12px) / var(--relation-columns) + var(--relation-details));
    grid-auto-rows: var(--relation-row-height);
    min-height: calc(var(--relation-rows) * var(--relation-row-height) + (var(--relation-rows) - 1) * 12px + 10px);
    align-content: start;
    grid-template-columns: repeat(var(--relation-columns), minmax(0, 1fr));
    grid-auto-flow: row;
    gap: 12px;
}
.relation-reserved-grid > .catalog-mini-card {
    animation: none;
}
[data-relation-initial] > :nth-child(n + 13) { display: none; }
/* Status and controls keep their slots, including empty/error responses. */
[data-spec-alternative-section] [data-relation-status][hidden],
[data-accessory-section] [data-relation-status][hidden],
[data-spec-alternative-empty][hidden],
[data-spec-alternative-more][hidden], [data-accessory-more][hidden] {
    display: block !important;
    visibility: hidden;
}
@media (max-width: 980px) {
    [data-spec-alternative-section], [data-accessory-section] { --relation-columns: 3; }
    [data-relation-initial] > :nth-child(n + 7) { display: none; }
}
@media (max-width: 760px) {
    [data-spec-alternative-section], [data-accessory-section] { --relation-columns: 2; --relation-rows: 3; }
}