:root {
    --black: rgba(0, 0, 0, 1);
    --white: rgba(255, 255, 255, 1);
    --black-a10: rgba(0, 0, 0, 0.1);
    --black-a20: rgba(0, 0, 0, 0.2);
    --black-a40: rgba(0, 0, 0, 0.4);
    --black-a70: rgba(0, 0, 0, 0.7);
    --red: rgba(224, 7, 27, 1);
    --red-a50: rgba(224, 7, 27, 0.5);
    --gold: rgba(128, 101, 32, 1);
    --light-grey: rgba(230, 230, 230, 1);
    --green: rgba(0, 163, 70, 1);
    --blue: rgba(0, 111, 207, 1);
}

body {
    font-family: 'Raleway', sans-serif;
}

@-webkit-keyframes spinnerRotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes spinnerRotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.spinner {
    width: 100%;
    text-align: center;
    padding: 2rem 1rem;
}

.spinner .icon--spinner {
    -webkit-animation: spinnerRotation 0.7s infinite linear;
    animation: spinnerRotation 0.7s infinite linear;
    display: block;
    margin: 0 auto;
    width: 8rem;
}

/* END Common */

/* START TIMELINE COMPONENT */

@media screen and (max-width: 768px) {
    .Timeline__StepCopy:not(.Timeline__StepCopy--active) {
        display: none;
    }
}

.Timeline {
    margin: 0 0 1rem;
}

.Timeline__StepNumber,
.Timeline__StepCopy {
    position: relative;
    font-size: 1.125rem;
    line-height: 1.35rem;
    font-family: var(--font-text), sans-serif;
    color: var(--black-a40);
    margin: 0.5rem 0 0;
}

.Timeline__StepNumber--completed,
.Timeline__StepCopy--completed {
    color: var(--banners-color);
}

.Timeline__StepNumber--active,
.Timeline__StepCopy--active {
    color: var(--buttons-color);
}

.Timeline__StepNumber::before, .Timeline__StepNumber::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    width: 40%;
    border-radius: 2px;
    background: var(--black-a10);
}

.Timeline__StepNumber:first-child::before {
    content: none;
}

.Timeline__StepNumber:last-child::after {
    content: none;
}

.Timeline__StepNumber::before {
    left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.Timeline__StepNumber::after {
    right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.Timeline__StepNumber--active::before,
.Timeline__StepNumber--completed::before,
.Timeline__StepNumber--completed::after {
    background-color: var(--banners-color);
}

/* END TIMELINE COMPONENT */


/* START CHECK FOR ORDER FORM */

.form-wrapper {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 1.5rem 0;
}

@media screen and (max-width: 768px) {
    .form-wrapper {
        padding: 0.5rem 0;
    }
}

.form-row--getOrder {
    width: 100%;
    max-width: 27.375rem;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .form-row--getOrder {
        margin: 0 1rem;
        max-width: calc(100% - 2rem);
    }
}

.form-row--getOrder .btn-primary {
    font-size: 1.5rem;
    line-height: 1.75rem;
    gap: 1rem;
    align-content: flex-end;
    justify-content: center;
    border-radius: 4px;
    padding: 1.5rem 3rem;
    margin: 8px auto 24px;
    width: 100%;
}

.btn-primary, .btn-primary:disabled {
    font-family: var(--font-text), sans-serif;
    color: var(--white);
    text-transform: uppercase;
    background-color: var(--buttons-color);
    border: 1px solid var(--buttons-color);
}

.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus {
    color: var(--buttons-color);
    border-color: var(--buttons-color);
    background-color: var(--white);
    box-shadow: 0 0 0 0.2rem var(--red-a50);
}

.form-row--getOrder .form-control-lg {
    font-size: 1rem;
    line-height: 1rem;
    padding: 1rem;
    height: 3.5rem;
    margin-bottom: 16px;
    color: var(--black-a70);
    border: 1px solid var(--black);
    border-radius: 2px;

}

.form-row--getOrder .text--preFormAlert {
    font-size: 0.75rem;
    line-height: 1.125rem;
    color: var(--black);
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 768px) {
    .form-row--getOrder .text--preFormAlert {
        font-size: 0.875rem;
        margin-bottom: 1rem;
    }
}


.form-row--getOrder .link {
    color: var(--black);
    text-decoration: underline;
    font-weight: 700;
}

.form-row--getOrderHeading {
    max-width: 48rem;
    width: 100%;
    text-align: center;
    margin: 3.5rem auto 1.625rem;
}

@media screen and (max-width: 768px) {
    .form-row--getOrderHeading {
        margin: 0 1rem 1rem;
        max-width: calc(100% - 2rem);
    }
}

.form-row--getOrderHeading .title {
    font-size: 2rem;
    line-height: 2.4rem;
    width: 100%;
    font-family: var(--font-text), sans-serif;
    margin-bottom: 1.625rem;
}

@media screen and (max-width: 768px) {
    .form-row--getOrderHeading .title {
        display: none;
    }
}

.form-row--getOrderHeading .subtitle {
    font-size: 1rem;
    line-height: 1.5rem;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .form-row--getOrderHeading .subtitle {
        font-size: 0.875rem;
        line-height: 1.3125rem;
    }
}


.alert-warning {
    color: var(--gold);
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.3125rem;
}

.alert-warning .link {
    color: var(--gold);
    font-weight: 700;
}

.alert {
    width: 100%;
    max-width: 27.375rem;
    margin-left: auto;
    margin-right: auto;
}


/* END CHECK FOR ORDER FORM */


/* START Order Meta Info Bar */

.OrderMetaBar {
    width: 100%;
    padding: 1rem 1.5rem;
    background-color: var(--banners-color);
    color: var(--white);
}

@media screen and (max-width: 768px) {
    .OrderMetaBar {
        flex-flow: column;
    }
}

.OrderMetaBar__Cell {
    padding: 0 2.5rem;
}

@media screen and (max-width: 768px) {
    .OrderMetaBar__Cell {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0;
    }
}

@media screen and (min-width: 768px) {
    .OrderMetaBar__Cell:first-child {
        padding-left: 15px;
    }

    .OrderMetaBar__Cell:last-child {
        padding-right: 15px;
    }
}

.OrderMetaBar__Title {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.OrderMetaBar__Content {
    font-size: 1.125rem;
    line-height: 1.35rem;
    font-family: var(--font-text), sans-serif;
}

@media screen and (max-width: 768px) {
    .OrderMetaBar__Content {
        text-align: right;
        font-size: 0.75rem;
        line-height: 0.875rem;
    }
}

.Timeline .row, .OrderMetaBar.row {
    margin: 0;
}

/* END Order Meta Info Bar */


/* START Pick Products Form */

.orders-data-wrapper, .footer {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .orders-data-wrapper {
        padding: 0;
    }
}

.product-wrapper {
    padding: 1.5rem 1rem 3rem;
}

@media screen and (max-width: 768px) {
    .product-wrapper {
        padding: 1.5rem 0;
    }
}

.product-line {
    margin-left: 0;
    margin-right: 0;
    border: 1px solid var(--black-a10);
    border-radius: 0.25rem;
}

@media screen and (max-width: 768px) {
    .product-line {
        padding: 0 0.5rem;
    }
}

.product-line + .product-line {
    margin-top: 0.5rem;
}

@media screen and (max-width: 768px) {
    .product-line + .product-line {
        margin-top: 0;
        border-top: 0;
    }
}

.product-line__productcard {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
    row-gap: 1rem;
}

.product-line__productcard .col-2 {
    padding-left: 0;
    padding-right: 0;
    max-width: unset;
}

@media screen and (max-width: 768px) {
    .product-line__productcard {
        padding: 1rem 0;
    }
}

.product-line__actions {
    padding: 1rem 1.5rem;
    border-left: 1px solid var(--light-grey);
}

@media screen and (max-width: 768px) {
    .product-line__actions {
        padding: 1rem 0;
        border-left: 0;
        max-width: calc(100% - 3rem);
    }

    .productcard__info {
        max-width: 45%;
    }
}

.product-wrapper__title {
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 700;
    color: var(--black);
    margin: 0 0 1.5rem;
    text-transform: uppercase;
}

@media screen and (max-width: 768px) {
    .product-wrapper__title {
        margin: 0 1.5rem 1.5rem;
    }
}

.product-line__refunded .product-line__actiontitle {
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.product-line__actioncontent .link {
    font-weight: 700;
}

.product-line__refunded .product-line__actioncontent {
    font-size: 0.875rem;
    line-height: 1.3125rem;
    font-weight: 500;
    color: var(--blue);
}

@media screen and (max-width: 768px) {
    .product-line__refunded .product-line__actioncontent {
        font-weight: 700;
    }
}


.product-line--notReturnable.product-line--refunded .product-line__refunded .product-line__actioncontent {
    color: var(--green);
}

.product-line__refunded .product-line__actioncontent .link {
    font-weight: 700;
}

.product-line__not-returnable .product-line__actiontitle {
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--red);
}

.product-line__not-returnable .product-line__actioncontent {
    font-size: 0.875rem;
    line-height: 1.3125rem;
}

.product-line__returnable .product-line__actiontitle {
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
    .product-line__actiontitle:not(.danger) {
        display: none;
    }

    .product-line__actiontitle {
        font-weight: 700;
    }
}

.product-line__returnable .custom-select {
    font-size: 1rem;
    line-height: 1.175rem;
    font-weight: 700;
    color: var(--black);
    border-color: var(--black);
    max-width: 100%;
    text-overflow: ellipsis;
}

.product-line__returnable .custom-select option {
    max-width: 100%;
    text-overflow: ellipsis;
}


@media screen and (max-width: 768px) {
    .product-line__returnable .custom-select {
        font-size: 0.75rem;
        line-height: 0.875rem;
    }
}

.product-line--notReturnable:not(.product-line--refunded) .productcard__info,
.product-line--notReturnable:not(.product-line--refunded) .productchild__info {
    opacity: 0.5;
}

.productcard__checkbox {
    display: none;
}

.productcard__fakecheckbox {
    cursor: pointer;
    display: inline-block;
    width: 2rem;
}

.productcard__variantmeta {
    display: flex;
    flex-flow: row wrap;
    gap: 0.5rem;
}

@media screen and (max-width: 768px) {
    .productcard__fakecheckbox {
        width: 1.5rem;
    }
}

.productcard__selector.col-2 {
    text-align: center;
    padding-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 1.5rem 0 0.5rem;
    flex: unset;
    width: 2rem;
}

@media screen and (max-width: 768px) {
    .productcard__selector.col-2 {
        margin: 0 1rem 0 0.5rem;
        flex: unset;
        width: 1.5rem;
    }
}

.productcard__info {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.25rem;
    color: var(--black-a70);
    font-size: 0.875rem;
    line-height: 1rem;
}

.product-line__children {
    margin-left: 5rem;
    padding-left: 0;
}

@media screen and (max-width: 768px) {
    .product-line__children {
        margin-left: 4rem;
    }
}

.productchild + .productchild {
    margin-top: 1rem;
}

.productchild__info {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.25rem;
    color: var(--black-a70);
    font-size: 0.75rem;
    line-height: 0.875;
}

.productcard__title {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: 700;
}

.productcard__price, .productcard__price {
    font-weight: 700;
}

.productchild__title {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: 700;
}

.productcard__image {
    width: 5rem;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
}

.productcard__image--default {
    background-image: var(--default-img-url);
    background-size: contain;
}


.productchild .col-1 {
    padding-right: 0;
    width: auto;
    flex: 0 1;
}

.productchild__image {
    width: 2.5rem;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
}

.productchild__image--default {
    background-image: var(--default-img-url);
    background-size: contain;
}

.footer .btn-continue {
    display: inline-flex;
    align-items: flex-end;
    align-content: center;
    border: 1px solid var(--buttons-color);
    font-size: 1.5rem;
    line-height: 1.75rem;
    background-color: var(--buttons-color);
    color: var(--white);
    padding: 1rem 3rem;
    border-radius: 4px;
    gap: 1rem;
    cursor: pointer;
    font-family: var(--font-text), sans-serif;
    white-space: nowrap;
}

.footer .btn-continue:disabled {
    opacity: 0.5;
}

.footer__buttons {
    display: flex;
    gap: 1rem;
    align-items: center;
    align-content: center;
}

@media screen and (max-width: 768px) {
    .footer, .footer__buttons {
        flex-flow: column nowrap;
        margin: 0 auto;
        align-items: center;
        gap: 1.5rem;
    }
}

.footer__helps {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
}

.link {
    text-decoration: underline;
    color: var(--black);
    cursor: pointer;
}

.footer .link {
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: 500;
}


.custom-select {
    background: #fff url("data:image/svg+xml,%3Csvg width='3' height='1.75' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3538 1.35375L6.35378 6.35375C6.30734 6.40024 6.2522 6.43712 6.1915 6.46228C6.1308 6.48744 6.06574 6.50039 6.00003 6.50039C5.93432 6.50039 5.86926 6.48744 5.80856 6.46228C5.74786 6.43712 5.69271 6.40024 5.64628 6.35375L0.646278 1.35375C0.576272 1.28382 0.528588 1.1947 0.509263 1.09765C0.489938 1.00061 0.49984 0.900016 0.537716 0.808605C0.575593 0.717193 0.63974 0.639075 0.722036 0.58414C0.804333 0.529205 0.90108 0.499922 1.00003 0.5H11C11.099 0.499922 11.1957 0.529205 11.278 0.58414C11.3603 0.639075 11.4245 0.717193 11.4623 0.808605C11.5002 0.900016 11.5101 1.00061 11.4908 1.09765C11.4715 1.1947 11.4238 1.28382 11.3538 1.35375Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat right .75rem center/8px 10px;
}

.custom-select:active {
    background: #fff url("data:image/svg+xml,%3Csvg width='3' height='1.75' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3538 1.35375L6.35378 6.35375C6.30734 6.40024 6.2522 6.43712 6.1915 6.46228C6.1308 6.48744 6.06574 6.50039 6.00003 6.50039C5.93432 6.50039 5.86926 6.48744 5.80856 6.46228C5.74786 6.43712 5.69271 6.40024 5.64628 6.35375L0.646278 1.35375C0.576272 1.28382 0.528588 1.1947 0.509263 1.09765C0.489938 1.00061 0.49984 0.900016 0.537716 0.808605C0.575593 0.717193 0.63974 0.639075 0.722036 0.58414C0.804333 0.529205 0.90108 0.499922 1.00003 0.5H11C11.099 0.499922 11.1957 0.529205 11.278 0.58414C11.3603 0.639075 11.4245 0.717193 11.4623 0.808605C11.5002 0.900016 11.5101 1.00061 11.4908 1.09765C11.4715 1.1947 11.4238 1.28382 11.3538 1.35375Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat right .75rem center/8px 10px;
}

/* END Pick Products Form */

/* START Return Method */

.form-row--chooseMethod {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 1rem;
    align-items: center;
}

.form-row--iban:not(:empty) {
    margin-top: 1rem;
}

.product-wrapper__title--chooseMethod {
    margin: 1.5rem 0;
}

@media screen and (max-width: 768px) {
    .return-method-step {
        padding: 1rem;
    }
}

@media screen and (max-width: 999px) {
    .form-row--chooseMethod {
        grid-template-columns: unset;
        grid-template-rows: 1fr auto 1fr;
    }
}

.form-row--chooseMethod .custom-control-inline {
    margin: 0;
    padding: 0;
    align-items: center;
}

.form-row--chooseMethod .custom-radio:not(.custom-control--separator) {
    align-items: center;
    padding: 1rem 5rem;
    border: 1px solid var(--black-a10);
    border-radius: 0.25rem;
    height: 100%;
}

.form-row--chooseMethod .custom-radio:not(.custom-control--separator):has([type="radio"]:checked) {
    border: 2px solid var(--black);
}

.form-row--chooseMethod .custom-control-input ~ .custom-control-label::before {
    content: none;
}

.form-row--chooseMethod .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 0C10.4288 0 7.91543 0.762437 5.77759 2.1909C3.63975 3.61935 1.97351 5.64968 0.989572 8.02512C0.0056327 10.4006 -0.251811 13.0144 0.249797 15.5362C0.751405 18.0579 1.98953 20.3743 3.80762 22.1924C5.6257 24.0105 7.94208 25.2486 10.4638 25.7502C12.9856 26.2518 15.5995 25.9944 17.9749 25.0104C20.3503 24.0265 22.3807 22.3603 23.8091 20.2224C25.2376 18.0846 26 15.5712 26 13C25.9964 9.5533 24.6256 6.24882 22.1884 3.81163C19.7512 1.37445 16.4467 0.00363977 13 0ZM18.7075 10.7075L11.7075 17.7075C11.6146 17.8005 11.5043 17.8742 11.3829 17.9246C11.2615 17.9749 11.1314 18.0008 11 18.0008C10.8686 18.0008 10.7385 17.9749 10.6171 17.9246C10.4957 17.8742 10.3854 17.8005 10.2925 17.7075L7.29251 14.7075C7.10486 14.5199 6.99945 14.2654 6.99945 14C6.99945 13.7346 7.10486 13.4801 7.29251 13.2925C7.48015 13.1049 7.73464 12.9994 8.00001 12.9994C8.26537 12.9994 8.51987 13.1049 8.70751 13.2925L11 15.5863L17.2925 9.2925C17.3854 9.19959 17.4957 9.12589 17.6171 9.07561C17.7385 9.02532 17.8686 8.99944 18 8.99944C18.1314 8.99944 18.2615 9.02532 18.3829 9.07561C18.5043 9.12589 18.6146 9.19959 18.7075 9.2925C18.8004 9.38541 18.8741 9.49571 18.9244 9.6171C18.9747 9.7385 19.0006 9.8686 19.0006 10C19.0006 10.1314 18.9747 10.2615 18.9244 10.3829C18.8741 10.5043 18.8004 10.6146 18.7075 10.7075Z' fill='black'/%3E%3C/svg%3E%0A");
    left: -3.31rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.625rem;
    height: 1.625rem;
    background-size: 1.625rem 1.625rem;
}

.form-row--chooseMethod .custom-control-input:not(:checked) ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 0C10.4288 0 7.91543 0.762437 5.77759 2.1909C3.63975 3.61935 1.97351 5.64968 0.989572 8.02512C0.0056327 10.4006 -0.251811 13.0144 0.249797 15.5362C0.751405 18.0579 1.98953 20.3743 3.80762 22.1924C5.6257 24.0105 7.94208 25.2486 10.4638 25.7502C12.9856 26.2518 15.5995 25.9944 17.9749 25.0104C20.3503 24.0265 22.3807 22.3603 23.8091 20.2224C25.2376 18.0846 26 15.5712 26 13C25.9964 9.5533 24.6256 6.24882 22.1884 3.81163C19.7512 1.37445 16.4467 0.00363977 13 0ZM13 24C10.8244 24 8.69767 23.3549 6.88873 22.1462C5.07979 20.9375 3.66989 19.2195 2.83733 17.2095C2.00477 15.1995 1.78693 12.9878 2.21137 10.854C2.63581 8.72022 3.68345 6.7602 5.22183 5.22183C6.76021 3.68345 8.72022 2.6358 10.854 2.21136C12.9878 1.78692 15.1995 2.00476 17.2095 2.83733C19.2195 3.66989 20.9375 5.07979 22.1462 6.88873C23.3549 8.69767 24 10.8244 24 13C23.9967 15.9164 22.8367 18.7123 20.7745 20.7745C18.7123 22.8367 15.9164 23.9967 13 24Z' fill='black' fill-opacity='0.7'/%3E%3C/svg%3E%0A");
    left: -3.31rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.625rem;
    height: 1.625rem;
    background-size: 1.625rem 1.625rem;
}

.form-row--chooseMethod .label-title {
    font-size: 1.125rem;
    line-height: 1.30rem;
    color: var(--black);
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.form-row--chooseMethod .label-content {
    font-size: 0.875rem;
    line-height: 1rem;
    color: var(--black);
    font-weight: 500;
}

.form-group.phone-group {
    flex: 0 0 auto;
}

@media (max-width: 576px) {
    .form-group.phone-group {
        width: 100%;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .form-group.phone-group {
        width: 50%;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .form-group.phone-group {
        width: 33.33%;
    }
}

@media (min-width: 993px) {
    .form-group.phone-group {
        width: 20%;
    }
}

@media screen and (max-width: 999px) {
    .form-row--chooseMethod .custom-control--separator {
        margin: 0 auto;
        position: relative;
    }

    .form-row--chooseMethod .custom-control--separator::before,
    .form-row--chooseMethod .custom-control--separator::after {
        content: '';
        position: absolute;
        width: calc(50vw - 100% - 3.5rem);
        height: 1px;
        top: 50%;
        transform: translateY(-50%);
        background-color: var(--black-a10);
    }

    .form-row--chooseMethod .custom-control--separator::before {
        left: calc(100% + 1.5rem);
    }

    .form-row--chooseMethod .custom-control--separator::after {
        right: calc(100% + 1.5rem);
    }
}

/* END Return Method */

.choosenMethodWrapper, .recap-step {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.return-method-step {
    margin-bottom: 3rem;
}

@media screen and (max-width: 999px) {
    .return-method-step {
        margin-bottom: 1.5rem;
    }
}


@media screen and (max-width: 999px) {
    .choosenMethodWrapper, .recap-step {
        grid-template-columns: 1fr;
        max-width: 100%;
        overflow-x: auto;
    }
}

.choosenMethodWrapper .address-wrapper {
    margin-top: 1.5rem;
}

@media screen and (min-width: 998px) {
    .choosenMethodWrapper .address-wrapper--addresses,
    .recap-step .recap-step__return-info {
        padding-right: 1.5rem;
        border-right: 1px solid var(--black-a20);
    }

    .choosenMethodWrapper .address-wrapper--stores,
    .recap-step .recap-step__next-steps {
        grid-column: 2;
        padding-left: 1.5rem;
        border-left: 1px solid var(--black-a20);
    }

    .recap-step .recap-step__return-info {
        border-right: 0;
    }
}

@media screen and (max-width: 768px) {
    .recap-step__return-info {
        border-bottom: 1px solid var(--black-a20);
    }
}

.AddressList__Address {
    padding: 1rem 4.5rem;
    border: 1px solid var(--black-a10);
    border-radius: 0.25rem;
}

.AddressList {
    margin-bottom: 1rem;
}

.custom-control-label--address {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 5rem;
    align-items: center;
    justify-content: space-between;
    position: static;
}

@media screen and (max-width: 1200px) {
    .custom-control-label--address {
        gap: 1rem;
    }
}

@media screen and (max-width: 999px) {
    .custom-control-label--address {
        display: grid;
        grid-template-columns: auto;
        gap: 0.25rem;
        align-items: center;
        justify-content: space-between;
        position: static;
    }
}

.choosenMethodWrapper .custom-control + .custom-control {
    margin-top: 0.5rem;
}

.label-content, .label-title {
    font-size: 0.875rem;
    line-height: 1rem;
}

.label-title {
    font-weight: 700;
    text-transform: uppercase;
}

.label-content--country {
    text-align: right;
}

@media screen and (max-width: 999px) {
    .label-content--country {
        display: none;
    }
}

@media screen and (max-width: 999px) {
    .form-row--chooseMethod {
        grid-template-columns: unset;
        grid-template-rows: 1fr auto;
    }
}

.custom-radio .custom-control-input ~ .custom-control-label.custom-control-label--address::before {
    width: 1rem;
    height: 1rem;
    left: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before,
.custom-control-input:not(:disabled):focus ~ .custom-control-label::before {
    background-color: var(--buttons-color);
}

.custom-radio .custom-control-input ~ .custom-control-label.custom-control-label--address::after {
    width: 1.125rem;
    height: 1.125rem;
    left: calc(1.5rem - 1px);
    top: 50%;
    transform: translateY(-50%);
}

.custom-radio .custom-control-input:checked ~ .custom-control-label.custom-control-label--address::before {
    border-color: var(--black);
    background-color: var(--white);
}

.custom-radio .custom-control-input:checked ~ .custom-control-label.custom-control-label--address::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000'/%3e%3c/svg%3e");
}

.btn--newAddress {
    border: 1px solid var(--black);
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: var(--black);
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    font-family: var(--font-text), sans-serif;
    margin: 1.5rem auto 1.75rem;
}

.btn--newAddress.btn-primary {
    color: var(--white);
    border-color: var(--buttons-color);
}

.custom-submit-button {
    border: 2px solid var(--buttons-color); /* colore base */
    transition: border 0.3s ease;
}

.custom-submit-button:hover {
    border-image: linear-gradient(45deg, var(--buttons-color), #90ee90); /* verde chiaro */
    border-image-slice: 1;
}


.btn--newAddress.btn-primary:hover,
.btn--newAddress.btn-primary:active,
.btn--newAddress.btn-primary:focus,
.btn--newAddress.btn-primary:focus-within {
    color: var(--black);
}

.NewAddress .form-row {
    max-width: 100%;
}

.recap-step__products .product-line__actions {
    border-left: 0;
}

.recap-step__products .product-line {
    border-left: 0;
    border-right: 0;
}

@media screen and (max-width: 768px) {
    .recap-step__products .product-line {
        border: 0;
    }
}

.recap-step__products .product-line + .product-line {
    border-top: 0;
}

.recap-step__products .product-line__productcard {
    flex-wrap: nowrap;
}

.recap-step__products .productcard__price {
    text-align: right;
}

.custom-checkbox--privacy {
    margin: 1rem 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--black);
    border-color: var(--black);
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem var(--black-a20);
}

@media screen and (max-width: 768px) {
    .recap-step {
        margin: 0 1rem;
    }
}

.recap-step__header {
    margin: 1.5rem 0;
    display: flex;
    gap: 0.5rem;
    font-size: 1rem;
    line-height: 1.8rem;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .recap-step__header {
        flex-flow: row wrap;
        justify-content: center;
    }

    .recap-step__reference {
        flex-basis: 100%;
        text-align: center;
    }
}

.recap-step__header-title {
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: var(--green);
    font-weight: 700;
}

.return-step__method-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 0.75rem;
    line-height: 0.875rem;
    margin: 1rem 0;
    text-transform: uppercase;
}

.return-step__address-recap {
    display: flex;
    gap: 1rem;
    font-size: 0.875rem;
    line-height: 1rem;
}

.return-step__method-head-type {
    font-weight: 500;
}

@media screen and (max-width: 768px) {
    .return-step__method-head,
    .return-step__address-recap {
        flex-flow: column nowrap;
        gap: 0.5rem;
        font-size: 0.75rem;
        line-height: 0.875rem;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.return-step__total {
    margin: 4rem 0 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1rem;
    line-height: 1.3rem;
    font-weight: 700;
    padding-top: 1rem;
    border-top: 1px solid var(--black-a10);
    text-transform: uppercase;
}

@media screen and (max-width: 768px) {
    .return-step__total {
        font-size: 0.875rem;
        line-height: 1rem;
        margin: 2rem 0 0.5rem;
    }
}

.alert--refund {
    max-width: unset;
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
    font-size: 0.75rem;
    line-height: 1.31rem;
    padding: 0.5rem 1rem;
}

.recap-step__next-steps {
    margin: 1.5rem 0;
}

.next-steps__title {
    font-size: 1.5rem;
    line-height: 1.7rem;
    margin-bottom: 2rem;
    font-weight: 700;
    font-family: var(--font-text), sans-serif;
}

.next-steps__subtitle ul {
    padding-inline-start: 1rem;
}

.next-steps__subtitle ul li + li {
    margin-top: 0.5rem;
}

.next-steps__step .next-steps__subtitle:last-child {
    margin-bottom: 0;
}

.next-steps__step {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    justify-content: flex-start;
}

.next-steps__step-title {
    font-size: 1rem;
    line-height: 1.3rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.next-steps__subtitle {
    font-size: 0.875rem;
    line-height: 1.35rem;
    margin-bottom: 1.5rem;
}

.next-steps__buttons {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: stretch;
    gap: 1rem;
    margin-top: -1rem;
}

@media screen and (max-width: 768px) {
    .next-steps__buttons {
        grid-template-columns: 100%;
        gap: 0.5rem;
    }
}

.next-steps__buttons .btn {
    display: grid;
    align-items: center;
    text-align: center;
    justify-content: center;
    grid-template-columns: auto auto;
    font-family: var(--font-text), sans-serif;
    font-size: 0.75rem;
    line-height: 0.75rem;
    gap: 0.25rem;
    background-color: var(--white);
    border-color: var(--black);
    color: var(--black);
}

.next-steps__buttons .btn:hover,
.next-steps__buttons .btn:focus,
.next-steps__buttons .btn:active {
    background-color: var(--black);
    color: var(--white);
}

.next-steps__step .next-steps__alert {
    width: 100%;
    max-width: unset;
    font-size: 0.75rem;
    line-height: 0.875rem;
    margin-top: -1rem;
}

.next-steps__step + .next-steps__step {
    margin-top: 2.5rem;
}

@media screen and (max-width: 768px) {
    .next-steps__step + .next-steps__step {
        margin-top: 1.5rem;
    }
}

.hide-not-focus:not(:focus) {
    visibility: hidden;
    opacity: 0;
}

.next-steps__content {
    width: 100%;
}
