/**
 * Linked product cards omit their brand element when no logo is available.
 * Reserve the same row in both cases so titles stay aligned across the rail.
 * Article scope excludes related-content cards that share the body class.
 */
article.cie-product-card > .cie-product-card__body {
    --cie-product-card-brand-slot: clamp(20px, 1.354vw, 26px);
}

article.cie-product-card > .cie-product-card__body > .cie-product-card__brand,
article.cie-product-card > .cie-product-card__body:not(:has(> .cie-product-card__brand))::before {
    height: var(--cie-product-card-brand-slot) !important;
    min-height: var(--cie-product-card-brand-slot);
    flex: 0 0 var(--cie-product-card-brand-slot);
}

article.cie-product-card > .cie-product-card__body:not(:has(> .cie-product-card__brand))::before {
    content: "";
    display: block;
}

/* Use the cropped Akuvox asset in both card renderers, without changing the row.
 * The original image stays in the accessibility tree with its existing alt text.
 */
article.cie-product-card .cie-product-card__brand:has(img[alt="Akuvox" i]),
.cie-elementor-product-card .cie-loop-card-brand:has(img[alt="Akuvox" i]) {
    background-image: url("../images/akuvox-logo-sharp.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: clamp(66px, 4.167vw, 80px) auto;
}

article.cie-product-card .cie-product-card__brand img[alt="Akuvox" i],
.cie-elementor-product-card .cie-loop-card-brand img[alt="Akuvox" i] {
    opacity: 0;
    transform: none !important;
}