.product-details-container {
    margin-left: -3rem;
    margin-right: -3rem;
    margin-top: -3rem;
}

.breadcrumb-top-container {
    margin-top: -2rem;
    background: var(--Neutral-Neutral-3);
    padding: 1rem 3rem;
}

.breadcrumb-container {
    --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M4.5 2.25L8.25 6L4.5 9.75' stroke='%2377878F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item a span {
    color: var(--Marque-600);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25rem;
    /* 142.857% */
    text-decoration: none;
}

.breadcrumb-item.active,
.breadcrumb-item a:hover,
.breadcrumb-item a:focus,
.breadcrumb-item a:active,
.breadcrumb-item a.active,
.breadcrumb-item a:hover span,
.breadcrumb-item a:focus span,
.breadcrumb-item a:active span,
.breadcrumb-item a.active span {
    color: var(--Brand-Primary);
}

.breadcrumb-item a:hover svg path,
.breadcrumb-item a:focus svg path,
.breadcrumb-item a:active svg path,
.breadcrumb-item a.active svg path {
    fill: var(--Brand-Primary);
}

.visit-shop {
    border-radius: 4.375rem;
    background: var(--Gray-300);
    padding: .5rem 1.125rem;
    color: var(--Color-Text);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 1.225rem */
}

.product-details-card {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
    border: none;
    border-radius: 0;
    background: var(--Gray-00);
}

.product-details-card-padding-x {
    padding-left: 2rem;
    padding-right: 2rem;
}

.product-details-card .image-viewer {
    border-radius: 0.25rem;
    border: 0.8px solid var(--Stroke-1);
    background-color: lightgray;
}

.product-details-card .image-viewer img {
    max-width: calc(100%);
    height: auto;
}

.product-image-carousel-indicator {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    padding: 9px;
    background: var(--Brand-Primary);
    border: 1.6px solid var(--Gray-00);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}

.product-image-carousel-indicator.previous {
    top: 19px;
    left: -19px;
}

.product-image-carousel-indicator.next {
    top: 19px;
    right: -19px;
}

.product-image-carousel-container {
    margin-top: 2.5rem;
}

.product-image {
    width: 77px;
    height: 77px;
    border-radius: 1.6px;
    border: 0.795px solid var(--Stroke-1);
    cursor: pointer;
}

.product-image-carousel.owl-carousel .product-image.active {
    border: 1.6px solid var(--Brand-Primary);
}

.product-image:not(:last-child) {
    margin-right: .4rem;
}

.owl-carousel .product-image>img {
    width: calc(100% - 1.6px);
    height: calc(100% - 1.6px);
}

.product-ratings strong {
    color: var(--Gray-900);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25rem;
    /* 142.857% */
}

.product-ratings span {
    color: var(--Marque-600);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    /* 142.857% */
}

.product-name {
    color: var(--Gray-900);
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    /* 140% */
    margin-top: .5rem;
    margin-bottom: 1rem;
}

.caracteristiques {
    color: var(--Functional-greys-Grey-80);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25rem;
    /* 142.857% */
}

.details-text {
    font-size: 0.75rem;
    font-style: normal;
    line-height: 1.25rem;
    /* 142.857% */
}

.details-text.details-title {
    color: var(--Marque-600);
    font-weight: 400;
}

.details-text.details-value {
    color: var(--Gray-900);
    font-weight: 600;
}

.details-text.product-available {
    color: var(--Success-500);
    font-weight: 600;
}

.product-description-overview {
    color: var(--Functional-greys-grey-80);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    /* 142.857% */
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

.price-container .product-effective-price {
    color: var(--Secondary-500);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem;
    /* 133.333% */
}

.price-container .product-real-price {
    color: var(--Gray-100);
    font-size: .9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    /* 133.333% */
    text-decoration-line: line-through;
}

.price-container .product-reduction {
    border-radius: 0.25rem;
    background: var(--Warning-400);
    padding: 0.3125rem 0.625rem;
    color: var(--Gray-900);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25rem;
    /* 142.857% */
}

.product-separator {
    display: block;
    border: 1px solid var(--Stroke-1);
}

.input-group.cart-control-button-group {
    border-radius: 0.25rem;
    border: 1.5px solid var(--Brand-Primary);
    padding: .75rem 1.25rem;
    background: var(--Gray-00);
}

.input-group.cart-control-button-group .input-group-text.minus-button {
    cursor: pointer;
    background: var(--Gray-00);
    border: none;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
    flex-grow: 1;
    padding: 0;
}

.input-group.cart-control-button-group .input-group-text.plus-button {
    cursor: pointer;
    background: var(--Gray-00);
    border: none;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
    flex-grow: 1;
    padding: 0;
    display: inline-flex;
    justify-content: flex-end;
}

.input-group.cart-control-button-group .form-control {
    background: var(--Gray-00);
    border: none;
    border-radius: 0;
    flex-grow: 10;
    text-align: center;
    padding: 0;
    color: var(--Brand-Primary);
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 1.625rem */
    text-transform: uppercase;
}

/* Chrome, Safari, Edge, Opera */
.input-group.cart-control-button-group .form-control::-webkit-outer-spin-button,
.input-group.cart-control-button-group .form-control::-webkit-inner-spin-button,
.input-group.cart-table-control-button-group .form-control::-webkit-outer-spin-button,
.input-group.cart-table-control-button-group .form-control::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.input-group.cart-control-button-group .form-control[type=number],
.input-group.cart-table-control-button-group .form-control[type=number] {
    -moz-appearance: textfield;
}

.goto-cart {
    border-radius: 0.125rem;
    background: var(--Brand-Primary);
    padding: 0.75rem 1.125rem;
    text-decoration: none;
}

.goto-cart span {
    color: var(--Gray-00);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 1.1375rem */
    text-transform: uppercase;
    text-decoration: none;
}

.add-to-whishlist {
    text-decoration: none;
}

.add-to-whishlist span,
.share-container .share-title {
    color: var(--Marque-700);
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    /* 142.857% */
}

.share-container * {
    flex-shrink: 0;
}

.share-container *:not(:last-child) {
    margin-right: .6rem;
}

.discuss-title {
    color: var(--Functional-greys-grey-80);
    font-size: .8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25rem;
    /* 125% */
}

.product-details-footer {
    border-radius: 0.25rem;
    border: 1px solid var(--Stroke-1);
    background: var(--Gray-00);
    padding: 1rem;
}

.qos-container span {
    color: var(--Gray-900);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    /* 142.857% */
}

.product-description-title {
    padding: 1rem 1.25rem;
    border-bottom: 0.5px solid var(--Stroke-1);
    border-top: 0.5px solid var(--Stroke-1);
    color: var(--Gray-900);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25rem;
    /* 142.857% */
    text-transform: uppercase;
}

.product-description {
    border-radius: 0.25rem;
    border: none;
    border-bottom: 1px solid var(--Stroke-1);
    padding: 0 2.5rem 2.5rem 2.5rem;
    color: var(--Functional-greys-grey-80);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    /* 1.4875rem */
}

.line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.checkout-step {
    color: var(--Functional-greys-Grey-50);
    font-size: .9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 1.4rem */
    text-decoration: none;
}

.checkout-step.active {
    border-radius: 1.5rem;
    background: var(--Status-Success);
    padding: 0.5rem 1rem;
    color: var(--Gray-00);
    font-weight: 700;
}

.checkout-separator {
    display: inline-block;
    width: 85px;
    border: 1px dashed var(--Functional-greys-Grey-50);
    margin: 0 .7rem;
}

.main-padding {
    padding-left: 3rem;
    padding-right: 3rem;
}

.clear-main-padding {
    margin-left: -3rem;
    margin-right: -3rem;
    margin-top: -3rem;
}

.cart-table-card {
    border-radius: 0.25rem;
    border: 1px solid var(--Stroke-1);
    background: var(--Gray-00);
}

.cart-table-card-head {
    padding: 1rem 1.25rem;
}

.cart-table-card-head h3 {
    color: var(--Gray-900);
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
    /* 133.333% */
}

.cart-table-card table {
    border-collapse: separate;
    border-spacing: 0 1.125rem;
}

.cart-table-card thead tr {
    border: none;
    border-bottom: 1px solid var(--Stroke-1);
    border-top: 1px solid var(--Stroke-1);
}

.cart-table-card thead tr th {
    background: var(--Gray-50);
    color: var(--Marque-700);
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 1.125rem */
    text-transform: uppercase;
    padding: .6rem 0;
}

.cart-table-card thead tr th:first-child {
    padding-left: 1.125rem
}

.cart-table-card thead tr th:last-child {
    padding-right: 1.125rem
}

.cart-table-card thead tr th:not(:last-child) {
    margin-right: 1rem;
}

.cart-table-card tbody tr {
    border-radius: 0.25rem;
    border: 1px solid var(--Stroke-1);
    background: #FFF;
}

.cart-element-container img {
    width: 4.5rem;
    height: 4.5rem;
}

.cart-element-container h4 {
    color: var(--Gray-900);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    /* 142.857% */
}

.cart-element-container .shop-badge {
    border-radius: 3rem;
    background: #F2F4F5;
    padding: .12rem .75rem;
    color: var(--Color-Text);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 1.225rem */
    display: inline-block;
}

.unit-price {
    color: var(--Marque-700);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    /* 142.857% */
}

.input-group.cart-table-control-button-group {
    border-radius: 0.1875rem;
    border: 1.5px solid var(--Stroke-1);
    padding: .75rem 1rem;
    background: var(--Gray-00);
}

.input-group.cart-table-control-button-group .input-group-text.minus-button {
    cursor: pointer;
    background: var(--Gray-00);
    border: none;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
    flex-grow: 1;
    padding: 0;
}

.input-group.cart-table-control-button-group .input-group-text.plus-button {
    cursor: pointer;
    background: var(--Gray-00);
    border: none;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
    flex-grow: 1;
    padding: 0;
    display: inline-flex;
    justify-content: flex-end;
}

.input-group.cart-table-control-button-group .form-control {
    background: var(--Gray-00);
    border: none;
    border-radius: 0;
    flex-grow: 10;
    text-align: center;
    padding: 0;
    color: var(--Marque-700);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 1.625rem */
    text-transform: uppercase;
    min-width: 2rem;
}

.sub-total-amount {
    color: var(--Gray-900);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25rem;
    /* 142.857% */
}

.form-group label {
    color: var(--Black-50);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 1.1375rem */
}

.form-group label sup {
    color: var(--Danger-400);
    font-family: Roboto;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.875rem;
    /* 100% */
}

.delivery-zone-group select.form-control {
    border-radius: 0.25rem;
    border: 1px solid var(--Black-03);
    height: 3rem;
    padding: .9375rem;
    color: var(--Black-50);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 1.1375rem */
}

.delivery-zone-group select.form-control option[value="none"] {
    color: var(--Black-04);
}

.delivery-fee-container {
    border-radius: 0.25rem;
    background: var(--Gray-50);
    padding: .12rem .75rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--Color-Text);
    font-size: .9375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 1.4rem */
    height: 3rem;
}

#order_info {
    display: block;
    width: 100%;
    border-radius: 0.25rem;
    border: 1px solid var(--Black-03);
    padding: .9375rem;
    color: var(--Black-50);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 1.1375rem */
}

#order_info::placeholder {
    color: var(--Black-04);
}

[for="promo_code"] {
    color: var(--Functional-greys-grey-80);
    font-size: .9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    /* 150% */
}

.promo-code-container input.form-control {
    border-radius: 0.25rem;
    border: 1px solid var(--Neutral-Neutral-5);
    background: var(--Gray-00);
    padding: 0.7rem .9375rem;
    color: var(--Gray-900);
    font-size: .9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    /* 150% */
    height: 3rem;
}

.promo-code-container button {
    border-radius: 0.5rem;
    border: 1px solid var(--Brand-Primary);
    background: var(--Gray-00);
    padding: 0.7rem .9375rem;
    height: 3rem;
    text-align: center;
    color: var(--Brand-Primary);
    font-family: Roboto;
    font-size: .9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
    /* 150% */
}

.cart-summary-container {
    border-radius: 0.25rem;
    border: 1px solid var(--Stroke-1);
    background: var(--Gray-00);
    padding: 0rem .9375rem 1.125rem .9375rem;
}

.cart-summary-container h4 {
    color: var(--Gray-900);
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
    /* 133.333% */
    margin-bottom: 1.125rem;
}

.cart-summary-left {
    color: var(--Marque-600);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    /* 142.857% */
}

.cart-summary-right {
    color: var(--Gray-900);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25rem;
    /* 142.857% */
}

.cart-summary-left.total {
    color: var(--Gray-900);
    font-size: 0.9375rem;
    font-weight: 600;
}

.cart-summary-right.total {
    color: var(--Gray-900);
    font-size: 0.9375rem;
    font-weight: 700;
}

.cart-summary-container hr {
    display: block;
    border: 1px solid var(--Stroke-1);
    margin: 1rem 0;
}

.cart-summary-container a {
    display: block;
    padding: .75rem 1.5rem;
    border-radius: 0.25rem;
    background: #E51521;
    color: var(--Gray-00);
    font-size: .9375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 1.3rem */
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    margin-top: 1.5rem;
}

.delivery-address-row {
    margin-left: -3rem;
    margin-right: -3rem;
    margin-bottom: -2rem;
}

.delivery-address-left {
    padding: 2rem;
}

.delivery-address-title {
    color: var(--Black);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: .875rem;
    border-bottom: 1px solid var(--Black-02);
}

.current-address .current-address-title span {
    color: var(--Black);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 1.1375rem */
}

.current-address .current-address-title a {
    color: var(--Status-link-color);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 1.1375rem */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.current-address .current-address-text {
    color: var(--Functional-greys-Grey-50);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 1.1375rem */
}

.form-group label[for="address_details"] {
    color: var(--Black-50);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 1.1375rem */
}

.form-group .delivery-address-textarea {
    padding: .9375rem;
    border-radius: 0.25rem;
    border: 1px solid var(--Black-03);
    color: var(--Gray-900);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 1.1375rem */
    display: block;
    width: 100%;
}

.form-group .delivery-address-textarea::placeholder {
    color: var(--Black-04);
}

.or {
    color: var(--Gray-400);
    font-size: .9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 1.5rem 0;
    text-align: center;
}

.add-address-container {
    border-radius: 0.5rem;
    border: 1px dashed var(--Status-link-color);
    background: var(--Status-Info-BG);
    padding: 2.3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.add-address-container svg {
    width: 196px;
    height: 138px;
}

.add-address-container .add-address-btn {
    color: var(--Status-link-color);
    text-align: center;
    font-size: .9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-top: 1rem;
}

.go-to-payment {
    border-radius: 0.25rem;
    background: #E51521;
    padding: 0.75rem 1.5rem;
    display: block;
    text-align: center;
    color: var(--Gray-00);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 1.3rem */
    text-transform: uppercase;
    margin-top: -1.1rem;
    text-decoration: none;
}

#map {
    width: 100%;
    height: 750px;
}

.add-address-modal.modal .modal-content {
    border-radius: 1rem;
    background: var(--Gray-00);
    border: none;
}

.add-address-modal.modal .modal-header {
    padding: 1.5rem;
    border-bottom: none;
}

.add-address-modal.modal .modal-body {
    padding: 0 1.5rem 1.5rem 1.5rem;
}


.add-address-modal.modal .modal-body #add_address_form label {
    color: var(--Functional-greys-grey-80);
    font-size: .9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
    /* 150% */
    margin-bottom: .5rem;
}

.add-address-modal.modal .modal-body #add_address_form .form-control,
.add-address-modal.modal .modal-body #add_address_form .form-select,
.add-address-modal.modal .modal-body #add_address_form textarea {
    border-radius: 0.25rem;
    border: 1px solid var(--Neutral-Neutral-5);
    background-color: var(--Gray-00);
    padding: 1rem;
    color: var(--Functional-greys-grey-80);
    font-size: .9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    /* 150% */
}

.add-address-modal.modal .modal-body #add_address_form .form-control,
.add-address-modal.modal .modal-body #add_address_form .form-select {
    height: 3rem;
}

.add-address-modal.modal .modal-body #add_address_form .form-select {
    padding: .75rem 1rem;
}

.add-address-modal.modal .modal-body #add_address_form .form-control::placeholder {
    color: var(--Black-04);
}

.add-address-modal.modal .modal-body #add_address_form button[type="submit"] {
    border-radius: 0.25rem;
    background: var(--Brand-Primary);
    padding: 0.75rem 2rem;
    display: block;
    color: var(--Gray-00);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 1.3rem */
    text-transform: uppercase;
    text-align: center;
}

.add-address-modal.modal .modal-body #add_address_form .input-group .input-group-text {
    border-radius: 0.25rem;
    border: 1px solid var(--Neutral-Neutral-5);
    color: var(--Functional-greys-Grey-50);
    font-size: .9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    /* 150% */
    background-color: var(--Gray-00);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    padding-right: 0;

}

.add-address-modal.modal .modal-body #add_address_form .input-group .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
    padding-left: .25rem;
}

.payment-option {
    border-radius: 0.25rem;
    border: 1px solid var(--Functional-greys-grey-30);
    background: var(--Gray-00);
    padding: 1rem;
    margin-bottom: 1.5rem;
    transition: all 0.3s ease;
    cursor: pointer;
}

.payment-option:hover {
    border-color: var(--Status-link-color);
    ;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

.payment-option.selected {
    border-color: var(--Status-link-color);
    ;
    background-color: var(--Status-link-color-01);
}

.payment-option input[type="radio"] {
    transform: scale(1.2);
    margin-right: 1rem;
}

.payment-title {
    color: var(--Functional-greys-Grey-80);
    font-size: .9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
    /* 150% */
    margin-bottom: 8px;
}

.payment-description {
    color: var(--Gray-400);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 1.225rem */
    margin: 0;
}

.payment-icon {
    width: 120px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kkiapay-icon {
    width: 120px;
    height: 32px;
}

.cash-icon {
    width: 50px;
    height: 32px;
}

.wallet-icon {
    width: 32px;
    height: 32px;
}

.page-title {
    color: var(--Black);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 26px */
    margin-bottom: 1.7rem;
}

.form-label {
    color: var(--Black);
    font-size: .9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 1.3rem */
    margin-bottom: 1rem;
}

.btn-pay {
    border-radius: 0.25rem;
    background: var(--Brand-Primary);
    padding: 0.75rem 2rem;
    color: var(--Gray-00);
    font-size: .9375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 1.3rem */
    text-transform: uppercase;
    text-align: center;
    margin-top: 2rem;
}

.return-to-cart {
    font-family: "Open Sans";
    font-size: .9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 1.3rem */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    color: var(--Secondary-500);
    margin-bottom: 1.25rem;
}

.delivery-section {
    border-radius: 0.25rem;
    background: var(--Black-01);
    border: none;
    padding: 1.5rem;
}

.section-title {
    color: var(--Black);
    font-size: .9375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 1.3rem */
    margin-bottom: 1.5rem;
}

.address-card {
    border-radius: 0.5rem;
    border: 1px solid var(--Functional-greys-Grey-20);
    background: var(--Gray-00);
    position: relative;
    padding: 1rem;
}

.customer-name {
    color: var(--Black);
    font-size: .9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: .5rem;
}

.customer-address {
    color: var(--Functional-greys-Grey-80);
    font-size: .9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    /* 150% */
    margin-bottom: .25rem;
}

.customer-phone {
    color: var(--Functional-greys-Grey-80);
    font-size: .9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    /* 150% */
    margin: 0;
}

.modify-btn {
    border-radius: 0.5rem;
    border: 1px solid var(--Brand-Primary);
    background: var(--Gray-00);
    padding: .75rem 1rem;
    color: var(--Brand-Primary);
    font-size: .9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
    /* 150% */
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    height: fit-content;
}

.modify-btn:hover {
    background: var(--Brand-Primary);
    color: var(--Gray-00);
    border-color: var(--Brand-Primary);
    text-decoration: none;
}