.cart-outer {width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto;flex-grow: 1;background: #DBF7F1;margin-top: 0.875rem; } .cart-outer .container-inner {background: transparent; } .cart-outer .container-inner.container-inner-products {margin-bottom: 0;padding-bottom: 5rem; } .cart-outer .container-inner.container-inner-products.container-inner-empty {padding-top: 5rem;margin-bottom: -1.0625rem;padding-bottom: 5rem; } .cart-outer .container-inner.container-inner-products.container-inner-empty h2, .cart-outer .container-inner.container-inner-products.container-inner-empty .h2 {text-align: center; } .cart .badge {border-radius: 6.25rem;font-weight: 700;font-size: 0.75rem;padding-top: 0.25rem;padding-bottom: 0.25rem;padding-left: 0.625rem;padding-right: 0.9375rem; } .cart .badge svg {width: auto;height: 1.0625rem;margin-right: 0.3125rem; } .cart .badge.badge-success {background: rgba(40, 167, 69, 0.2);color: var(--success); } .cart .badge.badge-warning {background: rgba(255, 193, 7, 0.2);color: var(--warning); } .cart .nav.nav-pills {padding-top: 2.375rem;padding-bottom: 1.5625rem; } .cart .nav.nav-pills .nav-item {flex-shrink: 0;flex-grow: 2;position: relative;display: flex;flex-direction: column;align-items: center; } .cart .nav.nav-pills .nav-item .nav-link {display: flex;flex-direction: column;align-items: center;text-align: center;width: fit-content;padding: 0;position: relative;z-index: 2; } .cart .nav.nav-pills .nav-item .nav-link .nav-icon {width: 5rem;height: 5rem;display: flex;flex-direction: column;align-items: center;justify-content: center;background: var(--white);color: #9CA3AF;border-radius: 1.5rem;margin-bottom: 1.375rem; } .cart .nav.nav-pills .nav-item .nav-link .nav-text {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 0;white-space: nowrap; } .cart .nav.nav-pills .nav-item .nav-link .nav-text b {display: block;font-weight: 700;font-size: 0.74375rem;line-height: 1.6806722689;text-transform: uppercase; } .cart .nav.nav-pills .nav-item .nav-link .nav-text span {font-weight: 700;font-size: 1.0625rem;text-align: center; } .cart .nav.nav-pills .nav-item .nav-line {position: absolute;width: 100%;height: 0.5rem;top: 2.25rem;background: var(--white);z-index: 1; } .cart .nav.nav-pills .nav-item .nav-line .nav-line-left, .cart .nav.nav-pills .nav-item .nav-line .nav-line-right {position: absolute;width: 50%;height: 100%;top: 0;background: transparent;border-radius: 62.5rem; } .cart .nav.nav-pills .nav-item .nav-line .nav-line-left {left: 0; } .cart .nav.nav-pills .nav-item .nav-line .nav-line-right {right: 0; } .cart .nav.nav-pills .nav-item.nav-item-first {flex-grow: 1;align-items: flex-start; } .cart .nav.nav-pills .nav-item.nav-item-first .nav-line .nav-line-left {display: none; } .cart .nav.nav-pills .nav-item.nav-item-first .nav-line .nav-line-right {width: 100%; } .cart .nav.nav-pills .nav-item.nav-item-last {flex-grow: 1;align-items: flex-end; } .cart .nav.nav-pills .nav-item.nav-item-last .nav-line .nav-line-left {width: 100%; } .cart .nav.nav-pills .nav-item.nav-item-last .nav-line .nav-line-right {display: none; } .cart .nav.nav-pills .nav-item.complete .nav-link, .cart .nav.nav-pills .nav-item.active .nav-link {color: var(--body-color);background: transparent; } .cart .nav.nav-pills .nav-item.complete .nav-link .nav-icon, .cart .nav.nav-pills .nav-item.active .nav-link .nav-icon {background: var(--color1);color: var(--white); } .cart .nav.nav-pills .nav-item.complete .nav-line .nav-line-left, .cart .nav.nav-pills .nav-item.active .nav-line .nav-line-left {background: var(--color1); } .cart .nav.nav-pills .nav-item.complete .nav-line .nav-line-right, .cart .nav.nav-pills .nav-item.active .nav-line .nav-line-right {background: var(--color1); } .cart .nav.nav-pills .nav-item.complete .nav-line .nav-line-left {border-radius: 0; } .cart .nav.nav-pills .nav-item.complete .nav-line .nav-line-right {border-radius: 0; } .cart .nav.nav-pills .nav-item.active b {color: var(--color1); } .cart .nav.nav-pills .nav-item.active .nav-line .nav-line-left {border-radius: 0; } .cart .nav.nav-pills .nav-item:not(.active) {display: none; } @media (min-width: 576px) {.cart .nav.nav-pills .nav-item:not(.active) {display: flex;} } .cart .card-products {margin-left: -1.0625rem;margin-right: -1.0625rem;border: solid 1px #F3F4F6;border-radius: 1.5rem; } .cart .card-products.card-products-sm {margin-left: 0;margin-right: 0;margin-bottom: 2.125rem; } .cart .card-products .card-title {font-weight: 700;font-size: 1.5rem;margin-bottom: 1.5625rem; } .cart .card-products .table {margin-bottom: 0; } .cart .card-products .table tr td {border-top: 0;border-bottom: 1px solid var(--table-border-color); } .cart .card-products .table td {vertical-align: middle; } .cart .card-products .table td:first-child {padding-left: 0; } .cart .card-products .table .img-fluid {aspect-ratio: 1/1;object-fit: cover;border-radius: 1.0625rem;margin-top: 0.8125rem;margin-bottom: 0.75rem;width: 6rem;height: 6rem;max-width: none; } .cart .card-products .table .product {color: var(--body-color); } .cart .card-products .table p {margin-bottom: 0; } .cart .card-products .table .price {white-space: nowrap; } .cart .card-products .table .price span {color: #9CA3AF; } .cart .card-products .table .price.total {color: var(--color1);font-weight: 500;font-size: 1.25rem; } .cart .card-products .table .btn-delete {color: #9CA3AF;margin: 0;cursor: pointer; } .cart .card-products .table .pieces {font-weight: 500;font-size: 1.25rem;color: #9CA3AF; } .cart .row-discount {padding-top: 3.5625rem; } .cart .card-discount, .cart .card-total {background: #F9FAFB;border-color: #F3F4F6;border-radius: 1.5rem;padding-top: 3.25rem; } .cart .card-discount label, .cart .card-discount h3, .cart .card-discount .h3, .cart .card-total label, .cart .card-total h3, .cart .card-total .h3 {font-weight: 700;font-size: 1rem;width: 100%;margin-bottom: 1.8125rem; } .cart .card-discount label, .cart .card-total label {text-align: center; } .cart .card-discount h3, .cart .card-discount .h3, .cart .card-total h3, .cart .card-total .h3 {margin-bottom: 2.875rem; } .cart .card-discount .form-group, .cart .card-total .form-group {max-width: 31.875rem;margin-left: auto;margin-right: auto;margin-bottom: 0; } .cart .card-discount .form-control, .cart .card-total .form-control {padding: 1.9375rem;text-transform: uppercase;border-radius: 1rem 0 0 1rem; } .cart .card-discount .btn, .cart .card-total .btn {font-weight: 400;font-size: 1rem;border-radius: 0 1rem 1rem 0;padding-left: 1.875rem;padding-right: 1.875rem; } .cart .card-discount .total-price p, .cart .card-total .total-price p {display: flex;justify-content: space-between;align-items: center;font-weight: 700;font-size: 1rem; } .cart .card-discount .total-price p span, .cart .card-total .total-price p span {font-weight: 500;font-size: 1.9125rem;color: var(--color1); } .cart .card-discount {padding-bottom: 4.5625rem; } .cart .row-buttons {align-items: center;justify-content: center;margin-top: 1.125rem; } .cart .row-buttons .btn:not(.btn-theme) {font-weight: 400;font-size: 1rem;padding-top: 1.25rem;padding-bottom: 1.25rem;margin-top: 0.9375rem; } .cart .card-total-price {height: auto;background: var(--color1);color: var(--white);border: 0;border-radius: 1.5rem;font-weight: 700;font-size: 1rem;margin-bottom: 2.125rem;padding-top: 2.6875rem;padding-bottom: 2.6875rem; } .cart .card-total-price p {margin-bottom: 0;display: flex;justify-content: space-between;align-items: center; } .cart .card-total-price p span {font-weight: 500;font-size: 1.9125rem; } .cart .card-transport, .cart .card-paymenttype {height: auto;margin-bottom: 2.125rem;border: 0;border-radius: 1.5rem;padding-bottom: 0.8125rem; } .cart .card-transport .form-group > label, .cart .card-paymenttype .form-group > label {font-weight: 700;font-size: 1.75rem;width: 100%;margin-bottom: 0.9375rem;line-height: 1.2; } .cart .card-transport h3, .cart .card-transport .h3, .cart .card-paymenttype h3, .cart .card-paymenttype .h3 {font-weight: 700;font-size: 0.95625rem;margin-bottom: 0.3125rem; } .cart .card-transport .table, .cart .card-paymenttype .table {border-collapse: separate;border-spacing: 0 0.9375rem;margin-bottom: 0; } .cart .card-transport .table tr, .cart .card-paymenttype .table tr {height: 1px; } .cart .card-transport .table td, .cart .card-paymenttype .table td {border-bottom: 1px solid var(--table-border-color);padding: 0;height: inherit; } .cart .card-transport .table td:first-child, .cart .card-paymenttype .table td:first-child {border-left: 1px solid var(--table-border-color);border-radius: 1rem 0 0 1rem;width: 3.125rem;position: relative; } .cart .card-transport .table td:htn-child(2), .cart .card-paymenttype .table td:htn-child(2) {padding-left: 0; } .cart .card-transport .table td:last-child, .cart .card-paymenttype .table td:last-child {border-right: 1px solid var(--table-border-color);border-radius: 0 1rem 1rem 0;width: 9.375rem;white-space: nowrap; } .cart .card-transport .table td label, .cart .card-paymenttype .table td label {margin-bottom: 0;font-weight: 500;font-size: 1.0625rem;width: 100%;padding-top: 2.25rem;padding-bottom: 2.25rem;display: flex;flex-direction: row;align-items: center;height: 100%; } .cart .card-transport .table td .custom-control, .cart .card-paymenttype .table td .custom-control {inset: 0;position: absolute; } .cart .card-transport .table td .custom-control-label, .cart .card-paymenttype .table td .custom-control-label {height: 100%;position: absolute;inset: 0; } .cart .card-transport .table td .custom-control-label::before, .cart .card-transport .table td .custom-control-label::after, .cart .card-paymenttype .table td .custom-control-label::before, .cart .card-paymenttype .table td .custom-control-label::after {top: 50%;left: 50%;transform: translate(-50%, -50%); } .cart .card-transport .table td .price, .cart .card-paymenttype .table td .price {text-align: center;font-weight: 500;font-size: 1.25rem;line-height: 2rem;color: var(--color1); } .cart .card-transport .form-group, .cart .card-paymenttype .form-group {margin-bottom: 0; } .cart .card-contact {padding-left: 2.6875rem;padding-right: 2.6875rem;border: 0;border-radius: 1.5rem;margin-bottom: 2.125rem;height: auto; } .cart .card-contact h2, .cart .card-contact .h2 {font-weight: 700;font-size: 1.0625rem;margin-bottom: 1.625rem; } .cart .card-contact h3, .cart .card-contact .h3 {margin-bottom: 1.1875rem; } .cart .card-contact h3 svg, .cart .card-contact .h3 svg {color: var(--color1);width: 2.5rem;height: auto;position: relative;top: -0.1875rem; } .cart .card-contact .login {background: #F9FAFB;padding: 1.375rem;border-radius: 1rem; } .cart .card-contact .login .btn {font-size: inherit;padding: 0px 0.3125rem;display: inline-block;font-weight: inherit;color: var(--color1); } .cart .card-contact .login svg {color: var(--color1);margin-right: 0.625rem; } .cart .card-contact .form-group {margin-bottom: 1.375rem; } .cart .card-contact .form-group.custom-checkbox {margin-bottom: 0; } .cart .card-contact .form-group label {margin-bottom: 0.1875rem; } .cart .card-contact .form-group .form-control {border-radius: 1rem;padding-top: 1.9375rem;padding-bottom: 1.9375rem; } .cart .card-contact hr {margin-top: 1.125rem;margin-bottom: 1.125rem; } .cart .card-contact .collapsible {margin-top: 1.375rem; } .cart .card-contact .collapsible:not(.show) {display: none; } .cart .btn-white {background: var(--white) !important;box-shadow: none !important;border: 0 !important; } .cart .btn-order-submit svg {position: relative;left: -1.875rem; } .cart .card-summary {height: auto;margin-bottom: 2.125rem;border: 0;border-radius: 1.5rem;padding-bottom: 2.0625rem; } .cart .card-summary h2, .cart .card-summary .h2 {margin-bottom: 0.625rem; } .cart .card-summary p {margin-bottom: 0.75rem; }