/* Shared artwork geometry for the administration and storefront voucher previews.
   The PDF uses the same 78% × 20% box, 8% horizontal and 7% vertical margins. */
.gv-logo-layout:has(> img:not([hidden])) {
    --gv-logo-width: calc(78% * var(--gv-logo-scale, 100) / 100);
    --gv-logo-height: calc(20% * var(--gv-logo-scale, 100) / 100);
    --gv-logo-margin: min(8%, calc((100% - var(--gv-logo-width)) / 2));
    position: absolute;
    left: calc(var(--gv-logo-margin) + (100% - 2 * var(--gv-logo-margin) - var(--gv-logo-width)) * var(--gv-logo-x, 0));
    top: calc(7% + (86% - var(--gv-logo-height)) * var(--gv-logo-y, 1));
    bottom: auto;
    width: var(--gv-logo-width);
    height: var(--gv-logo-height);
}

.gv-logo-layout > img:not([hidden]) {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: calc(var(--gv-logo-x, 0) * 100%) calc(var(--gv-logo-y, 1) * 100%);
}