/* Partner placement layout, synchronized with the English HTML cut. */
:root {
    --zone-container-max: 1320px;
    --side-rail-w: 160px;
    --side-rail-gap: 40px;
    --side-rail-space: calc(2 * (var(--side-rail-w) + var(--side-rail-gap)));
    --side-rail-top: 16px;
    --side-rail-z: 0;
}

.side-rail__track {
    position: absolute;
    inset: 0;
    width: min(var(--zone-container-max), calc(100% - var(--side-rail-space)));
    margin-left: auto;
    margin-right: auto;
    pointer-events: none;
    z-index: var(--side-rail-z);
}

.side-rail__col {
    position: absolute;
    top: 0;
    bottom: 0;
    width: var(--side-rail-w);
}

.side-rail__col--left {
    right: calc(100% + var(--side-rail-gap));
}

.side-rail__col--right {
    left: calc(100% + var(--side-rail-gap));
}

.side-rail__item {
    pointer-events: auto;
    margin-top: var(--side-rail-top);
}

.side-rail--scroll .side-rail__item {
    position: static;
}

.side-rail__item .image-qc {
    width: var(--side-rail-w);
    margin: 0;
}

@media (min-width: 1600px) {
    .has-side-rail .container-xxl {
        max-width: min(var(--zone-container-max), calc(100% - var(--side-rail-space)));
    }

    .has-side-rail > .site-content {
        position: relative;
    }
}

@media (max-width: 1599.98px) {
    .side-rail {
        display: none;
    }
}