.cf-checkout-delivery-methods {
    &__list {
        list-style: none;
        padding-inline-start: 0px;
        border: var(--cf-checkout-delivery-methods__list--border, var(--cf-border));
        padding: var(--cf-checkout-delivery-methods__list--padding, 0);
        border-radius: var(--cf-checkout-delivery-methods__list--padding, var(--cf-border-radius));
        margin-block-start: var(--cf-checkout-delivery-methods__list--margin-block-start, var(--cf-spacing));
        margin-block-end: var(--cf-checkout-delivery-methods__list--margin-block-start, var(--cf-spacing));
        margin-left: 0;
    }

    &__item {
        &:not(:last-child) {
            border-bottom: var(--cf-border);
        }
    }
}

.cf-checkout-delivery-method {
    padding: var(--cf-checkout-delivery-method--padding, var(--cf-spacing));
    display: var(--cf-checkout-delivery-method--display, grid);
    grid-template-columns: var(--cf-checkout-delivery-method--grid-template-columns, auto 1fr);
    background-color: var(--cf-checkout-delivery-method--background-color);

    &--selected {
        --cf-checkout-delivery-method--background-color: var(--cf-color-background);
        --cf-checkout-delivery-details-methodcode-input--color: var(--cf-color-primary);
        --cf-checkout-delivery-details-methodcode-input--font-weight: 600;
    }

    &__price {
        justify-self: end;
        display: flex;
        gap: var(--cf-spacing-tiny);
    }
}

.cf-checkout-delivery-details-methodcode-input {
    display: inline-block;
    font-weight: var(--cf-checkout-delivery-details-methodcode-input--font-weight);
    color: var(--cf-checkout-delivery-details-methodcode-input--color);
    text-transform: var(--cf-checkout-delivery-details-methodcode-input--text-transform, uppercase);
} 

.cf-checkout-home-delivery {
    padding: var(--cf-checkout-home-delivery, var(--cf-spacing-small) 0 0 var(--cf-spacing));
    grid-column: 1 / -1;
}