/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.cart-container {
width: 100%;
min-height: inherit;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: rgba(46,46,46,1.00);
display: flex;
flex-direction: column;
}
.cart-container .cart {
flex-grow: 1;
padding: 16px 130px;
}
.cart-container .cart.thank-you-content {
padding: 64px 130px;
}
.cart-container .cart__empty {
width: fit-content;
margin: 64px auto 32px;
display: flex;
flex-direction: column;
align-items: center;
}
.cart-container .cart__empty-wrapper {
display: flex;
align-items: center;
}
.cart-container .cart__empty-icon {
width: 52px;
height: 52px;
margin-right: 24px;
}
.cart-container .cart__empty-text {
font-size: 24px;
font-weight: 500;
line-height: 32px;
}
.cart-container .cart__empty-btn {
width: fit-content;
margin-top: 24px;
display: flex;
align-items: center;
}
.cart-container .cart__empty-btn svg {
width: 24px;
height: 24px;
margin-left: 8px;
fill: #FFF;
}
.cart-container .cart__empty-btn:hover svg {
fill: rgba(255,255,255,1.00);
}
.cart-container .cart__info-bar {
width: 100%;
padding: 8px 32px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 8px;
margin-bottom: 16px;
}
.cart-container .cart__info-bar svg {
width: 24px;
height: 24px;
margin-right: 8px;
}
.cart-container .cart__info-bar.warning-bar {
background-color: #FFF2DA;
}
.cart-container .cart__info-bar.warning-bar svg {
fill: #F5A623;
}
.cart-container .cart__info-bar.success-bar {
background-color: #E5FFED;
}
.cart-container .cart__info-bar.success-bar svg {
fill: #008945;
}
.cart-container .cart__action-btn {
width: fit-content;
display: flex;
align-items: center;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 20px;
color: rgba(33,90,60,1.00);
background: transparent;
border: none;
padding: 0;
cursor: pointer;
}
.cart-container .cart__action-btn svg {
fill: rgba(33,90,60,1.00);
width: 24px;
height: 24px;
margin-right: 4px;
}
.cart-container .cart__action-btn:hover {
color: rgba(33,90,60,1.00);
}
.cart-container .cart__action-btn:hover svg {
fill: rgba(33,90,60,1.00);
}
.cart-container .cart__action-btn:disabled {
color: #D5D5D5;
cursor: default;
}
.cart-container .cart__action-btn:disabled svg {
fill: #D5D5D5;
}
.cart-container .cart__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 32px;
}
.cart-container .cart__header-wrapper {
display: flex;
align-items: center;
}
.cart-container .cart__header-buttons .cart__action-btn {
margin-right: 24px;
}
.cart-container .cart__header-buttons .cart__action-btn:last-child {
margin-right: 0;
}
.cart-container .cart__header-title {
font-size: 24px;
font-weight: 500;
line-height: 32px;
}
.cart-container .cart__products-footer .pagination {
justify-content: center;
margin: 16px 0 0;
}
.cart-container .cart__products-expanded {
border-bottom: 1px solid rgba(115,204,157,1.00);
}
.cart-container .cart__options {
display: grid;
justify-content: space-between;
margin: 32px 0;
}
.cart-container .cart__options.first-step {
grid-template-columns: 40% 40%;
grid-template-rows: repeat(2, auto);
}
.cart-container .cart__options.third-step {
grid-template-columns: 55% 40%;
}
.cart-container .cart__options.inquiry-step {
grid-template-columns: 100%;
justify-content: center;
}
.cart-container .cart__summary {
grid-column: 2;
grid-row: 1;
}
.cart-container .cart__summary-row {
display: flex;
justify-content: space-between;
padding-bottom: 8px;
}
.cart-container .cart__summary-row.strong {
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
.cart-container .cart__summary-row.pt {
padding-top: 8px;
}
.cart-container .cart__summary-row.pb {
padding-bottom: 8px;
}
.cart-container .cart__loyalty-summary {
display: flex;
gap: 8px;
padding-bottom: 16px;
}
.cart-container .cart__loyalty-summary svg {
width: 24px;
height: 24px;
}
.cart-container .cart__loyalty-info {
display: flex;
max-width: 450px;
padding: 20px 32px;
flex-direction: row;
align-items: flex-start;
gap: 16px;
align-self: stretch;
border-radius: 12px;
background: rgba(248,249,250,1.00);
height: fit-content;
}
.cart-container .cart__loyalty-info svg {
width: 48px;
height: 48px;
fill: rgba(46,46,46,1.00);
flex-shrink: 0;
}
.cart-container .cart__loyalty-info span {
display: flex;
gap: 4px;
align-self: stretch;
justify-content: flex-start;
flex-direction: column;
align-items: flex-start;
}
.cart-container .cart__loyalty-info span:has(> p:only-child) {
justify-content: center;
}
.cart-container .cart__points {
margin-top: 8px;
}
.cart-container .cart__pay-with-points {
display: flex;
margin: 8px 0 16px 24px;
gap: 8px;
align-items: flex-start;
justify-content: space-between;
}
.cart-container .cart__pay-with-points--content {
display: flex;
flex-direction: column;
gap: 4px;
font-size: 12px;
}
.cart-container .cart__back-btn {
grid-row: 2;
grid-column: 1;
height: fit-content;
align-self: flex-end;
}
.cart-container .cart__next-btn {
grid-row: 2;
grid-column: 2;
margin: 32px auto 0;
width: 100%;
max-width: 280px;
}
.cart-container .cart__second-step {
height: fit-content;
padding-top: 16px;
display: flex;
justify-content: center;
}
.cart-container .cart__second-step .login-container {
margin: 0;
min-height: 100%;
margin-right: 64px;
border: 1px solid #D5D5D5;
box-shadow: none;
width: 444px;
}
.cart-container .cart__tooltip {
position: relative;
width: fit-content;
}
.cart-container .cart__tooltip-icon {
width: 24px;
height: 24px;
fill: rgba(33,90,60,1.00);
padding: 4px;
}
.cart-container .cart__tooltip-info {
width: 205px;
position: absolute;
top: 25px;
left: 0;
padding: 4px 8px;
background: rgba(74,74,74,1.00);
color: #FFF;
font-size: 12px;
line-height: 16px;
border-radius: 3px;
}
.cart-container .cart__redirect {
display: flex;
flex-direction: column;
align-items: center;
}
.cart-container .cart__redirect-title {
font-size: 24px;
font-weight: 500;
line-height: 32px;
margin-bottom: 32px;
}
.cart-container .cart__redirect-form {
max-width: 700px;
width: 100%;
padding: 32px;
background-color: #F8F9FA;
border-radius: 12px;
}
.cart-container .cart__redirect-wrapper {
display: flex;
align-items: center;
}
.cart-container .cart__redirect-icon {
width: 48px;
height: 48px;
fill: rgba(74,74,74,1.00);
margin-right: 16px;
}
.cart-container .cart__redirect-text {
margin-bottom: 4px;
}
.cart-container .cart__redirect-text span {
font-weight: 600;
}
.cart-container .cart__redirect-info {
margin: 16px 0;
}
.cart-container .cart__redirect-btn {
width: fit-content;
padding: 8px 20px;
margin: 0 auto;
align-self: center;
display: flex;
align-items: center;
}
.cart-container .cart__redirect-btn svg {
width: 24px;
height: 24px;
}
.cart-container .cart__redirect-btn svg.right-icon {
margin-left: 8px;
}
.cart-container .cart__redirect-btn:hover svg {
fill: rgba(255,255,255,1.00);
}
.cart-container .cart__radio {
display: none;
}
.cart-container .cart__radio:checked ~ .cart__radio-box {
border-color: rgba(33,90,60,1.00);
display: flex;
justify-content: center;
align-items: center;
}
.cart-container .cart__radio:checked ~ .cart__radio-box::after {
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: rgba(33,90,60,1.00);
}
.cart-container .cart__radio-box {
display: block;
width: 16px;
height: 16px;
border: 1px solid #767676;
border-radius: 50%;
cursor: pointer;
}
.cart-container .cart__check-label {
display: flex;
flex-wrap: wrap;
width: fit-content;
cursor: pointer;
}
.cart-container .cart__check-label input[type=checkbox] {
display: none;
}
.cart-container .cart__check-label input[type=checkbox]:checked ~ .cart__check-checkbox {
background: rgba(33,90,60,1.00);
}
.cart-container .cart__check-label input[type=checkbox]:checked ~ .cart__check-checkbox svg {
display: block;
}
.cart-container .cart__check-label input[type=checkbox].validation-error-js ~ .cart__check-checkbox {
border-color: #DA2442;
}
.cart-container .cart__check-checkbox {
display: flex;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
border-radius: 4px;
border: 1px solid #767676;
}
.cart-container .cart__check-checkbox svg {
display: none;
width: 12px;
height: 12px;
fill: #FFF;
}
.cart-container .cart__check-text {
margin-left: 8px;
}
.cart-container .cart__save-btn {
display: block;
width: 100%;
max-width: 300px;
margin: auto;
}
.cart-container .cart__order-button {
width: 100%;
}
.cart-container .cart__order-button:disabled {
background: #D5D5D5;
color: #FFF;
cursor: default;
}
.cart-container .cart__select {
position: relative;
cursor: pointer;
}
.cart-container .cart__select-value {
display: flex;
align-items: center;
justify-content: space-between;
}
.cart-container .cart__select-arrow {
width: 24px;
height: 24px;
padding: 3px;
transform: rotate(0);
transition: 0.3s all;
}
.cart-container .cart__select-arrow svg {
width: 100%;
height: 100%;
fill: rgba(46,46,46,1.00);
}
.cart-container .cart__select-arrow.rotate {
transform: rotate(180deg);
}
.cart-container .cart__select-list {
width: 100%;
position: absolute;
left: 0;
z-index: 1000;
background: rgba(255,255,255,1.00);
border-radius: 5px;
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
overflow-y: auto;
}
.cart-container .cart__select-list::-webkit-scrollbar {
width: 4px;
border-radius: 50%;
}
.cart-container .cart__select-list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px transparent;
}
.cart-container .cart__select-list::-webkit-scrollbar-thumb {
background-color: rgba(149, 149, 149, 0.5);
outline: none;
border-radius: 2px;
}
.cart-container .cart__select-list::-webkit-scrollbar-thumb:hover {
background-color: #959595;
}
.cart-container .cart__select-item {
min-height: 40px;
padding: 10px 16px;
margin: 0;
color: rgba(46,46,46,1.00);
border: none;
cursor: pointer;
transition: all ease 300ms;
}
.cart-container .cart__select-item:hover, .cart-container .cart__select-item.focused-option-js {
color: rgba(33,90,60,1.00);
background: #F1DDDE;
}
.cart-container .cart__tos-consent {
margin-bottom: 8px;
}
.cart-container .cart__tos-consent:last-of-type {
margin-bottom: 16px;
}
.cart-container .cart__tos-consent-label {
margin-left: 8px;
width: calc(100% - 24px);
cursor: pointer;
}
.cart-container .cart__tos-label {
display: flex;
flex-wrap: wrap;
}
.cart-container .cart__tos-label input[type=checkbox] {
display: none;
}
.cart-container .cart__tos-label input[type=checkbox]:checked ~ .cart__tos-checkbox {
background: rgba(33,90,60,1.00);
}
.cart-container .cart__tos-label input[type=checkbox]:checked ~ .cart__tos-checkbox svg {
display: block;
}
.cart-container .cart__tos-label input[type=checkbox].validation-error-js ~ .cart__tos-checkbox {
border-color: #DA2442;
}
.cart-container .cart__tos-checkbox {
display: flex;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
border-radius: 4px;
border: 1px solid #767676;
}
.cart-container .cart__tos-checkbox svg {
display: none;
width: 12px;
height: 12px;
fill: #FFF;
}
.cart-container .cart__tos-required {
color: #DA2442;
}
.cart-container .cart__tos-error {
width: 100%;
color: #DA2442;
margin: 4px 0;
font-size: 12px;
}
.cart-container .cart__coupon {
margin: 16px 0;
}
.cart-container .cart__coupon-wrapper {
display: flex;
}
.cart-container .cart__coupon-content {
margin-top: 16px;
}
.cart-container .cart__coupon-btn {
background: #FFF;
color: rgba(33,90,60,1.00);
border: 2px solid rgba(33,90,60,1.00);
margin-left: 16px;
}
.cart-container .cart__inquiry {
grid-row: 1;
grid-column: 1;
width: 100%;
max-width: 638px;
margin: auto;
}
.cart-container .cart__inquiry .cart-data-section {
padding-top: 16px;
border-bottom: none;
}
.cart-container .cart__inquiry .cart-data-section__content {
padding-bottom: 0;
}
.cart-container .cart__inquiry-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 16px;
}
.cart-container .cart__inquiry .cart__consents {
display: flex;
flex-direction: column;
}
.cart-container .cart__inquiry-btn {
align-self: center;
width: 100%;
max-width: 320px;
}
.cart__popup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background: rgba(46, 46, 46, 0.2);
}
.cart__popup-box {
background: rgba(255,255,255,1.00);
border-radius: 12px;
padding: 30px;
}
.cart__popup-box.recalculate {
width: 500px;
}
.cart__popup-box.cart-customer-address {
width: 100%;
max-width: 700px;
}
.cart__popup-box.maps {
width: 100%;
max-width: 870px;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.cart__popup-box.channels {
width: fit-content;
max-width: 696px;
}
.cart__popup-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.cart__popup-title, .cart__popup-title--with-button {
display: flex;
align-items: center;
font-size: 18px;
font-weight: 600;
line-height: 24px;
padding-right: 16px;
width: 100%;
}
.cart__popup-title--with-button {
justify-content: space-between;
padding: 0;
}
.cart__popup-title--with-button .close-button svg {
width: 24px;
height: 24px;
margin: 0;
padding: 0;
}
.cart__popup-title svg, .cart__popup-title--with-button svg {
width: 32px;
height: 32px;
margin-right: 16px;
}
.cart__popup-title svg.warning-icon, .cart__popup-title--with-button svg.warning-icon {
fill: rgba(245,166,35,1.00);
}
.cart__popup-closer {
fill: #959595;
width: 24px;
height: 24px;
cursor: pointer;
}
.cart__popup-content {
display: flex;
flex-direction: column;
}
.cart__popup-recalculate {
width: fit-content;
padding: 8px 20px;
margin-top: 32px;
align-self: center;
display: flex;
align-items: center;
}
.cart__popup-recalculate svg {
fill: #FFF;
width: 24px;
height: 24px;
}
.cart__popup-recalculate svg.right-icon {
margin-left: 8px;
}
.cart__popup-recalculate:hover svg {
fill: rgba(255,255,255,1.00);
}
.cart__popup-list {
list-style-type: disc;
padding: 5px 0 0 30px;
}
.cart__popup .form__invalid-input {
margin-top: 2px;
}
.cart-header {
width: 100%;
display: grid;
grid-template-columns: 15% auto 15%;
padding: 16px 130px;
border-bottom: 1px solid #E7E7E7;
}
.cart-header__logo {
grid-column: 1;
margin-right: 32px;
display: flex;
align-items: center;
}
.cart-header__logo a {
display: block;
}
.cart-header__logo img {
height: auto;
width: auto;
max-width: 130px;
max-height: 40px;
background: rgba(255,255,255,1.00);
}
.cart-header__steps {
grid-column: 2;
display: flex;
align-items: center;
justify-content: center;
}
.cart-header__steps-separator {
display: block;
width: 100%;
max-width: 124px;
height: 1px;
background: #D5D5D5;
margin: 0 16px 20px;
}
.cart-header__step {
display: flex;
flex-direction: column;
align-items: center;
background: transparent;
border: none;
cursor: pointer;
}
.cart-header__step-icon {
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
padding: 6px;
border-radius: 50%;
background: rgba(33,90,60,1.00);
color: rgba(255,255,255,1.00);
font-size: 18px;
}
.cart-header__step-icon svg {
width: 24px;
height: 24px;
fill: rgba(255,255,255,1.00);
}
.cart-header__step-icon:hover {
background: rgba(33,90,60,1.00);
}
.cart-header__step-text {
font-size: 12px;
font-weight: 500;
line-height: 16px;
margin-top: 4px;
}
.cart-header__step.disable {
cursor: default;
}
.cart-header__step.disable .cart-header__step-icon {
background: #959595;
}
.cart-header__step.disable .cart-header__step-icon:hover {
background: #959595;
}
.cart-header__step.disable .cart-header__step-text {
color: #959595;
}
.cart-footer {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 16px 130px 32px;
font-size: 10px;
line-height: 16px;
color: rgba(74,74,74,1.00);
}
.cart-footer p {
font-size: 10px;
line-height: 16px;
}
.cart-footer a {
color: rgba(74,74,74,1.00);
}
.cart-row {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 10px 16px;
border-bottom: 1px solid #E7E7E7;
}
.cart-row__number {
width: 3%;
word-break: break-word;
padding-right: 16px;
}
.cart-row__product {
width: 27%;
}
.cart-row__product-wrapper {
display: flex;
align-items: flex-start;
}
.cart-row__product-image {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-right: 16px;
}
.cart-row__product-image img {
border-radius: 2px;
max-width: 40px;
max-height: 40px;
}
.cart-row__product-name {
display: inline-block;
color: rgba(33,90,60,1.00);
margin-bottom: 4px;
}
.cart-row__product-info {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
font-size: 12px;
line-height: 16px;
}
.cart-row__product-info li {
display: flex;
flex-wrap: nowrap;
}
.cart-row__product-info li:not(:last-child)::after {
content: "";
display: block;
width: 1px;
height: 16px;
background-color: #E8E8E8;
margin: 0 8px;
}
.cart-row__product-info .loyalty-info {
display: none;
}
.cart-row__product-info.primary-color {
color: rgba(33,90,60,1.00);
font-weight: 600;
}
.cart-row:not(:has(.cart-row__price)) .cart-row__product {
width: 51%;
}
.cart-row:not(:has(.cart-row__deposit-price)) .cart-row__product {
width: 39%;
}
.cart-row__price {
width: 12%;
text-align: right;
padding-right: 24px;
}
.cart-row__price-unit {
margin-top: 2px;
font-size: 12px;
line-height: 16px;
}
.cart-row__total-price {
width: 12%;
text-align: right;
padding-right: 24px;
}
.cart-row__total-unit {
margin-top: 2px;
font-size: 12px;
line-height: 16px;
}
.cart-row__deposit-price {
width: 12%;
text-align: right;
padding-right: 24px;
}
.cart-row__deposit-price .deposit__unit {
margin-top: 2px;
font-size: 12px;
line-height: 16px;
}
.cart-row__quantity {
width: 11%;
}
.cart-row__quantity-amount {
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.cart-row__quantity-amount:has(.cart-amount-stepper-validation__error:not(.hidden-js)) .cart-amount-stepper, .cart-row__quantity-amount:has(.cart-amount-stepper-validation__error:not(.hidden-js)) .cart-amount-stepper-unit {
display: none;
}
.cart-row__quantity-amount:has(.cart-amount-stepper-validation__error:not(.hidden-js)) .cart-amount-stepper-validation {
height: 42px;
}
.cart-row__quantity-amount:has(.cart-amount-stepper-validation__error:not(.hidden-js)) .cart-amount-stepper-validation.higher {
height: 58px;
}
.cart-row__quantity-info {
font-size: 12px;
line-height: 16px;
}
.cart-row__value {
width: 12%;
text-align: right;
padding-right: 24px;
}
.cart-row__currency {
width: 4%;
}
.cart-row__options {
width: 7%;
text-align: right;
position: relative;
display: flex;
justify-content: flex-end;
}
.cart-row__options-deleter {
margin-left: auto;
}
.cart-row__options-btn {
background: transparent;
border: none;
padding: 0;
transform: rotate(0);
transition: transform 0.5s linear;
}
.cart-row__options-btn.chevron {
margin-left: 10px;
}
.cart-row__options-btn.chevron svg {
padding: 4px;
}
.cart-row__options-btn svg {
fill: rgba(33,90,60,1.00);
width: 24px;
height: 24px;
cursor: pointer;
}
.cart-row__options-btn svg:hover {
fill: rgba(33,90,60,1.00);
}
.cart-row__options-btn.expanded-js {
transform: rotate(180deg);
}
.cart-row__more-btn {
background: transparent;
border: none;
padding: 0;
width: 32px;
height: 32px;
border-radius: 50%;
margin-left: auto;
}
.cart-row__more-btn:hover {
background: rgba(147, 67, 70, 0.1);
}
.cart-row__more-btn svg {
width: 24px;
height: 24px;
fill: rgba(33,90,60,1.00);
cursor: pointer;
}
.cart-row__more-list {
position: absolute;
top: 32px;
right: 0;
z-index: 1;
width: max-content;
background-color: rgba(255,255,255,1.00);
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
border-radius: 5px;
text-align: left;
}
.cart-row__more-list li {
padding: 10px 16px;
cursor: pointer;
}
.cart-row__more-list li:hover, .cart-row__more-list li.focused-option-js {
background-color: rgba(147, 67, 70, 0.1);
color: rgba(33,90,60,1.00);
}
.cart-row.header-row {
font-weight: 500;
}
.cart-row__expandable {
width: 100%;
background: #F8F9FA;
}
.cart-row__additional-info {
padding: 8px 16px 16px 62px;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.cart-amount-stepper {
width: fit-content;
display: flex;
align-items: center;
background: rgba(255,255,255,1.00);
border: 1px solid #767676;
border-radius: 5px;
}
.cart-amount-stepper__minus, .cart-amount-stepper__plus {
background: transparent;
border: none;
padding: 6px;
cursor: pointer;
}
.cart-amount-stepper__minus svg, .cart-amount-stepper__plus svg {
width: 16px;
height: 16px;
fill: #959595;
}
.cart-amount-stepper input {
width: 42px;
border-color: transparent;
background: transparent;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: rgba(46,46,46,1.00);
}
.cart-amount-stepper-unit {
margin-left: 4px;
}
.cart-amount-stepper-validation {
width: 100%;
margin-top: 4px;
}
.cart-amount-stepper-validation div {
font-size: 12px;
line-height: 16px;
}
.cart-amount-stepper-validation__error {
color: #DA2442;
}
.cart-additional-info {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-right: 100px;
}
.cart-additional-info__title {
font-weight: 700;
margin-bottom: 2px;
}
.cart-additional-info__content {
font-size: 12px;
line-height: 16px;
}
.cart-account-box {
max-width: 444px;
border-radius: 12px;
border: 1px solid #D5D5D5;
background: rgba(255,255,255,1.00);
}
.cart-account-box__section:first-child {
padding: 32px 32px 0;
}
.cart-account-box__section:last-child {
padding: 0 32px 32px;
}
.cart-account-box__section:only-child {
padding: 32px;
}
.cart-account-box__title {
font-size: 24px;
font-weight: 500;
line-height: 32px;
}
.cart-account-box__text {
margin: 24px 0;
}
.cart-account-box__list li {
display: flex;
align-items: center;
margin: 10px 0;
}
.cart-account-box__list li svg {
width: 24px;
height: 24px;
fill: #008945;
margin-right: 8px;
}
.cart-account-box__divider {
display: block;
height: 1px;
width: calc(100% - 16px);
background: #D5D5D5;
margin: 24px auto;
}
.cart-account-box__btn {
display: block;
width: 100%;
margin-top: 24px;
}
.cart-account-box__btn.secondary-btn {
margin-top: 0;
color: rgba(33,90,60,1.00);
background-color: rgba(255,255,255,1.00);
border: 2px solid rgba(33,90,60,1.00);
}
.cart-account-box__btn.secondary-btn:hover {
color: rgba(33,90,60,1.00);
background-color: rgba(255,255,255,1.00);
border: 2px solid rgba(33,90,60,1.00);
}
.cart-data-section {
width: 100%;
padding-top: 24px;
border-bottom: 1px solid #D5D5D5;
}
.cart-data-section:first-child {
padding-top: 0;
}
.cart-data-section.last {
border-bottom: none;
}
.cart-data-section__header {
padding-bottom: 24px;
display: flex;
justify-content: space-between;
align-items: center;
}
.cart-data-section__header.hide-content {
padding-bottom: 0;
}
.cart-data-section__header-title {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
.cart-data-section__header-small {
width: 100%;
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: rgba(74,74,74,1.00);
margin-top: 8px;
}
.cart-data-section__header-icon {
margin-left: 8px;
}
.cart-data-section__header-btn {
margin-left: 8px;
}
.cart-data-section__content {
padding-bottom: 24px;
}
.cart-address-form__item {
margin-bottom: 24px;
}
.cart-address-form__item-title {
margin-bottom: 12px;
}
.cart-address-form__item-wrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.cart-address-form__item-wrapper > div, .cart-address-form__item-wrapper > label {
margin-right: 16px;
}
.cart-address-form__label {
display: flex;
align-items: center;
cursor: pointer;
}
.cart-address-form__radio {
margin-right: 8px;
}
.cart-address-form__additional-text {
margin-bottom: 12px;
}
.cart-address-form__check {
margin-bottom: 24px;
}
.cart-address-form__btn-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.cart-address-form__btn-wrapper.customer-address-form {
justify-content: flex-end;
}
.cart-address-form__btn-wrapper.customer-address-form .cart__save-btn {
width: fit-content;
max-width: none;
margin: unset;
margin-left: 24px;
}
.cart-address-presentation {
width: 100%;
font-size: 12px;
line-height: 16px;
}
.cart-address-presentation__text {
display: flex;
margin-bottom: 4px;
}
.cart-address-presentation__text:last-child {
margin-bottom: 0;
}
.cart-address-presentation__text div:last-child {
font-weight: 600;
margin-left: 4px;
}
.cart-address-presentation__text.column {
flex-direction: column;
}
.cart-address-presentation__text.column div:last-child {
margin-left: 0;
}
.cart-address-presentation__title {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 500;
line-height: 20px;
margin: 24px 0 8px;
}
.cart-address-presentation__title-icon {
width: 20px;
height: 20px;
fill: #008945;
padding: 3px;
margin-right: 8px;
}
.cart-addresses-list {
max-height: 500px;
overflow-y: auto;
margin-bottom: 5px;
}
.cart-addresses-list::-webkit-scrollbar {
width: 4px;
border-radius: 50%;
}
.cart-addresses-list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px transparent;
}
.cart-addresses-list::-webkit-scrollbar-thumb {
background-color: rgba(149, 149, 149, 0.5);
outline: none;
border-radius: 2px;
}
.cart-addresses-list::-webkit-scrollbar-thumb:hover {
background-color: #959595;
}
.cart-addresses-list__item {
background: rgba(255,255,255,1.00);
border-radius: 6px;
display: flex;
padding: 16px;
margin-bottom: 24px;
font-size: 12px;
line-height: 16px;
border: 2px solid #D5D5D5;
}
.cart-addresses-list__item:hover {
background: #F1DDDE;
border-color: #F1DDDE;
}
.cart-addresses-list__item-label {
width: 100%;
display: flex;
align-items: center;
cursor: pointer;
}
.cart-addresses-list__item:has(input[type=radio]:checked.cart__radio) {
border-color: rgba(33,90,60,1.00);
}
.cart-addresses-list__item-radio {
margin-right: 16px;
}
.cart-addresses-list__item-columns {
display: flex;
justify-content: space-between;
}
.cart-addresses-list__item-title {
font-weight: 600;
margin-bottom: 8px;
}
.cart-addresses-list__item-text {
display: flex;
flex-wrap: wrap;
margin-bottom: 4px;
}
.cart-addresses-list__item-text > div {
max-width: 152px;
width: 100vw;
}
.cart-addresses-list__item-text > div:first-child {
margin-right: 80px;
}
.cart-addresses-list__item-edit {
white-space: nowrap;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
}
.cart-addresses-list__item-default {
width: fit-content;
border-radius: 2px;
background: #41682C;
color: #FFFFFF;
font-weight: 500;
padding: 1px 8px;
}
.cart-delivery-item {
display: flex;
padding: 12px 0;
cursor: pointer;
}
.cart-delivery-item__radio {
padding: 4px;
margin-right: 8px;
}
.cart-delivery-item__wrapper {
width: 100%;
display: grid;
grid-template-columns: 70% 30%;
grid-template-rows: repeat(2, auto);
justify-content: space-between;
}
.cart-delivery-item__wrapper .cart-choosePaymentChannel {
grid-column: 1;
grid-row: 2;
}
.cart-delivery-item__name {
grid-column: 1;
grid-row: 1;
display: flex;
align-items: center;
}
.cart-delivery-item__name img {
height: auto;
width: auto;
max-height: 24px;
max-width: 60px;
margin-right: 8px;
}
.cart-delivery-item__price {
grid-column: 2;
grid-row: 1;
text-align: right;
}
.cart-delivery-item__price-free {
grid-column: 2;
text-align: right;
font-size: 14px;
color: rgba(33,90,60,1.00);
}
.cart-delivery-item__price-text {
grid-column: 2;
grid-row: 1;
display: flex;
justify-content: flex-end;
}
.cart-delivery-item__price-text .cart__tooltip-info {
text-align: left;
z-index: 2;
}
.cart-delivery-item__date {
margin-top: 18px;
margin-left: auto;
width: 270px;
grid-column: 1/3;
grid-row: 2;
}
.cart-delivery-item__date.info {
width: fit-content;
color: #767676;
font-size: 12px;
line-height: 16px;
text-align: right;
}
.cart-delivery-item__collection-points {
margin-top: 18px;
grid-column: 1;
grid-row: 2;
}
.cart-delivery-item__payment-channel {
grid-column: 1;
grid-row: 2;
}
.cart-delivery-item__payment-channel img {
margin: 12px 0;
height: auto;
width: auto;
max-height: 30px;
max-width: 66px;
}
.cart-collection-point__content {
margin-top: 8px;
}
.cart-collection-point__content-item {
margin-bottom: 4px;
display: flex;
align-items: center;
cursor: pointer;
}
.cart-collection-point__content-item:hover {
color: rgba(33,90,60,1.00);
}
.cart-collection-point__content-item::before {
content: "";
display: block;
width: 12px;
height: 12px;
background-color: #DDD;
border-radius: 50%;
margin-right: 4px;
}
.cart-collection-point__btn {
margin-top: 10px;
}
.cart-payment-channel {
padding: 10px 36px 0;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
height: 550px;
overflow: auto;
}
.cart-payment-channel__item {
display: flex;
flex-direction: column;
margin: 0 8px 16px;
cursor: pointer;
}
.cart-payment-channel__item-img {
width: 96px;
height: 54px;
padding: 8px;
margin-bottom: 8px;
display: flex;
justify-content: center;
}
.cart-payment-channel__item-img img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.cart-payment-channel__item-name {
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-align: center;
max-width: 96px;
}
.cart-payment-channel__item input {
display: none;
}
.cart-message {
position: relative;
margin-bottom: 0;
}
.cart-message__note {
width: 100%;
border-radius: 5px;
border: 1px solid rgba(74,74,74,1.00);
font-size: 14px;
padding: 8px 16px;
height: auto;
min-height: unset;
max-height: unset;
}
.cart-message__note.on-inquiry {
min-height: 112px;
}
.cart-message__note-counter {
position: absolute;
bottom: 6px;
right: 25px;
}
.cart-message .form__input-info.on-inquiry {
top: 20%;
}
.cart-message__attachements {
display: flex;
flex-wrap: wrap;
margin-top: 8px;
}
.cart-message__attachements-item {
display: flex;
align-items: center;
color: rgba(33,90,60,1.00);
font-weight: 600;
margin-right: 16px;
}
.cart-message__attachements-icon {
fill: rgba(33,90,60,1.00);
width: 24px;
height: 24px;
padding: 3px;
margin-right: 4px;
}
.cart-message__attachements-closer {
fill: #DA2442;
width: 14px;
height: 14px;
margin-left: 4px;
cursor: pointer;
}
.cart-message__add-file {
display: flex;
align-items: center;
color: rgba(33,90,60,1.00);
margin: 16px 0;
font-weight: 600;
cursor: pointer;
}
.cart-message__add-file svg {
fill: rgba(33,90,60,1.00);
width: 24px;
height: 24px;
padding: 3px;
}
.thank-you__title {
display: flex;
align-items: center;
font-size: 24px;
font-weight: 500;
line-height: 32px;
margin-bottom: 24px;
}
.thank-you__title svg {
width: 32px;
height: 32px;
fill: #DA2442;
margin-right: 16px;
}
.thank-you__text {
margin-bottom: 32px;
}
.thank-you__text span {
font-weight: 700;
}
.thank-you__box {
display: flex;
align-items: flex-start;
width: fit-content;
padding: 24px 48px;
background: #F8F9FA;
border-radius: 8px;
}
.thank-you__box-column {
width: 100%;
max-width: 370px;
}
.thank-you__box-column:first-child {
margin-right: 42px;
}
.thank-you__box-column .cart__loyalty-info {
background: none;
padding: 0;
width: max-content;
}
.thank-you__box-text {
margin-bottom: 4px;
}
.thank-you__box-text span {
font-weight: 600;
}
.thank-you__box-btn {
display: flex;
justify-content: center;
max-width: 300px;
margin-top: 16px;
}
.thank-you__box-btn svg {
width: 24px;
height: 24px;
}
.thank-you__box-btn svg.right-icon {
margin-left: 8px;
}
.thank-you__box-btn:hover svg {
fill: rgba(255,255,255,1.00);
}
.thank-you__box-btn.message {
color: rgba(33,90,60,1.00);
}
.thank-you__column-wrapper {
display: flex;
flex-wrap: wrap;
margin: 32px 0;
}
.thank-you__column {
width: 100%;
max-width: 277px;
margin-right: 24px;
}
.thank-you__column-title {
font-size: 16px;
font-weight: 600;
line-height: 20px;
margin-bottom: 16px;
}
.thank-you__column-text {
font-size: 12px;
line-height: 16px;
margin-bottom: 4px;
}
.thank-you__column-text span {
font-weight: 600;
}
.thank-you__section {
margin-bottom: 40px;
}
.thank-you__section-title {
font-size: 16px;
font-weight: 600;
line-height: 20px;
margin-bottom: 24px;
}
.thank-you__section-wrapper {
display: flex;
align-items: center;
}
.thank-you__section-text {
margin-bottom: 4px;
font-size: 12px;
line-height: 16px;
}
.thank-you__section-text.bold {
font-size: 14px;
font-weight: 500;
}
.thank-you__divider {
width: 100%;
height: 1px;
background: #E7E7E7;
}
.cart-hide-on-desktop {
display: none;
}
.cart-recommendations {
position: relative;
padding: 32px 0;
}
.cart-recommendations__title {
font-size: 24px;
font-weight: 500;
line-height: 32px;
color: rgba(46,46,46,1.00);
margin-bottom: 24px;
padding: 0 130px;
}
.cart-recommendations::after, .cart-recommendations::before {
content: "";
display: block;
width: 130px;
position: absolute;
top: 0;
bottom: 0;
z-index: 2;
}
.cart-recommendations::after {
right: 0;
background: linear-gradient(270deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
}
.cart-recommendations::before {
left: 0;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
}
.cart-recommendations .ai-generated-content {
text-align: center;
}
.cart-recommendations-item {
display: flex !important;
justify-content: center;
width: 22.2222222222%;
}
.cart-recommendations-item__wrapper {
height: 460px;
max-width: 270px;
width: 100%;
}
.cart-recommendations-item__image-wrapper {
position: relative;
max-width: 270px;
max-height: 270px;
width: 270px;
height: 270px;
display: flex;
justify-content: center;
align-items: center;
}
.cart-recommendations-item__image-wrapper img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.cart-recommendations-item__flags {
position: absolute;
top: 8px;
left: -4px;
}
.cart-recommendations-item__flag {
width: fit-content;
font-size: 10px;
font-weight: 500;
line-height: 15px;
padding: 2px 8px;
margin-bottom: 2px;
border-radius: 2px;
color: rgba(255,255,255,1.00);
}
.cart-recommendations-item__flag.quantity-flag {
background: rgba(33,90,60,1.00);
color: rgba(255,255,255,1.00);
}
.cart-recommendations-item__section {
margin: 16px 0;
}
.cart-recommendations-item__section.btn-section {
display: flex;
align-items: center;
}
.cart-recommendations-item__name {
height: 40px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: rgba(46,46,46,1.00);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.cart-recommendations-item__price-wrapper {
display: flex;
align-items: baseline;
}
.cart-recommendations-item__price {
margin-right: 8px;
}
.cart-recommendations-item__price.bold-price {
font-weight: 600;
}
.cart-recommendations-item__price.old-price {
font-size: 12px;
line-height: 18px;
text-decoration: line-through;
display: flex;
align-items: center;
}
.cart-recommendations-item__price.old-price svg {
width: 12px;
height: 12px;
text-decoration: none;
margin-left: 4px;
}
.cart-recommendations-item__omnibus {
margin-top: 8px;
font-size: 12px;
line-height: 16px;
color: #767676;
}
.cart-recommendations-item__omnibus-placeholder {
min-height: 16px;
margin-top: 8px;
}
.cart-recommendations-item__primary-btn {
display: flex;
align-items: center;
width: 100%;
}
.cart-recommendations-item__primary-btn svg {
width: 24px;
height: 24px;
}
.cart-recommendations-item__primary-btn:hover svg {
fill: rgba(255,255,255,1.00);
}
.cart-recommendations-item__slider-prev, .cart-recommendations-item__slider-next {
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
background-color: #FFFFFF;
border-radius: 4px;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
z-index: 1;
top: calc(50% - 48px);
cursor: pointer;
}
.cart-recommendations-item__slider-prev svg, .cart-recommendations-item__slider-next svg {
width: 16px;
height: 16px;
fill: rgba(33,90,60,1.00);
}
.cart-recommendations-item__slider-prev {
left: 135px;
}
.cart-recommendations-item__slider-next {
right: 135px;
}