.rdc-product-packs {
    --product-packs-gutter: 2.143rem;
    --product-item-columns: minmax(0, 1fr);
}

.rdc-product-packs .rdc-product-pack {
    row-gap: var(--product-packs-gutter);
}

.rdc-product-packs .rdc-product-pack:not(:first-child) {
    padding-top: 1.071rem;
    border-top: 1px solid var(--color-lines);
}

.rdc-product-packs .rdc-product-pack:not(:last-child) {
    padding-bottom: 1.071rem;
}

/* One column per product */
.rdc-product-packs .rdc-pack-products {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    column-gap: var(--product-packs-gutter);
}

.rdc-product-packs .rdc-pack-column {
    position: relative;
}

.rdc-product-packs .rdc-pack-icon {
    position: absolute;
}

.rdc-product-packs .rdc-pack-products .rdc-pack-icon {
    top: 0;
    left: calc((var(--product-packs-gutter) / 2) * -1);
    width: 100%;
    transform: translateX(-50%);
}

.rdc-product-packs .rdc-pack-resume {
    --card-padding: 0.857rem 0.714rem;
    position: relative;
}

.rdc-product-packs .rdc-pack-resume .rdc-pack-icon {
    top: calc((var(--product-packs-gutter) / 2) * -1);
    left: 50%;
    transform: translate(-50%, -50%);
}

.rdc-product-packs .rdc-pack-resume-price {
    grid-gap: 0.357rem 0.714rem;
}

.rdc-product-packs .rdc-pack-resume-button-cart-container {
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 0.429rem;
}

.rdc-product-packs .rdc-pack-resume-button-cart-container > :only-child {
    grid-column: span 2;
}

.rdc-product-packs .rdc-pack-resume-button-cart button {
    width: 100%;
}

@media screen and (min-width: 992px) {

    .rdc-product-packs {
        --product-packs-gutter: 4.571rem;
        --product-item-image-width: 6.714rem;
        --product-item-columns: var(--product-item-image-width) minmax(0, 1fr);
    }

    .rdc-product-packs .rdc-product-pack {
        grid-template-columns: minmax(0, 1fr) 21.429rem;
        column-gap: var(--product-packs-gutter);
    }

    .rdc-product-packs .rdc-product-pack:not(:first-child) {
        padding-top: 1.571rem;
    }

    .rdc-product-packs .rdc-product-pack:not(:last-child) {
        padding-bottom: 1.571rem;
    }

    /* Resume hidden (data-sensitive): the products take the full width */
    .rdc-platform-prices-hidden .rdc-product-packs .rdc-product-pack {
        grid-template-columns: minmax(0, 1fr);
    }

    /* Always 3 columns on desktop, also with fewer products */
    .rdc-product-packs .rdc-pack-products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rdc-product-packs .rdc-pack-products .rdc-pack-icon {
        width: var(--product-item-image-width);
    }

    .rdc-product-packs .rdc-pack-resume {
        --card-padding: 1.429rem 0.714rem;
    }

    .rdc-product-packs .rdc-pack-resume .rdc-pack-icon {
        top: 50%;
        left: calc((var(--product-packs-gutter) / 2) * -1);
    }

}
