/*GENERAL - START*/
@font-face {
    font-family: "rtm-font";
    src: url("/Themes/Emporium/Content/fonts/font-icons/rtm-font.woff") format("woff"),
        url("/Themes/Emporium/Content/fonts/font-icons/rtm-font.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

*:before,
*:after {
    font-weight: 500;
    font-family: "rtm-font" !important;
}

.master-wrapper-content {
    padding: 40px 4vw 80px;
}

.html-account-page .master-wrapper-content {
    padding: 10px 4vw 80px;
}

@media (min-width:768px) {

    .master-wrapper-content {
        padding: 70px 6vw;
    }

    .html-account-page .master-wrapper-content {
        padding: 10px 6vw 70px;
    }
}

@media (min-width:1150px) {

    .master-wrapper-content {
        padding: 70px 0;
    }

    .master-column-wrapper {
        max-width: 1100px;
        margin: 0 auto;
    }

    .html-login-page .master-column-wrapper,
    .html-registration-page .master-column-wrapper,
    .html-password-recovery-page .master-column-wrapper,
    .html-store-selection-page .master-column-wrapper {
        max-width: unset;
    }

    .html-account-page .master-wrapper-content {
        padding: 0 0 70px;
    }
}

body ul,
ol {
    margin: 0;
}

a:hover {
    color: var(--main-color);
}

/*To remove the white space after the footer - Start*/
@media(min-width:768px) and (max-width:1024px) {
    .master-wrapper-content {
        min-height: calc(100vh - 543px);
    }
}

/*To remove the white space after the footer - End*/
/*Dialog pop-up close button - Start*/
.ui-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-close:before {
    content: "\eac0";
}

/*Dialog pop-up close button - End*/
/*GENERAL - END*/

/*LOADER - START*/
body .nopAjaxCartPanelAjaxBusy:before,
body .nopAjaxCartPanelAjaxBusy:after,
body .miniProductDetailsPanelAjaxBusy:before,
body .miniProductDetailsPanelAjaxBusy:after,
body .ajax-loading-block-window:before,
body .ajax-loading-block-window:after {
    border: 0px solid var(--main-color);
}

/*LOADER - END*/

/*DOTS SLIDER - START*/
.slider-wrapper .slick-dots,
.slick-carousel .slick-dots {
    text-align: center;
    position: absolute;
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99;
    padding: 0;
    bottom: -28px !important;
}

.slider-wrapper .slick-dots li,
.slick-carousel .slick-dots li {
    margin: 0 3px !important;
    vertical-align: middle;
    font-size: 0;
}

.slider-wrapper .slick-dots li button,
.slick-carousel .slick-dots li button {
    width: 7px !important;
    height: 7px !important;
    position: relative;
    background-color: unset !important;
}

.slider-wrapper .slick-dots li button:before,
.slick-carousel .slick-dots li button:before {
    background-color: #F0F2F3;
    width: 7px;
    height: 7px;
    opacity: 1;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 6px;
    height: 6px;
    opacity: 1;
    transition: all .2s ease;
}

.slider-wrapper .slick-dots button:hover:before,
.slick-carousel .slick-dots button:hover:before {
    background-color: var(--main-color);
}

.slider-wrapper .slick-dots li.slick-active button:before,
.slick-carousel .slick-dots li.slick-active button:before {
    background-color: var(--main-color);
    width: 9px;
    height: 9px;
    box-shadow: unset;
}

/*DOTS SLIDER - END*/
/*CAROUSEL ARROWS - START*/
.slick-slider button.slick-prev,
.slick-slider button.slick-prev:hover {
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 7.47%);
    top: -57px;
    left: unset;
    right: 53px;
    z-index: 2;
    border: none;
}

.slick-slider button.slick-next,
.slick-slider button.slick-next:hover {
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 7.47%);
    top: -57px;
    right: 0;
    z-index: 2;
    border: none;
}

.slick-slider button.slick-prev:before,
.slick-slider button.slick-prev:hover:before {
    content: "\eaa9";
    font-size: 24px;
    color: var(--main-color);
}

.slick-slider button.slick-next:before,
.slick-slider button.slick-next:hover:before {
    content: "\eaaa";
    font-size: 24px;
    color: var(--main-color);
}

@media (max-width:1024px) {

    .slick-slider button.slick-prev,
    .slick-slider button.slick-prev:hover {
        width: 30px;
        height: 30px;
        right: 43px;
        top: -33px;
    }

    .slick-slider button.slick-next,
    .slick-slider button.slick-next:hover {
        width: 30px;
        height: 30px;
        top: -33px;
    }

    .slick-slider button.slick-prev:before,
    .slick-slider button.slick-next:before,
    .slick-slider button.slick-prev:hover:before,
    .slick-slider button.slick-next:hover:before {
        font-size: 20px;
        line-height: 20px;
    }

}

/*CAROUSEL ARROWS - END*/

/*PAGER - START*/
.pager ul {
    gap: 7px;
    display: flex;
    justify-content: center;
}

.pager li {
    margin: 0 !important;
}

.pager li.next-page a:hover,
.pager li.previous-page a:hover {
    font-size: 0;
    background-color: var(--main-color);
}

.pager li.next-page a:before {
    content: "\eaa1";
    font-size: 24px;
}

.pager li.previous-page a:before {
    content: "\eaa0";
    font-size: 24px;
}

.pager li.first-page,
.pager li.last-page {
    display: none;
}

.pager li a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    background-color: #fff;
    color: #9FA4A9;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: unset;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.pager li span,
.pager li a:hover {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    background-color: var(--main-color);
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: unset;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

/*PAGER - END*/

/*OVERDUE AMOUNT - START*/
.header-menu .customer-overdue-amount {
    display: none;
}

.customer-overdue-amount.desktop>div {
    background-color: #FEEFEE;
    height: 60px;
    padding: 0 23px;
    color: #E82C3E;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.customer-overdue-amount.desktop>div:before {
    content: "\eb01";
    font-size: 16px;
    margin-right: 12px;
}

@media(max-width:1024px) {
    .master-wrapper-page .customer-overdue-amount.mobile+.responsive-nav-wrapper-parent {
        top: 42px;
    }

    .master-wrapper-page .responsive-nav-wrapper-parent {
        top: 0px;
        background-color: var(--main-color);
    }

    .customer-overdue-amount.mobile>span {
        background-color: #FEEFEE;
        padding: 0 16px;
        height: 42px;
        color: #E82C3E;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        display: flex;
        flex-direction: row;
        align-items: center;
        position: fixed;
        width: 100vw;
        z-index: 1031;
    }

    .customer-overdue-amount.mobile>span:before {
        content: "\eb01";
        font-size: 16px;
        margin-right: 12px;
    }
}

/*OVERDUE AMOUNT - END*/

/* INPUTS - START*/
body,
input[type="number"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select,
button {
    font-family: "DM Sans", sans-serif !important;
}

form .form-fields .inputs input,
form .form-fields .inputs select {
    border-radius: 8px;
    border: 1px solid #d1d1d1;
    height: 60px;
    padding: 0 40px 0 20px;
}

form .form-fields .inputs select:focus,
form .form-fields .inputs input:focus {
    border: 1px solid var(--main-color);
}

form .form-fields .inputs input.input-validation-error,
form .form-fields .inputs input.input-validation-error:hover,
form .form-fields .inputs input.input-validation-error:focus {
    color: #ff4f60;
    border: 1px solid #ff4f60;
    border-bottom: 1px solid #ff4f60 !important;
}

.inputs .inputs-icons {
    right: 16px;
    position: absolute;
    bottom: 18px;
    color: #1DB885;
    top: unset;
    transform: unset;
    line-height: unset;
    font-size: 0;
    display: inline-block !important;
}


.inputs .inputs-icons.hide-icon:before {
    display: none;
}

.inputs .inputs-icons:before {
    content: "\eab4";
    font-size: 16px;
}

span.required {
    display: none;
}

/*Inputs animation - Start*/
input[type="number"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] {
    color: #374957;
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    height: 60px;
}

.register-page-two .inputs:nth-child(3) label,
#ConsentsDiv .inputs.accept-consent label,
.inputs.store-selection label,
.inputs.shipping-address label,
.inputs.store label,
.inputs.delivery-date label,
.inputs#get-existing-distributor-codes label {
    position: relative;
    top: unset;
    left: unset;
    pointer-events: auto;
    transition: none;
}

.inputs label {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #98A0A3;
    top: 20px;
    left: 15px;
    transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    background-color: #fff;
}

input[type="number"]:focus+label,
input[type="text"]:focus+label,
input[type="password"]:focus+label,
input[type="email"]:focus+label,
input[type="tel"]:focus+label,
input[type="number"].valid+label,
input[type="text"].valid+label,
input[type="password"].valid+label,
input[type="email"].valid+label,
input[type="tel"].valid+label,
.inputs select.delivery-place-business-activity.valid+label,
.inputs select.delivery-place-business-activity:focus+label,
.inputs select#Address_ExistingCustomerInfoDeliveryPlaceBusinessActivityId.valid+label,
.inputs select#Address_ExistingCustomerInfoDeliveryPlaceBusinessActivityId:focus+label,
.inputs input.input-validation-error+label,
.inputs textarea:focus+label,
.inputs textarea.valid+label,
input.newPassword:focus+div label,
input.newPassword.valid+div label,
input.newPassword.input-validation-error+div label {
    transform:
        translateY(-145%);
    padding-inline: 0.3rem;
    font-size: 12px;
}

.inputs.delivery-date:has(input:focus, input.valid) label {
    transform: unset;
}

/*Inputs animation - End*/

/*Checkboxes - Start*/
input[type="checkbox"]+label:before,
.terms-of-service input[type="checkbox"]+label:before {
    border-radius: 3px;
    width: 20px;
    height: 20px;
    margin: 0 9px 0 0;
    border: 1px solid #C9CDD2;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

input[type="checkbox"]:checked+label:before,
.terms-of-service input[type="checkbox"]:checked+label:before {
    border-radius: 3px;
    box-shadow: unset;
    background-color: var(--main-color);
    text-align: center;
    border: unset;
    content: "\eab4";
    color: #fff;
    font-size: 12px;
    width: 20px;
    height: 20px;
    margin-top: 0;
    margin-left: 0;
}

/*Checkboxes - End*/

/*Show Password - Start*/
#showPassword,
#showNewPassword,
#showConfirmNewPassword,
#showConfirmPassword {
    margin: 0;
}

#showPassword+label,
#showNewPassword+label,
#showConfirmNewPassword+label,
#showConfirmPassword+label {
    font-size: 0px;
    position: absolute;
    top: unset;
    right: 0;
    bottom: 20px;
    margin: 0;
    transform: none;
    padding-inline: unset;
    left: unset;
    pointer-events: all;
    background-color: transparent;
    transition: none;
}

#showPassword+label:before,
#showNewPassword+label:before,
#showConfirmNewPassword+label:before,
#showConfirmPassword+label:before {
    content: "\eacb";
    font-size: 16px;
    border: unset;
    box-shadow: unset;
    width: fit-content;
    display: inline-block;
    color: #C9CDD2;
}

#showPassword:checked+label:before,
#showNewPassword:checked+label:before,
#showConfirmNewPassword:checked+label:before,
#showConfirmPassword:checked+label:before {
    content: "\eacc";
    background-color: transparent;
    width: auto;
}

/*Show Password - End*/
/*Quantity input - Start*/
.add-to-cart-qty-wrapper {
    display: flex !important;
    flex-direction: row;
    align-items: center;
}

.add-to-cart-qty-wrapper input {
    order: 0;
    border: 1px solid #C9CDD2;
    width: 67px;
    height: 46px;
    border-radius: 10px;
    color: #26282B !important;
    font-size: 13px;
    margin: 0 6px;
    padding: 0;
}

.add-to-cart-qty-wrapper .plus {
    order: 1;
    height: 45px;
    width: 45px;
    position: relative;
    border: 1px solid #F0F2F3;
    border-radius: 10px;
    background-color: #fff;
    margin: 0;
    font-size: 0;
    line-height: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}

.add-to-cart-qty-wrapper .plus:before {
    content: "\eae3";
    color: #26282B;
    font-size: 16px;
    margin: 0;
    line-height: unset;
}

.add-to-cart-qty-wrapper .minus {
    order: -1;
    height: 45px;
    width: 45px;
    position: relative;
    border: 1px solid #F0F2F3;
    border-radius: 10px;
    background-color: #fff;
    margin: 0;
    font-size: 0;
    line-height: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}

.add-to-cart-qty-wrapper .minus:before {
    content: "\e9e5";
    color: #26282B;
    font-size: 16px;
    margin: 0;
}

/*Quantity input - End*/
/* INPUTS - END*/

/* BUTTONS - START */
.button-1 {
    background-color: var(--main-color);
    color: #fff;
    min-width: 125px;
    height: 45px;
    border-radius: 50px;
    text-transform: none;
    font-weight: 700;
    font-size: 13px;
    margin: 0;
    padding: 14px 13px;
    font-family: "DM Sans", sans-serif !important;
}

.button-1:hover {
    background-color: var(--main-color-dark);
}

.button-1:disabled {
    background-color: #F0F2F3;
    color: #fff;
}

.button-1:disabled:hover {
    cursor: auto;
    background-color: #F0F2F3;
    color: #fff;
}

.button-2 {
    background-color: #fff;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    min-width: 125px;
    height: 45px;
    border-radius: 50px;
    text-transform: none;
    font-weight: 700;
    font-size: 13px;
    margin: 0;
    padding: 14px 13px;
    font-family: "DM Sans", sans-serif !important;
}

.button-2:hover {
    background-color: #fff;
    color: var(--main-color-dark);
    border-color: var(--main-color-dark);
}

.button-2:disabled {
    background-color: #fff;
    color: #F0F2F3;
    border: 1px solid #F0F2F3;
}

.button-2:disabled:hover {
    cursor: auto;
    background-color: #fff;
    color: #F0F2F3;
    border: 1px solid #F0F2F3;
}

.registration-page .button-1:only-child {
    width: fit-content;
}

.registration-page .buttons,
.password-recovery-page .page-body form .buttons,
.set-password-page .page-body form .buttons {
    text-align: right;
}

/* BUTTONS - END */

/*DATE PICKER - START*/
.ui-datepicker {
    width: 362px;
    border-radius: 16px;
    border: 1px solid #E9EBF0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    margin-top: 11px;
}


.ui-datepicker-header {
    background-color: #fff !important;
    padding: 32px 0;
    height: auto;
}

.ui-datepicker-header a {
    line-height: 16px;
    height: 16px;
    top: 32px;
    width: fit-content;
}

.ui-datepicker-header a:first-of-type {
    left: 32px;
}

.ui-datepicker-header a:last-of-type {
    right: 32px;
}

.ui-datepicker-header a:before {
    color: var(--main-color);
    font-size: 20px;
}

.ui-datepicker-header a:hover {
    background-color: unset;
}

.ui-datepicker-header a.ui-datepicker-prev:before {
    content: "\eaa0";
}

.ui-datepicker-header a.ui-datepicker-next:before {
    content: "\eaa1";
}

.ui-datepicker-header .ui-datepicker-title {
    font-weight: 700;
    text-transform: none;
    color: #000;
    font-size: 16px;
    line-height: 16px;
}

.ui-datepicker-calendar {
    margin: 0 32px 27px 32px;
    max-width: 303px;
    max-height: 160px;
}

.ui-datepicker-calendar td {
    padding: 0 8px;
    background-color: #fff;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
    padding: 0 8px;
    background-color: #fff;
    height: 14px;
}

.ui-datepicker-calendar tbody tr td {
    padding-bottom: 15px;
}

.ui-datepicker-calendar td,
.ui-datepicker-calendar th span {
    background-color: #fff;
    color: #6F6D6D;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    font-style: normal;
    line-height: 14px;
    min-height: unset;
    margin-bottom: 15px;
}

.ui-datepicker-calendar td.ui-datepicker-unselectable.ui-state-free {
    background-color: #fff;
    color: #C9CDD2;
    text-decoration: line-through;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    font-style: normal;
    line-height: 14px;
    min-height: unset;
    margin-bottom: 15px;
}

.ui-datepicker-calendar td {
    background-color: #fff;
    color: #26282B;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    font-style: normal;
    line-height: 14px;
    min-height: unset;
    margin-bottom: 15px;
}

.ui-datepicker-calendar td a {
    color: #26282B;
    line-height: 14px;
    min-height: 14px;
}

.ui-datepicker-calendar td a:hover,
.ui-datepicker-calendar td a.ui-state-active {
    position: relative;
    color: #fff;
    font-weight: 700;
    z-index: 30;
    background-color: unset;
}

.ui-datepicker-calendar td a:hover:before,
.ui-datepicker-calendar td a.ui-state-active:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 26px;
    width: 26px;
    background-color: var(--main-color);
    border-radius: 50%;
}

@media (max-width:768px) {
    .ui-datepicker {
        width: 311px;
        height: 288px;
        left: 32px !important;
    }

    .ui-datepicker-header .ui-datepicker-title {
        font-size: 14px;
    }

    .ui-datepicker-calendar td,
    .ui-datepicker-calendar th span {
        font-size: 11px;
    }

    .ui-datepicker-calendar {
        margin: 0 18px 24px 18px;
        max-width: 275px;
    }
}

/*DATE PICKER - END*/

/* MESSAGES - START*/
.title+.message-error {
    margin: 0;
}

.message-error {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    background-color: #fff2f3;
    min-height: 100px;
    border: 1px solid rgba(255, 79, 96, 0.3);
    padding: 29px 50px !important;
    font-size: 24px !important;
    font-weight: 400;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    text-align: left !important;
    z-index: 1030;
}

.message-error:before {
    content: "\ead6";
    text-transform: uppercase;
    font-size: 28px;
    margin-right: 8px;
}

span.field-validation-error {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    background-color: #fff;
    min-height: auto;
    margin: 0;
    z-index: 1030;
}

span.field-validation-error:has(ul) {
    height: fit-content;
}

/*Message error on my account - Start */
span.field-validation-error:not(:has(span)) {
    background-color: #fff2f3;
    padding: 29px 50px;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    display: flex;
    flex-direction: row;
    border: 1px solid rgba(255, 79, 96, 0.3);
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    grid-area: text;
    text-transform: none;
    color: #FF4F60;
}

span.field-validation-error:not(:has(span)):before {
    content: "\ead6";
    text-transform: uppercase;
    font-size: 28px;
    margin-right: 8px;
    grid-area: icon;
}

@media(max-width:768px) {
    span.field-validation-error:not(:has(span)) {
        font-size: 12px;
        padding: 12px 21px;
        font-size: 12px;
        align-items: center;
    }

    span.field-validation-error:not(:has(span)):before {
        font-size: 16px;
        margin-right: 13px;
    }
}

/*Message error on my account - End */
span.field-validation-error span {
    background-color: #fff2f3;
    padding: 29px 50px;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    display: flex;
    flex-direction: row;
    border: 1px solid rgba(255, 79, 96, 0.3);
}

span.field-validation-error span:has(ul) {
    display: grid !important;
    grid-template-areas:
        "icon text"
        ". ul";
    grid-template-columns: 35px auto;
    align-items: center;
}

span.field-validation-error span p {
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    grid-area: text;
    text-transform: none;
    color: #FF4F60;
}

span.field-validation-error span ul {
    grid-area: ul;
    list-style: circle;
}

span.field-validation-error span ul li {
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    text-transform: none;
    color: #FF4F60;
    display: flex;
    flex-direction: row;
    align-items: center;
}

span.field-validation-error span ul li:before {
    content: "";
    height: 3px;
    width: 3px;
    display: block;
    background-color: #FF4F60;
    margin-right: 5px;
    border-radius: 100%;
}

span.field-validation-error span:before {
    content: "\ead6";
    text-transform: uppercase;
    font-size: 28px;
    margin-right: 8px;
    grid-area: icon;
}

:has(span.field-validation-error #inputConfirmPassword-error) span.field-validation-error #inputPassword-error {
    display: none !important;
}

.password-recovery-page .page-body .checkEmail .passwordResetResultMessage {
    position: fixed;
    top: 30px;
    left: 0;
    width: 100vw;
    background-color: #fff2f3;
    border: 1px solid rgba(255, 79, 96, 0.3);
    padding: 29px 50px;
    font-size: 24px;
    font-weight: 400;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    text-align: left !important;
    color: #FF4F60;
}

.password-recovery-page .page-body .checkEmail .passwordResetResultMessage:before {
    content: "\ead6";
    text-transform: uppercase;
    font-size: 28px;
    margin-right: 8px;
}

@media(max-width:1024px) {

    :has(.header .language-selector) span.field-validation-error,
    span.field-validation-error {
        top: 0;
        min-height: 50px;
        margin: 0;
    }
}

@media(max-width:768px) {
    .message-error {
        top: 0;
        min-height: 40px;
        margin: 0;
        padding: 12px 41px !important;
        font-size: 12px !important;
        align-items: flex-start;
        flex-direction: column;
        text-align: left !important;
    }

    .message-error:before {
        position: absolute;
        left: 21px;
        font-size: 16px;
        margin-right: 13px;
    }

    span.field-validation-error span:has(ul) {
        grid-template-columns: 25px auto;
    }

    span.field-validation-error span p {
        font-size: 12px;
    }

    span.field-validation-error span {
        padding: 12px 21px;
        font-size: 12px;
        align-items: center;
    }

    span.field-validation-error span:before {
        font-size: 16px;
        margin-right: 13px;
    }

    .password-recovery-page .page-body .checkEmail .passwordResetResultMessage {
        top: 0;
        margin: 0;
        padding: 12px 41px !important;
        font-size: 12px;
        align-items: flex-start;
        z-index: 1;
        flex-direction: column;
        text-align: left !important;
    }

    .password-recovery-page .page-body .checkEmail .passwordResetResultMessage:before {
        position: absolute;
        left: 21px;
        font-size: 16px;
        margin-right: 13px;
    }
}

/*Added to cart - Start*/
#bar-notification {
    position: absolute;
    top: 171px;
    bottom: unset;
    padding: 0;
    width: 100vw;
    z-index: 3;
}

@media(min-width:1024px) {
    :has(.customer-overdue-amount.desktop>div) #bar-notification {
        top: 231px;
    }

    :has(.customer-overdue-amount.desktop>div) #bar-notification.fixed,
    #bar-notification.fixed {
        position: fixed;
        top: 0;
    }
}

.bar-notification {
    position: relative;
    padding: 28px 39px;
    min-height: unset;
}

#bar-notification.fixed {
    position: fixed;
    top: 0;
}

.bar-notification p.content {
    font-size: 18px;
    padding: 0;
    line-height: 23px;
}

.bar-notification p.content:before {
    content: "\eab4";
    font-size: 22px;
    padding: 0 12px 0 0;
}

.bar-notification p.content a {
    margin-left: 5px;
}

.bar-notification.success {
    background-color: #1DB885;
}

.bar-notification.success .close {
    display: none;
}

.bar-notification.error {
    background-color: #F7898C;
}

.bar-notification .close {
    opacity: 1;
}

.bar-notification .close:before {
    content: "\eabe";
    color: #fff;
    font-size: 24px;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
}

@media(min-width:1024px) and (max-width:1154px) {
    #bar-notification {
        top: 175px;
    }

    .bar-notification {
        padding: 20px 30px;
    }

    .bar-notification p.content,
    .bar-notification p.content:before {
        font-size: 16px;
        line-height: 20px;
    }

    .bar-notification .close:before {
        font-size: 16px;
        line-height: 20px;
        height: 20px;
        width: 20px;
    }
}

@media(max-width:1024px) {
    #bar-notification {
        z-index: 1033;
    }

    #bar-notification.fixed {
        top: 0;
    }

    .customer-overdue-amount.mobile~.master-wrapper-content #bar-notification,
    #bar-notification {
        position: fixed;
        top: 0;
    }

    .bar-notification {
        padding: 22px 16px;
    }

    .bar-notification p.content,
    .bar-notification p.content:before {
        font-size: 14px;
        line-height: 18px;
    }

    .bar-notification .close:before {
        font-size: 14px;
        line-height: 18px;
        height: 18px;
        width: 18px;
    }
}

/*Added to cart - End*/
/* MESSAGES - END*/
/*COOKIES - START*/
.eu-cookie-bar-custom {
    align-items: center;
    background-color: #444;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    z-index: 10;
}

.eu-cookie-bar-custom>div {
    margin-right: 40px;
}

.eu-cookie-bar-custom .text {
    margin-bottom: 4px;
    line-height: 1.5;
    font-size: 15px;
    color: #fff;
}

.eu-cookie-bar-custom a {
    display: block;
    font-size: 13px;
    color: #8c8c8c;
    font-weight: 700;
    text-transform: uppercase;
}

@media(max-width:768px) {
    .eu-cookie-bar-custom {
        flex-direction: column;
        text-align: center;
        padding-left: 16px;
        padding-right: 16px;
    }

    .eu-cookie-bar-custom>div {
        margin-right: 0 !important;
        margin-bottom: 15px;
    }

    .eu-cookie-bar-custom>div .text {
        font-size: 0.7rem;
    }
}

/*COOKIES - END*/

/*LOGIN - START */
/*General Page Setup - Start*/
.html-login-page .default-background {
    background-image: none;
}

.html-login-page .master-wrapper-content,
.html-registration-page .master-wrapper-content,
.html-password-recovery-page .master-wrapper-content,
.html-store-selection-page .master-wrapper-content {
    padding: 0;
}

.html-login-page .login-page {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: calc(100vh - 40px);
}

.html-login-page:has(.header .language-selector) .login-page {
    height: calc(100vh - 70px);
    min-height: 750px;
}

.login-page .page-title {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('../custom-img/default-background-image.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    margin-bottom: 0;
}

.login-page .page-title .logo {
    max-width: 428px;
}

.login-page .page-body {
    width: 50%;
    height: 100%;
}

.login-page .customer-blocks {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    height: 100%;
    justify-content: center;
    position: relative;
}

.login-page .customer-blocks.has-suppliers {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    height: 100%;
    justify-content: center;
    position: relative;
    padding-bottom: 168px;
}

.login-page .customer-blocks>div {
    width: 412px !important;
    min-height: auto;
}

@media(max-width:1024px) {
    .login-page .customer-blocks>div {
        max-width: 412px;
        width: 80% !important;
        min-height: auto;
    }
}

@media(max-width:768px) {
    .html-login-page .default-background {
        align-items: flex-start;
    }

    .html-login-page:has(.header .language-selector) .login-page,
    .html-login-page .login-page {
        flex-direction: column;
        height: calc(100vh - 77px);
        min-height: 750px;
    }

    .login-page .page-title {
        display: none;
    }

    .login-page .page-body {
        width: 100%;
    }

    .login-page .customer-blocks,
    .login-page .customer-blocks.has-suppliers {
        justify-content: flex-start;
    }

    .login-page .customer-blocks>div {
        width: 100% !important;
    }
}

/*General Page Setup - End*/

/*Login Section - Start*/
/*Login Otp Buttons - Start*/
.login-page .page-body .customer-blocks .buttons-alternative-login {
    order: -1;
    margin: 0 auto 24px;
    display: flex;
    gap: 11px;
    justify-content: flex-end;
}

.login-page .page-body .customer-blocks .buttons-alternative-login .button-1 {
    background-color: #F7F8F9;
    border-radius: 12px;
    color: #1B1D1F;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    font-family: "DM Sans", sans-serif !important;
    width: 50%;
}

@media(max-width:768px) {
    .login-page .page-body .customer-blocks .buttons-alternative-login {
        padding: 0 24px;
    }
}

/*Login Otp Buttons - End*/
.login-page .page-body .customer-blocks .returning-wrapper {
    margin: 0 auto 10px;
    order: -1;
}

.login-page .page-body .returning-wrapper form {
    margin-bottom: 0 !important;
    width: 100% !important;
    box-shadow: unset;
    border: 1px solid #eee;
    border-radius: 16px;
    max-width: unset;
}

.login-page .page-body .returning-wrapper form .title {
    background-color: transparent;
    padding: 40px 13% 0;
    text-align: left;
}

.login-page .page-body .returning-wrapper form .title strong {
    color: #2d2d2d;
    font-weight: 700;
    font-size: 24px;
}

.login-page .page-body .returning-wrapper form .form-fields {
    padding: 32px 13%;
}

.login-page .page-body .returning-wrapper form .form-fields .inputs .forgot-password {
    color: var(--main-color);
    font-weight: 400 !important;
    text-decoration: underline;
    font-size: 10px !important;
}

.login-page .page-body .returning-wrapper form .form-fields .inputs .forgot-password:has(a:hover) {
    text-decoration: unset;
}

.login-page .inputs.reversed a:hover {
    color: var(--main-color);
}

.login-page .page-body .returning-wrapper form .form-fields .inputs:nth-child(3) {
    margin-top: 8px;
}

.login-page .page-body .returning-wrapper form .form-fields .inputs:nth-child(3) label {
    display: none;
}

.login-page .page-body .returning-wrapper form .buttons {
    text-align: right;
    padding-bottom: 40px;
    padding-top: 0;
}

@media(max-width:1024px) {
    .login-page .page-body .returning-wrapper form .buttons {
        padding: 10px 13% 40px;
    }

    .returning-wrapper .form-fields,
    .login-page .text,
    .registration-page .form-fields {
        padding: 45px 13% 20px;
    }
}

@media (min-width: 1024px) {
    .returning-wrapper form {
        min-height: 100% !important;
    }
}

@media(max-width:768px) {
    .login-page .page-body .returning-wrapper {
        margin-bottom: 0;
        max-width: unset;
    }

    .login-page .page-body .returning-wrapper form {
        border: unset;
    }

    .login-page .page-body .returning-wrapper form .title {
        padding: 24px;
        background-color: var(--main-color);
        width: 100vw;
        border-radius: unset;
    }

    .login-page .page-body .returning-wrapper form .title strong {
        color: #fff;
    }

    .login-page .page-body .returning-wrapper form .form-fields {
        padding: 24px;
        margin: 0 auto;
    }

    .login-page .page-body .customer-blocks .returning-wrapper {
        margin-bottom: 0;
    }

    .login-page .page-body .returning-wrapper form .buttons {
        padding: 10px 24px 24px;
        text-align: center;
        margin: 0 auto;
    }

    .login-page .page-body .returning-wrapper form .buttons .login-button {
        width: -webkit-fill-available;
    }
}

@media(max-width:768px) and (min-width:500px) {

    .login-page .page-body .returning-wrapper form .form-fields,
    .login-page .page-body .returning-wrapper form .buttons {
        width: 80%;
        margin: 0 auto;
    }
}

/*Login Section - End*/

/*Register Section - Start*/
.login-page .page-body .new-wrapper.register-block {
    box-shadow: unset;
    background-color: #fcfbfb;
    border-radius: 16px;
    padding: 20px 14px;
    border: none;
}

.login-page .page-body .new-wrapper.register-block .title,
.login-page .page-body .new-wrapper.register-block .text:before {
    display: none;
}

.login-page .page-body .new-wrapper.register-block .text {
    min-height: unset;
    font-size: 14px;
    padding: 0;
    line-height: 16px;
}

.login-page .page-body .new-wrapper.register-block .buttons {
    padding: 0;
}

/*IT Buttons - Start*/
.login-page .page-body .new-wrapper.register-block .text .buttons {
    padding-top: 22px;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.login-page .page-body .new-wrapper.register-block .text .buttons>a {
    min-width: 160px;
}

/*IT Buttons - End*/
.login-page .page-body .new-wrapper.register-block .buttons input:nth-child(1) {
    width: 150px;
    height: 40px;
    border-radius: 50px;
    margin-right: 10px;
    text-transform: none;
}

.login-page .page-body .new-wrapper.register-block .buttons input:nth-child(2) {
    width: 150px;
    height: 40px;
    border-radius: 50px;
    border: 1px solid var(--main-color);
    background-color: #fff;
    color: var(--main-color);
    text-transform: none;
}

.register-link {
    color: var(--main-color);
    font-weight: bold;
    text-decoration: underline;
}

.login-page .page-body .new-wrapper.register-block .buttons input:nth-child(2):hover {
    border: 1px solid var(--main-color);
    color: var(--main-color);
}

@media(max-width:1024px) {
    .login-page .page-body .new-wrapper.register-block .buttons {
        padding: 0;
    }
}

@media(max-width:853px) and (min-width:768px) {
    .login-page .page-body .new-wrapper.register-block .buttons input:nth-child(1) {
        margin-right: 0px;
    }

    .login-page .page-body .new-wrapper.register-block .buttons input:nth-child(2) {
        margin-top: 10px;
    }
}

@media(max-width:768px) {
    .login-page .page-body .new-wrapper.register-block .buttons input:nth-child(1) {
        width: 150px;
        height: 40px;
    }

    .login-page .page-body .new-wrapper.register-block .buttons input:nth-child(2) {
        width: 150px;
        height: 40px;
    }
}

/*Register Section - End*/
/*Language Selector - Start*/
.html-login-page .language-selector button.language-dropdown-toggle,
.html-registration-page .language-selector button.language-dropdown-toggle,
.html-password-recovery-page .language-selector button.language-dropdown-toggle,
.html-store-selection-page .language-selector button.language-dropdown-toggle,
.html-registration-result-page .language-selector button.language-dropdown-toggle,
.html-contact-page .language-selector button.language-dropdown-toggle {
    font-size: 14px;
    padding: 6px 0px;
    background-color: transparent;
    color: #fff;
    border: unset;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.html-login-page .language-selector button.language-dropdown-toggle:after,
.html-registration-page .language-selector button.language-dropdown-toggle:after,
.html-password-recovery-page .language-selector button.language-dropdown-toggle:after,
.html-store-selection-page .language-selector button.language-dropdown-toggle:after,
.html-registration-result-page .language-selector button.language-dropdown-toggle:after,
.html-contact-page .language-selector button.language-dropdown-toggle:after {
    content: "\ea9f";
    margin-left: 5px;
}

.html-login-page .language-selector .language-dropdown,
.html-registration-page .language-selector .language-dropdown,
.html-password-recovery-page .language-selector .language-dropdown,
.html-store-selection-page .language-selector .language-dropdown,
.html-registration-result-page .language-selector .language-dropdown,
.html-contact-page .language-selector .language-dropdown {
    position: relative;
    top: 0;
    left: 50%;
}

.html-login-page .language-selector .language-dropdown.open .language-dropdown-menu,
.html-registration-page .language-selector .language-dropdown.open .language-dropdown-menu,
.html-password-recovery-page .language-selector .language-dropdown.open .language-dropdown-menu,
.html-store-selection-page .language-selector .language-dropdown.open .language-dropdown-menu,
.html-registration-result-page .language-selector .language-dropdown.open .language-dropdown-menu,
.html-contact-page .language-selector .language-dropdown.open .language-dropdown-menu {
    background-color: #fff;
    border-radius: 8px;
    width: calc(100% + 10px);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .16);
    z-index: 1020;
    transition: top .2s ease-in;
}

.html-login-page .language-selector .language-dropdown.open .language-dropdown-menu li,
.html-registration-page .language-selector .language-dropdown.open .language-dropdown-menu li,
.html-password-recovery-page .language-selector .language-dropdown.open .language-dropdown-menu li,
.html-store-selection-page .language-selector .language-dropdown.open .language-dropdown-menu li,
.html-registration-result-page .language-selector .language-dropdown.open .language-dropdown-menu li,
.html-contact-page .language-selector .language-dropdown.open .language-dropdown-menu li {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-align: left;
    padding: 5px 10px;
    cursor: pointer;
}

.html-login-page .language-selector .language-dropdown.open .language-dropdown-menu li:hover,
.html-registration-page .language-selector .language-dropdown.open .language-dropdown-menu li:hover,
.html-password-recovery-page .language-selector .language-dropdown.open .language-dropdown-menu li:hover,
.html-store-selection-page .language-selector .language-dropdown.open .language-dropdown-menu li:hover,
.html-registration-result-page .language-selector .language-dropdown.open .language-dropdown-menu li:hover,
.html-contact-page .language-selector .language-dropdown.open .language-dropdown-menu li:hover {
    font-weight: 600;
}

/*Language Selector - Start*/
/*LOGIN - END */

/*LOGIN CZ - START */
.login-page .page-body .new-wrapper.register-block.suppliers-block {
    height: 168px;
    background-color: #f9f9f9;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    border-radius: unset;
    border: none;
    width: 100% !important;
    position: absolute;
    bottom: 0;
}

.login-page .page-body .new-wrapper.register-block.suppliers-block .text {
    padding: 0 0 20px 0;
}

.login-page .page-body .new-wrapper.register-block.suppliers-block .titleSupplier {
    margin-bottom: 20px;
}

.login-page .page-body .new-wrapper.register-block.suppliers-block .supplierTitle {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #2d2d2d;
}

.login-page .page-body .new-wrapper.register-block.suppliers-block .imagesSupplier {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.login-page .page-body .new-wrapper.register-block.suppliers-block .imagesSupplier a:nth-child(1) {
    width: 124px;
    height: 70px;
    border-radius: 16px;
    border: 1px solid #ded7d7;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
}

.login-page .page-body .new-wrapper.register-block.suppliers-block .imagesSupplier a:nth-child(2) {
    width: 124px;
    height: 70px;
    border-radius: 16px;
    border: 1px solid #ded7d7;
    background-color: #F6F8F9;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(max-width:1024px) {
    .login-page .customer-blocks>div.suppliers-block {
        max-width: unset;
    }

    .login-page .page-body .customer-blocks .new-wrapper.register-block.suppliers-block {
        min-height: 150px;
        max-height: 244px;
        height: auto;
    }
}

@media(max-width:853px) {
    .login-page .page-body .new-wrapper.register-block.suppliers-block .imagesSupplier a:nth-child(1) {
        margin-right: 13px;
    }
}

@media(max-width:768px) {
    .login-page .page-body .new-wrapper.register-block.suppliers-block {
        max-width: unset;
    }
}

/*LOGIN CZ - END */

/*LOGIN OTP - START*/
.login-page.login-otp .returning-wrapper .text {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    color: #9FA4A9;
    padding: 16px 13%;
}

.login-page.login-otp .returning-wrapper .form-fields label {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #98A0A3;
    top: 52px;
    left: 70px;
    transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    background-color: #fff;
    z-index: 1;
}

.login-page.login-otp .returning-wrapper .form-fields input {
    width: 100%;
    border: 1px solid #C9CDD2;
    color: #1B1D1F;
    border-radius: 8px;
    transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    height: 60px;
}

.login-page.login-otp .returning-wrapper .form-fields input:focus,
.login-page.login-otp .returning-wrapper .form-fields input.valid {
    border: 1px solid var(--main-color);
}

.login-page.login-otp .returning-wrapper .form-fields:has(input:focus) label,
.login-page.login-otp .returning-wrapper .form-fields:has(input.valid) label {
    transform:
        translateY(-145%);
    padding-inline: 0.3rem;
    font-size: 12px;
    left: 72px;
}

.login-page.login-otp .returning-wrapper .form-fields .iti--allow-dropdown input {
    width: 100%;
    border: 1px solid #C9CDD2;
    color: #1B1D1F;
    border-radius: 8px;
    transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    height: 60px;
}

.login-page.login-otp .returning-wrapper .form-fields:has(.iti--allow-dropdown) label {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #98A0A3;
    top: 52px;
    left: 110px;
    transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    background-color: #fff;
    z-index: 1;
}

.login-page.login-otp .returning-wrapper .form-fields:has(.iti--allow-dropdown input:focus) label,
.login-page.login-otp .returning-wrapper .form-fields:has(.iti--allow-dropdown input.valid) label {
    transform:
        translateY(-145%);
    padding-inline: 0.3rem;
    font-size: 12px;
    left: 72px;
}

.login-page.login-otp .returning-wrapper .form-fields .iti--allow-dropdown {
    width: 100%;
}

.login-page.login-otp .returning-wrapper .form-fields .iti--allow-dropdown input:focus {
    border: 1px solid var(--main-color);
}

.login-page.login-otp .returning-wrapper .form-fields .iti--allow-dropdown .iti__flag-container .iti__selected-flag {
    background-color: transparent;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    color: #73787E;
}

.login-page.login-otp .returning-wrapper .buttons {
    margin: 79px 0 38px;
}

.login-page.login-otp .new-wrapper .text span {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 16px;
    text-align: center;
    color: #1B1D1F;
}

.login-page.login-otp .new-wrapper .text span a {
    text-decoration: underline;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    color: var(--main-color);
}

.login-page.login-otp .return-button,
.login-page.login-otp .redirect-login {
    display: none;
}

@media(max-width:768px) {
    .login-page.login-otp .page-body .returning-wrapper form .title {
        padding: 24px 16px 10px;
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative;
    }

    .login-page.login-otp .returning-wrapper .text {
        background-color: var(--main-color);
        padding: 0 48px 15px !important;
        color: #fff;
    }

    .login-page.login-otp .returning-wrapper .form-fields:has(.iti--allow-dropdown) label {
        top: 44px;
        left: 81px;
    }

    .login-page.login-otp .returning-wrapper .form-fields:has(.iti--allow-dropdown input:focus) label {
        left: 40px;
    }

    .login-page.login-otp .returning-wrapper .form-fields label {
        top: 44px;
        left: 40px;
    }

    .login-page.login-otp .returning-wrapper .form-fields:has(input:focus) label {
        left: 40px;
    }

    .login-page.login-otp .page-body .new-wrapper.register-block {
        margin-top: 83px;
    }

    .login-page.login-otp .return-button {
        display: block;
        background-color: transparent;
        border: unset;
    }

    .login-page.login-otp .return-button .return-arrow:before {
        content: "\eaa9";
        color: #fff;
        font-size: 24px;
        margin-right: 8px;
        height: 24px;
        width: 24px;
        display: flex;
        align-items: center;
    }

    .login-page.login-otp .redirect-login {
        display: block;
        background-color: transparent;
        border: unset;
        position: absolute;
        right: 16px;
    }

    .login-page.login-otp .redirect-login .redirect-login-cross:before {
        content: "\eac0";
        color: #fff;
        font-size: 24px;
        height: 24px;
        width: 24px;
        display: flex;
        align-items: center;
    }
}

@media(min-width:768px) and (max-width:950px) {
    .login-page.login-otp .returning-wrapper .form-fields:has(.iti--allow-dropdown) label {
        left: 100px;
    }
}

/*Access Code - Start*/
.login-page.login-otp-confirm .returning-wrapper {
    display: flex;
    flex-direction: column;
}

.login-page.login-otp-confirm .text {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    color: #9FA4A9;
    padding: 16px 13% 0;
}

.login-page.login-otp-confirm .form-fields {
    padding-top: 88px !important;
}

.login-page.login-otp-confirm .form-fields>div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 0 30px;
}

.login-page.login-otp-confirm .form-fields input {
    height: 39px;
    width: 16px;
    border: unset;
    border-radius: unset;
    border-bottom: 2px solid #98A0A3;
    margin: 0;
}

.login-page.login-otp-confirm .return-button,
.login-page.login-otp-confirm .redirect-login {
    display: none;
}

.login-page.login-otp-confirm .resend-otp-code {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
}

.login-page.login-otp-confirm .resend-otp-code a {
    color: #9FA4A9;
    font-weight: 400 !important;
    text-decoration: underline;
}

.login-page.login-otp-confirm .try-another-method {
    background-color: #fcfbfb;
    border-radius: 16px;
    padding: 20px 14px !important;
    border: none;
    margin-top: 10px;
}

.login-page.login-otp-confirm .try-another-method span {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    color: #1B1D1F;
}

.login-page.login-otp-confirm .try-another-method span>a {
    font-weight: 700;
    color: var(--main-color);
}

@media(min-width:768px) {
    .login-page.login-otp-confirm .returning-wrapper form {
        min-height: 100%;
    }
}

@media(max-width:768px) {
    .login-page.login-otp-confirm .title {
        padding: 24px 16px 10px;
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative;
    }

    .login-page.login-otp-confirm .text {
        background-color: var(--main-color);
        color: #fff;
        padding: 0 48px 30px !important;
    }

    .login-page.login-otp-confirm .return-button {
        display: block;
        background-color: transparent;
        border: unset;
    }

    .login-page.login-otp-confirm .return-button .return-arrow:before {
        content: "\eaa9";
        color: #fff;
        font-size: 24px;
        margin-right: 8px;
        height: 24px;
        width: 24px;
        display: flex;
        align-items: center;
    }

    .login-page.login-otp-confirm .redirect-login {
        display: block;
        background-color: transparent;
        border: unset;
        position: absolute;
        right: 16px;
    }

    .login-page.login-otp-confirm .redirect-login .redirect-login-cross:before {
        content: "\eac0";
        color: #fff;
        font-size: 24px;
        height: 24px;
        width: 24px;
        display: flex;
        align-items: center;
    }

    .login-page.login-otp-confirm .try-another-method {
        margin-top: 79px;
    }

    .login-page.login-otp-confirm .try-another-method span {
        font-size: 12px;
    }
}

/*Access Code - End*/
/*LOGIN OTP - END*/
/*LOGIN OTP PHONE OR EMAIL - START*/
.login-page.login-otp-recovery .page-body .returning-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
}

.login-page.login-otp-recovery .page-body .returning-wrapper form .form-fields {
    padding-top: 0;
    position: relative;
}

.login-page.login-otp-recovery .page-body .returning-wrapper form .form-fields .code-sms,
.login-page.login-otp-recovery .page-body .returning-wrapper form .form-fields .code-email {
    padding: 0;
    width: 100%;
    display: grid;
    grid-template-areas:
        "text text"
        "input button";
    grid-template-columns: 1fr min-content;
}

.login-page.login-otp-recovery .page-body .returning-wrapper form .text {
    display: none;
}

.login-page.login-otp-recovery .page-body .returning-wrapper form .form-fields .text {
    padding: 16px 0 0;
    text-align: left;
    color: #9FA4A9;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    grid-area: text;
}

.login-page.login-otp-recovery .page-body .returning-wrapper form .form-fields .code-email .text {
    display: none;
}

.login-page.login-otp-recovery .page-body .returning-wrapper form .form-fields .code-sms input,
.login-page.login-otp-recovery .page-body .returning-wrapper form .form-fields .code-sms .button-1 {
    margin-top: 35px;
}

.login-page.login-otp-recovery .page-body .returning-wrapper form .form-fields .code-email input,
.login-page.login-otp-recovery .page-body .returning-wrapper form .form-fields .code-email .button-1 {
    margin-top: 16px;
}

.login-page.login-otp-recovery .page-body .returning-wrapper form .form-fields input {
    background-color: #F7F8F9;
    border: 1px solid #F0F2F3;
    border-radius: 12px 0 0 12px;
    color: #9FA4A9;
    padding: 0 15px;
    height: 60px;
    grid-area: input;
}

.login-page.login-otp-recovery .page-body .returning-wrapper form .form-fields .button-1 {
    grid-area: button;
    border-radius: 0 12px 12px 0;
    min-width: 110px;
    text-transform: uppercase;
    padding: 20px 15px;
    font-size: 14px;
    line-height: 20px;
    height: 60px;
}

.login-page.login-otp-recovery .page-body .returning-wrapper form+div {
    background-color: #F7F8F9;
    border-radius: 12px;
    padding: 20px !important;
}

.login-page.login-otp-recovery .page-body .returning-wrapper form+div span>a {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    color: var(--main-color);
    text-decoration: underline;
}

.login-page.login-otp-recovery .page-body .returning-wrapper form+div span+a {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    color: var(--main-color);
    text-decoration: underline;
}

.login-page.login-otp-recovery .return-button,
.login-page.login-otp-recovery .redirect-login {
    display: none;
}

@media(max-width:1024px) and (min-width:768px) {
    .login-page.login-otp-recovery .page-body .returning-wrapper form .form-fields .button-1 {
        min-width: 100%;
    }
}

@media(max-width:768px) {
    .login-page.login-otp-recovery .page-body .returning-wrapper form+div {
        margin: 0 24px;
    }

    .login-page.login-otp-recovery .page-body .returning-wrapper form .title {
        font-size: 22px;
        line-height: 22px;
        padding: 24px 16px 0;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

    .login-page.login-otp-recovery .page-body .returning-wrapper form .text {
        display: block;
        background-color: var(--main-color);
        width: 100%;
        left: auto;
        color: #fff;
        padding: 10px 0 30px 48px !important;
        position: absolute;
        text-align: left;
        font-size: 12px;
        font-weight: 400;
        line-height: 12px;
    }

    .login-page.login-otp-recovery .page-body .returning-wrapper form .form-fields .code-sms .text {
        display: none;
    }

    .login-page.login-otp-recovery .page-body .returning-wrapper form .form-fields .code-sms input,
    .login-page.login-otp-recovery .page-body .returning-wrapper form .form-fields .code-sms .button-1 {
        margin-top: 76px;
    }

    .login-page.login-otp-recovery .page-body .returning-wrapper form+div span.forgot-password,
    .login-page.login-otp-recovery .page-body .returning-wrapper form+div span>a {
        font-size: 12px !important;
    }

    .login-page.login-otp-recovery .return-button {
        display: block;
        background-color: transparent;
        border: unset;
    }

    .login-page.login-otp-recovery .return-button .return-arrow:before {
        content: "\eaa9";
        color: #fff;
        font-size: 24px;
        margin-right: 8px;
    }

    .login-page.login-otp-recovery .redirect-login {
        display: block;
        background-color: transparent;
        border: unset;
    }

    .login-page.login-otp-recovery .redirect-login .redirect-login-cross:before {
        content: "\eac0";
        color: #fff;
        font-size: 24px;
    }
}

/*LOGIN OTP PHONE OR EMAIL - END*/

/*RESET PASSWORD - START*/
.password-recovery-page .page-body {
    box-shadow: unset;
    border: unset;
    margin: 0 auto;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.password-recovery-page .page-body .checkEmail {
    border: 1px solid #eee;
    border-radius: 16px;
    width: 412px;
    padding: 0;
}

.password-recovery-page .page-body .checkEmail .passwordResetResultTitle {
    display: block;
    margin: 16px 50px;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
}

.password-recovery-page .page-body .checkEmail .passwordResetResultMessageSuccess {
    color: #9FA4A9;
    font-weight: 400;
    text-align: center;
    font-size: 12px;
    margin: 0 auto 40px;
    display: block;
}

.password-recovery-page .page-body .checkEmail .passwordReserResultImage {
    display: block;
    margin: 48px auto 0;
}

.password-recovery-page .page-body .checkEmail .buttons {
    padding: 0;
    margin: 0 50px 42px;
}

.resendEmail {
    display: block;
    margin-top: 10px;
    border: unset;
    border-radius: 16px;
    background-color: #F9F9F9;
    padding: 12px 63px;
    width: 412px;
}

.passwordResetCheckSpamOrTryAgain {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: var(--main-color);
}

.passwordResetDidNotReceiveEmail {
    display: block;
    font-weight: 400;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
}

.password-recovery-page .page-body .page-title {
    text-align: left;
    padding: 0px;
    margin: 42px 50px 10px;
}

.password-recovery-page .page-body .page-title h1 {
    font-weight: 700;
    font-size: 1.5rem;
}

.password-recovery-page .page-body form .tooltip {
    font-size: 0.7rem;
    font-weight: 400;
    text-align: left;
    margin: 0 50px 24px;
}

.password-recovery-page .page-body form .fieldset {
    margin: 0 50px 48px;
}

.password-recovery-page .page-body form input.password-recovery-button {
    width: 150px;
    border-radius: 50px;
    text-transform: none;
}

.password-recovery-page {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 100%;
    height: calc(100vh - 40px);
    position: relative;
}

.html-password-recovery-page:has(.header .language-selector) .password-recovery-page {
    height: calc(100vh - 70px);
}

.password-recovery-page .page-left {
    width: 50%;
    background: rgb(178, 220, 255);
    background: linear-gradient(180deg, rgba(178, 220, 255, 1) 0%, rgba(178, 220, 255, 0) 100%);
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.password-recovery-page .passwordrecovery-backbutton {
    padding: 11px 23px;
    border-radius: 50px;
    border: unset;
    color: var(--main-color);
    background-color: #fff;
    font-weight: 700;
    position: absolute;
    top: 35px;
    left: 34px;
}

.password-recovery-page .page-left img {
    width: 172px;
}

@media (max-width: 1024px) {
    .header {
        margin-top: 0px;
    }

    .password-recovery-page .page-body {
        padding: 0;
    }

    .password-recovery-page .page-body .checkEmail {
        width: 80% !important;
        min-height: auto;
        margin: 0 auto;
        padding: 0;
    }

    .password-recovery-page .page-body .resendEmail {
        width: 80% !important;
        min-height: auto;
        margin: 16px auto 0;
        padding: 12px 24px;
        text-align: center;
    }
}

@media(max-width:768px) {
    .password-recovery-page {
        flex-direction: column;
        height: calc(100vh - 77px);
        justify-content: center;
    }

    .password-recovery-page .page-left {
        background: #fff;
        width: 100%;
        display: block;
        height: auto;
    }

    .password-recovery-page .page-left img {
        width: 85px;
    }

    .password-recovery-page:has(.resendEmail) .page-left img {
        width: 85px;
        margin: 93px auto 0;
        display: none;
    }

    .password-recovery-page .passwordrecovery-backbutton {
        right: 16px;
        top: 26px;
        left: unset;
        font-size: 0;
        padding: 0;
        width: max-content;
        height: max-content;
    }

    .password-recovery-page .passwordrecovery-backbutton:before {
        content: "\eac0";
        font-size: 24px;
        color: #1B1D1F;
    }

    .password-recovery-page .page-body .page-title {
        text-align: center;
        margin: 0 auto 16px;
    }

    .password-recovery-page .page-body form .tooltip {
        text-align: center;
        margin: 0 auto 20px;
    }

    .password-recovery-page .page-body form .fieldset {
        margin: 0 auto 20px;
    }

    .password-recovery-page .page-body {
        width: 100% !important;
        border: unset;
        padding: 16px 24px 32px;
        position: relative;
    }

    .password-recovery-page .page-body:has(.resendEmail) {
        justify-content: flex-start;
        height: 100%;
    }

    .password-recovery-page .page-body .checkEmail {
        width: 100% !important;
        border: unset;
        max-width: unset;
    }

    .password-recovery-page .page-body .checkEmail .passwordReserResultImage {
        margin-top: 69px;
    }

    .password-recovery-page .page-body:has(.resendEmail) .checkEmail .buttons {
        display: none;
    }

    .password-recovery-page .page-body form input.password-recovery-button {
        width: 100%;
        border-radius: 50px;
        text-transform: none;
    }

    .password-recovery-page .page-body .resendEmail {
        margin: 0 auto;
        position: absolute;
        bottom: 20px;
    }

    .password-recovery-page .page-body .checkEmail .buttons {
        margin: 0 0 42px;
    }
}

@media(max-width:768px) and (min-width:500px) {

    .password-recovery-page .page-body form .fieldset,
    .password-recovery-page .page-body form .tooltip {
        width: 80%;
    }

    .password-recovery-page .page-body .checkEmail .buttons {
        width: 80%;
        margin: 0 auto;
    }
}

/*RESET PASSWORD - END*/

/*SET PASSWORD - START*/
.set-password-page .page-body {
    box-shadow: unset;
    border: 1px solid #eee;
    border-radius: 16px;
    width: 412px;
    padding: 42px 50px 32px;
    margin: 0 auto;
}

.set-password-page .page-title {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('../custom-img/default-background-image.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    margin-bottom: 0;
}

.set-password-page .page-title .logo {
    max-width: 428px;
}

.set-password-page .page-body .title {
    text-align: left;
    padding: 0px;
    margin-bottom: 28px;
}

.set-password-page .page-body .title strong {
    font-weight: 700;
    font-size: 24px;
}

.set-password-page {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 100%;
    height: calc(100vh - 40px);
}

:has(.header .language-selector) .set-password-page {
    height: calc(100vh - 70px);
}

.set-password-page .text-danger {
    display: none;
}

@media (max-width: 1024px) {
    .header {
        margin-top: 0px !important;
    }

    .set-password-page .page-body {
        max-width: 412px;
        width: 40% !important;
    }
}

@media(max-width:768px) {
    .set-password-page {
        flex-direction: column;
        height: calc(100vh - 77px);
    }

    .set-password-page .page-body .form-fields {
        padding: 24px;
    }

    .set-password-page .page-body form .buttons {
        padding: 0 24px;
    }

    .set-password-page .page-body .title {
        padding: 24px;
        background-color: var(--main-color);
        width: 100vw;
        margin-bottom: 0;
    }

    .set-password-page .page-body .title strong {
        color: #fff;
    }

    .set-password-page .page-body {
        max-width: unset;
        width: 100% !important;
        border: unset;
        padding: 0;
        margin: 0;
    }

    .set-password-page .page-body form .buttons input {
        width: 100%;
        height: 50px;
        border-radius: 50px;
        text-transform: none;
    }

    .set-password-page .page-title {
        display: none;
    }

    .set-password-page .page-body {
        width: 100%;
    }
}

@media(max-width:768px) and (min-width:500px) {

    .set-password-page .page-body .form-fields,
    .set-password-page .page-body form .buttons {
        width: 80%;
        margin: 0 auto;
    }
}

/*SET PASSWORD - END*/

/*REGISTRATION - START*/
/*General Page Setup - Start*/
.html-registration-page .default-background {
    background-image: none;
}

.registration-page {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: unset;
    height: calc(100vh - 42px);
    position: relative;
}

:has(.header .language-selector) .registration-page {
    height: calc(100vh - 72px);
    min-height: 900px;
}

.registration-page .page-title {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('../custom-img/default-background-image.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    margin-bottom: 0;
}

.registration-page .page-title .logo {
    max-width: 428px;
}

.registration-page .page-body {
    width: 50%;
    box-shadow: none;
    height: 100%;
    border: unset;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.registration-page .register-backbutton {
    padding: 11px 13px;
    border-radius: 50px;
    border: unset;
    color: var(--main-color);
    background-color: var(--main-color-lightest);
    font-weight: 700;
    position: absolute;
    top: 35px;
    left: 34px;
    font-size: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.registration-page .register-backbutton .register-arrow::before {
    color: var(--main-color);
    margin-right: 5px;
    font-size: 16px;
    height: 16px;
    width: 16px;
}

/*Steps - Start*/
.register-steps {
    width: 412px;
    margin: 0 auto;
    text-align: left;
}

.register-steps>p {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 24px;
    color: #2d2d2d;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.register-arrow::before {
    content: "\eaa9";
    font-size: 24px;
    color: #2d2d2d;
    margin-right: 8px;
    cursor: pointer;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
}

.register-steps strong {
    padding: 0 5px;
}

@media(min-width:769px) {
    .register-step1-label .register-arrow {
        display: none;
    }
}

/*Steps - End*/

.registration-page form {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    align-items: flex-end;
}

.registration-page form>div {
    width: 100% !important;
    min-height: auto;
    margin-bottom: 0 !important;
}

.registration-page form>div .submit-registration-place-code-yes {
    text-align: right;
}

.registration-page form>div .submit-registration-place-code-yes .button-1 {
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media(max-width:1024px) {
    .registration-page .page-body form {
        max-width: 412px;
        width: 80% !important;
        min-height: auto;
    }

    .register-steps {
        width: 80%;
    }

    .html-registration-page .header {
        margin-top: 0 !important;
    }

    .registration-page form>div .submit-registration-place-code-yes {
        text-align: center;
        max-width: 100%;
    }

    .registration-page form>div .submit-registration-place-code-yes input {
        max-width: 100%;
        font-size: 11px;
        padding: 0 15px;
    }
}

@media(max-width:768px) {
    .html-registration-page .default-background {
        align-items: flex-start;
    }

    .html-registration-page .registration-page {
        height: calc(100vh - 80px);
        flex-direction: column;
        min-height: 750px;
    }

    .registration-page .page-title {
        display: none;
    }

    .registration-page .page-body {
        width: 100%;
        justify-content: flex-start;
    }

    .page-body .register-steps {
        background-color: var(--main-color);
        width: 100vw;
        padding: 22px 24px 7px
    }

    .page-body .register-steps>p {
        color: #fff;
        margin: 0;
    }

    .register-arrow::before {
        margin-right: 6px;
        color: #fff;
    }

    .registration-page form {
        width: 100% !important;
    }

    .registration-page form>div .submit-registration-place-code-yes input {
        width: -webkit-fill-available;
        font-size: 13px;
    }

    .registration-page .button-1:only-child {
        width: -webkit-fill-available;
    }

    .registration-page .register-backbutton {
        display: none;
    }
}

/*General Page Setup - End*/


/*Registration Section - Start*/

.registration-page .page-body form {
    width: 412px;
    margin: 0 auto;
    box-shadow: unset;
    border: 1px solid #eee;
    border-radius: 16px;
}

.registration-page .page-body form .title {
    background-color: transparent;
    padding: 40px 13% 0;
    text-align: left;
}

.registration-page .page-body form .title strong {
    color: #2d2d2d;
    font-weight: 700;
    font-size: 24px;
}

/*Text align for Italy text - Start*/
.registration-page .page-body form #text {
    text-align: left;
}

/*Text align for Italy text - End*/
/*Text align for CZ text - Start*/
.registration-page .page-body form #deliveryplacecontainer+label {
    text-align: left;
}

/*Text align for CZ text - End*/
.registration-page .page-body form .form-fields {
    padding: 40px 13% 32px;
}

.registration-page .page-body form .form-fields .inputs {
    margin-top: 12px;
}

.registration-page .page-body form .register-page-one .form-fields .inputs:nth-child(2),
.registration-page .page-body form .register-page-two .form-fields>.inputs:nth-child(2) {
    margin-top: 0;
}

.registration-page .page-body form .button-1.next-form-page-button,
.registration-page .page-body form .button-1.next-form-page-consents-button {
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
    float: right;
    margin-right: 50px;
}

@media (max-width:768px) {
    .registration-page .page-body form .form-fields>label {
        text-align: center;
        padding: 0 25px;
        margin: 0 auto;
        float: unset !important;
    }
}

@media (min-width:443px) and (max-width:492px) {
    .registration-page .page-body form .form-fields>label {
        text-align: center;
        padding: 0 50px;
        margin: 0 auto;
        float: unset !important;
    }
}

@media (min-width:552px) and (max-width:573px) {
    .registration-page .page-body form .form-fields>label {
        text-align: center;
        padding: 0 50px;
        margin: 0 auto;
        float: unset !important;
    }
}

@media(max-width:1024px) {
    .registration-page .page-body form .buttons {
        padding: 10px 13% 40px;
    }

    .registration-page .page-body form .form-fields {
        padding: 45px 13% 20px;
    }
}

@media(max-width:768px) {
    .registration-page .page-body form {
        margin-bottom: 0;
        max-width: unset;
        border: unset;
        width: 100% !important;
    }

    .registration-page .page-body form .title {
        padding: 0 24px 24px;
        background-color: var(--main-color);
        width: 100vw;
        border-radius: unset;
    }

    .registration-page .page-body form .title strong {
        color: #fff;
    }

    .registration-page .page-body form .form-fields {
        padding: 24px;
    }

    .registration-page .page-body form .buttons {
        padding: 24px;
    }

    .registration-page .page-body form .button-1.next-form-page-button,
    .registration-page .page-body form .button-1.next-form-page-consents-button {
        text-align: center;
        float: none;
        margin: 0 24px 24px;
        width: -webkit-fill-available;
    }
}

@media(max-width:768px) and (min-width:500px) {

    .registration-page .page-body form .form-fields,
    .registration-page .page-body form .buttons {
        width: 80%;
        margin: 0 auto;
    }

    .registration-page .page-body form .button-1.next-form-page-button,
    .registration-page .page-body form .button-1.next-form-page-consents-button {
        width: 73%;
        margin: 0 auto;
    }
}

/*Consent - Start*/
.registration-page #consent-div {
    height: 100%;
}

.registration-page #consent-div .accept-consent {
    margin-top: 0;
    height: 100%;
}

.registration-page #consent-div .inputs:nth-child(1) input,
.registration-page #consent-div .inputs:nth-child(2) input {
    transition: none;
    height: 100%;
}

.registration-page #consent-div .inputs:has(> input) label {
    position: relative;
    font-size: 10px;
    line-height: 16px;
    top: unset;
    text-align: left;
    display: grid;
    grid-template-columns: 30px auto;
    text-indent: 0;
    padding: 0;
}

.registration-page #consent-div .inputs:has(> input) label a {
    padding: 0;
    font-size: 10px !important;
    line-height: 16px;
    color: var(--main-color) !important;
}

.registration-page .page-body form .button-1.next-form-page-pw-button {
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
    float: right;
}

@media(max-width:768px) {
    .registration-page .page-body form .button-1.next-form-page-pw-button {
        width: -webkit-fill-available;
    }
}

/*Consent - End*/

/*Registration Section - End*/
/*REGISTRATION - END*/

/*STORE SELECTION - START*/
/*General Page Setup - Start*/
.html-registration-page .default-background {
    background-image: none;
}

.store-selection-page {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: unset;
    height: calc(100vh - 40px);
}

:has(.header .language-selector) .store-selection-page {
    height: calc(100vh - 70px);
}

.store-selection-page .page-title {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('../custom-img/default-background-image.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    margin-bottom: 0;
}

.store-selection-page .page-title .logo {
    max-width: 428px;
}

.store-selection-page .page-body {
    width: 50%;
    box-shadow: none;
    height: 100%;
    border: unset;
    display: flex;
    align-items: center;
}

.store-selection-page form {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.store-selection-page form>div {
    min-height: auto;
    margin-bottom: 0 !important;
}

@media(max-width:1024px) {
    .store-selection-page .page-body form {
        max-width: 412px;
        width: 80% !important;
        min-height: auto;
    }

    .html-registration-page .header {
        margin-top: 0 !important;
    }
}

@media(max-width:768px) {
    .html-registration-page .default-background {
        align-items: flex-start;
    }

    .store-selection-page {
        flex-direction: column;
        height: calc(100vh - 77px);
    }

    .store-selection-page .page-title {
        display: none;
    }

    .store-selection-page .page-body {
        width: 100%;
        align-items: flex-start;
    }

    .store-selection-page form {
        width: 100% !important;
    }
}

/*General Page Setup - End*/

/*Form Section - Start*/
.store-selection-page .returning-wrapper {
    margin-bottom: 0;
    width: 100% !important;
}

.store-selection-page .page-body form {
    width: 412px;
    margin: 0 auto;
    box-shadow: unset;
    border: 1px solid #eee;
    border-radius: 16px;
}

.store-selection-page .page-body form .title {
    background-color: transparent;
    padding: 40px 13% 0;
    text-align: left;
}

.store-selection-page .page-body form .title strong {
    color: #2d2d2d;
    font-weight: 700;
    font-size: 24px;
}

.store-selection-page .page-body form .form-fields {
    padding: 14px 13% 35px;
}

.store-selection-page .page-body form .inputs label {
    font-size: 14px;
    font-weight: 700;
    color: #2d2d2d;
    padding-inline: 0;
}

.store-selection-page .page-body form .form-fields .inputs {
    margin-top: 12px;
}

.store-selection-page .buttons {
    text-align: right;
    padding: 10px 13% 40px;
    padding-top: 0;
}

.store-selection-page .page-body form .buttons a {
    display: none !important;
}

.store-selection-page .page-body form .return-button {
    background-color: transparent;
    border: unset;
}

@media(min-width:768px) {
    .store-selection-page .page-body form .return-button {
        display: none;
    }
}

@media(max-width:1024px) {
    .store-selection-page .buttons {
        padding: 10px 13% 45px;
    }

    .store-selection-page .page-body form .form-fields {
        padding: 45px 13% 20px;
    }
}

@media(max-width:768px) {
    .store-selection-page .page-body form {
        margin-bottom: 0;
        max-width: unset;
        border: unset;
        width: 100% !important;
    }

    .store-selection-page .page-body form .return-button {
        height: 32px;
    }

    .store-selection-page .page-body form .title {
        padding: 24px;
        background-color: var(--main-color);
        width: 100vw;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

    .store-selection-page .page-body form .title strong {
        color: #fff;
    }

    .store-selection-page .page-body form .form-fields {
        padding: 24px;
    }

    .store-selection-page .page-body form .buttons {
        padding-left: 24px;
        padding-right: 24px;
        text-align: center;
    }

    .store-selection-page .page-body form .buttons .button-1 {
        width: -webkit-fill-available;
    }
}

@media(max-width:768px) and (min-width:500px) {

    .store-selection-page .page-body form .form-fields,
    .store-selection-page .buttons {
        width: 80%;
        margin: 0 auto;
    }
}

/*Form Section - End*/
/*STORE SELECTION - END*/

/* TOOLTIP - START */
.password-options .inputs:first-of-type {
    position: relative;
}

.password-rules {
    background-color: #FFFCDC;
    width: fit-content;
    position: absolute;
    padding: 20px;
    bottom: 50px;
    border-radius: 25px;
    z-index: 1040;
    transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    text-align: left;
}

.inputs:has(input:focus) .password-rules {
    transform: translateY(-20%);
}

.password-rules:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #FFFCDC;
    border-bottom: 8px solid transparent;
    left: 100px;
    bottom: -16px;
}

.password-rules>p {
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 8px;
}

.password-rules>ul {
    margin-bottom: 0;
}

.password-rules>ul li {
    font-size: 10px;
}

.password-rules>ul li:before {
    content: "\eab4";
    color: #1DB885;
    margin-right: 5px;
}

.passwordRequirementsInformation {
    font-size: 0;
}

.passwordRequirementsInformation:before {
    content: "\ead6";
    font-size: 11px;
}

/* TOOLTIP - END */
/*SEARCH PAGE RESULT - START*/
.html-search-page .master-wrapper-content {
    position: relative;
}

.html-search-page .master-column-wrapper {
    padding-top: 57px;
}

.search-page .page-title {
    display: none;
}

.html-search-page .center-2,
.html-search-page .side-2 {
    margin-top: 56px;
}

.search-page .search-input form {
    background-color: #F7F7FA;
    border-radius: 8px;
    padding: 43px 37px 39px 37px;
}

.search-page .search-input form .basic-search {
    padding: 0;
}

.search-page .search-input form .basic-search .inputs:first-of-type {
    margin: 0;
    max-width: unset;
}

.search-page .search-input form .basic-search .inputs:first-of-type:has(input) label {
    background-color: transparent;
    top: 14px;
    left: 50px;
    transform: none;
    padding-inline: unset;
    font-size: 14px;
}

.search-page .search-input form .basic-search .inputs:first-of-type label {
    display: none;
}

.search-page .search-input form .basic-search .inputs input.search-text {
    border-radius: 100px;
    border: 1px solid #e7e7e7;
    padding-left: 45px;
    height: 48px;
}

.search-page .search-input form .basic-search .inputs:nth-child(1):before {
    content: "\eae6";
    font-size: 18px;
    color: var(--main-color);
    font-weight: 600;
    position: absolute;
    left: 15px;
    bottom: 15px;
    line-height: normal;
}

.search-page .search-input form .basic-search .inputs.reversed {
    margin: 22px auto 30px;
}

.search-page .search-input form .basic-search .inputs.reversed label {
    position: unset;
    font-size: 14px;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.search-page .search-input form .buttons>input {
    width: 340px;
    height: 60px;
    border-radius: 44px;
    text-transform: none;
    font-size: 16px;
}

@media(max-width: 768px) {
    .search-page .search-input form {
        padding: 20px 15px 40px;
        width: 100vw;
        margin: 0 -4vw 32px;
    }

    .search-page .search-input form .buttons {
        padding: 0;
        max-width: unset;
    }

    .search-page .search-input form .buttons>input {
        width: 80%;
        height: 45px;
        line-height: 18px;
        font-size: 14px;
    }

    .search-page .search-input form .basic-search .inputs input.search-text {
        height: 40px;
    }

    .search-page .search-input form .basic-search .inputs:nth-child(1):before {
        line-height: normal;
        bottom: 12px;
    }
}

.search-page .product-selectors>.filters-button-wrapper {
    display: none !important;
}

/*Advanced Search - Start*/
.search-page .search-input form .advanced-search {
    display: flex;
    border-top: unset;
    flex-direction: row;
    flex-wrap: wrap;
    margin: auto;
    padding: 0;
    justify-content: space-between;
}

.search-page .search-input form .advanced-search .inputs.reversed {
    margin: 22px auto 30px;
}

.search-page .search-input form .advanced-search .inputs.reversed label {
    font-weight: 400;
    color: #8C8C8C;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.search-page .search-input form .advanced-search .inputs {
    width: calc(50% - 5px);
    margin: 0;
    max-width: unset;
}

.search-page .search-input form .advanced-search .inputs:nth-child(4) {
    width: 100%;
}

.search-page .search-input form .advanced-search .inputs span.price-range {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.search-page .search-input form .advanced-search .inputs label {
    position: unset;
    font-size: 14px;
    font-weight: 700;
    color: #2D2D2D;
    background-color: transparent;
    transform: none;
    padding-inline: unset;
}

.search-page .search-input form .advanced-search .inputs select {
    margin-bottom: 12px;
}

.advanced-search .price-range input.price-from {
    order: -1;
}

.advanced-search .price-range input.price-to {
    margin-left: 0px;
    order: 4;
}

@media(max-width:768px) {
    .search-page .search-input form .advanced-search .inputs {
        width: 100%;
    }

    .search-page .search-input form .advanced-search .inputs span.price-range {
        flex-direction: column;
    }

    .search-page .search-input form .advanced-search .price-range input {
        width: 100%;
    }

    .advanced-search .price-range input.price-to {
        margin-top: 8px;
    }
}

/*Advanced Search - End*/
/*Message - Start*/
.search-messages {
    background-color: #F0F2F3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: left;
}

.search-messages .search-results-message {
    color: #2D2D2D;
    font-size: 32px;
    font-weight: 700;
}

.search-messages .search-results-total,
.search-messages .no-result {
    color: #6F6D6D;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
}

.search-page .page-body .search-messages {
    display: none;
}

@media (min-width: 768px) {
    .search-messages {
        font-size: 24px;
        padding: 20px 6vw 28px;
    }
}

@media (min-width: 1150px) {
    .html-search-page .master-column-wrapper {
        padding-top: 57px;
    }

    .search-messages {
        padding: 30px 0 38px;
        left: 0;
    }

    .search-messages>div {
        width: 1100px;
        margin: 0 auto;
    }
}

@media(min-width:1024px) {
    .html-search-page .header-menu {
        margin-bottom: unset;
    }

    /*Search page + Category page - Start*/
    .html-search-page .center-2,
    .html-category-page .center-2 {
        width: 80%;
    }

    .html-search-page .center-2 .page.search-page,
    .html-category-page .center-2 .page.category-page {
        padding-left: 13%;
    }

    .html-search-page .side-2,
    .html-category-page .side-2 {
        width: 20%;
    }

    /*Search page + Category page - End*/
}

@media (max-width: 1024px) {
    .html-search-page .master-wrapper-page .customer-overdue-amount.mobile~.master-wrapper-content .search-messages {
        top: 51px;
    }

    .html-search-page .master-wrapper-page .customer-overdue-amount.mobile~.master-wrapper-content .master-column-wrapper {
        padding-top: 77px;
    }

    .html-search-page .master-column-wrapper {
        padding-top: 26px;
    }

    .search-messages .search-results-message {
        font-size: 24px;
    }

    .html-search-page .center-2,
    .html-search-page .side-2 {
        margin-top: 0;
    }

    .html-search-page .block-category-navigation {
        display: none;
    }
}

@media (max-width: 768px) {
    .html-search-page .master-wrapper-page .customer-overdue-amount.mobile~.master-wrapper-content .search-messages {
        top: 41px;
    }

    .html-search-page .master-wrapper-page .customer-overdue-amount.mobile~.master-wrapper-content .master-column-wrapper {
        padding-top: 67px;
    }

    .search-messages {
        padding: 13px 4vw;
        margin-top: 10px;
    }

    .search-messages .search-results-message {
        font-size: 14px;
    }

    .search-messages .search-results-total,
    .search-messages .no-result {
        font-size: 9px;
    }
}

/*Message - End*/
/*SEARCH PAGE RESULT - END*/
/*POPULAR TAGS - START*/
.html-product-tag-page .master-wrapper-content {
    position: relative;
}

.html-product-tag-page .master-column-wrapper {
    padding-top: 57px;
}

.html-product-tag-page .page-title {
    background-color: #F0F2F3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: left;
}

.html-product-tag-page .page-title h1 {
    color: #2D2D2D;
    font-size: 32px;
    font-weight: 700;
}

.html-product-tag-page .side-2 {
    margin-top: 56px;
}

@media (min-width: 768px) {

    .html-product-tag-page .page-title {
        font-size: 24px;
        padding: 20px 6vw 28px;
    }
}

@media (min-width: 1150px) {
    .html-product-tag-page .master-column-wrapper {
        padding-top: 57px;
    }

    .html-product-tag-page .page-title {
        padding: 30px 0 38px;
        left: 0;
    }

    .html-product-tag-page .page-title h1 {
        width: 1100px;
        margin: 0 auto;
    }
}

@media (max-width: 1024px) {
    .html-product-tag-page .master-wrapper-page .customer-overdue-amount.mobile~.master-wrapper-content .page-title {
        top: 51px;
    }

    .html-product-tag-page .master-wrapper-page .customer-overdue-amount.mobile~.master-wrapper-content .master-column-wrapper {
        padding-top: 77px;
    }

    .html-product-tag-page .master-column-wrapper {
        padding-top: 26px;
    }

    .html-product-tag-page .page-title h1 {
        font-size: 24px;
    }

    .html-product-tag-page .center-2,
    .html-product-tag-page .side-2 {
        margin-top: 0;
    }

    .html-product-tag-page .block-category-navigation {
        display: none;
    }
}

@media (max-width: 768px) {
    .html-product-tag-page .master-wrapper-page .customer-overdue-amount.mobile~.master-wrapper-content .page-title {
        top: 41px;
    }

    .html-product-tag-page .page-title {
        padding: 13px 4vw;
        margin-top: 10px;
    }

    .html-product-tag-page .page-title h1 {
        font-size: 14px;
    }
}

/*POPULAR TAGS - END*/
/*FOOTER - START*/
.html-login-page .footer,
.html-registration-page .footer,
.html-password-recovery-page .footer,
.html-store-selection-page .footer,
.html-registration-result-page .footer,
.html-contact-page .footer {
    background-color: #444444;
    padding: 0;
}

.html-login-page .footer-lower,
.html-registration-page .footer-lower,
.html-password-recovery-page .footer-lower,
.html-store-selection-page .footer-lower,
.html-registration-result-page .footer-lower,
.html-contact-page .footer-lower {
    background-color: #444444 !important;
    padding: 13px !important;
    border-top: unset;
    margin: 0;
}

.footer,
.html-contact-page.logged-in .footer {
    background-color: var(--main-color);
    border-top: unset;
    padding: 0 5vw;
    position: relative;
}

.footer .footer-upper {
    border-bottom: 1px solid var(--main-color-light);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    overflow: visible;
}

.footer .footer-upper .footer-logo {
    padding: 0 0 0 30px;
    margin: 0;
}

.footer .footer-upper .footer-logo img {
    max-height: 40px;
}

.footer .footer-upper .list {
    display: flex;
    flex-direction: row;
    padding-right: 30px;
}

.footer .footer-upper .list li {
    font-size: 12px;
    color: #fff;
    display: flex;
    align-items: center;
}

.footer .footer-upper .list .category-navigation-list-wrapper li {
    display: block;
    margin-right: 0 !important;
}

.footer .footer-upper .list li:before {
    font-size: 20px;
}

.footer .footer-upper .list li a {
    margin-left: 8px;
    font-weight: 700;
    text-transform: none;
    color: #fff;
}

.footer .footer-upper .list .category-navigation-list-wrapper li a {
    font-size: 18px;
    font-weight: 500;
    padding: 15px 30px 15px 20px;
    height: 60px;
    color: #2D2D2D;
    text-transform: none;
    line-height: 30px;
    text-align: left;
    margin-left: 0;
}

.footer .footer-upper .list li:not(.ico-cart) {
    margin-right: 63px;
    overflow: visible;
}

.footer .footer-middle .footer-block .title {
    color: var(--main-color-lightest);
    font-weight: 700;
    text-transform: none;
    font-size: 14px;
    margin-bottom: 0;
}

.footer .footer-middle .footer-block a {
    color: var(--main-color-lightest);
    font-weight: 400;
    text-decoration: underline;
    font-size: 14px;
}

.footer .footer-middle .footer-block .customerService {
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.footer .footer-middle .footer-block .customerService .customerservice-title {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
}

.footer .footer-middle .footer-block .customerService .customerservice-phoneNumber {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.footer .footer-middle .footer-block .customerService .social-media-footer {
    display: flex;
    flex-direction: row;
    margin-top: 24px;
}

.footer .footer-middle .footer-block .customerService .social-media-footer div button {
    background-color: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: unset;
    font-size: 0;
}

.footer .footer-middle .footer-block .customerService .social-media-footer div.customerservice-facebook {
    margin-left: 12px;
}

.footer .footer-middle .footer-block .customerService .social-media-footer div.customerservice-instagram button:before {
    content: "\ea92";
    color: var(--main-color-dark);
    font-size: 18px;
}

.footer .footer-middle .footer-block .customerService .social-media-footer div.customerservice-facebook button:before {
    content: "\eaff";
    color: var(--main-color-dark);
    font-size: 18px;
}

.footer .footer-lower,
.html-contact-page.logged-in .footer-lower {
    background-color: var(--main-color);
    padding: 0 0 23px 0;
}

.html-contact-page.logged-in .footer-lower {
    background-color: var(--main-color) !important;
    padding: 0 0 23px 0 !important;
}

.footer .footer-lower>div {
    color: #fff;
    font-size: 10px;
}

.footer .category-navigation-list-wrapper {
    border: unset;
}

.footer .category-navigation-list-wrapper span.category-navigation-title {
    font-size: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    text-transform: none;
    width: -webkit-fill-available;
    padding: 0;
}

.footer .category-navigation-list-wrapper span.category-navigation-title:before {
    content: "\e900";
    color: #fff;
    font-size: 20px;
}

.footer .footer-upper .list li.ico-cart:before,
.footer .footer-upper .list li.ico-account:before {
    display: none;
}

.footer .footer-upper .list li a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.footer .footer-upper .list li.ico-cart a:before {
    content: "\e901";
    font-size: 20px;
    margin-right: 8px;
}

.footer .footer-upper .list li.ico-account a:before,
.personal-button>span:before {
    content: "\eafc";
    font-size: 20px;
    margin-right: 8px;
}

@media (min-width: 1024px) {
    .footer .footer-upper {
        width: 100%;
        margin: 0 0 48px 0;
        padding: 40px 0 32px 0;
    }

    .footer .footer-middle {
        width: 100%;
        margin: 0px;
        padding: 0 30px 85px;
        float: unset;
        display: flex;
        justify-content: space-between;
    }

    .footer .footer-middle .footer-block {
        margin: 0;
    }

    .footer .footer-middle .footer-block ul {
        padding: 3px 0 0 0;
    }
}

@media (max-width: 1024px) {
    .footer {
        padding: 0 24px;
    }

    .footer .footer-upper {
        margin: 24px 0;
        padding-bottom: 18px;
    }

    .footer .footer-upper .footer-logo {
        padding-left: 4px;
    }

    .footer .footer-upper .list {
        padding-right: 4px;
    }

    .footer .footer-middle {
        margin: 0;
    }

    .footer .footer-middle .footer-block {
        border: unset;
    }

    .footer .footer-middle .footer-block .title {
        display: none;
    }

    .footer .footer-middle .footer-block ul {
        display: block;
        background-color: var(--main-color);
        text-align: left;
    }

    .footer .footer-middle .footer-block a {
        font-weight: 500;
        text-decoration: none;
    }

    .footer .footer-middle .footer-block .customerService {
        position: absolute;
        bottom: 67px;
        margin: 0;
        left: 0px;
        width: 100%;
        align-items: center;
    }

    .footer .footer-middle .footer-block .customerService .social-media-footer {
        justify-content: center;
    }

    .footer .footer-middle .footer-block .customerService .customerservice-title,
    .footer .footer-middle .footer-block .customerService .customerservice-phoneNumber {
        display: none;
    }

    .footer .footer-middle .footer-block .customerService .social-media-footer div button {
        height: 36px;
        width: 36px;
    }

    .footer .footer-middle .footer-block .customerService .social-media-footer div.customerservice-instagram button:before,
    .footer .footer-middle .footer-block .customerService .social-media-footer div.customerservice-facebook button:before {
        font-size: 13px;
    }

    .footer .footer-lower {
        border-top: 1px solid #fff;
        margin: 20px 0;
        padding: 84px 0 0 0;
    }

    .html-login-page .footer-lower,
    .html-registration-page .footer-lower,
    .html-password-recovery-page .footer-lower,
    .html-store-selection-page .footer-lower,
    .html-registration-result-page .footer-lower,
    .html-contact-page .footer-lower {
        border-top: unset;
        margin: 10px 0;
    }

    .html-contact-page.logged-in .footer-lower {
        border-top: 1px solid #fff;
        margin: 20px 0;
        padding: 84px 0 0 0 !important;
    }

}

@media (max-width: 768px) {

    .footer .footer-upper .list li a,
    .footer .footer-upper .list li:first-of-type {
        font-size: 0;
        margin-left: 0;
    }

    .footer .footer-upper .list li:not(.ico-cart) {
        margin-right: 33px;
    }
}

/* Hidden Carrousel - temporary */
.footer .jCarouselMainWrapper {
    display: none;
}

/*FOOTER - END*/

/*HEADER - START*/

.header-lower .category-navigation-list-wrapper {
    border: unset;
}

.category-navigation-list-wrapper:hover .category-navigation-title {
    background-color: transparent !important;
}

.category-navigation-list-wrapper ul li:hover>a {
    color: #2D2D2D !important;
    background-color: var(--main-color-lightest);
}

.category-navigation-list-wrapper ul li:hover>a:after {
    color: #2D2D2D !important;
}

@media(min-width:1024px) {
    .header-lower {
        background: linear-gradient(90deg, rgba(238,58,149,1) 0%, rgba(227,43,93,1) 100%);
        width: 100%;
        padding: 35px 40px;
        align-items: center;
    }

    .category-navigation-list {
        border-radius: 16px;
        width: 360px;
    }

    .category-navigation-list-wrapper ul li a {
        font-size: 18px;
        font-weight: 500;
        padding: 15px 30px 15px 20px;
        height: 60px;
        color: #2D2D2D;
        text-transform: none;
        line-height: 30px;
        text-align: left;
        display: flex;
        align-items: center;
        flex-direction: row;
    }

    .category-navigation-list-wrapper ul li a>span.category-numberOfProducts {
        background-color: #F0F2F3;
        border: 1px solid #F0F2F3;
        border-radius: 43px;
        font-size: 11px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: center;
        color: #73787E;
        padding: 5px 7px;
        margin-left: 6px;
    }

    .category-navigation-list-wrapper ul li a span:not(.category-numberOfProducts) {
        display: flex;
        height: 36px;
        width: 36px;
        background-color: #F0F2F3;
        border-radius: 12px;
        padding: 12px;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-right: 10px;
    }

    .category-navigation-list-wrapper ul li a span img {
        max-width: 14px;
    }
}

.header-lower .category-navigation-list-wrapper .category-navigation-title {
    color: #fff;
    text-transform: none;
    width: max-content;
}

.header-lower .category-navigation-list-wrapper .category-navigation-title:before {
    content: "\e900";
    color: #fff;
    font-size: 24px;
}

.header-lower .search-box {
    padding: 0 66px 0 55px;
}

@media all and (min-width:1601px) {
    .header-lower .search-box {
        width: 47%;
    }

    .header-links-wrapper {
        width: 30%;
    }

    .header-logo {
        width: 20%;
    }
}

.header-lower .search-box form {
    display: flex;
    flex-direction: row-reverse;
    background-color: #fff;
    border-radius: 100px;
}

.header-lower .search-box form input.search-box-text {
    position: relative;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border: unset;
    padding-left: 0;
}

.header-lower .search-box form input.search-box-button {
    background: transparent;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    min-width: unset;
    z-index: 10;
}

.header-lower .search-box form:after {
    content: "\eae6";
    color: var(--main-color);
    font-size: 18px;
    line-height: 18px;
    position: absolute;
    left: 15px;
    top: 15px;
}

.header-lower .header-links {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

@media(max-width:1024px) {
    .header-lower .header-links-wrapper {
        height: 51px;
    }

    .responsive-nav-wrapper-parent .responsive-nav-store-session-info-wrapper {
        height: 26px;
    }
}

.header-lower .header-links ul {
    margin: 0;
}

.header-lower .header-links ul>li>div {
    position: relative;
}

.header-lower .header-links ul>li>a,
.header-lower .header-links ul>li>div>a {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 13px;
    text-decoration: none;
}

.header-lower .header-links .profile-menu-box {
    border-radius: 16px;
    width: max-content;
}

.header-lower .header-links .profile-menu-box a {
    color: #000;
    font-size: 18px;
}

.header-lower .header-links .profile-menu-box a:before,
.header-lower .header-links .profile-menu-box a:hover:before,
.header-lower .header-links>ul li .profile-menu-box a.ico-account:before {
    color: #000;
    font-size: 16px;
}

.header-lower .header-links>ul li .profile-menu-box a.ico-logout:before {
    content: "\eaed";
    font-size: 16px;
    color: #000;
}

.profile-menu-box a.ico-register:before,
.header-lower .header-links>ul li .profile-menu-box a.ico-register:before {
    content: "\eafd";
    font-size: 16px;
    color: #000;
}

.profile-menu-box a.ico-login:before,
.header-lower .header-links>ul li .profile-menu-box a.ico-login:before {
    content: "\ea3d";
    font-size: 16px;
    color: #000;
}

.profile-menu-box a.ico-inforequest:before,
.header-lower .header-links>ul li .profile-menu-box a.ico-inforequest:before {
    content: "\e953";
    font-size: 16px;
    color: #000;
}

.header-lower .header-links a:before,
.header-lower .header-links a:hover:before {
    padding-right: 6px;
    color: #fff;
}

.header-lower .header-links li a.ico-orders:before {
    content: "\eae4";
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0;
}

.header-lower .header-links li a.ico-account:before {
    content: "\eafc";
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0;
}

.header-lower .header-links li+li {
    padding-left: 40px;
    width: fit-content;
}

.header-lower .header-links .mobile-flyout-wrapper #topcartlink a {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #fff;
    text-decoration: unset;
}

.header-lower .header-links .mobile-flyout-wrapper #topcartlink a.ico-cart:before {
    content: "\e901";
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0;
}

.header-lower .header-links .mobile-flyout-wrapper #topcartlink span.cart-qty {
    background-color: #fff !important;
    color: var(--main-color-dark);
    left: 45px;
    font-weight: 700;
}

.header-lower .header-links .language-selector.desktop {
    margin-left: 56px;
    width: fit-content;
}

.header-lower .header-links .language-selector.desktop .language-dropdown-toggle {
    background-color: transparent;
    border: unset;
    color: #fff;
    font-size: 14px;
    padding: 0;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header-lower .header-links .language-selector.desktop .language-dropdown-toggle:after {
    content: "\ea9f";
    margin-left: 3px;
}

.header-lower .header-links .language-selector.desktop .language-dropdown {
    position: relative;
    top: 0;
}

.header-lower .header-links .language-selector.desktop .language-dropdown ul.language-dropdown-menu {
    background-color: #fff;
    border-radius: 8px;
    width: calc(100% + 10px);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .16);
    z-index: 1020;
    transition: all .2s ease;
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
}

.header-lower .header-links .language-selector.desktop .language-dropdown.open ul.language-dropdown-menu {
    visibility: visible;
    opacity: 1;
    margin-top: 8px;
}

.header-lower .header-links .language-selector.desktop .language-dropdown.open .language-dropdown-menu li {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-align: left;
    padding: 5px 10px;
    cursor: pointer;
}

.header-menu-parent .store-session-info.desktop {
    height: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.header-menu-parent .store-session-info.desktop a {
    max-width: unset;
    background-color: transparent;
}

.header-menu-parent .store-session-info.desktop a:before {
    content: "\eadd";
    padding-right: 10px;
}

.header-menu-parent .store-session-info.desktop a:after {
    content: "\ea9f";
    padding-right: 10px;
    margin-left: 10px;
}

.header-menu-parent .store-session-info.desktop span {
    font-weight: 400;
}

.responsive-nav-wrapper-parent .responsive-nav-store-session-info-wrapper {
    background-color: var(--main-color);
    background: linear-gradient(90deg, rgba(238,58,149,1) 0%, rgba(227,43,93,1) 100%);
    height: unset;
    padding: 0 16px 7px;
}

.responsive-nav-wrapper-parent .responsive-nav-store-session-info-wrapper a {
    display: flex;
    font-size: 10px;
    text-transform: none;
    color: #fff;
    align-items: center;
    padding: 0 0 2px;
}

.responsive-nav-wrapper-parent .responsive-nav-store-session-info-wrapper a:before {
    content: "\eadd";
    padding-right: 7px;
}

.responsive-nav-wrapper-parent .responsive-nav-store-session-info-wrapper a:after {
    content: "\ea9f";
    padding-left: 7px;
}

.responsive-nav-wrapper-parent .responsive-nav-store-session-info-wrapper a span {
    text-transform: none;
}

.responsive-nav-wrapper-parent .responsive-nav-store-session-info-wrapper a span:first-child {
    padding-right: 7px;
    background: transparent;
}

@media(min-width:1024px) {

    .header-lower .header-links .profile-menu-box .customer-addresses,
    .header-lower .header-links .profile-menu-box .customer-orders,
    .header-lower .header-links .profile-menu-box .customer-wishlist,
    .header-lower .header-links .profile-menu-box .change-password,
    .header-lower .header-links .profile-menu-box .reward-points,
    .header-lower .header-links .profile-menu-box .customer-gdpr,
    .header-lower .header-links .profile-menu-box .nshop-ordersuggestion-item {
        display: none !important;
    }
}

/* Store session info */
.store-session-info {
    color: #ababab;
    font-size: 13px;
    height: 30px;
}

.store-session-info>div {
    align-items: center;
    display: flex;
    height: 100%;
}

.store-session-info>div>div.store-selection-description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.store-session-info>div>a {
    align-items: center;
    background-color: var(--main-color);
    border-radius: 3px;
    color: #fff;
    display: flex;
    margin-left: 10px;
    max-width: 200px;
    padding: 2px 7px 2px 10px;
}

.store-session-info>div>a:hover,
.store-session-info>div>a:focus {
    background-color: var(--main-color-lighter);
}

.store-session-info>div>a>span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .store-session-info {
        height: auto;
    }

    .store-session-info a {
        align-items: flex-start;
        background-color: #f6f6f6;
        border-top: 3px solid #fff;
        color: #8c8c8c;
        cursor: pointer;
        display: flex;
        font-size: 13px;
        font-weight: 700;
        line-height: 18px;
        padding: 15px 20px;
        text-transform: uppercase;
    }

    .store-session-info a::before {
        color: #8e8e8e;
        content: "\4f";
        display: inline-block;
        font-family: "emporium-icons";
        font-size: 17px;
        margin-right: 10px;
        text-transform: none;
        vertical-align: bottom;
    }

    .categories-in-side-panel .store-session-info.mobile {
        display: none;
    }
}

@media(max-width:1240px) {

    .header-lower .header-links li+li {
        padding-left: 20px;
    }

    .header-lower .search-box form input.search-box-text {
        width: 340px;
    }

    .header-lower .search-box form:after {
        right: 355px;
    }

    .header-lower .header-links ul>li>a,
    .header-lower .header-links .mobile-flyout-wrapper #topcartlink a,
    .header-lower .header-links ul>li>div>a {
        flex-direction: column;
        row-gap: 8px;
    }

    .header-lower .search-box {
        padding: 0 34px;
    }
}

@media(min-width: 1024px) and (max-width: 1240px) {

    .header-lower .header-links a:before,
    .header-lower .header-links a:hover:before {
        height: 24px;
        padding-right: 0;
    }
}

@media (min-width: 1024px) {
    .header-logo {
        width: 10%;
    }

    .header-lower .header-links li {
        vertical-align: middle;
        vertical-align: middle;
        display: flex;
        flex-direction: row;
        gap: 45px;
    }

    .header-lower .header-links .mobile-flyout-wrapper {
        padding-left: 40px;
        width: fit-content;
    }

    .header-selectors-wrapper {
        display: flex;
        justify-content: space-between;
    }

    .header-selectors-wrapper>* {
        height: 30px;
    }

    .header-lower {
        display: flex;
        justify-content: space-between;
    }

    .header-menu-parent .header-menu {
        background: linear-gradient(90deg, rgba(238,58,149,1) 0%, rgba(227,43,93,1) 100%);
        border-top: 0.5px solid var(--main-color-light);
        padding: 0 40px;
        margin-bottom: 0;
    }

    .header-menu-parent .header-menu .category-navigation-list-wrapper {
        border: unset;
    }

    .header-menu-parent .header-menu .category-navigation-list-wrapper .category-navigation-title,
    .header-menu-parent .header-menu .category-navigation-list-wrapper .category-navigation-title:before {
        color: #fff;
    }

    .header-menu-parent .header-menu .category-navigation-list-wrapper .category-navigation-title {
        padding-left: 0;
    }

    .header-menu-parent .header-menu ul.top-menu a {
        color: #fff;
        text-transform: none;
        font-weight: 500;
        font-size: 14px;
        padding: 0 20px;
    }

    .header-menu-parent .header-menu ul.top-menu a:hover {
        text-decoration: none;
    }

    .header-menu-parent .header-menu ul.top-menu a:last-child {
        padding-right: 0;
    }

    .header-lower .header-links .mobile-flyout-wrapper #topcartlink span.cart-qty {
        left: 40px;
    }
}

@media (max-width: 1024px) {
    .responsive-nav-wrapper-parent {
        border-bottom: 0;
    }

    .responsive-nav-wrapper-parent .responsive-nav-wrapper {
        display: grid;
        grid-template-areas:
            "menu logo search account cart";
        padding: 7px 21px 7px 18px;
        width: 100%;
        grid-template-columns: minmax(auto, 32px) 2fr minmax(auto, 48px) minmax(auto, 48px) minmax(auto, 48px);
        background-color: var(--main-color);
    }

    .responsive-nav-wrapper-parent .responsive-nav-wrapper.guest-store {
        grid-template-columns: minmax(auto, 32px) 2fr minmax(auto, 48px) minmax(auto, 48px);
    }

    .responsive-nav-wrapper-parent .responsive-nav-wrapper .menu-title {
        grid-area: menu;
        width: fit-content;
    }

    .responsive-nav-wrapper-parent .responsive-nav-wrapper .search-wrap {
        grid-area: search;
        position: absolute !important;
        right: 0;
    }

    .responsive-nav-wrapper-parent .responsive-nav-wrapper .mobile-logo {
        grid-area: logo;
        width: 125px;
        max-width: 100%;
    }

    .responsive-nav-wrapper-parent .responsive-nav-wrapper .shopping-cart-link {
        grid-area: cart;
        position: absolute !important;
        right: 0;
    }

    .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button {
        grid-area: account;
        position: absolute !important;
        right: 0;
    }

    .responsive-nav-wrapper>div>span,
    .responsive-nav-wrapper>div>a {
        width: 18px;
    }

    .responsive-nav-wrapper-parent .responsive-nav-wrapper .menu-title span:before,
    .responsive-nav-wrapper-parent .responsive-nav-wrapper .search-wrap span:before,
    .responsive-nav-wrapper-parent .responsive-nav-wrapper .shopping-cart-link a:before,
    .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button span:before {
        color: #fff;
        font-size: 20px;
    }

    .responsive-nav-wrapper .search-wrap span:before {
        content: "\eae6";
    }

    .responsive-nav-wrapper-parent .responsive-nav-wrapper .menu-title span:before {
        content: "\eade";
    }

    .responsive-nav-wrapper-parent .responsive-nav-wrapper .shopping-cart-link .ico-cart:before {
        content: "\e901";
    }

    .responsive-nav-wrapper-parent .responsive-nav-wrapper .shopping-cart-link .ico-cart span.cart-qty {
        right: -10px;
        top: 5px;
        background-color: #fff !important;
        color: var(--main-color-dark);
        font-weight: 700;
    }

    /*Burguer Menu - Start*/
    .header-menu {
        width: 100%;
        max-height: unset !important;
    }

    .header-menu .close-menu {
        background-color: transparent;
        position: absolute;
    }

    .header-menu .close-menu .close-menu-text {
        display: none;
    }

    .header-menu .close-menu .close-menu-btn {
        position: fixed;
        top: 17px;
        left: -100%;
        transition: all 0.3s ease;
    }

    .header-menu.opened .close-menu .close-menu-btn {
        left: calc(100% - 40px);
    }

    .header-menu .close-menu-btn:before {
        content: "\eac0";
        font-size: 20px;
        height: 20px;
        width: 20px;
        color: #1B1D1F !important;
    }


    .header-menu .top-menu {
        margin-top: 70px;
    }

    .header-menu>ul li>a,
    .header-menu>ul li>span {
        color: #1B1D1F;
        text-transform: none;
        font-size: 13px;
        font-weight: 500;
        padding: 12px 0 12px 24px !important;
        margin-bottom: 6px;
    }

    .header-menu .all-categories>span:before {
        content: "\e900";
        font-size: 16px;
        color: #1B1D1F;
        margin-right: 8px;
    }

    .header-menu .all-categories {
        background-color: transparent;
        position: relative;
    }

    .header-menu .plus-button:before {
        content: "\eaa1";
        font-size: 16px;
        color: #1B1D1F;
        right: 12px;
        left: unset;
    }

    .plus-button {
        height: 40px;
        width: 100%;
        position: absolute;
    }

    .header-menu .sublist-wrap {
        width: 100% !important;
    }

    .header-menu ul li.back-button {
        background-color: var(--main-color);
    }

    .header-menu .back-button span {
        font-size: 0;
        padding: 22px 16px !important;
    }

    .header-menu .back-button span:before {
        content: "\eac0";
        font-size: 24px;
        margin-right: 0;
        vertical-align: middle;
    }

    .header-menu .all-categories li {
        background-color: transparent;
    }

    .header-menu>ul li.root-category-items>a {
        color: #1B1D1F;
        text-transform: none;
        font-size: 16px;
        font-weight: 400;
        padding: 24px 0 24px 14px !important;
        border-bottom: 1px solid #EEEEEE;
        display: flex;
        align-items: center;
        flex-direction: row;
        column-gap: 8px;
        margin: 0 16px;
    }

    .header-menu>ul li.root-category-items>a img {
        height: 22px;
    }

    .header-menu>ul li.root-category-items>a>span.category-numberOfProducts {
        background-color: #F0F2F3;
        border: 1px solid #F0F2F3;
        border-radius: 32px;
        font-size: 11px;
        font-weight: 700;
        line-height: 11px;
        letter-spacing: 0em;
        text-align: center;
        color: #73787E;
        padding: 7px 6px;
    }

    /*Burguer Menu - End*/
}

/*HEADER - END*/

/*SEARCH - START*/
.search-box .ui-menu {
    border-radius: 16px;
    padding: 0;
    left: unset !important;
    right: 12px;
    top: 82px !important;
}

.search-box .ui-menu li .search-header {
    font-weight: 700;
    font-size: 20px;
    padding: 25px 18px;
    text-align: left;
}

.search-box .ui-menu li {
    padding: 0 18px;
}

.search-box .ui-menu li:nth-child(2) a {
    padding: 0 0 18px 0;
}

.search-box .ui-menu li a {
    padding: 0;
    display: grid;
    grid-template-areas:
        'image product'
        'image current-price'
        'image product-details';
    grid-template-columns: 76px 1fr;
    padding: 18px 0;
    border-bottom: 1px solid #E9EBF0;
}

/*In case it doesn't have price added - Start*/
.search-box .ui-menu li a:not(:has(#current-price, #discount-price, #old-price)) {
    grid-template-areas:
        'image product'
        'image product-details';
    grid-template-rows: 1fr 1fr;
}

.search-box .ui-menu li a:not(:has(.current-price)) #product-price,
.search-box .ui-menu li a:not(:has(.discount-price)) #product-price,
.search-box .ui-menu li a:not(:has(.old-price)) #product-price {
    padding-top: 15px;
}

/*In case it doesn't have price added - End*/
.search-box .ui-menu li:last-of-type[role=presentation] a {
    display: flex;
    border-bottom: unset;
    font-size: 12px;
    font-weight: 500;
    color: #ABABAB;
}

.search-box .ui-menu li a:has(#discount-price) {
    display: grid;
    grid-template-areas:
        'image product product'
        'image discount-price old-price'
        'image product-details product-details';
    align-items: center;
    grid-template-columns: 76px min-content;
}

.search-box .ui-menu li a img {
    width: 66px;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #E9EBF0;
    grid-area: image;
}

.search-box .ui-menu li a #product-price {
    font-size: 12px;
    font-weight: 500;
    color: #ABABAB;
    grid-area: product;
}

.search-box .ui-menu li a #current-price {
    font-size: 14px;
    font-weight: 700;
    color: #242424;
    grid-area: current-price;
}

.search-box .ui-menu li a #discount-price {
    font-size: 14px;
    font-weight: 700;
    color: var(--main-color);
    grid-area: discount-price;
    width: max-content;
    max-width: none;
    min-width: 80px;
}

.search-box .ui-menu li a #old-price {
    font-size: 11px;
    font-weight: 400;
    color: #98A0A3;
    grid-area: old-price;
    text-decoration: line-through;
    margin-left: 4px;
}

.search-box .ui-menu li a #product-details {
    font-size: 10px;
    font-weight: 400;
    color: #98A0A3;
    grid-area: product-details;
}

@media(max-width:1405px) {
    .search-box .ui-menu {
        right: 0;
    }
}

@media(max-width:1201px) {
    .search-box .ui-menu {
        right: 12px;
    }
}

/*Mobile version - Start*/
@media(max-width:1024px) {
    .search-box.store-search-box {
        width: 100%;
    }

    .search-box.store-search-box .close-side-menu {
        height: 85px;
        padding: 35px 16px;
        background-color: var(--main-color);
    }

    .search-box.store-search-box .close-side-menu .close-side-menu-text {
        display: none;
    }

    .search-box.store-search-box .close-side-menu .close-side-menu-btn:before {
        content: "\eac0";
    }

    .search-box.store-search-box #small-search-box-form {
        position: absolute;
        top: 0;
        width: calc(100% - 40px);
        padding: 22px 0 22px 16px;
        display: flex;
        flex-direction: row-reverse;
    }

    .search-box input.search-box-text {
        border-radius: 0 100px 100px 0;
        border: unset;
        padding-left: 0;
    }

    .search-box .search-box-button {
        border-radius: 100px 0 0 100px;
        border: unset;
        background: unset;
        background-color: #fff;
        min-width: auto;
    }

    .search-box .search-box-button:hover {
        background-color: #fff !important;
    }

    .search-box form:after {
        content: "\eae6";
        color: var(--main-color);
        font-size: 18px;
        position: absolute;
        left: 30px;
        top: 35px;
    }

    .search-box .ui-menu {
        width: 100% !important;
        right: 0;
        border-radius: 0;
        top: 85px !important;
        height: 100%;
        overflow: scroll;
    }

    .search-box .ui-menu li .search-header {
        padding: 25px 0;
        font-size: 16px;
    }

    .search-box .ui-menu li:nth-child(2) a {
        padding: 0 0 16px 0;
    }
}

/*Mobile version - End*/
/*SEARCH - END*/

/*REGISTER RESULT - START*/
.html-registration-result-page:has(.header .language-selector) .master-wrapper-content {
    height: calc(100vh - 67px);
}

.html-registration-result-page .master-wrapper-content {
    height: calc(100vh - 40px);
    background-color: var(--main-color);
}

.html-registration-result-page .master-column-wrapper {
    height: 100%;
    background-image: url('../custom-img/registration-result.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 50%;
}

.html-registration-result-page form {
    height: 100%;
}

.registration-result-page {
    display: flex;
    flex-direction: column;
    width: 50%;
    height: 100%;
    justify-content: center;
}

.registration-result-page .page-title {
    text-align: left;
    margin: 0 0 92px;
    padding: 0;
}

.registration-result-page .page-title img {
    height: 64px;
}

.registration-result-page .page-body .page-title {
    text-align: left;
    text-transform: none;
    margin: 0;
    padding: 0;
}

.registration-result-page .page-body .page-title h1 {
    color: #F8CF37;
    font-size: 40px;
    line-height: 52px;
}

.registration-result-page .page-body .result2 {
    text-align: left;
    margin: 0 !important;
    padding-bottom: 49px;
    font-size: 14px !important;
    line-height: 16px;
    font-weight: 400 !important;
    color: var(--main-color-lightest);
    width: 100% !important;
}

.registration-result-page .page-body .buttons {
    text-align: left;
    padding-bottom: 0;
}

.registration-result-page .page-body .buttons .register-continue-button {
    background-color: #fff;
    color: var(--main-color);
    font-size: 15px;
    padding: 18px 42px;
    height: unset;
    min-width: unset;
}

@media(min-width:1024px) {
    .html-registration-result-page .master-column-wrapper {
        max-width: 950px;
        margin: 0 auto;
    }
}

@media(max-width:1201px) {
    .html-registration-result-page .master-column-wrapper {
        background-size: 50% auto;
    }
}

@media(max-width:1024px) {
    .html-registration-result-page .master-wrapper-content {
        min-height: 800px;
    }

    .registration-result-page {
        padding: calc(50% + 63px) 4vw 0;
        justify-content: flex-start;
        width: 100%;
    }

    .html-registration-result-page .master-column-wrapper {
        background-size: 50%;
        background-position: 26px 17px;
    }

    .registration-result-page .page-title {
        margin: 0 0 69px;
    }

    .registration-result-page .page-title img {
        height: 36px;
    }

    .registration-result-page .page-body .page-title h1 {
        font-size: 24px;
        line-height: 31px;
    }

    .registration-result-page .page-body .result2 {
        font-size: 12px !important;
        line-height: 15px;
        padding: 11px 0 20px;
    }

    .registration-result-page .page-body .buttons {
        margin-bottom: 90px;
    }
}

@media(max-width:576px) {
    .html-registration-result-page .master-column-wrapper {
        background-size: 70%;
        background-position: 17px 26px;
        height: 100%;
    }

    .registration-result-page {
        padding: calc(70% + 63px) 4vw 0;
    }
}

/*REGISTER RESULT - END*/

/*CONTACT US - START*/
.html-contact-page .master-wrapper-content {
    padding: 0;
}

.contact-page {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: unset;
    height: calc(100vh - 40px);
    padding-top: 136px;
}

:has(.header .language-selector) .contact-page {
    height: calc(100vh - 70px);
}

.contact-page.logged-in {
    height: 100%;
    padding-top: 32px;
    padding-bottom: 67px;
}

@media (min-width:768px) {

    .contact-page .contactus-buttons {
        padding: 28px 6vw;
    }

    .contact-page .page-body {
        padding: 0 6vw;
    }
}

.contact-page .contactus-buttons {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    padding: 28px 4vw;
    background-color: #F7F8F9;
}

@media (min-width:1281px) {

    .contact-page .contactus-buttons {
        padding: 44px calc((100% - 1100px)/2);
    }

    .contact-page .page-body {
        padding: 0 12vw;
    }
}

.contact-page .contactus-backbutton {
    text-align: left;
    background-color: transparent;
    font-size: 32px;
    font-weight: 700;
    color: #1B1D1F;
    display: flex;
    flex-direction: row;
    align-items: center;
    border: unset;
}

.contact-page .contactus-backbutton .register-arrow::before {
    color: #1B1D1F;
    font-size: 32px;
    height: 32px;
    width: 32px;
}

.contact-page .page-title {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    margin-bottom: 0;
}


.contact-page .page-title .page-title-background {
    background: linear-gradient(180deg, rgba(91, 43, 227, 0.2) 0%, rgba(255, 255, 255, 1) 100%);
    padding: 20% 8% 16%;
    border-radius: 24px;
    width: 100%;
}

.contact-page .page-title .page-title-background .title {
    text-align: left;
}

.contact-page .page-title .page-title-background .title strong {
    font-weight: 700;
    font-size: 32px;
    color: var(--main-color);
}

.contact-page .page-title .page-title-background .subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #73787E;
    text-align: left;
    margin-top: 15px;
    max-width: 285px;
}

.contact-page .page-title .page-title-background .registerinfo-phonenumber {
    color: #464C52;
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    margin-top: 70%;
}

.contact-page .page-title .page-title-background .registerinfo-phonenumber:before {
    content: "\e9fd";
    font-size: 14px;
    margin-right: 14px;
}

.contact-page .page-title .page-title-background .registerinfo-email {
    color: var(--main-color);
    font-weight: 700;
    font-size: 14px;
    text-align: left;
    margin-top: 8px;
}

.contact-page .page-title .page-title-background .registerinfo-email:before {
    content: "\eac8";
    color: #464C52;
    font-size: 14px;
    margin-right: 14px;
}

.contact-page .register-backbutton {
    padding: 11px 13px;
    border-radius: 50px;
    border: unset;
    color: var(--main-color);
    background-color: var(--main-color-lightest);
    font-weight: 700;
    position: absolute;
    top: 40px;
    left: 50px;
    font-size: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.contact-page .register-backbutton .register-arrow::before {
    color: var(--main-color);
    margin-right: 9px;
}

.contact-page .page-body {
    width: 60%;
    box-shadow: none;
    height: 100%;
    border: unset;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 0 4vw;
}

.contact-page form {
    width: 100%;
}

.contact-page .topic-block {
    margin: 0;
}

.contact-page .topic-block p {
    font-size: 22px;
    font-weight: 700;
    color: #9FA4A9;
}

.contact-page .topic-block p:last-of-type {
    display: none;
}

.contact-page .page-body form {
    border: unset;
    padding: 0;
}

.contact-page form .form-fields:last-of-type {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
    padding: 0;
    margin-top: 32px;
}

.contact-page form .form-fields .inputs:nth-child(1),
.contact-page form .form-fields .inputs:nth-child(2) {
    width: calc(50% - 5px);
    margin-top: 0;
}

.contact-page form .form-fields div.inputs:nth-child(3) {
    margin-top: 12px;
    width: 100%;
}

.contact-page form .form-fields div.inputs:nth-child(3) textarea {
    border-radius: 8px;
    border: 1px solid #d1d1d1;
}

.contact-page form .form-fields div.inputs:nth-child(3) textarea:focus {
    border-color: var(--main-color);
}

.contact-page form .form-fields .captcha-box {
    margin-top: 21px;
}

.contact-page form .fieldset {
    margin-bottom: 31px;
}

.contact-page form .buttons {
    text-align: left;
}

.contact-page .buttons .button-1:only-child {
    width: 200px;
}

@media(min-width:1024px) {
    .contact-page.logged-in .page-title {
        min-height: 640px;
    }

    .contact-page.logged-in .topic-block-body {
        padding-top: 73px;
    }

    :has(.header .language-selector) .contact-page .contactus-buttons {
        top: 30px;
    }

}

@media (max-width:1024px) {
    .contact-page {
        flex-direction: column;
        padding-top: 87px;
    }

    .contact-page.logged-in {
        padding-top: 16px;
    }

    .customer-overdue-amount.mobile~.master-wrapper-content .contact-page.logged-in {
        margin-top: 35px;
    }

    .contact-page .page-title {
        width: 100%;
        margin-right: 0;
        padding: 0;
        height: auto;
    }

    .contact-page .page-body {
        width: 100%;
        justify-content: flex-start;
        align-items: center;
    }

    .contact-page .page-title .page-title-background {
        width: 100vw;
        padding: 27px 24px 24px;
        border-radius: 0;
        background: #ECEAFF66;
    }

    .contact-page .page-title .page-title-background .title strong {
        font-size: 16px;
    }

    .contact-page .page-title .page-title-background .subtitle {
        display: none;
    }

    .contact-page .page-title .page-title-background .registerinfo-phonenumber,
    .contact-page .page-title .page-title-background .registerinfo-email {
        font-size: 12px;
        margin-top: 8px;
    }

    .contact-page .topic-block {
        margin: 20px auto 24px;
    }

    .contact-page .topic-block p {
        font-size: 11px;
    }

    .contact-page form .form-fields:last-of-type {
        margin-top: unset;
    }

    .contact-page .contactus-buttons {
        top: 0;
        background-color: var(--main-color);
    }

    .contact-page .contactus-backbutton {
        font-size: 24px;
        color: #fff;
    }

    .contact-page .contactus-backbutton .register-arrow::before {
        font-size: 24px;
        color: #fff;
        height: 24px;
        width: 24px;
    }

    .contact-page .buttons .button-1:only-child {
        width: 150px;
    }
}

@media (max-width:768px) {
    .contact-page {
        height: 100%;
    }

    .contact-page form .form-fields div.inputs:nth-child(1),
    .contact-page form .form-fields div.inputs:nth-child(2) {
        width: 100%;
    }

    .contact-page form .form-fields .inputs:nth-child(2) {
        margin-top: 12px;
    }

    .contact-page form .form-fields .captcha-box {
        width: 100%;
    }

    .contact-page form .buttons {
        text-align: right;
    }

}

@media(max-width: 768px) and (min-width: 500px) {
    .contact-page .page-body {
        width: 80%;
    }
}

/*CONTACT US - END*/

/*REQUEST INFO - START*/
.html-registration-page .default-background {
    background-image: none;
}

.requestinfo-page {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: unset;
    height: calc(100vh - 40px);
    padding-top: 136px;
    margin: 32px 0 67px;
}

:has(.header .language-selector) .requestinfo-page {
    min-height: calc(100vh - 70px);
    height: 100%;
}

@media(min-width:1024px) {
    :has(.header .language-selector) .requestinfo-page .registerinfo-buttons {
        top: 30px
    }
}

.requestinfo-page .registerinfo-buttons {
    position: absolute;
    top: 0;
    width: 100vw;
    padding: 44px 12%;
    background-color: #F7F8F9;
}

.requestinfo-page .registerinfo-backbutton {
    text-align: left;
    background-color: transparent;
    font-size: 32px;
    font-weight: 700;
    color: #1B1D1F;
    display: flex;
    flex-direction: row;
    align-items: center;
    border: unset;
}

.requestinfo-page .registerinfo-backbutton .register-arrow::before {
    color: #1B1D1F;
    font-size: 32px;
}

.requestinfo-page .page-title {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    margin-bottom: 0;
    margin-right: 43px;
}

.requestinfo-page .page-title .page-title-background {
    background: linear-gradient(180deg, rgba(236, 234, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    padding: 20% 8% 16%;
    border-radius: 24px;
}

.requestinfo-page .page-title .page-title-background .title {
    text-align: left;
}

.requestinfo-page .page-title .page-title-background .title strong {
    font-weight: 700;
    font-size: 32px;
    color: var(--main-color-dark);
}

.requestinfo-page .page-title .page-title-background .subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #73787E;
    text-align: left;
    margin-top: 15px;
    max-width: 285px;
}

.requestinfo-page .page-title .page-title-background .registerinfo-phonenumber {
    color: #464C52;
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    margin-top: 70%;
}

.requestinfo-page .page-title .page-title-background .registerinfo-phonenumber:before {
    content: "\e9fd";
    font-size: 14px;
    margin-right: 14px;
}

.requestinfo-page .page-title .page-title-background .registerinfo-email {
    color: var(--main-color-dark);
    font-weight: 700;
    font-size: 14px;
    text-align: left;
    margin-top: 8px;
}

.requestinfo-page .page-title .page-title-background .registerinfo-email:before {
    content: "\eac8";
    color: #464C52;
    font-size: 14px;
    margin-right: 14px;
}

.requestinfo-page .page-body {
    width: 60%;
    box-shadow: none;
    height: 100%;
    border: unset;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding-right: 5%;
}

.requestinfo-page form {
    width: 100%;
}

.requestinfo-page form .form-fields:first-of-type {
    font-size: 22px;
    font-weight: 700;
    color: #9FA4A9;
}

.requestinfo-page form .form-fields:last-of-type {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
    padding: 0;
    margin-top: 32px;
}

.requestinfo-page form .form-fields div.inputs {
    width: calc(50% - 5px);
    margin-top: 12px;
    color: #9FA4A9;
}

.requestinfo-page form .form-fields .inputs:nth-child(2) {
    order: -1;
    margin-top: 0;
}

.requestinfo-page form .form-fields .inputs:nth-child(3) {
    margin-top: 0;
}

.requestinfo-page form .form-fields .inputs .vat-note {
    margin: 0;
    font-size: 0;
}

.requestinfo-page form .form-fields .captcha-box {
    margin-top: 21px;
}

.requestinfo-page form .fieldset {
    margin-bottom: 31px;
}

.requestinfo-page form .buttons {
    text-align: left;
}

@media (max-width:1024px) {
    .requestinfo-page {
        flex-direction: column;
        padding-top: 87px;
        margin: 0;
    }

    .requestinfo-page .page-title {
        width: 100%;
        margin-right: 0;
        padding: 0;
        height: auto;
    }

    .requestinfo-page .page-body {
        width: 100%;
        justify-content: flex-start;
        align-items: center;
        padding: 0 24px;
    }

    .requestinfo-page .page-title .page-title-background {
        width: 100vw;
        padding: 27px 24px 24px;
        border-radius: 0;
        background: #ECEAFF66;
    }

    .requestinfo-page .page-title .page-title-background .title strong {
        font-size: 16px;
    }

    .requestinfo-page .page-title .page-title-background .subtitle {
        display: none;
    }

    .requestinfo-page .page-title .page-title-background .registerinfo-phonenumber,
    .requestinfo-page .page-title .page-title-background .registerinfo-email {
        font-size: 12px;
        margin-top: 8px;
    }

    .requestinfo-page form .form-fields:first-of-type {
        margin: 20px auto 24px;
        text-align: center;
        font-size: 11px;
    }

    .requestinfo-page form .form-fields:last-of-type {
        margin-top: unset;
    }

    .requestinfo-page .registerinfo-buttons {
        top: 0;
        padding: 28px 15px;
        background-color: var(--main-color);
    }

    .requestinfo-page .registerinfo-backbutton {
        font-size: 24px;
        color: #fff;
    }

    .requestinfo-page .registerinfo-backbutton .register-arrow::before {
        font-size: 24px;
        color: #fff;
        height: 24px;
        width: 24px;
    }
}

@media (max-width:768px) {
    .requestinfo-page {
        height: 100%;
    }

    .requestinfo-page form .form-fields div.inputs {
        width: 100%;
    }

    .requestinfo-page form .form-fields .inputs:nth-child(3) {
        margin-top: 12px;
    }

    .requestinfo-page form .form-fields .captcha-box {
        width: 100%;
    }

    .requestinfo-page form .buttons {
        text-align: right;
    }
}

@media(max-width: 768px) and (min-width: 500px) {
    .requestinfo-page .page-body {
        width: 80%;
    }
}

/*REQUEST INFO - END*/

/*CART DROPDOWN - START*/
.mini-shopping-cart input.checkout-button {
    display: none;
}

.mini-shopping-cart input.cart-button {
    background-color: var(--main-color);
    color: #fff;
    margin-top: 0;
}

.mini-shopping-cart input.cart-button:hover {
    background-color: var(--main-color-dark) !important;
}

.mini-shopping-cart .flyout-cart-scroll-area p {
    font-size: 12px;
    line-height: 15px;
    color: #1B1D1F;
}

.mini-shopping-cart .flyout-lower .totals {
    background-color: #fff;
    width: 100%;
    float: none;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    color: #1B1D1F;
    border-top: 1px solid #F0F2F3;
    padding: 19px 0 24px;
}

.mini-shopping-cart .flyout-lower .totals strong {
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: right;
    color: #1B1D1F;
}

.mini-shopping-cart .item .product .attributes ul {
    padding-left: 0;
    display: flex;
    flex-direction: column;
}

.mini-shopping-cart .item .product .attributes ul li {
    color: #1B1D1F;
    text-indent: 0;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    text-align: left;
    padding: 12px 0 0 0;
    margin: 0;
}

.mini-shopping-cart .item .product .attributes ul li:first-of-type {
    margin: 0;
    padding: 10px 0 0;
}

.mini-shopping-cart .item .product .attributes ul li i {
    font-size: 12px;
    font-weight: 700;
    margin-left: 0;
    font-style: normal;
    color: #9FA4A9;
}

.mini-shopping-cart .item.discount .add-to-cart-qty-wrapper .plus,
.mini-shopping-cart .item.discount .add-to-cart-qty-wrapper .minus {
    opacity: 0;
}

@media(min-width:1024px) {
    .mini-shopping-cart {
        padding: 45px 0 0 0;
    }

    .mini-shopping-cart .my-cart {
        width: 100%;
        padding: 0 35px 24px 35px;
        display: flex;
        flex-direction: row;
    }

    .mini-shopping-cart .my-cart p {
        font-size: 24px;
        font-weight: 700;
        line-height: 19px;
        letter-spacing: 0px;
        text-align: left;
        color: #1B1D1F;
    }

    .mini-shopping-cart .my-cart p.cart-qty:before {
        content: "(";
        font-family: "DM Sans", sans-serif !important;
        margin-left: 3px;
    }

    .mini-shopping-cart .my-cart p.cart-qty:after {
        content: ")";
        font-family: "DM Sans", sans-serif !important;
    }

    .mini-shopping-cart .items {
        margin-bottom: 0;
        padding: 22px 34px 0;
        max-height: 300px;
    }

    .mini-shopping-cart>div:before {
        display: none;
    }

    .mini-shopping-cart .flyout-cart-scroll-area {
        border-radius: 16px;
        width: 380px;
        padding: 40px 0 0;
    }

    .mini-shopping-cart .picture {
        border: unset;
        width: 70px;
    }

    .mini-shopping-cart .product {
        margin-left: 77px;
    }

    .mini-shopping-cart .item,
    .mini-shopping-cart .items>div.item.first {
        border-bottom: 1px solid #F0F2F3;
    }

    .mini-shopping-cart .items>div:nth-last-of-type(3) {
        border-bottom: unset;
    }

    .mini-shopping-cart .item .left {
        width: 180px !important;
    }

    .mini-shopping-cart .item .name a {
        color: #1B1D1F;
        font-size: 12px;
        font-weight: 500;
        line-height: 15px;
        margin-bottom: 6px;
    }

    .mini-shopping-cart .item .right {
        float: left;
        max-width: unset !important;
    }

    .mini-shopping-cart .item .price {
        text-align: left;
    }

    .mini-shopping-cart .item .price span {
        color: #1B1D1F;
        font-size: 14px;
        font-weight: 700;
        line-height: 14px;
        margin-bottom: 6px;
    }

    .mini-shopping-cart .item .quantity {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 6px;
    }

    .mini-shopping-cart .item .quantity span {
        font-size: 12px;
        line-height: 14px;
    }

    .add-to-cart-qty-wrapper.cart-minus-plus {
        margin: 8px 0 12px;
    }

    .add-to-cart-qty-wrapper.cart-minus-plus input {
        width: 54px;
        height: 40px;
    }

    .add-to-cart-qty-wrapper.cart-minus-plus .plus,
    .add-to-cart-qty-wrapper.cart-minus-plus .minus {
        height: 32px;
        width: 32px;
        top: 0;
        right: 0;
    }

    .mini-shopping-cart .product .remove-item {
        background-color: #fff;
        right: -14px;
    }

    .mini-shopping-cart .product .remove-item:hover {
        background-color: #fff;
    }

    .mini-shopping-cart .product .remove-item:after {
        content: "\eaf9";
        color: #9FA4A9;
        font-size: 13px;
    }

    .mini-shopping-cart .flyout-lower {
        background-color: #fff;
        border-radius: 0 0 10px 10px;
        padding: 0 34px;
    }

    .mini-shopping-cart .flyout-lower:not(:has(.totals)) {
        padding: 20px 34px 0;
    }

    .mini-shopping-cart .flyout-lower .buttons {
        padding: 0 0 36px;
    }

}

/*Mini-amount warning - Start*/
.mini-shopping-cart .min-amount-warning {
    background-color: #FCF3E2;
    color: #95670F;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    text-align: left;
    margin: 0 35px;
    border-radius: 10px;
    padding: 12px 23px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.mini-shopping-cart .min-amount-warning:before {
    content: "\eb00";
    font-size: 22px;
    margin-right: 8px;
    margin-top: 3px;
}

@media(max-width:1024px) {
    .mini-shopping-cart .min-amount-warning {
        margin: 0 16px 19px;
        font-size: 10px;
        padding: 12px 16px;
    }

    .mini-shopping-cart .min-amount-warning:before {
        font-size: 16px;
        margin-right: 6px;
        margin-top: 0;
    }
}

/*Mini-amount warning - End*/
@media(max-width:1024px) {
    .header-lower .header-links .mobile-flyout-wrapper {
        width: 100%;
        top: 0;
        padding: 0;
        overflow-y: scroll;
    }

    .mini-shopping-cart .my-cart {
        display: none;
    }

    .mobile-flyout-wrapper .close-side-menu {
        background-color: #fff;
        padding: 27px 23px 24px 25px;
        display: flex;
        justify-content: space-between;
    }

    .mobile-flyout-wrapper .close-side-menu .my-cart {
        display: flex;
        flex-direction: row;
        text-align: left;
    }

    .mobile-flyout-wrapper .close-side-menu .my-cart p {
        color: #282828;
        text-transform: none;
        font-size: 20px;
        font-weight: 700;
        line-height: 19px;
        letter-spacing: 0px;
    }

    .mobile-flyout-wrapper .close-side-menu .my-cart p.cart-qty:before {
        content: "(";
        font-family: "DM Sans", sans-serif !important;
        margin-left: 3px;
    }

    .mobile-flyout-wrapper .close-side-menu .my-cart p.cart-qty:after {
        content: ")";
        font-family: "DM Sans", sans-serif !important;
    }

    .mobile-flyout-wrapper .close-side-menu span.close-side-menu-text {
        display: none;
    }

    .mobile-flyout-wrapper .close-side-menu-text:before {
        display: none;
    }

    .mobile-flyout-wrapper .close-side-menu-btn:before {
        content: "\eac0";
        color: #282828 !important;
        font-size: 24px;
    }

    .mobile-flyout-wrapper .flyout-cart,
    .mobile-flyout-wrapper .mini-shopping-cart {
        height: 100%;
    }

    .mobile-flyout-wrapper .flyout-cart-scroll-area {
        height: 100%;
        max-height: unset !important;
        padding: 0;
        overflow-y: unset;
    }

    .mobile-flyout-wrapper .flyout-cart-scroll-area .items {
        padding: 0 34px 0 22px;
    }

    .mini-shopping-cart .picture {
        border: unset;
        width: 60px;
    }

    .mini-shopping-cart .product {
        margin-left: 77px;
    }

    .mini-shopping-cart .item {
        border-bottom: 1px solid #F0F2F3;
    }

    .mini-shopping-cart .item:last-child {
        border-bottom: unset;
    }

    .mini-shopping-cart .item .left {
        width: 202px !important;
    }

    .mini-shopping-cart .item .name a {
        color: #1B1D1F;
        font-size: 12px;
        font-weight: 500;
        line-height: 15px;
        margin-bottom: 6px;
    }

    .mini-shopping-cart .item .right {
        float: left;
        max-width: unset !important;
    }

    .mini-shopping-cart .item .price {
        text-align: left;
        float: none;
    }

    .mini-shopping-cart .item .price span {
        color: #1B1D1F;
        font-size: 14px;
        font-weight: 700;
        line-height: 14px;
        margin-bottom: 6px;
    }

    .add-to-cart-qty-wrapper.cart-minus-plus {
        margin: 8px 0 12px;
    }

    .add-to-cart-qty-wrapper.cart-minus-plus input {
        width: 48px;
        height: 40px;
    }

    .add-to-cart-qty-wrapper.cart-minus-plus .plus,
    .add-to-cart-qty-wrapper.cart-minus-plus .minus {
        height: 32px;
        width: 32px;
        top: 0;
        right: 0;
    }

    .mini-shopping-cart .product .remove-item {
        background-color: #fff;
        right: -33px;
    }

    .mini-shopping-cart .product .remove-item:after {
        content: "\eaf9";
        color: #9FA4A9;
        font-size: 13px;
    }

    .mini-shopping-cart .flyout-lower {
        background-color: #fff;
        border-radius: 0 0 10px 10px;
        padding: 0 24px;
    }

    .mini-shopping-cart .flyout-lower .totals {
        background-color: #fff;
    }

    .mini-shopping-cart .flyout-lower .buttons {
        padding: 0 0 36px;
        text-align: center;
    }

    .mini-shopping-cart input[type="button"]:hover {
        background-color: var(--main-color-dark);
    }
}

@media(min-width:500px) and (max-width:1024px) {
    .mini-shopping-cart .buttons input {
        width: 80%;
    }
}

/*CART DROPDOWN - END*/

/*PDP + PROMO-PACK - START*/
/*Favorites + Tags - Start*/
.product-details-page .product-tags-wishlist {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 31px;
    grid-area: wishlist;
    order: -1;
}

.product-details-page .product-tags-wishlist:has(.product-tags-list) {
    justify-content: space-between;
}

.product-details-page .product-tags-wishlist .product-tags-box {
    margin: 0;
}

.product-details-page .product-tags-wishlist .product-tags-box .product-tags-list li {
    border: 1px solid #0071CE;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center;
    color: #0071CE;
    padding: 8px 15px 10px;
    margin-left: 4px;
    box-sizing: border-box;
    height: 32px;
}

.product-details-page .page-body .add-to-wishlist {
    width: fit-content;
    left: 26px;
}

.product-details-page .page-body .add-to-wishlist .button-2.add-to-wishlist-btn {
    border: unset;
    min-width: unset;
    padding: 0;
    height: 26px;
    line-height: 26px;
    background-color: transparent;
}

.product-details-page .page-body .add-to-wishlist .button-2.add-to-wishlist-btn:before,
.product-details-page .page-body .add-to-wishlist .button-2.add-to-wishlist-btn.removed-wishlist:before,
.product-details-page .page-body .add-to-wishlist .button-2.add-to-wishlist-btn.removed-wishlist:focus:before {
    content: "\ead3";
    color: #9FA4A9;
    font-size: 26px;
    margin: 0;
    line-height: 26px;
}

.product-details-page .page-body .add-to-wishlist .button-2.add-to-wishlist-btn:hover:before {
    content: "\ead2";
    color: var(--main-color-dark);
}

.product-details-page .page-body .add-to-wishlist .button-2.add-to-wishlist-btn:focus:before,
.product-details-page .page-body .add-to-wishlist .button-2.add-to-wishlist-btn:active:before,
.product-details-page .page-body .add-to-wishlist .button-2.add-to-wishlist-btn.added-wishlist:before {
    content: "\ead2";
    color: var(--main-color);
}

@media (max-width:1024px) {
    .product-details-page .product-tags-wishlist {
        margin: 17px 0;
        position: absolute;
        top: 47px;
        z-index: 1;
        right: 20px;
        width: calc(100% - 40px);
    }

    .customer-overdue-amount.mobile~.master-wrapper-content .product-details-page .product-tags-wishlist {
        top: 89px
    }

    .product-details-page .product-tags-wishlist .product-tags-box .product-tags-list li {
        font-size: 9px;
        line-height: 9px;
        padding: 8px 6px;
        height: 24px;
    }

    .product-details-page .page-body .add-to-wishlist .button-2.add-to-wishlist-btn:before {
        font-size: 20px;
    }
}

/*Favorites + Tags - End*/
/*Breadcrumb - Start*/
.html-product-details-page .master-wrapper-content {
    position: relative;
}

.html-product-details-page .breadcrumb {
    background-color: #F0F2F3;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    padding: 18px 6vw;
}

@media(min-width:1150px) {
    .html-product-details-page .breadcrumb {
        padding: 18px calc((100% - 1100px) / 2);
    }
}

.html-product-details-page .breadcrumb li {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 6px;
}

.html-product-details-page .breadcrumb li a,
.html-product-details-page .breadcrumb li span {
    margin: 0;
}

.breadcrumb a:hover,
.breadcrumb a:hover span {
    color: var(--main-color);
}

.html-product-details-page .breadcrumb .breadcrumb-top,
.html-product-details-page .breadcrumb li a,
.html-product-details-page .breadcrumb ul {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.html-product-details-page .breadcrumb li:first-of-type a:before {
    content: "\eaa9";
    font-size: 24px;
}

.html-product-details-page .breadcrumb .delimiter {
    font-size: 0;
    margin-right: 0;
}

.html-product-details-page .breadcrumb .delimiter:before {
    content: "|";
    font-family: "DM SANS", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #1B1D1F;
    margin-left: 3px;
}

.html-product-details-page .breadcrumb li strong {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #98A0A3;
}

/*Breadcrumb - End*/
/*Product not available - Start*/
.product-name .not-available-and-similar {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 24px;
}

.product-name .not-available-product-details-div {
    background-color: #F0F2F3;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #9FA4A9;
    border-radius: 10px;
    width: fit-content;
}

.product-name .not-available-and-similar a.related-product {
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    text-align: left;
    text-decoration: underline;
    color: var(--main-color-dark);
    padding-left: 23px;
}

.product-name .not-available-and-similar+.button-2 {
    color: #fff;
    background-color: #F7898C;
    border-radius: 50px;
    text-transform: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    height: 60px;
    padding: 9px 18px;
    border: unset;
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-width: 125px;
    max-width: 250px;
}

.product-name .not-available-and-similar+.button-2:before {
    content: "\eaae";
    color: #fff;
    font-size: 20px;
    padding-right: 5px;
}

@media (max-width: 1024px) {
    .product-name .not-available-and-similar {
        justify-content: center;
        padding-bottom: 12px;
    }

    .product-name .not-available-and-similar+.button-2 {
        margin: 0 auto;
        height: 50px;
        max-width: 312px;
    }
}

/*Product not available - End*/
.product-essential {
    display: flex;
    margin-bottom: 117px;
}

.product-essential .gallery.sevenspikes-cloudzoom-gallery {
    order: -2;
    margin: 0 70px 0 0;
    width: 30%;
    display: flex;
    flex-direction: column;
}

.product-essential .gallery.sevenspikes-cloudzoom-gallery:has(.ribbon-wrapper) {
    margin-top: 65px;
}

/*Min-height for Login As a Guest - Start*/
@media(min-width:1024px) {
    .product-essential .gallery.sevenspikes-cloudzoom-gallery {
        min-height: 470px;
    }
}

/*Min-height for Login As a Guest - End*/
/*Navigation through images - Start*/
.product-essential .gallery .picture-thumbs {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: none;
    justify-content: center;
    height: 30%;
}

.product-essential .gallery .picture-thumbs .slick-list,
.product-essential .gallery .picture-thumbs .slick-track {
    height: unset !important;
    width: unset !important;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.product-essential .gallery .picture-thumbs .picture-thumbs-item {
    width: unset !important;
    height: auto !important;
    padding: 5px 0 9px 12px;
}

.product-essential .gallery .picture-thumbs .picture-thumbs-item:first-of-type {
    padding: 5px 0 9px 0;
}

.product-essential .gallery .thumb-item {
    border-radius: 10px;
    border: 1px solid #9FA4A9;
    width: 43px;
}

.product-essential .gallery .thumb-item img {
    height: 30px;
}

.product-essential .gallery .thumb-item.cloudzoom-gallery-active {
    border: 1px solid var(--main-color);
}

@media(max-width:1024px) {
    .product-essential .gallery .thumb-item {
        width: 5px;
        border: unset;
        background-color: #F0F2F3;
    }

    .product-essential .gallery .thumb-item img {
        display: none;
    }

    .product-essential .gallery .thumb-item.cloudzoom-gallery-active {
        width: 7px;
        background-color: var(--main-color);
    }

    .product-essential .gallery .picture-thumbs .picture-thumbs-item {
        padding: 0 0 0 6px;
    }

    .product-essential .gallery .picture-thumbs .picture-thumbs-item {
        padding: 5px 0 9px 6px;
    }

    .product-essential .gallery .picture-thumbs {
        height: unset;
    }
}

@media(min-width:1024px) {
    .product-essential .gallery .picture-thumbs {
        padding-top: 18px
    }
}

/*Navigation through images - End*/
.promopack-detail .product-essential .gallery {
    padding-top: 164px;
}

.promopack-detail .product-essential .gallery .picture-wrapper img {
    top: 0;
}

.product-essential .gallery .picture-wrapper,
.product-essential .gallery .picture-wrapper .ribbon-wrapper,
.product-essential .gallery .picture {
    height: 100%;
    width: 100%;
}

.gallery .ribbon-wrapper .ribbon-position {
    display: block !important;
}

@media(min-width:1024px) {
    .product-essential .gallery:not(:has(.picture-thumbs.in-carousel)) .picture-wrapper {
        padding-bottom: calc(30% + 18px);
    }
}

.product-essential .gallery .picture-wrapper img {
    width: 100%;
    margin: 0;
    left: unset;
    top: unset;
}

.gallery .picture:before {
    padding: 0;
}

.product-essential .overview {
    order: -1;
    padding: 72px 0 0;
    width: 55%;
}

div.attributes {
    max-width: 502px !important;
    margin: 0;
}

.overview .product-name {
    min-height: unset;
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.overview .product-name h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 23px;
    border-bottom: 1px solid #F0F2F3;
    padding: 0 0 24px;
}

.product-name .product-specification-case,
.product-name .manufacturers,
.product-name .additional-details .sku {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #9FA4A9;
    margin: 0;
}

.product-name .manufacturers .value,
.product-name .additional-details .sku .value {
    font-weight: 500;
    color: #9FA4A9;
}

.product-name .additional-details {
    margin-bottom: 32px;
}

.product-name .prices {
    margin: 0 0 32px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.product-name .prices .non-discounted-price>label {
    display: none;
}

.product-name .prices .non-discounted-price {
    margin: 0;
}

.product-name .prices .non-discounted-price span {
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    color: #9FA4A9;
    margin: 0 0 0 6px;
    text-decoration: line-through;
}

.product-name .prices .old-product-price {
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    color: #9FA4A9;
    margin: 0 0 0 6px;
}

.product-name .prices .product-price {
    color: var(--main-color);
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    margin: 0;
}

.product-name .prices .product-price-pcase {
    color: #9FA4A9;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    text-align: left;
    width: 100%;
    margin: 12px 0 0;
}

.product-name .add-to-cart {
    margin: 0;

}

.product-name .add-to-cart .add-to-cart-panel {
    display: flex;
    height: 140px;
    flex-direction: column;
}

.product-name .add-to-cart .add-to-cart-panel .qty-label {
    display: none;
}

.product-name .add-to-cart .add-to-cart-panel .add-to-cart-qty-wrapper {
    margin-bottom: 32px;
}

.product-name .add-to-cart .add-to-cart-panel .add-to-cart-qty-wrapper input {
    text-align: center;
}

.promopack-detail .overview .product-name h1 {
    border: unset;
    padding: 0;
}

.product-details-page .mobile-name-holder .product-name {
    width: 100%;
    text-align: left;
}

.product-details-page .mobile-name-holder .product-name h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 0;
    padding: 0px;
    margin-bottom: 16px;
    border-bottom: 1px solid #F0F2F3;
    padding: 0 0 24px;
}

.product-details-page.promopack-detail .mobile-name-holder .product-name h1 {
    border-bottom: unset;
    padding: 0;
}

.product-details-page .mobile-name-holder .product-name .additional-details span,
.overview .product-name .additional-details span {
    color: #9FA4A9;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
}

.product-details-page .mobile-name-holder .product-name .additional-details span.value,
.overview .product-name .additional-details span.value {
    color: #9FA4A9;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
}

.attributes-wrapper {
    border: unset;
    padding: 0;
    max-width: unset;
}

.short-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #444;
    margin-bottom: 7px;
}

div.attributes>dl>dd>ul.option-list>li>label:before {
    position: absolute;
    left: 12px;
    margin: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

div.attributes>dl>dt {
    background-color: #B2DCFF4D;
    color: var(--main-color);
    margin: 0;
    text-align: left;
    padding: 17px 16px;
    border-radius: 10px 10px 0px 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 600;
}

div.attributes>dl>dt.mandatory-products:before {
    content: "\eb01";
    font-size: 16px;
    padding-right: 8px;
}

div.attributes>dl>dt.optional-products:before {
    content: "\eace";
    font-size: 16px;
    padding-right: 8px;
}

div.attributes>dl>dd {
    border: 1px solid #F1F1F1;
    border-radius: 0px 0px 10px 10px;
    background: #fff;
    margin-bottom: 48px;
}

div.attributes>dl>dd>ul {
    background-color: transparent;
    padding: 14px 19px 20px;
}

.overview div.attributes>dl>dd>ul.option-list>li {
    padding: 10px 0;
    border-bottom: 1px solid #F0F2F3;
    margin: 0;
    min-height: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

div.attributes>dl>dd>ul.option-list>li:last-child {
    border-bottom: none;
}

.overview div.attributes>dl>dd>ul.option-list>li .add-to-cart-qty-wrapper {
    order: 2;
}

.overview div.attributes>dl>dd>ul.option-list>li .promo-image {
    margin-left: 30px;
    width: 74px;
}

div.attributes>dl>dd>ul.option-list>li.packageMandatory>.promo-image,
div.attributes>dl>dd>ul.option-list>li.packageFreeMandatory>.promo-image {
    margin-left: 0;
}

.overview div.attributes>dl>dd>ul.option-list>li label {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
    order: 1;
    max-width: 209px;
}

div.attributes>dl>dd>ul.option-list>li.packageMandatory>label:before,
div.attributes>dl>dd>ul.option-list>li.packageFreeMandatory>label:before {
    display: none;
}

div.attributes>dl>dd>ul.option-list>li.packageFreeMandatory .add-to-cart-qty-wrapper input.productQuantityTextBox,
div.attributes>dl>dd>ul.option-list>li.packageFreeOptionalAsReadonly .add-to-cart-qty-wrapper input.productQuantityTextBox {
    width: 46px !important;
    height: 35px !important;
    border-color: #C9CDD2;
    color: #C9CDD2 !important;
}

.add-to-cart-qty-wrapper input.productQuantityTextBox {
    border-radius: 10px !important;
    width: 54px !important;
    height: 40px !important;
}


.add-to-cart-qty-wrapper input.productQuantityTextBox~span.disabled:before {
    color: #C9CDD2;
}

.product-prices-box {
    position: absolute;
    top: 166px;
    left: 522px;
}

.product-prices-box>div:first-child {
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    padding: 32px 20px;
}

.product-prices-box .prices {
    margin: 0 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-prices-box .prices .product-price,
.product-prices-box .promopack-total {
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    color: #242424;
    margin: 0;
}

.product-prices-box .add-to-cart {
    width: 100%;
    margin: 0;
}

.product-prices-box .add-to-cart .add-to-cart-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.add-to-cart .add-to-cart-panel .add-to-cart-qty-wrapper {
    margin: 0 0 34px;
}

.add-to-cart .add-to-cart-panel .add-to-cart-qty-wrapper input {
    width: 67px;
    height: 46px;
    border: 1px solid #C9CDD2;
    border-radius: 10px;
    padding: 0;
}

.add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper:before {
    display: none;
}

.add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper .button-1 {
    background-color: var(--main-color);
    border-radius: 50px;
    height: 60px;
    width: 100% !important;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 9px 18px;
}

.add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper {
    width: 100%;
}

.add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper .button-1:hover {
    background-color: var(--main-color-dark);
}

.add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper .button-1:before {
    content: "\eaeb";
    color: #fff;
    font-size: 20px;
    padding-right: 14px;
}

.product-prices-box .add-to-wishlist {
    display: none;
}

@media(max-width:1280px) {
    .product-essential {
        display: flex;
        flex-direction: row;
    }

    .promopack-detail .product-essential {
        display: grid;
        grid-template-areas:
            ". name"
            "gallery overview";
    }

    .mobile-name-holder {
        grid-area: name;
        margin: 72px 0 0;
        display: flex;
        flex-direction: column;
        width: 55%;
    }

    .promopack-detail .product-essential .gallery {
        grid-area: gallery;
        width: 100%;
        margin: 0;
        overflow: visible;
        padding-top: 0;
    }

    .promopack-detail .product-essential .overview {
        display: block;
        grid-area: overview;
        width: 100%;
        padding-top: 0;
    }

    .product-essential .overview {
        display: none;
    }

    .product-prices-box {
        top: -16px;
        left: 460px;
        width: 280px;
    }

    div.attributes {
        max-width: 450px !important;
        margin: 0;
    }
}

@media(max-width: 1024px) {
    .product-details-page .page-body .add-to-wishlist {
        top: 20px;
        right: 24px;
        text-align: right;
    }

    .product-details-page .page-body .add-to-wishlist .button-2.add-to-wishlist-btn:before {
        font-size: 20px;
    }

    .promopack-detail .product-essential {
        display: grid;
        grid-template-areas:
            "gallery"
            "name"
            "overview";
        margin-top: 5px;
    }

    .product-details-page .mobile-name-holder .breadcrumb {
        top: 9px;
        padding: 12px 14px;
    }

    .customer-overdue-amount.mobile~.master-wrapper-content .product-details-page .mobile-name-holder .breadcrumb {
        top: 51px;
    }

    .product-details-page .mobile-name-holder .breadcrumb li {
        display: none;
    }

    .product-details-page .mobile-name-holder .breadcrumb li:last-of-type,
    .product-details-page .mobile-name-holder .breadcrumb li:first-of-type {
        display: block;
        margin-right: 0;
    }

    .product-details-page .mobile-name-holder .breadcrumb li strong {
        font-size: 13px;
        line-height: 13px;
        letter-spacing: 0em;
        text-align: left;
        color: #1B1D1F;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-left: 0;
    }

    .html-product-details-page .mobile-name-holder .breadcrumb li:first-of-type a {
        font-size: 0;
    }

    .html-product-details-page .mobile-name-holder .breadcrumb li:first-of-type .delimiter:before {
        display: none;
    }

    .html-product-details-page .mobile-name-holder .breadcrumb li:first-of-type a:before {
        content: "\eaa9";
        font-size: 20px;
    }

    .mobile-name-holder {
        margin-top: 20px;
        width: 100%;
    }

    .product-details-page .product-essential {
        flex-direction: column;
        margin-top: 62px;
        margin-bottom: 35px;
    }

    .customer-overdue-amount.mobile~.master-wrapper-content .product-details-page .product-essential {
        margin-top: 104px;
    }

    .product-details-page.promopack-detail .product-essential {
        margin-top: 25px;
    }

    .product-essential .gallery.sevenspikes-cloudzoom-gallery {
        width: 100%;
        padding-top: 0;
        max-width: 100%;
        height: 50vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .product-essential .gallery .picture-wrapper {
        width: 50%;
    }

    .product-essential .overview {
        width: 100%;
        padding-top: 0px;
    }

    .product-essential .gallery .picture-wrapper img,
    .product-essential .gallery .picture-wrapper:not(:has(.product-ribbon)) img,
    .promopack-detail .product-essential .gallery .picture-wrapper img {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        right: unset;
        width: 100%;
    }

    .product-essential .gallery .picture {
        overflow: visible;
        width: 100%;
    }

    .product-details-page.promopack-detail .mobile-name-holder .product-name h1 {
        display: block;
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 12px;
    }

    .product-details-page .mobile-name-holder .product-name h1 {
        display: none;
    }

    .product-details-page .mobile-name-holder .product-name .additional-details span.label,
    .product-details-page .mobile-name-holder .product-name .additional-details span.value,
    .product-name .product-specification-case,
    .product-name .manufacturers,
    .product-name .additional-details .sku {
        font-size: 12px;
        line-height: 16px;
    }

    .product-name .manufacturers {
        display: none;
    }

    .product-name .additional-details {
        margin-bottom: 20px;
    }

    .product-name .prices {
        margin-bottom: 40px;
    }

    .product-name .prices .product-price {
        font-size: 18px;
        line-height: 18px;
    }

    .product-name .add-to-cart .add-to-cart-panel {
        align-items: center;
    }

    .add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper {
        max-width: 312px;
    }

    .add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper .button-1 {
        height: 50px;
    }

    div.attributes {
        max-width: 100% !important;
        padding: 0;
    }

    .product-details-page .product-prices-box {
        position: fixed;
        bottom: 0;
        top: unset;
        width: 100vw;
        left: 0;
        background-color: var(--secondary-color);
        z-index: 1;
        border-radius: 14px 14px 0px 0px;
    }

    .product-prices-box>div:first-child {
        border: unset;
        padding: 27px 20px 20px;
    }

    .product-prices-box .add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper .button-1:before {
        color: #1B1D1F;
    }

    .product-prices-box .add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper .button-1 {
        background-color: #fff;
        color: #1B1D1F;
    }

    .product-prices-box .add-to-cart .add-to-cart-panel .add-to-cart-qty-wrapper {
        display: none !important;
    }

    .product-prices-box .prices {
        max-width: 320px;
        justify-content: space-between;
        margin: 0 auto 13px;
    }

    .product-prices-box .add-to-cart {
        max-width: unset;
    }

    .product-prices-box .add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper {
        max-width: 320px;
    }
}

@media(max-width:768px) {
    .overview div.attributes>dl>dd>ul.option-list>li {
        display: grid;
        grid-template-areas:
            "image name"
            "image quantity";
        grid-template-columns: 100px 2fr;
    }

    .overview div.attributes>dl>dd>ul.option-list>li:has(input:disabled) {
        grid-template-columns: 75px 2fr;
    }

    .overview div.attributes>dl>dd>ul.option-list>li label {
        font-size: 12px;
        line-height: 14px;
        grid-area: name;
    }

    .overview div.attributes>dl>dd>ul.option-list>li .promo-image {
        grid-area: image;
        width: 61px;
    }

    .overview div.attributes>dl>dd>ul.option-list>li .add-to-cart-qty-wrapper {
        margin: 6px 0 0;
        grid-area: quantity;
    }

    .add-to-cart-qty-wrapper input.productQuantityTextBox {
        width: 48px !important;
    }

    .short-description {
        font-size: 14px;
    }

    .overview .product-name .additional-details span {
        font-size: 16px;
    }
}

/*Product Tabs - Start*/
.productTabs .productTabs-header ul {
    text-align: left;
}

.productTabs .productTabs-header ul li {
    margin: 0 56px 0 0;
}

.productTabs .productTabs-header ul li a,
.productTabs .productTabs-header ul li a:hover {
    text-transform: none;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #9FA4A9;
    padding: 0;
}

.productTabs .productTabs-header ul li.ui-state-active a {
    color: #1B1D1F;
    border: unset;
}

.product-details-page-body.w768 .productTabs .productTabs-header ul li a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: 1px solid #F7F8F9;
    padding: 32px 8px 22px;
    font-size: 18px;
}

.product-details-page-body.w768 .productTabs .productTabs-header ul li.ui-state-active a:after {
    content: "\eaa2";
    font-size: 18px;
}

.product-details-page-body.w768 .productTabs .productTabs-header ul li a:after {
    content: "\ea9f";
    font-size: 18px;
}

.product-details-page-body.w768 .productTabs .productTabs-header ul li.ui-tabs-tab {
    text-align: left;
    font-weight: 400;
}

.ui-tabs-panel {
    display: block;
}

.productTabs #quickTab-description.ui-tabs-panel,
.productTabs #quickTab-specifications.ui-tabs-panel,
.productTabs .product-specs-box,
.productTabs .full-description {
    background-color: #fff;
    text-align: left;
}

.product-details-page-body.w768 .productTabs #quickTab-description.ui-tabs-panel.collapse,
.product-details-page-body.w768 .productTabs #quickTab-specifications.ui-tabs-panel.collapse,
.product-details-page-body.w768 .productTabs .product-specs-box {
    padding: 0 8px 22px !important;
    margin: 0;
}

.product-details-page-body.w768 .productTabs .ui-tabs-panel {
    overflow: hidden;
    max-height: 0;
    padding: 0 !important;
    transition: max-height 2s ease-in;
}

.product-details-page-body.w768 .productTabs .ui-tabs-panel.collapse {
    max-height: 1000px;
    transition: max-height 2s ease-out;
}

.productTabs .full-description p {
    color: #1B1D1F;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    margin: 0;
    background-color: #fff;
}

.product-details-page-body.w768 .productTabs .full-description p {
    font-size: 12px;
    line-height: 16px;
}

.productTabs .product-specs-box .two-tables-wrapper {
    max-width: 100%;
}

.productTabs .product-specs-box .data-table {
    border: unset;
}

.product-specs-box .data-table td.spec-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
    padding: 0;
    display: flex;
    width: fit-content;
    flex-direction: row;
    align-items: center;
}

.product-specs-box .data-table td.spec-name:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #1B1D1F;
    margin-right: 10px;
}

.product-specs-box .data-table td.spec-value {
    border: unset;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
    padding: 0 0 0 50px;
}

@media (min-width: 768px) {
    .productTabs .product-specs-box .two-tables-wrapper tr {
        float: left;
        width: 50%;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .productTabs .product-specs-box .two-tables-wrapper tr:nth-child(2n+1) {
        clear: left;
    }

    .product-specs-box .data-table td.spec-name {
        width: 40%;
    }

    .productTabs .productTabs-body #quickTab-description.ui-tabs-panel,
    .productTabs .productTabs-body #quickTab-specifications.ui-tabs-panel {
        padding: 24px 20px;
    }
}


@media (min-width: 1281px) {
    .productTabs .productTabs-body #quickTab-description.ui-tabs-panel {
        padding: 24px 6vw;
    }

    .productTabs .productTabs-body #quickTab-specifications.ui-tabs-panel {
        padding: 43px 6vw;
    }
}

@media (max-width: 1024px) {

    .productTabs .productTabs-header ul li a,
    .productTabs .productTabs-header ul li a:hover {
        font-size: 22px;
        line-height: 22px;
    }

    .productTabs .productTabs-body .full-description p {
        font-size: 16px;
        line-height: 25px;
    }

    .product-specs-box .data-table td.spec-name {
        font-size: 12px;
    }

    .product-specs-box .data-table td.spec-value {
        font-size: 10px;
        padding: 0;
    }

}

@media (max-width:500px) {
    .product-specs-box .data-table col {
        width: unset;
    }
}

/*Product Tabs - End*/
/*Customer who bought this - Start*/
.product-details-page .also-purchased-products-grid {
    margin-top: 60px;
}

.product-details-page .also-purchased-products-grid .title {
    margin-bottom: 48px;
    text-align: left;
    font-size: 32px;
    color: #1B1D1F;
    font-weight: 700;
}

.product-details-page .also-purchased-products-grid .title+div {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.product-details-page .also-purchased-products-grid .item-grid {
    display: flex;
    flex-direction: row;
    overflow: visible;
    position: relative;
}

.product-details-page .also-purchased-products-grid .item-box {
    min-width: 208px;
    margin: 2% 0 2% 15px;
}

@media(max-width:1024px) {
    .product-details-page .also-purchased-products-grid .title+div {
        overflow-x: scroll;
    }

    .product-details-page .also-purchased-products-grid .title {
        font-size: 26px;
    }
}

@media(max-width:768px) {
    .product-details-page .also-purchased-products-grid {
        margin-top: 43px;
    }

    .product-details-page .also-purchased-products-grid .item-box {
        min-width: 195px;
    }

    .product-details-page .also-purchased-products-grid .title {
        font-size: 16px;
        margin-bottom: 25px;
    }
}

/*Customer who bought this - End*/
/*Error message + pop up Promopack - Start*/
:not(:has(.k-window.quickView)) .k-overlay,
.k-window:not(.quickView) .k-window-actions {
    display: none !important;
}

.k-window.quickView .k-window-titlebar.k-header .k-window-actions a:before {
    content: "\eac0";
}

.k-widget.k-window:not(.quickView) {
    position: absolute !important;
    top: 171px !important;
    bottom: unset;
    width: 100vw !important;
    position: relative;
    padding: 28px 39px !important;
    min-height: unset;
    background-color: #FEEFEE;
    z-index: 1020 !important;
}

.k-widget.k-window:not(.quickView).fixed {
    position: fixed !important;
    top: 0 !important;
}

.k-widget.k-window:not(.quickView) .k-window-titlebar {
    text-align: left;
    margin: 0 !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    padding: 0;
}

.k-widget.k-window:not(.quickView) .k-window-title {
    padding: 0;
    margin: 0;
    text-align: left;
    color: #E82C3E;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    display: flex;
    align-items: center;
}

.k-widget.k-window:not(.quickView) .k-window-title:before {
    content: "\eb01";
    margin-right: 14px;
}

.k-widget.k-window:not(.quickView) .k-window-content {
    padding: 0 32px;
    margin: 0;
    text-align: left;
    color: #E82C3E;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
}

.k-widget.k-window:not(.quickView) .addProductVariantToCartErrors ul {
    text-align: left;
    color: #E82C3E;
    margin: 0;
}

.k-widget.k-window:not(.quickView) .addProductVariantToCartErrors ul li {
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    margin: 0 0 0 32px;
}

.k-widget.k-window.quickView .product-essential {
    display: unset;
}

.k-widget.k-window.quickView .gallery .picture img {
    position: relative;
}

.k-widget.k-window.quickView #accordion>h3 span:before {
    content: "\ea9e";
    color: var(--main-color);
}

.k-widget.k-window.quickView .product-specs-box .data-table {
    border: unset;
}

.k-widget.k-window.quickView .product-specs-box .data-table colgroup col {
    width: 50%;
}

.k-widget.k-window.quickView .product-specs-box .data-table td.spec-name {
    width: auto;
}

@media(min-width:1024px) and (max-width:1154px) {
    .k-widget.k-window:not(.quickView) {
        top: 186px !important;
        padding: 20px 30px !important;
    }

    .k-widget.k-window:not(.quickView) .k-window-title:before,
    .k-widget.k-window:not(.quickView) .k-window-title,
    .k-widget.k-window:not(.quickView) .k-window-content {
        font-size: 16px;
        line-height: 20px;
    }

    .k-widget.k-window:not(.quickView) .addProductVariantToCartErrors ul li {
        font-size: 14px;
        line-height: 21px;
        margin: 0 0 0 30px;
    }
}

@media(max-width:1024px) {
    .k-widget.k-window:not(.quickView).fixed {
        top: 0 !important;
    }

    .k-widget.k-window:not(.quickView) {
        position: fixed !important;
        top: 0 !important;
        padding: 22px 16px !important;
    }

    .k-widget.k-window:not(.quickView) .k-window-title,
    .k-widget.k-window:not(.quickView) .k-window-title:before {
        font-size: 14px;
        line-height: 18px;
        overflow: visible;
    }

    .k-widget.k-window:not(.quickView) .k-window-content {
        font-size: 14px;
        line-height: 18px;
        overflow: visible;
        padding: 0 28px;
    }

    .k-widget.k-window:not(.quickView) .addProductVariantToCartErrors ul li {
        font-size: 12px;
        line-height: 19px;
        margin: 0 0 0 27px;
    }
}

@media(max-width:1280px) {
    .k-widget.k-window.quickView .product-essential .gallery {
        width: 100%;
    }

    .k-widget.k-window.quickView .product-essential .overview {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
    }
}

/*Error message + pop up Promopack - End*/
/*CloudZoom fix PDP - Start*/
.cloudzoom-zoom-inside {
    display: none !important;
}

.cloudzoom-blank {
    display: none !important;
}

.gallery .picture-wrapper>img {
    display: none;
}

/*CloudZoom fix PDP - End*/
/*More products - Start*/
.product-details-page .jCarouselMainWrapper .nop-jcarousel.product-grid {
    padding: 18px 0px 20px;
    margin: 0 !important;
}

.product-details-page .jCarouselMainWrapper .product-grid .title {
    text-align: left;
    margin-bottom: 39px;
}

.product-details-page .jCarouselMainWrapper .product-grid .title strong {
    font-size: 32px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
}

.slick-list>.slick-track {
    display: flex;
}

.product-details-page .jCarouselMainWrapper .product-grid .slick-list>.slick-track>.carousel-item.slick-slide {
    display: flex;
    height: 370px;
    padding: 0;
}

.slick-list>.slick-track>.carousel-item>.item-box>div {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.product-details-page .jCarouselMainWrapper .product-grid .slick-track {
    margin: 5px 0;
    gap: 10px;
}

@media(max-width:1024px) {
    .product-details-page .jCarouselMainWrapper .product-grid .title {
        margin-bottom: 18px;
    }

    .product-details-page .jCarouselMainWrapper .product-grid .title strong {
        font-size: 16px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: left;
    }
}

/*More products - End*/
/*PDP Loyalty points - Start*/
.product-name .add-to-cart {
    display: flex;
    flex-direction: row;
    gap: 28px;
}

.product-name .add-to-cart .noesis_loyaltyprogram_product_points {
    position: relative;
    width: 100%;
}

.product-name .add-to-cart .noesis_loyaltyprogram_product_points span {
    position: absolute;
    bottom: 21px;
    font-size: 12px !important;
    color: #9FA4A9 !important;
}

.product-name .add-to-cart .noesis_loyaltyprogram_product_points span:before {
    content: "\eac1";
    font-size: 10px;
    line-height: 8px;
    margin-bottom: 0;
}

@media (max-width:1024px) {
    .product-name .add-to-cart:has(.noesis_loyaltyprogram_product_points) {
        justify-content: center;
    }

    .product-name .add-to-cart:has(.noesis_loyaltyprogram_product_points) .add-to-cart-panel {
        width: 312px;
    }

    .product-name .add-to-cart:has(.noesis_loyaltyprogram_product_points) .add-to-cart-panel>.add-to-cart-qty-wrapper {
        width: 312px;
        justify-content: center;
    }

    .product-name .add-to-cart .noesis_loyaltyprogram_product_points {
        width: 30%;
    }

    .product-name .add-to-cart .noesis_loyaltyprogram_product_points span {
        bottom: 29px;
    }
}

/*PDP Loyalty points - End*/
/*PDP + PROMO-PACK - END*/

/*PRODUCT CARDS - START*/
.product-grid>.item-grid {
    display: flex;
    flex-wrap: wrap;
}

.product-grid>.item-grid>.item-box {
    display: flex;
    height: 370px;
}

.product-grid>.item-grid>.item-box>div {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}


.center-2 .item-grid .item-box {
    margin-left: unset;
    clear: unset;
}

@media (min-width: 481px) {
    .product-grid>.item-grid {
        gap: 2%;
    }
}

@media (min-width: 1024px) {
    .product-grid>.item-grid {
        gap: 1%;
    }
}

@media(min-width: 1100px) {
    .center-2 .item-box {
        width: 32.6%;
    }
}

@media(max-width: 768px) {
    .center-2 .item-box {
        width: 32%;
    }
}

@media(max-width: 600px) {
    .center-2 .item-box {
        width: 49%;
    }

    .product-grid>.item-grid {
        gap: 2%;
    }
}

.item-box {
    border: unset;
    border-radius: 16px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.item-box .picture {
    padding: 4px 44px 0;
    overflow: visible;
    margin: 0;
    height: 108px;
}

.item-box .picture>a {
    height: 108px;
    overflow: visible;
}

.item-box .picture>a:before,
.item-box .picture>a:after {
    display: none !important;
}

.item-box .product-tags-wishlist-box {
    padding: 10px 15px 10px 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 41px;
}

.item-box .product-tags-wishlist-box ul {
    display: flex;
    flex-direction: row;
    gap: 6px;
    margin: 0;
    width: calc(100% - 16px);
}

.item-box .product-tags-wishlist-box ul li {
    border: 1px solid #0071CE;
    background-color: #fff;
    border-radius: 8px;
    font-size: 9px;
    font-weight: 500;
    line-height: 9px;
    text-align: center;
    color: #0071CE;
    padding: 4px 6px;
    height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.item-box .product-tags-wishlist-box ul li+li {
    max-width: 45%;
}

.item-box .product-tags-wishlist-box .btn-wrapper {
    transform: unset;
    position: relative;
    right: unset;
    top: unset;
    left: unset;
    min-width: unset;
    opacity: 1;
    display: flex !important;
    align-items: center;
    flex-direction: row;
}

.item-box .btn-wrapper .quick-view-button {
    display: none;
}

.item-box .btn-wrapper .button-2 {
    background-color: #fff;
    width: 16px;
    height: 16px;
    line-height: normal;
    border-radius: unset;
    padding: 0;
    min-width: unset;
    margin: 0;
}

.item-box .btn-wrapper button:hover {
    background-color: #fff;
}

.item-box .btn-wrapper .add-to-wishlist-btn:before,
.item-box .btn-wrapper .add-to-wishlist-btn.removed-wishlist:before,
.item-box .btn-wrapper .add-to-wishlist-btn.removed-wishlist:focus:before {
    font-size: 16px;
    content: "\ead3";
    color: #C9CDD2;
}

.item-box .btn-wrapper .add-to-wishlist-btn:hover:before {
    content: "\ead2";
    color: var(--main-color-dark);
}

.item-box .btn-wrapper .add-to-wishlist-btn:focus:before,
.item-box .btn-wrapper .add-to-wishlist-btn:active:before,
.item-box .btn-wrapper .add-to-wishlist-btn.added-wishlist:before {
    content: "\ead2";
    color: var(--main-color);
}

.item-box .details {
    padding: 0px 24px 18px;
}

.item-box .details .sku {
    font-size: 9px;
    font-weight: 400;
    line-height: 11px;
    letter-spacing: 0em;
    text-align: center;
    color: #9FA4A9;
    margin: 7px 0 10px;
}

.item-box .details .product-title {
    padding-top: 28px;
    height: auto;
    margin-bottom: 6px;
}

.item-box .details .sku+.product-title {
    padding: 0;
}

.item-box .details .product-title a {
    color: #1B1D1F;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    text-align: left;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    height: 30px;
    word-break: auto-phrase;
}

.item-box .details:not(:has(.product-price-pcase)) .product-specification-case {
    color: #9FA4A9;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    padding: 0;
    height: auto;
    margin-bottom: 6px !important;
    height: 12px;
}

.item-box .details .product-price-pcase {
    color: #9FA4A9;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    padding: 0;
    height: auto;
    margin-top: 6px;
    margin-bottom: 0 !important;
    order: 3;
}

.item-box .add-info .prices {
    text-align: left;
    padding-bottom: 17px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.item-box .add-info .prices label {
    order: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #1DB885;
    margin-bottom: 0;
}

.item-box .add-info .prices .old-price+label {
    color: var(--main-color);
}

.item-box .add-info .prices .old-price+label+.actual-price {
    color: var(--main-color);
    margin-left: 4px;
}

.item-box .add-info .prices .actual-price {
    color: #1B1D1F;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0 !important;
    order: 1;
    line-height: 14px;
    height: 14px;
}


.item-box .add-info .prices .old-price {
    color: #9FA4A9;
    font-size: 11px;
    font-weight: 400;
    text-decoration: line-through;
    order: 2;
    line-height: 11px;
    margin: 2px 0 1px 4px;
}

/*Price per unit - Start*/
.item-box .add-info .prices .old-product-price {
    order: 2;
    font-style: italic;
    margin-top: 3px;
    margin-bottom: 0;
    width: 100%;
}

.item-box .add-info .prices:has(.old-product-price) {
    height: 50px;
    align-items: flex-start;
}

.product-grid>.item-grid>.item-box:has(.old-product-price),
.product-details-page .jCarouselMainWrapper .product-grid .slick-list>.slick-track>.carousel-item.slick-slide:has(.old-product-price),
.home-page .jCarouselMainWrapper .home-page-product-grid .slick-list>.slick-track>.carousel-item.slick-slide:has(.old-product-price) {
    height: 386px;
}

.product-name .prices .product-price-pitem {
    width: 100%;
    font-style: italic;
    margin-top: 3px;
    color: #000;
}

/*Price per unit - End*/
.item-box .add-info .buttons {
    text-align: left;
    padding: 0;
}

.item-box .add-info .buttons .add-to-cart-qty-wrapper {
    width: 130px;
    margin-bottom: 14px;
}

.item-box .add-info .buttons .add-to-cart-qty-wrapper .plus,
.item-box .add-info .buttons .add-to-cart-qty-wrapper .minus {
    height: 32px;
    width: 32px;
    margin-top: unset;
}

.item-box .add-info .buttons .add-to-cart-qty-wrapper span.disabled:before {
    color: #C9CDD2;
}

.item-box .ajax-cart-button-wrapper:before {
    display: none;
}

.item-box .add-info .buttons .box-add-to-cart-button .button-1,
.item-box .add-info .buttons .button-2 {
    background-color: var(--main-color);
    border-radius: 50px;
    height: 36px;
    width: 100% !important;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 9px 18px;
    text-transform: none;
    color: #fff;
    font-weight: 700;
}

.item-box .add-info .buttons .box-add-to-cart-button .button-1:hover,
.item-box .add-info .buttons .button-2:hover {
    background-color: var(--main-color-dark);
}

.item-box .add-info .buttons .box-add-to-cart-button .button-1:before {
    content: "\eaeb";
    color: #fff;
    font-size: 16px;
    padding-right: 5px;
}

/*Product not available - Start*/
.item-box .add-info .not-available-product-div {
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0em;
    text-align: left;
    color: #9FA4A9 !important;
    justify-content: flex-start;
    height: auto;
    order: 0;
    margin-bottom: 8px;
}

.item-box .add-info:has(.not-available-product-div) {
    display: flex;
    flex-direction: column;
}

.item-box:has(.add-info .not-available-product-div) .details .product-specification-case {
    display: none;
}

.item-box .add-info:has(.not-available-product-div) .prices {
    order: 1;
    padding-bottom: 8px;
}

.item-box .add-info:not(:has(.related-product)):has(.not-available-product-div) .prices {
    padding-bottom: 0px;
}

.item-box .add-info:has(.not-available-product-div) .prices>span {
    color: #9FA4A9;
}

.item-box:has(.not-available-product-div) .picture {
    opacity: 0.35;
}

.item-box:has(.not-available-product-div) a.related-product {
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    text-align: left;
    text-decoration: underline;
    color: var(--main-color-dark);
    order: 2;
    padding-bottom: 50px;
}

.item-box:has(.not-available-product-div) .button-2:not(.add-to-wishlist-btn) {
    order: 3;
    color: #fff;
    background-color: #F7898C;
    border-radius: 24px;
    text-transform: none;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    height: 36px;
    padding: 9px 18px;
}

@media (min-width:765px) {
    .item-box:has(.not-available-product-div) .button-2 {
        margin-top: 18px;
    }
}

/*Product not available - End*/

@media (max-width:1024px) {
    .item-box .add-info .buttons .box-add-to-cart-button:before {
        font-size: 16px;
    }

    .item-box .add-info .buttons input {
        margin: 0 6px;
    }

    .item-box .add-info .buttons .add-to-cart-qty-wrapper .plus,
    .item-box .add-info .buttons .add-to-cart-qty-wrapper .minus {
        margin-top: 6px;
    }

    .item-box .picture .btn-wrapper {
        display: block !important;
    }

    .item-box .picture .btn-wrapper .quick-view-button {
        display: none !important;
    }
}

@media (max-width:768px) {
    .item-box .details {
        padding: 0 10px 22px;
    }

    .item-box .add-info .buttons {
        margin: 0;
        display: block;
    }

    .item-box .add-info .buttons .add-to-cart-qty-wrapper {
        margin-bottom: 10px
    }

    .item-box:nth-child(n+1) {
        margin-left: 2%;
    }

    .item-box:nth-child(2n+1) {
        margin-left: 0;
    }
}

/* Loyalty points add to cart - Start */

.item-box .buttons.loyalty-program {
    flex-direction: row-reverse;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

@media (min-width: 765px) {

    .item-box .add-info .buttons .noesis_loyaltyprogram_product_points+.ajax-cart-button-wrapper .add-to-cart-qty-wrapper {
        width: 130px;
        margin-bottom: 14px;
        position: absolute;
        margin-top: -54px;
    }

    .item-box .add-info .buttons .noesis_loyaltyprogram_product_points+.ajax-cart-button-wrapper {
        padding-top: 60px;
    }

    .item-box .add-info .buttons:not(:has(.ajax-cart-button-wrapper)) {
        min-height: 105px;
        order: 3;
    }
}

@media (max-width: 765px) {

    .item-box .add-info .buttons .noesis_loyaltyprogram_product_points+.ajax-cart-button-wrapper .add-to-cart-qty-wrapper {
        width: 130px;
        margin-bottom: 14px;
        position: absolute;
        margin-top: -52px;
    }

    .item-box .add-info .buttons .noesis_loyaltyprogram_product_points+.ajax-cart-button-wrapper {
        padding-top: 55px;
    }

}

@media (max-width:1024px) {
    .item-box .add-info .buttons .box-add-to-cart-button .button-1:before {
        padding: 0;
    }

    .item-box .add-info .buttons .noesis_loyaltyprogram_product_points+.ajax-cart-button-wrapper .box-add-to-cart-button .button-1 {
        width: 74px !important;
    }
}

.item-box .add-info .buttons .noesis_loyaltyprogram_product_points+.ajax-cart-button-wrapper .box-add-to-cart-button .button-1 {
    min-width: auto;
    padding: 9px 12px;
}

.item-box .add-info .buttons .noesis_loyaltyprogram_product_points {
    display: flex;
    align-items: end;
    justify-content: center;
}

.item-box .add-info .buttons .noesis_loyaltyprogram_product_points span {
    padding: 12px 0px;
    font-size: 8px !important;
}

.item-box .add-info .buttons .noesis_loyaltyprogram_product_points span:before {
    content: "\eac1";
    font-size: 8px;
    line-height: 8px;
    margin-bottom: 0;
}

/* Loyalty points add to cart - End */
/*PRODUCT CARDS - END*/

/* CATALOG - START*/
.side-2 {
    border: unset;
}

.filter-block .title {
    background-color: #fff;
}

.filter-block .title a {
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
    padding: 0 0 24px 0;
    position: relative;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filter-block .title a:before {
    display: none;
}

.filter-block .filtersGroupPanel {
    padding: 0;
    margin-bottom: 48px;
}

.filter-block .filtersGroupPanel .checkbox-item label {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #9FA4A9;
    text-transform: none;
    padding: 8px 0 8px 28px;
}

.filter-block .filtersGroupPanel .checkbox-item label:before {
    border-radius: 100%;
    border: 1px solid #C9CDD2;
    height: 20px;
    width: 20px;
}

.filter-block .filtersGroupPanel .checkbox-item input[type="checkbox"]:checked+label {
    color: #1B1D1F;
}

.filter-block .filtersGroupPanel .checkbox-item input[type="checkbox"]:checked+label:before {
    content: "\eab4";
    font-size: 12px;
    color: #fff;
    box-shadow: unset;
    background-color: #1B1D1F;
    border-color: #1B1D1F;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.side-2 .filter-block {
    margin-top: 48px;
}

.side-2 .filtersPanel {
    padding-top: 32px;
    position: relative;
}

.side-2 .filtersPanel .clearFilterOptions {
    display: none !important;
}

.side-2 .filtersPanel a.clearFilterOptionsAll {
    text-transform: none;
    color: #464C52;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: right;
    text-decoration: underline;
    max-width: fit-content;
}

.side-2 .filtersPanel a.clearFilterOptionsAll:hover {
    color: var(--main-color);
}

.block-category-navigation .title {
    background-color: #fff;
    padding: 0;
}

.block-category-navigation .title strong {
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
    padding: 0 0 24px 0;
}

.block-category-navigation .listbox {
    padding: 0;
}

.block-category-navigation .listbox .sublist {
    padding: 0;
}

.html-category-page .block-category-navigation .listbox .sublist {
    padding: 0 15px;
}

.block-category-navigation .listbox a {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #9FA4A9;
    text-transform: none;
    padding: 8px 0;
}

.block-category-navigation .listbox li.active>a {
    color: #1B1D1F;
    font-weight: 400;
}

.block-category-navigation .listbox li a:hover {
    color: var(--main-color-dark);
}

@media(min-width:1024px) {

    .html-search-page .center-2,
    .html-category-page .center-2 {
        width: 80%;
    }

    .html-search-page .center-2 .page.search-page,
    .html-category-page .center-2 .page.category-page {
        padding-left: 13%;
    }
}

.html-category-page .master-wrapper-content {
    position: relative;
}

.html-category-page .master-column-wrapper {
    max-width: 1100px;
    margin: 106px auto 0;
}

@media(max-width:1024px) {
    .html-category-page .master-column-wrapper {
        margin-top: 40px;
    }

    .html-category-page .customer-overdue-amount.mobile~.master-wrapper-content .master-column-wrapper {
        margin-top: 82px;
    }
}

/*Categories - Start*/
.html-category-page .category-grid.sub-category-grid {
    width: 100%;
    margin-bottom: 40px;
    padding: 0;
    border: unset;
}

.html-category-page .center-2 .page-title {
    background-color: #F0F2F3;
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0;
    padding: 16px 4vw;
    margin: 0;
}

.html-category-page .center-2 .page-title h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
    display: grid;
    grid-template-areas:
        "image ."
        "image products";
    grid-template-columns: 50px 100%;
    column-gap: 16px;
    row-gap: 6px;
    align-items: center;
}

.html-category-page .center-2 .page-title span {
    display: flex;
    height: 50px;
    width: 50px;
    background-color: #fff;
    border-radius: 12px;
    padding: 12px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    grid-area: image;
}

.html-category-page .center-2 .page-title span>img {
    max-width: 24px;
}

.html-category-page .center-2 .page-title .total-number-of-products {
    grid-area: products;
    color: #73787E;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    text-align: left;
    width: 100%;
}

@media (min-width:1024px) {
    .html-category-page .category-grid.sub-category-grid {
        padding: 0 0 0 6vw;
    }

    .html-category-page .center-2 .page-title {
        padding: 18px 6vw;
        top: 0;
    }
}

@media(min-width:1150px) {
    .html-category-page .category-grid.sub-category-grid {
        padding: 0;
    }

    .html-category-page .category-grid.sub-category-grid .item-grid {
        max-width: 1100px;
        margin: 0 auto;
    }

    .html-category-page .center-2 .page-title {
        padding: 37px 0;
    }

    .html-category-page .center-2 .page-title h1,
    .html-category-page .center-2 .page-title .total-number-of-products {
        max-width: 1100px;
        margin: 0 auto;
    }
}

.html-category-page .category-grid.sub-category-grid .item-grid:-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

.html-category-page .category-grid.sub-category-grid .item-grid {
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
}

.html-category-page .category-grid.sub-category-grid .item-grid .item-box {
    width: auto;
    background-color: unset;
    box-shadow: none;
    margin-left: unset;
    overflow: visible;
}

.html-category-page .category-grid.sub-category-grid .item-grid .item-box>a {
    padding: 12px 20px;
    background-color: var(--main-color-lightest);
    border-radius: 100px;
    white-space: nowrap;
    display: block;
}

.html-category-page .category-grid.sub-category-grid .item-grid .item-box .sub-category-item {
    display: flex;
    align-items: center;
    flex-direction: row;
    column-gap: 8px;
}

.html-category-page .category-grid.sub-category-grid .item-grid .item-box h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #464C52;
    text-transform: none;
    padding: 0;
    white-space: inherit;
}

.html-category-page .category-grid.sub-category-grid .item-grid .item-box:hover {
    color: #464C52;
}

.html-category-page .category-grid.sub-category-grid .item-grid .item-box .picture,
.html-category-page .category-grid.sub-category-grid .item-grid .item-box .picture a {
    height: 20px;
    width: 20px;
    padding: 0;
}

.html-category-page .category-grid.sub-category-grid .item-grid .item-box span.category-numberOfProducts {
    background-color: #fff;
    border-radius: 43px;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    color: #73787E;
    padding: 4px 5px;
}

.html-category-page .category-grid.sub-category-grid .item-grid .item-box.active>a {
    background-color: var(--main-color-dark);
}

.html-category-page .category-grid.sub-category-grid .item-grid .item-box.active a h2 {
    color: #fff;
    font-weight: 700;
}

.html-category-page .category-grid.sub-category-grid .item-grid .item-box.active a span.category-numberOfProducts {
    background-color: rgb(255, 255, 255, 0.2);
    color: #fff;
}

.filtersPanel .block.block-category-navigation {
    display: none;
}

@media(max-width:1024px) {
    .html-category-page .category-grid.sub-category-grid {
        display: block;
        overflow-x: scroll;
        -ms-overflow-style: none;
        /* Internet Explorer 10+ */
        scrollbar-width: none;
        /* Firefox */
        width: 100vw;
        left: -4vw;
        padding-left: 4vw;
    }

    .html-category-page .category-grid.sub-category-grid .item-grid {
        flex-wrap: nowrap;
    }

    .html-category-page .category-grid.sub-category-grid .item-grid .item-box>a {
        padding: 8px 10px;
        overflow: visible;
    }

    .html-category-page .category-grid.sub-category-grid .item-grid .item-box .sub-category-item {
        column-gap: 6px;
    }

    .html-category-page .category-grid.sub-category-grid .item-grid .item-box h2 {
        font-size: 12px;
        line-height: 16px;
    }

    .html-category-page .category-grid.sub-category-grid .item-grid .item-box span.category-numberOfProducts {
        font-size: 9px;
    }

    .html-category-page .center-2 .page-title {
        background-color: #fff;
        margin: 9px 0 0;
    }

    .html-category-page .customer-overdue-amount.mobile~.master-wrapper-content .center-2 .page-title {
        margin: 51px 0 0;
    }

    .html-category-page .center-2 .page-title h1 {
        font-size: 16px;
        line-height: 19px;
        grid-template-columns: 40px 100%;
        column-gap: 10px;
        row-gap: 3px;
    }

    .html-category-page .center-2 .page-title span {
        width: 40px;
        height: 40px;
        padding: 10px;
        background-color: #F0F2F3;
    }

    .html-category-page .center-2 .page-title span img {
        max-width: 20px;
    }

    .html-category-page .center-2 .page-title .total-number-of-products {
        font-size: 10px;
        font-weight: 400;
        line-height: 12px;
        text-align: left;
        color: #9FA4A9;
    }

    .category-page .product-sorting-list+.block.block-category-navigation {
        display: none;
    }

    .filtersPanel .block.block-category-navigation {
        border: unset;
        display: block;
    }

    .filtersPanel .block.block-category-navigation .title strong {
        font-size: 20px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: 0px;
        text-align: left;
        color: #1B1D1F;
        text-transform: none;
        padding-bottom: 16px;
    }

    .filtersPanel .block.filter-block .title a {
        font-size: 20px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: 0px;
        text-align: left;
        color: #1B1D1F;
        text-transform: none;
        padding-bottom: 16px;
    }

    .filtersPanel .block.filter-block .title a.clearFilterOptions {
        display: none !important;
    }

    .filtersPanel .block.block-category-navigation .title:before {
        display: none;
    }

    .filtersPanel .block.block-category-navigation .listbox {
        padding-bottom: 21px;
    }

    .filtersPanel .block.block-category-navigation .listbox a {
        font-size: 16px;
    }
}

/*Categories - End*/
/*Selectors - Start*/
.product-selectors {
    margin-bottom: 33px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 8px;
}

@media(max-width:1024px) {
    .product-selectors {
        margin-bottom: 24px;
    }

    .page-body .product-selectors>div.filters-button-wrapper {
        width: unset;
    }
}

.product-selectors:after {
    display: none;
}

.product-selectors .product-viewmode {
    display: none;
}

.product-selectors .product-sorting-list,
.product-selectors .filters-button-wrapper {
    position: relative;
}

.product-selectors .product-sorting span {
    display: none;
}

.product-selectors .product-sorting-list button {
    background-color: #F0F2F3;
    border-radius: 100px;
    border: unset;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
    background-image: unset;
    margin: 0;
    height: 40px;
    padding: 10px 33px;
    text-transform: none;
    width: 100%;
}

.product-selectors .filters-button-wrapper button {
    background-color: #F0F2F3;
    border-radius: 100px;
    border: unset;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
    background-image: unset;
    margin: 0;
    height: 40px;
    padding: 10px 35px;
    text-transform: none;
}

.product-selectors .filters-button-wrapper button:before {
    content: "\e904";
    font-size: 15px;
    color: #1B1D1F;
    position: absolute;
    top: 50%;
    left: 21px;
    transform: translate(-50%, -50%);
    margin: 0;
}

.product-selectors .product-sorting-list button:before {
    content: "\eaef";
    font-size: 16px;
    color: #1B1D1F;
    position: absolute;
    top: 11px;
    left: 12px;
}

.product-selectors .product-sorting-list button:after,
.product-selectors .filters-button-wrapper button:after {
    content: "\ea9f";
    font-size: 14px;
    color: #1B1D1F;
    position: absolute;
    top: 13px;
    right: 12px;
}

.product-selectors .product-sorting-list button+.dropdown-menu {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: max-content;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    padding: 12px 14px 23px;
    transition: all .2s ease;
}

.product-selectors .product-sorting-list button+.dropdown-menu li {
    padding: 9px 50px 9px 12px;
    position: relative;
    margin-bottom: 8px;
    text-align: left;
}

.product-selectors .product-sorting-list button+.dropdown-menu li:first-of-type {
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    text-transform: none;
    color: #1B1D1F;
}

.product-selectors .product-sorting-list button+.dropdown-menu li:first-of-type:before {
    content: "\eaa2";
    font-size: 22px;
    position: absolute;
    right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}

.product-selectors .product-sorting-list button+.dropdown-menu li:not(:first-of-type):before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #C9CDD2;
    border-radius: 3px;
    position: absolute;
    right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
}

.product-selectors .product-sorting-list button+.dropdown-menu li.checked:before {
    background-color: var(--main-color);
    text-align: center;
    border: unset;
    content: "\eab4";
    color: #fff;
    font-size: 12px;
}

.product-selectors .product-sorting-list button+.dropdown-menu li:not(:first-of-type):hover,
.product-selectors .product-sorting-list button+.dropdown-menu li.checked {
    cursor: pointer;
    background-color: var(--main-color-lightest);
    border-radius: 12px;
}

.product-selectors .product-sorting-list button+.dropdown-menu li:not(:first-of-type):hover a,
.product-selectors .product-sorting-list button+.dropdown-menu li.checked a {
    font-weight: 700;
    text-align: left;
    color: var(--main-color);
}

.product-selectors .product-sorting-list button+.dropdown-menu li a {
    color: #464C52;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    text-transform: none;
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.product-selectors .product-sorting-list span {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

@media (max-width:1024px) {
    .product-selectors .product-sorting-list button+.dropdown-menu {
        position: fixed;
        top: unset;
        bottom: 0;
        width: 100%;
        border-radius: 12px 12px 0 0;
        max-height: 330px;
        overflow-y: scroll;
        z-index: 9001;
    }

    .product-selectors .product-sorting-list button+.dropdown-menu {
        opacity: 1;
        visibility: visible;
        animation: slideInOut 0.3s ease-in-out;
    }

    @keyframes slideInOut {
        0% {
            opacity: 0;
            visibility: hidden;
            transform: translateY(100%);
        }

        100% {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
    }

    .product-selectors .product-sorting-list span {
        z-index: 9000;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .product-selectors .product-sorting-list button+.dropdown-menu li:first-of-type {
        font-size: 20px;
        line-height: 26px;
    }

    .product-selectors .product-sorting-list button+.dropdown-menu li:first-of-type:before {
        display: none;
    }

    .product-selectors .product-sorting-list button+.dropdown-menu li {
        padding: 17px 12px;
    }

    .product-selectors .product-sorting-list button+.dropdown-menu li a {
        font-size: 16px;
        line-height: 16px;
    }

    .product-selectors .product-sorting-list button+.dropdown-menu li.checked {
        background-color: transparent;
    }

    .product-selectors .product-sorting-list button+.dropdown-menu li.checked a {
        font-size: 16px;
        line-height: 16px;
        color: #1B1D1F;
    }
}

/*Selectors - End*/
/*Filters Modal - Start*/
@media (max-width: 1024px) {
    .html-category-page .nopAjaxFilters7Spikes {
        bottom: -100%;
        width: 100%;
        height: 50%;
        top: unset;
        left: 0;
        border-radius: 24px 24px 0 0;
    }

    .html-category-page .nopAjaxFilters7Spikes.open {
        bottom: 0;
        left: 0;
        overflow-y: scroll;
    }

    .html-category-page .nopAjaxFilters7Spikes .close-side-menu,
    .html-category-page .nopAjaxFilters7Spikes .clearFilterOptions {
        display: none;
    }

    .html-category-page .nopAjaxFilters7Spikes .toggleControl {
        font-size: 20px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: 0px;
        text-align: left;
        color: #1B1D1F;
        text-transform: none;
        padding-bottom: 16px;
    }

    .html-category-page .nopAjaxFilters7Spikes .close-side-menu .close-side-menu-text:before {
        display: none;
    }

    .html-category-page .nopAjaxFilters7Spikes .filter-block .filtersGroupPanel {
        margin-bottom: 0;
    }

    .html-category-page .nopAjaxFilters7Spikes .filtersPanel {
        overflow-y: unset;
        padding: 27px 24px 32px 32px;
    }

    .html-category-page .nopAjaxFilters7Spikes .filter-block .filtersGroupPanel .checkbox-item label {
        font-size: 16px;
        padding: 21px 0;
    }

    .html-category-page .nopAjaxFilters7Spikes .filter-block .filtersGroupPanel .checkbox-item label:before {
        right: 0;
        left: unset;
        border-radius: 3px;
        width: 20px;
        height: 20px;
    }

    .html-category-page .nopAjaxFilters7Spikes .filter-block .filtersGroupPanel .checkbox-item input[type="checkbox"]:checked+label:before {
        border-radius: 3px;
        box-shadow: 0 0 0 1px var(--main-color);
        background-color: var(--main-color);
        text-align: center;
        border: 3px solid var(--main-color);
        content: "\eab4";
        color: #fff;
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
    }

    .html-category-page .nopAjaxFilters7Spikes .filter-block .filtersGroupPanel .checkbox-item input[type="checkbox"]:checked+label {
        font-weight: 700;
    }
}

/*Filters Modal - End*/
/*Product Tags - Start*/
.side-2 .block-popular-tags {
    margin-top: 48px;
}

.side-2 .block-popular-tags .title {
    background-color: unset;
    padding: 0;
}

.side-2 .block-popular-tags .title strong {
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
    padding: 0 0 24px 0;
}

/*View All Button - Start*/
.block .view-all a {
    color: #1B1D1F;
}

.block .view-all a:hover {
    color: var(--main-color);
}

/*View All Button - End*/
.side-2 .block-popular-tags .listbox {
    padding: 0;
    margin-bottom: 48px;
}

.side-2 .block-popular-tags .listbox ul {
    display: flex;
    flex-direction: column;
}

.side-2 .block-popular-tags .listbox li {
    margin: 0;
}

.side-2 .block-popular-tags .listbox li>a {
    font-size: 13px !important;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #9FA4A9;
    text-transform: none;
    padding: 8px 0;
}

@media(min-width:1024px) {
    .filtersPanel .block.block-category-navigation+.block.block-popular-tags {
        display: none;
    }
}

@media(max-width:1024px) {
    .category-page .block-category-navigation+.block.block-popular-tags {
        display: none;
    }

    .filtersPanel .block.block-popular-tags {
        border: unset;
    }

    .filtersPanel .block.block-popular-tags .title {
        background-color: unset;
        padding: 0;
    }

    .filtersPanel .block.block-popular-tags .title:before {
        display: none;
    }

    .filtersPanel .block.block-popular-tags .title strong {
        font-size: 20px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: 0px;
        text-align: left;
        color: #1B1D1F;
        text-transform: none;
        padding-bottom: 16px;
    }

    .filtersPanel .block-popular-tags .listbox {
        padding: 0 0 21px;
        display: block;
    }

    .filtersPanel .block-popular-tags .listbox ul {
        display: flex;
        flex-direction: column;
    }

    .filtersPanel .block-popular-tags .listbox li {
        margin: 0;
    }

    .filtersPanel .block-popular-tags .listbox li>a {
        font-size: 16px !important;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0em;
        text-align: left;
        color: #9FA4A9;
        text-transform: none;
        padding: 8px 0;
    }
}

/*Product Tags - End*/
/*CATALOG - END*/

/*CART - START*/
.html-shopping-cart-page .master-wrapper-content {
    position: relative;
}

.shopping-cart-page .page-title {
    background-color: #F0F2F3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    text-align: left;
    padding: 16px 4vw 13px;
    margin: 0;
}

.shopping-cart-page .page-title h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
}

.shopping-cart-page .page-title .continue-shopping {
    border: unset;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #73787E;
    text-decoration: underline;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 14px 24px 0;
    background-color: transparent;
    position: relative;
}

.shopping-cart-page .page-title .continue-shopping span.register-arrow {
    position: absolute;
    left: 0;
}

.shopping-cart-page .page-title .continue-shopping span.register-arrow:before {
    margin-right: 0;
    color: #73787E;
}

.shopping-cart-page .total-products-quantity {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
    margin-bottom: 15px;
    justify-content: flex-end;
}

.checkout-page .total-products-quantity {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
    justify-content: flex-end;
}

.shopping-cart-page .total-products-quantity>p,
.checkout-page .total-products-quantity>p {
    color: var(--main-color);
    margin-right: 5px;
    font-weight: 700;
}

.shopping-cart-page .cart-collaterals {
    margin: 0;
}

@media (min-width: 768px) {
    .shopping-cart-page .page-title {
        font-size: 24px;
        padding: 20px 6vw;
    }
}

@media (min-width: 1150px) {
    .shopping-cart-page .page-title {
        padding: 30px 0;
    }

    .shopping-cart-page .page-title h1 {
        max-width: 1100px;
        margin: 0 auto;
    }

    .shopping-cart-page .page-title .continue-shopping {
        width: 1100px;
        margin: 0 auto;
    }
}

@media (max-width: 1024px) {

    .html-shopping-cart-page .customer-overdue-amount.mobile~.master-wrapper-content .master-column-wrapper,
    .html-checkout-page .customer-overdue-amount.mobile~.master-wrapper-content .master-column-wrapper {
        padding-top: 50px;
    }

    .html-shopping-cart-page .customer-overdue-amount.mobile~.master-wrapper-content .page-title,
    .html-checkout-page .customer-overdue-amount.mobile~.master-wrapper-content .page-title {
        margin-top: 51px;
    }

    .shopping-cart-page.with-points-display .page-title {
        top: 46px;
    }

    .shopping-cart-page.with-points-display .order-summary-content {
        margin-top: 32px;
    }

    .shopping-cart-page .page-title {
        background-color: transparent;
    }

    .shopping-cart-page .page-title h1 {
        font-size: 24px;
        line-height: 31px;
    }

    .shopping-cart-page .page-title .continue-shopping {
        font-size: 11px;
        line-height: 14px;
        padding: 4px 24px 0;
    }

    .shopping-cart-page .page-title .continue-shopping span.register-arrow:before {
        font-size: 20px;
        height: 20px;
        width: 20px;
    }

    .shopping-cart-page .total-products-quantity {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 27px;
    }

    .shopping-cart-page .total-products-quantity>p {
        font-size: 12px;
        line-height: 16px;
    }
}

.shopping-cart-page .cart-collaterals .collaterals-shipping {
    margin: 0;
    border: unset;
    border-radius: 16px 16px 0 0;
    width: 100%;
}

.shopping-cart-page .cart-collaterals .collaterals-shipping>div {
    background-color: #F0F2F3;
    text-align: left;
    padding: 14px 24px;
}

.shopping-cart-page .cart-collaterals .collaterals-shipping>div:before {
    display: none;
}

.shopping-cart-page .cart-collaterals .collaterals-shipping>div .estimate-shipping-button {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.shopping-cart-page .cart-collaterals .collaterals-shipping>div.title,
.shopping-cart-page .cart-collaterals .collaterals-shipping>div .estimate-shipping-button label {
    color: #9FA4A9;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0em;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.shopping-cart-page .cart-collaterals .collaterals-shipping>div .estimate-shipping-button label:before {
    content: "\eafa";
    font-size: 22px;
    color: #73787E;
    margin-right: 12px;
}

.shopping-cart-page .cart-collaterals .collaterals-shipping>div .estimate-shipping-button input {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 0em;
    background-color: transparent;
    max-width: fit-content;
    text-align: left;
    padding: 0;
    border: unset;
    margin: 0 0 0 5px;
    height: fit-content;
}

/*Min. amount - Start*/
.cart-collaterals .min-amount-warning {
    background-color: #FCF3E2;
    text-align: left;
    padding: 14px 24px;
    border-radius: 16px 16px 0 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    color: #95670F;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0em;
    border: unset;
    margin: 0;
    width: 100%;
}

.cart-collaterals .min-amount-warning:before {
    content: "\eb00";
    font-size: 22px;
    color: #95670F;
    margin-right: 12px;
}

.cart-collaterals:has(.min-amount-warning) .collaterals-shipping {
    display: none;
}

/*Min. amount - End*/
/*Checkout Display - Loyalty - PT - Start*/
@media(max-width: 1024px) {
    .shopping-cart-disclaimer {
        padding-bottom: 32px;
    }
}

/*Checkout Display - Loyalty - PT - End*/

#shopping-cart-form .cart {
    border: 1px solid#F0F2F3;
    border-radius: 0 0 10px 10px;
    padding: 0 24px;
}

#shopping-cart-form .cart .cart-item-row {
    display: grid;
    grid-template-areas:
        "image product quantity remove"
        "image price quantity remove";
    grid-template-columns: 100px 2fr 1.5fr 0.5fr;
    border-bottom: 1px solid #F0F2F3;
    width: 100%;
}

#shopping-cart-form .cart .cart-item-row.discount .quantity .plus,
#shopping-cart-form .cart .cart-item-row.discount .quantity .minus {
    opacity: 0;
}

#shopping-cart-form .cart .cart-item-row.free,
#shopping-cart-form .cart .cart-item-row.free td {
    background-color: #E0F7E7;
}

#shopping-cart-form .cart .cart-item-row:has(.product-specification-case) {
    grid-template-areas:
        "image product quantity remove"
        "image price quantity remove"
        "image product-specification quantity remove";
    grid-template-rows: 1fr 0.5fr 1fr;
}

/*Discount Disclaimer - Start*/
#shopping-cart-form .cart .cart-item-row.free.discount .discount-disclaimer {
    display: none;
}

#shopping-cart-form .cart .cart-item-row.discount {
    grid-template-areas:
        "image product quantity remove"
        "image price quantity remove"
        "image discount-disclaimer discount-disclaimer remove";
}

#shopping-cart-form .cart .cart-item-row.discount .unit-price,
#shopping-cart-form .cart .cart-item-row.discount .quantity {
    padding-bottom: 8px;
}

#shopping-cart-form .cart .cart-item-row.discount:has(.product-specification-case) {
    grid-template-areas:
        "image product quantity remove"
        "image price quantity remove"
        "image product-specification quantity remove"
        "image discount-disclaimer discount-disclaimer remove";
}

#shopping-cart-form .cart .discount-disclaimer {
    grid-area: discount-disclaimer;
    padding: 0 20px 20px;
    border: unset;
    display: grid;
    grid-template-columns: 2fr 1.5fr;
    gap: 9px;
}

#shopping-cart-form .cart .discount-disclaimer div {
    color: #1B1D1F;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
}

@media(max-width:1024px) {
    #shopping-cart-form .cart .cart-item-row.discount {
        grid-template-areas:
            "image product remove "
            "image price ."
            "image quantity ."
            "image discount-disclaimer discount-disclaimer ";
    }

    #shopping-cart-form .cart .discount-disclaimer {
        display: flex;
        flex-direction: column;
        padding: 0 0 20px;
        gap: 5px;
    }
}

/*Discount Disclaimer - End*/
#shopping-cart-form .cart .cart-item-row:last-of-type {
    border: unset;
}

#shopping-cart-form .cart .remove-from-cart {
    grid-area: remove;
    border: unset;
    text-align: right;
    padding: 36px 26px;
}

#shopping-cart-form .cart .remove-from-cart .button-2 {
    border: unset;
    min-width: unset;
    background: unset;
    height: unset;
    padding: 0;
    min-height: fit-content;
    font-weight: 400;
}

#shopping-cart-form .cart .remove-from-cart .button-2:before {
    content: "\eaf9";
    font-size: 16px;
    color: #9FA4A9;
}

#shopping-cart-form .cart .product-picture {
    grid-area: image;
    border: unset;
}

#shopping-cart-form .cart .product-picture a {
    width: 60px;
}

#shopping-cart-form .cart .product {
    grid-area: product;
    border: unset;
    padding-bottom: 7px;
    display: flex;
    align-items: flex-end;
}

#shopping-cart-form .cart .product a {
    color: #1B1D1F;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
}

#shopping-cart-form .cart .product .attributes {
    padding: 0;
}

#shopping-cart-form .cart .product .attributes ul {
    padding-left: 0;
    display: flex;
    flex-direction: column;
}

#shopping-cart-form .cart .product .attributes ul li {
    color: #1B1D1F;
    text-indent: 0;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    text-align: left;
    padding: 12px 0 0 0;
    margin: 0;
}

#shopping-cart-form .cart .product .attributes ul li:first-of-type {
    margin: 0;
    padding: 10px 0 0;
}

#shopping-cart-form .cart .product .attributes ul li i {
    font-size: 12px;
    font-weight: 700;
    margin-left: 0;
    font-style: normal;
    color: #9FA4A9;
}

#shopping-cart-form .cart .product .edit-item {
    display: none;
}

#shopping-cart-form .cart .unit-price {
    grid-area: price;
    border: unset;
    padding-top: 0;
    display: flex;
    align-items: center;
}

#shopping-cart-form .cart tr .unit-price .product-unit-price-free {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-align: left;
    color: #1DB885;
}

#shopping-cart-form .cart tr .unit-price .product-unit-price-free:before {
    content: "\eace";
    font-size: 14px;
    margin-right: 4px;
    text-transform: none;
}

#shopping-cart-form .cart tr:has(.product-specification-case) .unit-price {
    padding-bottom: 0;
}

#shopping-cart-form .cart .unit-price label {
    display: none;
}

#shopping-cart-form .cart .unit-price span {
    color: #1B1D1F;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
}

#shopping-cart-form .cart .product-specification-case {
    grid-area: product-specification;
    border: unset;
    padding: 6px 20px 20px;
    display: flex;
    align-items: flex-start;
}

#shopping-cart-form .cart .product-specification-case .product-case {
    color: #9FA4A9;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
}

#shopping-cart-form .cart .product-specification-case .free-quantity {
    color: #9FA4A9;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    padding-left: 2px;
}

#shopping-cart-form .cart .quantity {
    grid-area: quantity;
    border: unset;
    width: unset;
    padding: 20px 0;
}

#shopping-cart-form .cart .quantity input {
    margin: 0 6px;
}

#shopping-cart-form .cart .subtotal {
    grid-area: subtotal;
    display: none;
}

/*Cart total - Start*/
.cart-footer .totals {
    border: 1px solid #F0F2F3;
    border-radius: 25px;
    background-color: #fff;
    padding: 0;
}

.cart-footer .totals .order-collaterals,
.confirm-order .order-info .order-collaterals {
    background-color: var(--main-color-lightest);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
    padding: 13px 39px;
    border-radius: 25px 25px 0 0;
}

.cart-footer .totals .order-collaterals label,
.confirm-order .order-info .order-collaterals label {
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.cart-footer .totals .order-collaterals label:before,
.confirm-order .order-info .order-collaterals label:before {
    content: "\eac1";
    font-size: 15px;
    padding-right: 12px;
}

.cart-footer .totals .order-collaterals span,
.confirm-order .order-info .order-collaterals span {
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    text-align: left;
}

@media(max-width:1024px) {

    .cart-footer .totals .order-collaterals,
    .confirm-order .order-info .order-collaterals {
        position: fixed;
        top: 80px;
        left: 0;
        width: 100%;
        border-radius: 0;
        padding: 10px 16px;
        max-width: unset;
    }
}

@media(min-width:1024px) {
    .cart-footer .totals .total-info {
        margin-bottom: 30px;
        padding: 32px 32px 0;
    }

    .cart-footer .totals .checkout-buttons {
        padding: 0 32px 32px;
    }

}

.cart-footer .totals .checkout-buttons {
    padding: 0 32px 32px;
}

.cart-footer .totals .cart-total td {
    padding: 0;
}

.cart-footer .totals .cart-total td label,
.cart-footer .totals .cart-total td span {
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
}

.cart-footer .totals .cart-total td.cart-total-left {
    text-align: left;
    width: 30%;
}

.cart-footer .totals .cart-total tr.loyaltypoints-total td.cart-total-left {
    width: 35%;
}

.cart-footer .totals .cart-total td.cart-total-right {
    text-align: right;
    width: 70%;
}

.cart-footer .totals .cart-total tr.loyaltypoints-total td.cart-total-right {
    width: 65%;
}

/*Fix for Calculated during checkout - Start*/
.shopping-cart-page .cart-footer .totals .cart-total tr.order-total td.cart-total-right span {
    font-size: 15px;
    line-height: 16px;
}

/*Fix for Calculated during checkout - End*/

.cart-footer .totals .cart-total:not(:has(.loyaltypoints-total)) tr.tax-rate td,
.cart-footer .totals .cart-total tr.loyaltypoints-total td {
    padding-bottom: 0;
}

.cart-footer .totals .cart-total tr.order-total {
    color: #1B1D1F;
    border-top: 24px solid #fff;
    box-shadow: inset 0px 13px #F0F2F3;
}

.cart-footer .totals .cart-total tr.order-total td {
    padding-top: 18px;
}

.cart-footer .totals .total-info h1,
.cart-footer .totals .cart-total .order-total td label {
    color: #1B1D1F;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

.cart-footer .totals .cart-total .order-total td span {
    color: #1B1D1F;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: right;
}

/*Cart total - End*/
/*Redeem Points - Start*/
.shopping-cart-page .deals .list {
    display: flex;
    flex-direction: column-reverse;
    gap: 16px;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box {
    background-color: #F7F8F9;
    border-radius: 24px;
    padding: 24px 18px 25px;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    color: #1B1D1F;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .title:before {
    content: "\eac1";
    margin-right: 8px;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .hint {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    color: #464C52;
    margin-left: 24px;
    margin-top: 8px;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code {
    display: flex;
    flex-direction: row;
    margin-top: 11px;
    margin-left: 24px;
    gap: 19px;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code .rewardpoints-discounts {
    position: relative;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code button.btn-secondary {
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #F0F2F3;
    padding: 12px 25px 12px 10px;
    height: 40px;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    color: #73787E;
    position: relative;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code button.btn-secondary:after {
    content: "\ea9f";
    font-size: 14px;
    color: #73787E;
    position: absolute;
    top: 11px;
    right: 10px;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code button.btn-secondary+.dropdown-menu {
    position: absolute;
    top: 51px;
    left: 0;
    z-index: 1;
    width: max-content;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 24px 30px;
    transition: all .2s ease;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code button.btn-secondary+.dropdown-menu li:not(:first-of-type) {
    padding: 17px 50px 17px 12px;
    position: relative;
    text-align: left;
    color: #73787E;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code button.btn-secondary+.dropdown-menu li:first-of-type {
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    text-align: left;
    text-transform: none;
    color: #73787E;
    padding-bottom: 16px;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code button.btn-secondary+.dropdown-menu li:not(:first-of-type) a:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #C9CDD2;
    border-radius: 3px;
    position: absolute;
    right: 12px;
    top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code button.btn-secondary+.dropdown-menu li:not(:first-of-type).checked a {
    color: var(--main-color);
    font-weight: 700;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code button.btn-secondary+.dropdown-menu li:not(:first-of-type).checked a:before {
    background-color: var(--main-color);
    text-align: center;
    border: unset;
    content: "\eab4";
    color: #fff;
    font-size: 12px;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code .button-2 {
    height: 40px;
    color: var(--main-color);
    border-color: var(--main-color);
    background-color: transparent;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    min-width: 99px;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code .button-2:disabled {
    color: #C9CDD2;
    border-color: #C9CDD2;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code .min-amount-warning {
    font-size: 12px;
    font-weight: 400;
    line-height: 15.62px;
    text-align: left;
    color: #1B1D1F;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code .applied-rewardpoints-discount-displaytext {
    background-color: #fff;
    border: 1px solid #F0F2F3;
    border-radius: 12px;
    padding: 12px 10px;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code .button-2#remove-rewardpoints-discount {
    color: #E82C3E;
    border: unset;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    display: flex;
    align-items: center;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code .button-2#remove-rewardpoints-discount:before {
    content: "\eaf9";
    margin-right: 8px;
    font-size: 14px;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .message-success {
    color: #1DB885;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    margin-left: 24px;
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .message-success:before {
    content: "\eab4";
    font-size: 16px;
    margin-right: 8px;
}

.shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code .rewardpoints-discounts span {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

@media(max-width:1024px) {
    .shopping-cart-page .deals .list {
        gap: 34px;
    }

    .shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box {
        background-color: transparent;
        padding: 0;
    }

    .shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code button.btn-secondary+.dropdown-menu {
        position: fixed;
        top: unset;
        bottom: 0;
        width: 100%;
        border-radius: 12px 12px 0 0;
        max-height: 330px;
        overflow-y: scroll;
        z-index: 9001;
    }

    .shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code .rewardpoints-discounts button.btn-secondary+.dropdown-menu {
        opacity: 1;
        visibility: visible;
        animation: slideInOut 0.3s ease-in-out;
    }

    @keyframes slideInOut {
        0% {
            opacity: 0;
            visibility: hidden;
            transform: translateY(100%);
        }

        100% {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
    }

    .shopping-cart-page .deals .noesis_loyaltyprogram_checkout-box .coupon-code .rewardpoints-discounts span {
        z-index: 9000;
        background-color: rgba(0, 0, 0, 0.4);
    }
}

/*Redeem Points - End*/
/*Coupon - Start*/
.common-buttons {
    display: none;
}

.shopping-cart-page .deals .coupon-box {
    background-color: #F7F8F9;
    border-radius: 6px;
    padding: 17px 18px;
}

.shopping-cart-page .deals .coupon-box .input-with-button {
    background-color: #fff;
    border: 1px dashed #C9CDD2;
    padding: 10px 16px;
    height: 56px;
    display: flex;
    flex-direction: row;
    border-radius: 6px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.shopping-cart-page .deals .coupon-box .discount-coupon-code {
    height: 100%;
    border: unset;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #9FA4A9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shopping-cart-page .deals .coupon-box .apply-discount-coupon-code-button {
    border: unset;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #C9CDD2;
    text-transform: uppercase;
    padding: 0;
    min-width: unset;
    height: unset;
}

.shopping-cart-page .deals .coupon-box:has(.message-failure) .input-with-button {
    border-color: #E82C3E;
}

.shopping-cart-page .deals .coupon-box .message-failure {
    background-color: #FEEFEE;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 17px;
    color: #E82C3E;
    padding: 5px 0 4px 0;
}

/*Current Code - Start*/
.shopping-cart-page .deals .coupon-box .message-success {
    display: none;
}

.shopping-cart-page .deals .coupon-box .current-code {
    background-color: #fff;
    border: 1px dashed #1DB885;
    padding: 17px 16px;
    height: 56px;
    display: flex;
    flex-direction: row;
    border-radius: 6px;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
}

.shopping-cart-page .deals .coupon-box .current-code .applied-discount-code {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: #1B1D1F;
}

.shopping-cart-page .deals .coupon-box .current-code .applied-discount-code:after {
    content: "\eab4";
    font-size: 16px;
    color: #1DB885;
    padding-left: 8px;
}

.shopping-cart-page .deals .coupon-box .current-code .remove-discount-button {
    width: auto;
    background: unset;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.62px;
    text-align: left;
    color: #9FA4A9;
    margin: 0;
}

/*Current Code - End*/
/*Coupon - End*/
@media (min-width: 768px) {
    .shopping-cart-page .order-summary-content {
        margin-top: -2px;
    }
}

@media(max-width:768px) {
    .shopping-cart-page .order-summary-content {
        margin-top: 13px;
    }

    .shopping-cart-page.with-points-display .order-summary-content {
        margin-top: 58px;
    }
}

@media (min-width: 1024px) {
    .shopping-cart-page .order-summary-content {
        margin-top: 85px;
    }

    .shopping-cart-page .table-wrapper {
        float: left;
        clear: left;
        width: auto;
        grid-column: 1;
        grid-row: 1 / 3;
    }

    .shopping-cart-page .order-summary-content form {
        display: grid;
        grid-template-columns: 2fr 1fr;
        grid-column-gap: 50px;
        grid-template-rows: auto minmax(auto, 1fr);
        overflow: visible;
    }

    .shopping-cart-page .cart-footer {
        float: right;
        clear: right;
        width: 30%;
        padding: 30px 0 0;
        min-width: 360px;
        grid-column: 2;
        grid-row: 1;
    }

    .shopping-cart-page .deals {
        float: right;
        clear: right;
        width: 30%;
        padding: 12px 0 0 0;
        min-width: 360px;
        grid-column: 2;
        grid-row: 2;
    }
}

@media (max-width: 1024px) {
    .totals>div {
        max-width: 320px;
    }

    .shopping-cart-page .cart-collaterals .collaterals-shipping>div {
        padding: 10px 16px;
    }

    .shopping-cart-page .cart-collaterals .collaterals-shipping>div .estimate-shipping-button label,
    .shopping-cart-page .cart-collaterals .collaterals-shipping>div .estimate-shipping-button input {
        font-size: 12px;
        line-height: 12px;
    }

    .shopping-cart-page .cart-collaterals .collaterals-shipping>div .estimate-shipping-button label:before {
        font-size: 16px;
    }

    .cart-collaterals .min-amount-warning {
        padding: 13px 16px;
        border-radius: 10px;
        font-size: 10px;
        margin: 0 0 5px;
    }

    .cart-collaterals .min-amount-warning:before {
        font-size: 16px;
        margin-right: 10px;
    }

    #shopping-cart-form .cart .remove-from-cart .button-2:before {
        font-size: 13px;
    }

    #shopping-cart-form .cart {
        padding: 0 13px 0 11px;
    }

    #shopping-cart-form .cart .cart-item-row {
        display: grid;
        grid-template-areas:
            "image product remove "
            "image price ."
            "image quantity .";
        padding-bottom: 0;
        grid-template-columns: 100px 2fr 1fr;
        border: unset !important;
        border-bottom: 1px solid #F0F2F3 !important;
        margin: 0;
    }

    #shopping-cart-form .cart .cart-item-row:has(.product-specification-case) {
        grid-template-areas:
            "image product remove "
            "image price ."
            "image product-specification ."
            "image quantity .";
        grid-template-rows: 1fr 0.5fr 0.5fr auto;
    }

    #shopping-cart-form .cart .cart-item-row.free {
        grid-template-areas:
            "image product"
            "image price"
            "image product-specification";
        grid-template-columns: 100px calc(100% - 100px);
        grid-template-rows: 0.5fr;
        border-radius: 0;
    }

    #shopping-cart-form .cart .cart-item-row.free td.remove-from-cart {
        padding: 0;
    }

    #shopping-cart-form .cart .cart-item-row:last-of-type {
        border-bottom: unset !important;
    }

    #shopping-cart-form .cart .remove-from-cart {
        padding: 27px 13px 0;
    }

    #shopping-cart-form .cart .product-picture {
        padding: 23px 0 !important;
    }

    #shopping-cart-form .cart .product {
        margin: 0;
        height: fit-content;
        padding: 26px 0 6px;
    }

    #shopping-cart-form .cart .unit-price {
        position: unset;
        float: unset;
        background-color: #fff !important;
        border-top: unset !important;
        text-align: left;
        height: fit-content;
        padding: 0;
        padding-bottom: 6px !important;
        width: 100%;
    }

    #shopping-cart-form .cart .cart-item-row.free,
    #shopping-cart-form .cart .cart-item-row.free td {
        background-color: #E0F7E7 !important;
    }

    #shopping-cart-form .cart .unit-price span {
        color: #1B1D1F !important;
        font-size: 14px !important;
        line-height: 14px;
    }

    #shopping-cart-form .cart tr .unit-price .product-unit-price-free {
        color: #1DB885 !important;
    }

    #shopping-cart-form .cart .product-specification-case {
        padding: 0 0 9px;
    }

    #shopping-cart-form .cart .quantity {
        position: unset;
        background-color: #fff !important;
        border-top: unset !important;
        text-align: left;
        height: fit-content;
        display: block;
        padding: 0;
    }

    #shopping-cart-form .cart .quantity label {
        display: none;
    }

    /*Cart Checkout Mobile - Start*/

    .cart-footer .totals {
        position: fixed;
        bottom: 0;
        top: unset;
        width: 100%;
        left: 0;
        background-color: var(--secondary-color);
        z-index: 1;
        border-radius: 14px 14px 0px 0px;
        border: unset;
        padding: 27px 20px 20px;
        max-height: 140px;
        transition: max-height ease-in-out 0.5s;
    }

    .cart-footer .totals.down {
        padding: 36px 20px 18px;
        max-height: 304px;
    }

    .cart-footer .totals .cart-total tr.order-total {
        border: unset;
        box-shadow: unset;
    }

    .cart-footer .totals.down .cart-total tr.order-total {
        border-top: 16px solid var(--secondary-color);
        box-shadow: inset 0px 9px #73787E;
    }

    .cart-total span.arrow:before {
        font-size: 20px;
        position: absolute;
        top: 4px;
        left: 50%;
        cursor: pointer;
    }

    .cart-total span.arrow.up:before {
        content: "\eaa2";
    }

    .cart-total span.arrow.down:before {
        content: "\ea9f";
    }

    .cart-footer .totals .total-info {
        margin-bottom: 16px;
    }

    .cart-footer .totals .cart-total:not(:has(.loyaltypoints-total)) tr.tax-rate td,
    .cart-footer .totals .cart-total tr.loyaltypoints-total td {
        padding-bottom: 0;
    }

    .cart-footer .totals.up .cart-total tr.order-total td {
        padding-top: 0;
    }

    .cart-footer .totals.down .cart-total tr.order-total td {
        padding-top: 24px;
    }

    .cart-footer .totals .checkout-buttons .button-1 {
        background-color: #fff;
        color: #1B1D1F;
    }

    .html-shopping-cart-page .master-wrapper-page,
    .html-checkout-page .master-wrapper-page {
        padding-bottom: 116px;
    }

    /*Cart Checkout Mobile - End*/
}

/*CART - END*/
/*CHECKOUT PAGE - START*/
.html-checkout-page .master-wrapper-content {
    position: relative;
}

.checkout-page {
    padding-top: 21px;
}

.checkout-page .page-title {
    background-color: #F0F2F3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: left;
    padding: 16px 4vw 13px;
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
}

.checkout-page .page-title h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
}

.checkout-page .page-title form {
    height: 32px;
}

.checkout-page .page-title form button {
    border: unset;
    background-color: transparent;
}

.checkout-page .page-title form button .register-arrow:before {
    font-size: 32px;
    height: 32px;
    width: 32px;
    margin-right: 4px;
}

@media (min-width: 768px) {
    .checkout-page .page-title {
        font-size: 24px;
        padding: 34px 6vw;
    }

    .checkout-page {
        padding-top: 30px;
    }
}

@media (min-width: 1150px) {
    .checkout-page .page-title {
        padding: 44px calc((100% - 1100px) / 2);
    }

    .checkout-page {
        padding-top: 50px;
    }
}

@media (max-width: 1024px) {
    .checkout-page.with-points-display .page-title {
        top: 46px;
    }

    .checkout-page .page-title {
        background-color: transparent;
    }

    .checkout-page .page-title h1 {
        font-size: 24px;
        line-height: 31px;
    }

    .checkout-page .page-title form button .register-arrow:before {
        color: #1B1D1F;

    }
}

@media(max-width:768px) {
    .checkout-page.with-points-display {
        padding-top: 45px;
    }
}

@media (min-width: 1024px) {
    .checkout-page .confirm-order {
        float: right;
        clear: right;
        width: 100%;
        padding: 56px 0 0;
        min-width: 360px;
        grid-column: 2;
        grid-row: 1;
    }
}

/*Cart Checkout Total - Start*/
@media(min-width:1024px) {
    .checkout-page .confirm-order #confirm-order-form {
        display: grid;
        grid-template-areas:
            "summary info"
            "summary .";
        grid-template-columns: 2fr 1fr;
        grid-column-gap: 50px;
    }
}

.checkout-page .confirm-order #confirm-order-form .order-info {
    border: 1px solid #F0F2F3;
    border-radius: 25px;
    background-color: #fff;
    padding: 0;
    grid-area: info;
}

.checkout-page .confirm-order #confirm-order-form .order-summary {
    grid-area: summary;
}

.checkout-page .confirm-order #confirm-order-form .totals {
    padding: 0 !important;
    background-color: unset;
    box-shadow: unset !important;
    position: relative !important;
}

/*Terms of service Italy - Start*/
.checkout-page .confirm-order #confirm-order-form .terms-of-service label {
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    display: grid;
    grid-template-columns: 30px auto;
}

@media(max-width:1024px) {
    .checkout-page .confirm-order #confirm-order-form .terms-of-service {
        max-width: 320px;
        margin: 0 auto 15px;
    }
}

/*Terms of service Italy - End*/
@media(min-width:1024px) {
    .checkout-page .confirm-order #confirm-order-form .totals .total-info {
        margin-bottom: 30px;
        padding: 32px 32px 0;
    }

    .checkout-page .confirm-order #confirm-order-form .buttons {
        padding: 0 32px 32px;
    }

    .checkout-page .confirm-order #confirm-order-form .terms-of-service {
        padding: 0 32px;
    }
}

.checkout-page .confirm-order #confirm-order-form .totals .cart-total td {
    padding: 0;
}

.checkout-page .confirm-order #confirm-order-form .totals .cart-total td label,
.checkout-page .confirm-order #confirm-order-form .cart-total td span {
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
}

.checkout-page .confirm-order #confirm-order-form .totals .cart-total td.cart-total-right {
    text-align: right;
}

.checkout-page .confirm-order #confirm-order-form .cart-total:not(:has(.loyaltypoints-total)) tr.tax-rate td {
    padding-bottom: 24px;
}

.checkout-page .confirm-order #confirm-order-form .cart-total tr.loyaltypoints-total td {
    padding-bottom: 24px;
}

.checkout-page .confirm-order #confirm-order-form .totals .cart-total tr.order-total {
    color: #1B1D1F;
    border-top: 1px solid #F0F2F3;
}

.checkout-page .confirm-order #confirm-order-form .totals .cart-total tr.order-total td {
    padding-top: 18px;
}

.cart-footer .totals .total-info h1,
.checkout-page .confirm-order #confirm-order-form .totals .total-info h1,
.checkout-page .confirm-order #confirm-order-form .totals .cart-total .order-total td label {
    color: #1B1D1F;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.checkout-page .confirm-order #confirm-order-form .totals .cart-total .order-total td span {
    color: #1B1D1F;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: right;
}

.checkout-page .confirm-order #confirm-order-form .buttons .button-1 {
    width: 100%;
}

/*Cart Checkout Total - End*/
/*Shipping address- Start*/
.checkout-page .order-review-data .shipping-info-wrap {
    width: 100%;
    border: unset;
    margin: 0;
    padding: 0;
    max-width: 100%;
}

.checkout-page .order-review-data .shipping-info-wrap .title,
.checkout-page .title {
    background-color: #fff;
    line-height: 20px;
    height: auto;
    margin: 0;
    text-align: left;
    padding: 0 0 23px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.checkout-page .title strong {
    color: #1B1D1F;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    padding-left: 8px;
}

.checkout-page .title .title-number {
    color: #fff;
    z-index: 0;
    position: relative;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
}

.checkout-page .title .title-number:before {
    content: "";
    background-color: var(--main-color);
    position: absolute;
    height: 24px;
    width: 24px;
    border-radius: 100%;
    z-index: -1;
}

.checkout-page .order-review-data .shipping-info-wrap .info-list {
    background-color: #F7F8F9;
    text-align: left;
    padding: 16px;
    border-radius: 12px;
}

.checkout-page .order-review-data .shipping-info-wrap .info-list li {
    font-size: 12px;
    line-height: 16px;
    padding: 4px 0;
    margin: 0;
    color: #73787E;
    font-weight: 400;
}

.checkout-page .order-review-data .shipping-info-wrap .info-list li:first-child {
    padding-top: 0;
}

.checkout-page .order-review-data .shipping-info-wrap .info-list li:last-child {
    padding-bottom: 0;
}

.checkout-page .order-review-data .shipping-info-wrap .info-list li.name {
    font-weight: 700;
    color: #1B1D1F;
    text-transform: uppercase;
    grid-area: name;
}

.checkout-page .order-review-data .shipping-info-wrap .info-list li.address1 {
    grid-area: address;
}

.checkout-page .order-review-data .shipping-info-wrap .info-list li.city-state-zip {
    grid-area: city;
}

.checkout-page .order-review-data .shipping-info-wrap .info-list li.country {
    grid-area: country;
}

.checkout-page .order-review-data .shipping-info-wrap .info-list li.phone {
    font-weight: 700;
    grid-area: phone;
}

/*Shipping address- End*/
/*Pay Method + Additional Info - Start*/
.checkout-page .section {
    margin: 0;
}

.checkout-page .payment-info .payment-info {
    margin: 0 0 40px;
}

.checkout-page .payment-info .payment-info .title {
    margin: 0;
}

.checkout-page .payment-info .payment-info .payment-type {
    border: 1px solid #1B1D1F;
    border-radius: 12px;
    width: 94px;
    height: 128px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.checkout-page .payment-info .payment-info .payment-type .value:before {
    content: "";
    display: block;
    height: 26px;
    background-image: url("../img/payment-method-logo.png");
    background-repeat: no-repeat;
    margin-bottom: 17px;
    background-position-x: center;
}

.checkout-page .payment-info .payment-info .payment-type .value {
    text-transform: none;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: center;
    width: 100%;
}

.checkout-page .payment-info .payment-po {
    margin: 0 0 25px;
}

.checkout-page .payment-info .payment-po .title {
    margin: 0;
    padding: 0 0 23px;
}

.checkout-page .payment-info .payment-po input {
    height: 60px;
    border-radius: 12px;
    width: 100%;
    padding: 0 15px;
}

/*Pay Method + Additional Info - End*/
/*Check Order - Start*/
.checkout-page .check-order-table>.title {
    padding: 0;
    margin: 0 0 23px;
    display: grid;
    justify-items: stretch;
    grid-template-columns: [ first] 24px [ line2] auto [ line3] auto [ end];
}

.checkout-page .cart-collaterals {
    margin: 0;
}

.checkout-page .cart-collaterals .collaterals-shipping {
    margin: 0;
    border: unset;
    border-radius: 16px 16px 0 0;
    width: 100%;
}

.checkout-page .cart-collaterals .collaterals-shipping>div {
    background-color: #F0F2F3;
    text-align: left;
    padding: 14px 24px;
    margin: 0;
}

.checkout-page .cart-collaterals .collaterals-shipping>div .estimate-shipping-button {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.checkout-page .cart-collaterals .collaterals-shipping>div.title,
.checkout-page .cart-collaterals .collaterals-shipping>div .estimate-shipping-button label {
    color: #9FA4A9;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0em;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.checkout-page .cart-collaterals .collaterals-shipping>div .estimate-shipping-button label:before {
    content: "\eafa";
    font-size: 22px;
    color: #73787E;
    margin-right: 12px;
}

.checkout-page .cart-collaterals .collaterals-shipping>div .estimate-shipping-button input {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 0em;
    background-color: transparent;
    max-width: fit-content;
    text-align: left;
    padding: 0;
    border: unset;
    margin: 0 0 0 5px;
    height: fit-content;
}

/*Check Order - End*/

/*Product Table - Start*/
.check-order-table .cart {
    border: 1px solid#F0F2F3;
    border-radius: 0 0 10px 10px;
    padding: 0 8px 0 24px;
}

.check-order-table .cart .cart-item-row {
    display: grid;
    grid-template-areas:
        "image product quantity remove"
        "image price quantity remove";
    grid-template-columns: 100px 2fr 1fr 1fr;
    border-bottom: 1px solid #F0F2F3;
    width: 100%;
}

.check-order-table .cart .cart-item-row:last-of-type {
    border: unset;
}

.check-order-table .cart .remove-from-cart {
    grid-area: remove;
    border: unset;
    text-align: right;
    padding: 36px 39px;
}

.check-order-table .cart .remove-from-cart .button-2 {
    border: unset;
    min-width: unset;
    background: unset;
    height: unset;
    padding: 0;
    min-height: fit-content;
    font-weight: 400;
}

.check-order-table .cart .remove-from-cart .button-2:before {
    content: "\eaf9";
    font-size: 16px;
    color: #9FA4A9;
}

.check-order-table .cart .product-picture {
    grid-area: image;
    border: unset;
}

.check-order-table .cart .product-picture a {
    width: 60px;
}

.check-order-table .cart .product {
    grid-area: product;
    border: unset;
    padding-bottom: 0;
}

.check-order-table .cart .product a {
    color: #1B1D1F;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
}

.check-order-table .cart .unit-price {
    grid-area: price;
    border: unset;
    padding-top: 0;
}

.check-order-table .cart .unit-price span {
    color: #1B1D1F;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
}

.check-order-table .cart .quantity {
    grid-area: quantity;
    border: unset;
    width: unset;
    padding: 20px 0;
}

.check-order-table .cart .quantity input {
    margin: 0 6px;
}

.check-order-table .cart .subtotal {
    grid-area: subtotal;
    display: none;
}

.checkout-page .cart-collaterals .collaterals-shipping>div:before {
    display: none;
}

/*Product Table - Start*/
@media(max-width:1024px) {

    .checkout-page .cart-collaterals .collaterals-shipping>div {
        padding: 10px 16px;
    }

    .checkout-page .cart-collaterals .collaterals-shipping>div.title,
    .checkout-page .cart-collaterals .collaterals-shipping>div .estimate-shipping-button label,
    .checkout-page .cart-collaterals .collaterals-shipping>div .estimate-shipping-button input {
        font-size: 12px;
        line-height: 12px;
    }

    .checkout-page .cart-collaterals .collaterals-shipping>div .estimate-shipping-button label:before {
        font-size: 16px;
    }

    .checkout-page .order-review-data {
        margin: 30px 0;
    }

    /*Cart Checkout Mobile - Start*/
    .checkout-page .confirm-order #confirm-order-form .order-info {
        position: fixed;
        bottom: 0;
        top: unset;
        width: 100%;
        left: 0;
        background-color: var(--secondary-color);
        z-index: 1;
        border-radius: 14px 14px 0px 0px;
        border: unset;
        padding: 27px 20px 20px;
        max-height: 140px;
        transition: max-height ease-in-out 0.5s;
    }

    .checkout-page .confirm-order #confirm-order-form .order-info.open {
        padding: 36px 20px 18px;
        max-height: 286px;
    }

    .checkout-page .confirm-order #confirm-order-form .totals .cart-total tr.order-total {
        border: unset;
    }

    .checkout-page .confirm-order #confirm-order-form .totals.down .cart-total tr.order-total {
        border-top: 1px solid #73787E;
    }

    .checkout-page .confirm-order #confirm-order-form .cart-total span.arrow:before {
        font-size: 20px;
        position: absolute;
        top: -4px;
        left: 50%;
        cursor: pointer;
        transform: translate(-50%, -50%);
    }

    .checkout-page .confirm-order #confirm-order-form .cart-total span.arrow.up:before {
        content: "\eaa2";
    }

    .checkout-page .confirm-order #confirm-order-form .cart-total span.arrow.down:before {
        content: "\ea9f";
    }

    .checkout-page .confirm-order #confirm-order-form .totals .total-info {
        margin-bottom: 16px;
    }

    .checkout-page .confirm-order #confirm-order-form .totals .cart-total:not(:has(.loyaltypoints-total)) tr.tax-rate td {
        padding-bottom: 16px;
    }

    .checkout-page .confirm-order #confirm-order-form .cart-total tr.loyaltypoints-total td {
        padding-bottom: 16px;
    }

    .checkout-page .confirm-order #confirm-order-form .totals.up .cart-total tr.order-total td {
        padding-top: 0;
    }

    .checkout-page .confirm-order #confirm-order-form .totals.down .cart-total tr.order-total td {
        padding-top: 24px;
    }

    .checkout-page .confirm-order #confirm-order-form .buttons .button-1 {
        background-color: #fff;
        color: #1B1D1F;
        max-width: 320px;
    }

    /*Cart Checkout Mobile - End*/

    /*Product Table Mobile - Start*/
    .check-order-table .cart {
        padding: 0 13px 0 11px;
    }

    .check-order-table .cart .cart-item-row {
        display: grid;
        grid-template-areas:
            "image product remove "
            "image price ."
            "image quantity .";
        padding-bottom: 0;
        grid-template-columns: 100px 2fr 1fr;
        border: unset !important;
        border-bottom: 1px solid #F0F2F3 !important;
        margin: 0;
    }

    .check-order-table .cart .cart-item-row:last-of-type {
        border-bottom: unset !important;
    }

    .check-order-table .cart .remove-from-cart {
        padding: 27px 13px 0;
    }

    .check-order-table .cart .product-picture {
        padding: 23px 0 !important;
    }

    .check-order-table .cart .product {
        margin: 0;
        height: fit-content;
        padding: 26px 0 0;
    }

    .check-order-table .cart .unit-price {
        position: unset;
        float: unset;
        background-color: #fff !important;
        border-top: unset !important;
        text-align: left;
        height: fit-content;
        padding: 0;
    }

    .check-order-table .cart .unit-price span,
    .check-order-table .cart .unit-price label {
        color: #1B1D1F !important;
        font-size: 14px !important;
        line-height: 14px;
    }

    .check-order-table .cart .quantity {
        position: unset;
        background-color: #fff !important;
        border-top: unset !important;
        text-align: left;
        height: fit-content;
        display: block;
        padding: 0;
    }

    .check-order-table .cart .quantity label {
        display: none;
    }

    /*Product Table Mobile - End*/
}

/*Notes - Start*/
.checkout-attributes {
    background-color: #F7F8F9;
    border-radius: 12px;
    margin: 24px 0 0;
    padding: 16px;
}

.checkout-attributes dl {
    position: relative;
}

.checkout-attributes dt label {
    position: absolute;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    color: #9FA4A9;
    top: 16px;
    left: 16px;
    transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.checkout-attributes dd textarea {
    width: 100%;
    border: 1px solid #F0F2F3;
    border-radius: 10px;
    height: 120px;
    min-height: unset;
}

.checkout-attributes dd textarea:focus {
    border: 1px solid var(--main-color);
}

.checkout-attributes:has(dd textarea:focus) label {
    transform: translateY(-145%);
    padding-inline: 0.3rem;
    font-size: 12px;
    background: linear-gradient(180deg, rgba(247, 248, 249, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

@media(max-width:1024px) {
    .checkout-attributes {
        padding: 12px;
    }

    .checkout-attributes dd textarea {
        height: 76px;
    }

    .checkout-attributes dt label {
        top: 12px;
        left: 12px;
        font-size: 10px;
    }

    .checkout-attributes:has(dd textarea:focus) label {
        font-size: 10px;
        transform: translateY(-125%);
    }
}

/*Notes - End*/
/*CHECKOUT PAGE - END*/
/*ORDER COMPLETE - START*/
.checkout-page.order-completed-page .page-title {
    background-color: rgba(29, 184, 133, 0.1);
    display: flex;
    flex-direction: column;
    padding: 16px 4vw 44px;
}

.checkout-page.order-completed-page .page-title h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    text-align: left;
    color: #1B1D1F;
    margin-bottom: 16px;
}

.checkout-page.order-completed-page .page-title .title-disclaimer {
    margin-bottom: 40px;
}

.checkout-page.order-completed-page .page-title .title-disclaimer strong {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    color: #9FA4A9;
}

.checkout-page.order-completed-page .page-title .orders-button .orders-list-button {
    background-color: #1DB885;
    min-width: 240px;
}

/*Order Number - Start*/
.checkout-page.order-completed-page .checkout-data .details .order-number {
    background-color: #F7F8F9;
    border-radius: 24px 24px 0 0;
    padding: 24px 31px 0 27px;
    margin-top: 44px;
    text-align: left;
}

.checkout-page.order-completed-page .checkout-data .details .order-number:before {
    content: "\eab2";
    font-size: 16px;
    padding-right: 16px;
}

.checkout-page.order-completed-page .checkout-data .details .order-number strong {
    color: #1B1D1F;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
}

.checkout-page.order-completed-page .checkout-data .details .order-number p {
    color: #1B1D1F;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    letter-spacing: -0.025em;
    padding: 0 0 16px 37px;
    border-bottom: 1px dashed #C9CDD2;
}

/*Order Number - End*/
/*Address - Start*/
.checkout-page.order-completed-page .checkout-data .details .order-review-data {
    margin: 0;
}

.checkout-page.order-completed-page .checkout-data .details .order-review-data .shipping-info-wrap .info-list {
    border-radius: 0;
    padding: 16px 31px 0 27px;
}

.checkout-page.order-completed-page .checkout-data .details .order-review-data .shipping-info-wrap .info-list .name:before {
    content: "\eadd";
    font-size: 16px;
    padding-right: 16px;
}

.checkout-page.order-completed-page .checkout-data .details .order-review-data .shipping-info-wrap .info-list .name {
    font-size: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.checkout-page.order-completed-page .checkout-data .details .order-review-data .shipping-info-wrap .info-list .address1,
.checkout-page.order-completed-page .checkout-data .details .order-review-data .shipping-info-wrap .info-list .city-state-zip,
.checkout-page.order-completed-page .checkout-data .details .order-review-data .shipping-info-wrap .info-list .country {
    padding-left: 37px;
}

.checkout-page.order-completed-page .checkout-data .details .order-review-data .shipping-info-wrap .info-list .phone {
    padding: 0 0 16px 37px;
    border-bottom: 1px dashed #C9CDD2;
    color: #464C52;
    font-size: 11px;
}

/*Address - End*/
/*Payment Info - Start*/
.checkout-page.order-completed-page .checkout-data .details .payment-info .payment-info .title {
    display: none;
}

.checkout-page.order-completed-page .checkout-data .details .payment-info .payment-po {
    display: none;
}

.checkout-page.order-completed-page .checkout-data .details .payment-info .info {
    margin: 0;
}

.checkout-page.order-completed-page .checkout-data .details .payment-info .payment-info {
    margin: 0;
    background-color: #F7F8F9;
}

.checkout-page.order-completed-page .checkout-data .details .payment-info .payment-info .payment-type {
    border: unset;
    border-radius: unset;
    width: auto;
    height: auto;
    padding: 16px 31px 0 27px;
}

.checkout-page.order-completed-page .checkout-data .details .payment-info .payment-info .payment-type .value {
    border-bottom: 1px dashed #C9CDD2;
    width: 100%;
    color: #1B1D1F;
    padding: 0 0 16px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.checkout-page.order-completed-page .checkout-data .details .payment-info .payment-info .payment-type .value:before {
    margin: 0 14px 0 0;
    width: 18px;
    height: 18px;
}

/*Payment Info - End*/
/*Total Box - Start*/
.checkout-page.order-completed-page .checkout-data .details .total-box {
    background-color: #F7F8F9;
    border-radius: 0 0 24px 24px;
    padding: 16px 31px 24px 29px;
    position: relative;
}

.checkout-page.order-completed-page .checkout-data .details .total-box .cart-total td {
    padding: 0;
}

.checkout-page.order-completed-page .checkout-data .details .total-box .cart-total td label {
    color: #1B1D1F;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
}

.checkout-page.order-completed-page .checkout-data .details .total-box .cart-total td span {
    color: #1B1D1F;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-align: right;
}

.checkout-page.order-completed-page .checkout-data .details .total-box .cart-total tr.order-total {
    display: flex;
    width: 200%;
    margin-top: 8px;
}

.checkout-page.order-completed-page .checkout-data .details .total-box .cart-total tr.order-total:before {
    content: "";
    position: absolute;
    left: 5px;
    height: 2px;
    background-color: #fff;
    width: calc(100% - 10px);
}

.checkout-page.order-completed-page .checkout-data .details .total-box .cart-total tr.order-total td {
    padding-top: 20px;
}

.checkout-page.order-completed-page .checkout-data .details .total-box .cart-total tr.order-total td label,
.checkout-page.order-completed-page .checkout-data .details .total-box .cart-total tr.order-total td span {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

/*Total Box - End*/

.checkout-page.order-completed-page .checkout-data .details .check-order-table>.title {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.order-completed-page .check-order-table .cart .quantity,
.order-completed-page .check-order-table .cart .unit-price label {
    display: none;
}

.checkout-page.order-completed-page .checkout-data .details .check-order-table .cart {
    margin-bottom: 0;
}

.checkout-page.order-completed-page .checkout-data .details>.buttons .order-completed-continue-button {
    background-color: var(--main-color-lightest);
    color: var(--main-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    padding: 14px 57px;
}

.checkout-page.order-completed-page .checkout-data .order>.buttons {
    display: none;
}

@media (min-width: 1281px) {
    .checkout-page.order-completed-page .page-title {
        padding: 40px calc((100% - 1100px) / 2);
    }

    .checkout-page.order-completed-page {
        padding-top: 96px;
    }

    .checkout-page.order-completed-page .checkout-data {
        padding-top: 45px;
    }
}

.checkout-page.order-completed-page .checkout-data .details>div:first-of-type {
    grid-area: order-review;
}

.checkout-page.order-completed-page .checkout-data .details .buttons {
    grid-area: buttons;
    padding: 25px 0 0;
}

@media (max-width: 1024px) {
    .checkout-page.order-completed-page {
        padding-top: 145px;
    }

    .customer-overdue-amount.mobile~.master-wrapper-content .checkout-page.order-completed-page {
        padding-top: 203px;
    }

    .customer-overdue-amount.mobile~.master-wrapper-content .checkout-page.order-completed-page .page-title {
        margin-top: 50px;
    }

    .checkout-page.order-completed-page .page-title {
        margin-top: 9px;
    }

    .checkout-page.order-completed-page .checkout-data {
        padding-top: 16px;
    }

    .checkout-page.order-completed-page .page-title h1 {
        font-size: 22px;
        line-height: 29px;
        margin-bottom: 9px;
    }

    .checkout-page.order-completed-page .page-title .title-disclaimer {
        margin-bottom: 33px;
    }

    .checkout-page.order-completed-page .page-title .title-disclaimer strong {
        font-size: 14px;
        line-height: 18px;
    }

    .checkout-page.order-completed-page .checkout-data .details {
        display: grid;
        grid-template-areas:
            "check-order-table"
            "order-review"
            "buttons";
    }

    .checkout-page.order-completed-page .checkout-data .details .order-number {
        margin-top: 16px;
    }

    .checkout-page.order-completed-page .checkout-data .details .total-box .cart-total tr.order-total td {
        padding-top: 14px;
    }

    .checkout-page.order-completed-page .checkout-data .details>.buttons .order-completed-continue-button {
        background-color: #fff;
        color: var(--main-color);
        text-decoration: underline;
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
        padding-top: 16px;
    }

    .checkout-page.order-completed-page.check-order-table .cart .cart-item-row {
        grid-template-columns: 100px auto;
    }
}

@media(min-width:1024px) {
    .checkout-page.order-completed-page .checkout-data {
        display: block;
    }

    .checkout-page.order-completed-page {
        padding-top: 181px;
    }

    .checkout-page.order-completed-page .checkout-data {
        padding-top: 45px;
    }

    .checkout-page.order-completed-page .checkout-data .details {
        display: grid;
        grid-template-columns: 2fr 1fr;
        grid-column-gap: 32px;
        grid-template-areas:
            "check-order-table order-review"
            "buttons order-review";
        grid-template-rows: auto minmax(auto, 1fr);
    }
}

@media (max-width: 768px) {
    .checkout-page.order-completed-page {
        padding-top: 163px;
    }
}

/*ORDER COMPLETE - END*/
/*HOMEPAGE - START*/
/*Slider - Start*/
.html-home-page .master-wrapper-content {
    padding-top: 0 !important;
}

@media(max-width:1024px) {
    .html-home-page .slider-wrapper .slick-list {
        border-radius: 10px;
    }

    .html-home-page .slider-wrapper .picture-slide {
        border-radius: 10px;
        overflow: hidden;
    }

    .html-home-page .customer-overdue-amount.mobile~.master-wrapper-content .slider-wrapper {
        padding-top: 42px;
    }
}

@media (min-width: 768px) {
    .html-home-page .slider-wrapper {
        margin: 45px 6vw 0;
    }
}

@media (min-width: 1024px) {
    .html-home-page .slider-wrapper {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .html-home-page .slider-wrapper {
        margin: 45px 4vw 0;
    }

    .html-home-page .customer-overdue-amount.mobile~.master-wrapper-content .slider-wrapper {
        padding-top: 42px;
    }
}

/*Slider - End*/
/*Spacing between caroussels standard - Start*/
.home-page .jCarouselMainWrapper .nop-jcarousel,
.home-page .jCarouselMainWrapper .nop-jcarousel.manufacturer-grid {
    margin: 0 0 64px !important;
}

@media (max-width:1024px) {

    .home-page .jCarouselMainWrapper .nop-jcarousel,
    .home-page .jCarouselMainWrapper .nop-jcarousel.manufacturer-grid {
        margin: 0 0 44px !important;
    }
}

/*Spacing between caroussels standard - End*/
/*Categories - Start*/
.carousel-category {
    padding: 60px 0 0;
}

/*Categories with arrows - Start*/
.carousel-category:has(.home-page-category-grid button.slick-arrow) {
    padding-top: 120px;
}

/*Categories with arrows - End*/

.carousel-category .nop-jcarousel {
    margin-bottom: 0 !important;
    padding: 0;
}

.carousel-category .home-page-category-grid:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #F0F2F3;
}

.carousel-category .slick-slider .slick-track {
    width: 100% !important;
    display: flex;
    justify-content: center;
}

.home-page-category-grid .slick-list>.slick-track>.carousel-item.slick-slide {
    display: flex;
    height: fit-content;
    background-color: #fff;
    width: auto !important;
    padding: 0 5px;
}

.carousel-category .slick-track .carousel-item.slick-slide:first-of-type {
    padding-left: 24px;
}

.carousel-category .slick-track .carousel-item.slick-slide:last-of-type {
    padding-right: 24px;
}

.carousel-category .carousel-item .item-box {
    background-color: #F0F2F3;
    border-radius: 10px;
    box-shadow: none;
    min-width: 120px;
    width: 120px !important;
}

.carousel-category .carousel-item .category-item {
    padding: 30px 10px;
}

.carousel-category .carousel-item .item-box .picture {
    padding: 0;
    width: fit-content;
    margin: 0 auto;
    height: unset;
}

.carousel-category .carousel-item .item-box .picture a {
    height: 40px;
    width: auto;
}

.carousel-category .carousel-item .item-box .picture a img {
    height: 40px;
    width: auto;
}

.carousel-category .carousel-item .item-box .title {
    padding: 0;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 45px;
}

.carousel-category .carousel-item .item-box .title a {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.1em;
    text-align: center;
    color: var(--main-color-dark);
    padding: 10px 0;
    white-space: normal;
}

.carousel-category .nop-jcarousel .slick-carousel {
    margin-bottom: 0;
}

.item-box .product-title,
.item-box .title {
    justify-content: center;
}

/*Carousel Category Media Queries to Scroll to Work - Start*/
@media(min-width:1500px) {
    .carousel-category .slick-slider .slick-track:not(:has(div+div+div+div+div+div+div+div)) {
        transform: none !important;
    }
}

@media(min-width:1200px) {
    .carousel-category .slick-slider .slick-track:not(:has(div+div+div+div+div+div+div)) {
        transform: none !important;
    }
}

@media(min-width:980px) {
    .carousel-category .slick-slider .slick-track:not(:has(div+div+div+div+div+div)) {
        transform: none !important;
    }
}

@media(min-width:460px) {
    .carousel-category .slick-slider .slick-track:not(:has(div+div+div+div+div)) {
        transform: none !important;
    }
}

@media(min-width:300px) {
    .carousel-category .slick-slider .slick-track:not(:has(div+div+div+div)) {
        transform: none !important;
    }
}

/*Carousel Category Media Queries to Scroll to Work - End*/
@media(max-width:1024px) {
    .carousel-category {
        padding: 40px 0 0;
    }

    .carousel-category .slick-slider .slick-list {
        width: 100vw;
        left: -4vw;
        padding-left: 4vw;
    }

    .carousel-category .slick-slider .slick-track {
        justify-content: flex-start;
    }

    .carousel-category .slick-slider .slick-track:not(:has(div+div+div+div+div)) {
        justify-content: center;
        width: 100% !important;
        padding-right: 4vw;
    }

    .carousel-category .slick-track .carousel-item.slick-slide:first-of-type {
        padding-left: 0;
    }

    .carousel-category .slick-track .carousel-item.slick-slide:last-of-type {
        padding-right: 0;
    }
}

@media (min-width:820px) {
    .slick-track .carousel-item.slick-slide {
        width: 208px !important;
    }
}

@media (max-width:820px) {
    .slick-track .carousel-item.slick-slide {
        width: calc((100vw - 25px - 8vw)/3) !important;
    }
}

@media (max-width:450px) {
    .slick-track .carousel-item.slick-slide {
        width: calc((100vw - 25px - 8vw)/2) !important;
    }
}

@media (max-width:768px) {

    .carousel-category .home-page-category-grid:before {
        display: none;
    }

    .carousel-category .carousel-item .item-box {
        min-width: 73px;
        width: 73px !important;
    }

    .carousel-category .carousel-item .category-item {
        padding: 14px 9px;
    }

    .carousel-category .carousel-item .item-box .picture a,
    .carousel-category .carousel-item .item-box .picture a img {
        height: 24px;
    }

    .carousel-category .carousel-item .item-box .title {
        height: 28px;
    }

    .carousel-category .carousel-item .item-box .title a {
        font-size: 8px;
        line-height: 12px;
        padding: 5px 0;
    }
}

/*Categories - End*/

/*Best deals - Start*/
.home-page .jCarouselMainWrapper .nop-jcarousel.home-page-product-grid {
    padding: 18px 0px 20px;
}

.home-page .jCarouselMainWrapper .home-page-product-grid .title {
    text-align: left;
    margin-bottom: 39px;
}

.home-page .jCarouselMainWrapper .home-page-product-grid .title strong {
    font-size: 32px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
}

.slick-list>.slick-track {
    display: flex;
}

.home-page .jCarouselMainWrapper .home-page-product-grid .slick-list>.slick-track>.carousel-item.slick-slide {
    display: flex;
    padding: 0;
    height: 370px;
}

.slick-list>.slick-track>.carousel-item>.item-box>div {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.home-page .jCarouselMainWrapper .home-page-product-grid .slick-track {
    margin: 5px 0;
    gap: 15px;
}

@media(max-width:1024px) {
    .home-page .jCarouselMainWrapper .home-page-product-grid .title {
        margin-bottom: 18px;
    }

    .home-page .jCarouselMainWrapper .home-page-product-grid .title strong {
        font-size: 16px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: left;
    }
}

/*Best deals - End*/
/*Brands - Start*/
.home-page .jCarouselMainWrapper .nop-jcarousel.manufacturer-grid {
    background-color: #fff;
    padding: 18px 0px 20px;
}

/*Carousel without title padding - Start*/
.jCarouselMainWrapper .nop-jcarousel:not(.home-page-category-grid):not(:has(.title.carousel-title)) {
    padding-top: 81px;
}

/*Carousel without title padding - End*/
.jCarouselMainWrapper .nop-jcarousel.manufacturer-grid:before {
    display: none !important;
}

.jCarouselMainWrapper .nop-jcarousel.manufacturer-grid .title.carousel-title {
    text-align: left;
    margin-bottom: 48px;
}

.jCarouselMainWrapper .nop-jcarousel.manufacturer-grid .title.carousel-title strong {
    font-size: 32px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
}

.jCarouselMainWrapper .nop-jcarousel.manufacturer-grid .carousel-item {
    width: 112px !important;
    height: 92px;
}

.jCarouselMainWrapper .nop-jcarousel.manufacturer-grid .carousel-item .item-box {
    border-radius: 60px;
    box-shadow: unset;
}

.jCarouselMainWrapper .nop-jcarousel.manufacturer-grid .carousel-item .item-box .picture {
    height: 92px;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.jCarouselMainWrapper .nop-jcarousel.manufacturer-grid .carousel-item .item-box .picture img {
    opacity: 1 !important;
}

@media(max-width:1024px) {
    .home-page .jCarouselMainWrapper .nop-jcarousel.manufacturer-grid {
        margin-top: 0 !important;
    }

    .jCarouselMainWrapper .nop-jcarousel.manufacturer-grid .title.carousel-title {
        margin-bottom: 18px;
        font-size: unset;
    }

    .jCarouselMainWrapper .nop-jcarousel.manufacturer-grid .title.carousel-title strong {
        font-size: 16px;
    }

    .jCarouselMainWrapper .nop-jcarousel.manufacturer-grid .carousel-item {
        width: 90px !important;
        height: 70px;
    }

    .jCarouselMainWrapper .nop-jcarousel.manufacturer-grid .carousel-item .item-box .picture {
        height: 70px;
    }

    .jCarouselMainWrapper .nop-jcarousel.manufacturer-grid .slick-dots {
        display: none;
    }
}

/*Brands - End*/
/*Blog section - Start*/
.home-page .rich-blog-homepage {
    display: grid;
    grid-template-areas:
        "title view-all"
        "blog-posts blog-posts";
    margin: 100px 0 52px;
    position: relative;
}

.home-page .rich-blog-homepage:before {
    content: "";
    position: absolute;
    left: -4vw;
    height: 100%;
    width: 100vw;
    background-color: var(--main-color-lightest);
    z-index: -1;
}

.home-page .rich-blog-homepage .title {
    grid-area: title;
    font-size: 32px;
    font-weight: 700;
    text-align: left;
    color: #1B1D1F;
    margin: 0 0 51px;
    padding-top: 72px;
}

.home-page .rich-blog-homepage .view-all {
    grid-area: view-all;
    margin-bottom: 0px;
    text-align: right;
    padding-top: 72px;
}

.home-page .rich-blog-homepage .view-all a,
.home-page .rich-blog-homepage .view-all a:hover {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    text-align: right;
    color: #73787E;
    letter-spacing: normal;
    text-transform: none;
    text-decoration: underline;
}

.home-page .rich-blog-homepage .view-all a:after {
    display: none;
}

.home-page .rich-blog-homepage .blog-posts {
    grid-area: blog-posts;
    padding: 5px 5px 72px;
}

.home-page .rich-blog-homepage .blog-posts .blog-posts-container {
    display: flex;
    flex-direction: row;
    gap: 8px;
    overflow: visible;
}

.home-page .rich-blog-homepage .blog-posts .blog-post {
    border-radius: 16px !important;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #F0F2F3;
    background-color: #fff;
    margin-bottom: 0;
}

.home-page .rich-blog-homepage .blog-posts .blog-post img {
    height: 100%;
    width: auto;
    max-width: unset;
    top: 50%;
    left: 50%;
    right: unset;
    transform: translate(-50%, -50%);
}

.home-page .rich-blog-homepage .blog-posts .blog-post .post-details {
    padding: 21px 18px 16px 24px;
    text-align: left;
    margin: 0;
}

.home-page .rich-blog-homepage .blog-posts .blog-post .post-details span {
    display: none;
}

.home-page .rich-blog-homepage .blog-posts .blog-post .post-details a.post-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    text-align: left;
    color: var(--main-color);
    margin-bottom: 8px;
    height: auto;
}

.home-page .rich-blog-homepage .blog-posts .blog-post .post-details a.post-title:first-letter {
    text-transform: none;
}

.home-page .rich-blog-homepage .blog-posts .blog-post .post-details .post-description {
    font-size: 16px;
    font-weight: 700;
    line-height: 19.2px;
    text-align: left;
    color: #1B1D1F;
    height: auto;
    margin-bottom: 0;
    display: block !important;
}


.home-page .rich-blog-homepage .blog-posts .blog-post a.read-more {
    display: block !important;
    background-color: transparent;
    color: #464C52;
    text-decoration: underline;
    text-transform: lowercase;
    text-align: left;
    height: auto;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    padding: 0 24px 32px;
    position: relative;
    top: unset;
    bottom: unset;
    left: unset;
}

.home-page .rich-blog-homepage .blog-posts .blog-post a.read-more:first-letter {
    text-transform: none;
}

.home-page .rich-blog-homepage .blog-posts .blog-post a.read-more:before {
    display: none;
}

@media (min-width:768px) {
    .home-page .rich-blog-homepage:before {
        left: -6vw;
    }
}

@media (min-width:1150px) {
    .home-page .rich-blog-homepage:before {
        left: calc((-100vw + 1100px)/2);
    }
}

@media (max-width:1024px) {
    .home-page .rich-blog-homepage {
        margin: 32px 0;
    }

    .home-page .rich-blog-homepage .title {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 22px;
        padding-top: 34px;
    }

    .home-page .rich-blog-homepage .view-all {
        padding-top: 34px;
    }

    .home-page .rich-blog-homepage .view-all a,
    .home-page .rich-blog-homepage .view-all a:hover {
        font-size: 10px;
        line-height: 18px;
    }

    .home-page .rich-blog-homepage .blog-posts {
        padding-bottom: 34px;
        overflow-x: scroll;
    }

    .home-page .rich-blog-homepage .blog-posts .blog-post .post-details {
        padding: 12px 9px 8px;
    }

    .home-page .rich-blog-homepage .blog-posts .blog-post .post-details a.post-title {
        font-size: 8px;
        line-height: 10px;
    }

    .home-page .rich-blog-homepage .blog-posts .blog-post .post-details .post-description {
        font-size: 10px;
        line-height: 12px;
    }

    .home-page .rich-blog-homepage .blog-posts .blog-post a.read-more {
        padding: 0 9px 22px;
        font-size: 8px;
        line-height: 8px;
    }
}

@media(max-width:768px) {
    .home-page .rich-blog-homepage .blog-posts {
        display: flex;
        flex-direction: row;
        gap: 8px;
    }

    .home-page .rich-blog-homepage .blog-posts .blog-post {
        width: 185px;
    }
}

/*Blog section - End*/
/*HOMEPAGE - END*/

/*ACCOUNT - START*/
/*Profile Card - Start*/
.html-account-page .card {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 50px 4vw 26px;
    width: 100vw;
    position: relative;
    left: -4vw;
}

.html-account-page .card img {
    border-radius: 50%;
    height: 102px;
    width: 102px;
}

.html-account-page .card .profile-label p {
    font-size: 32px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    color: #2D2D2D;
    padding-left: 24px;
    max-width: 300px;
    word-break: break-word;
}

@media (max-width:1024px) {

    .html-account-page .master-column-wrapper .card,
    .html-account-page.html-customer-info-page .master-column-wrapper .card .profile-label {
        display: none;
    }

    .html-account-page.html-customer-info-page .master-column-wrapper .card {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-top: 19px;
    }
}

@media (min-width:768px) {
    .html-account-page .master-column-wrapper .card {
        padding: 25px 6vw;
        left: -6vw;
    }
}

@media (min-width:1150px) {
    .html-account-page .master-column-wrapper .card {
        padding: 35px 0;
        left: 0;
    }
}

/*Profile Card - End*/

/*Side Menu Desktop - Start*/
.block-account-navigation {
    width: 100%;
    z-index: 2;
    position: relative;
}

.block-account-navigation .list li {
    margin: 8px 0;
}

.block-account-navigation .list li:first-of-type {
    margin-top: 0;
}

.block-account-navigation .list li:last-of-type {
    margin-bottom: 0;
}

.block-account-navigation .list li.active,
.block-account-navigation .list li:hover {
    background-color: var(--main-color-lightest);
    border-radius: 16px;
    border-bottom: unset;
}

.block-account-navigation.block .list li a {
    text-transform: none !important;
    font-size: 15px;
    font-weight: 500;
    padding: 25px 59px;
    text-align: left;
    color: #1B1D1F;
    line-height: 16px;
}

.block-account-navigation.block .list li a:after {
    left: 0;
    margin-left: 27px;
    font-size: 24px;
    color: #1B1D1F;
}

.block-account-navigation.block .customer-info a:after,
.profile-menu-box a.customer-info:before {
    content: "\eafc";
    color: #1B1D1F;
    font-size: 16px;
    margin-right: 8px;
}

.block-account-navigation.block .customer-addresses a:after,
.profile-menu-box a.customer-addresses:before {
    content: "\e921";
    color: #1B1D1F;
    font-size: 16px;
    margin-right: 8px;
}

.block-account-navigation.block .customer-orders a:after,
.profile-menu-box a.customer-orders:before {
    content: "\eae9";
    color: #1B1D1F;
    font-size: 16px;
    margin-right: 8px;
}

.block-account-navigation.block .customer-wishlist a:after,
.profile-menu-box a.customer-wishlist:before {
    content: "\ead3";
    color: #1B1D1F;
    font-size: 16px;
    margin-right: 8px;
}

.block-account-navigation.block .change-password a:after,
.profile-menu-box a.change-password:before {
    content: "\eadb";
    color: #1B1D1F;
    font-size: 16px;
    margin-right: 8px;
}

.block-account-navigation.block .customer-gdpr a:after,
.profile-menu-box a.customer-gdpr:before {
    content: "\e903";
    color: #1B1D1F;
    font-size: 16px;
    margin-right: 8px;
}

.block-account-navigation.block .reward-points a:after,
.profile-menu-box a.reward-points:before {
    content: "\eac1";
    color: #1B1D1F;
    font-size: 16px;
    margin-right: 8px;
}

.block-account-navigation.block .list li a:before {
    content: "\eaa1";
    font-size: 16px;
    position: absolute;
    top: 50%;
    right: 9px;
    transform: translate(-50%, -50%);
}

@media (min-width: 1024px) {

    .profile-menu-box .block-account-navigation {
        display: none;
    }

    .block-account-navigation.block .list li.active a,
    .block-account-navigation.block .list .active a:after,
    .block-account-navigation.block .list li:hover a,
    .block-account-navigation.block .list li:hover a:after {
        border-right: unset !important;
        font-weight: 500;
        color: var(--main-color);
        text-decoration: unset;
    }
}

/*Side Menu Desktop - End*/
/*Side Menu Mobile - Start*/
@media(max-width:1024px) {
    .profile-menu-box {
        width: 100%;
    }

    .profile-menu-box:has(.block-account-navigation) a.ico-account {
        display: none !important;
    }

    .html-account-page .side-2 {
        display: none;
    }

    .profile-menu-box .block-account-navigation {
        display: block !important;
        border: unset;
        margin: 0;
    }

    .profile-menu-box .block-account-navigation.block .title {
        display: none;
    }

    .profile-menu-box .block-account-navigation.block .listbox {
        padding: 0;
    }

    .profile-menu-box .block-account-navigation.block .listbox li {
        margin: 0;
    }

    .profile-menu-box .block-account-navigation.block .listbox a {
        position: relative;
        padding-left: 48px !important;
        margin: 0;
        font-size: 13px;
        line-height: 16px;
    }

    .profile-menu-box .block-account-navigation.block .listbox a:after {
        margin-left: 24px;
    }

    .profile-menu-box .block-account-navigation.block .listbox a:before {
        right: 0;
        margin-right: 0;
        color: #73787E;
    }

    .profile-menu-box .close-side-menu {
        background-color: var(--main-color);
        padding: 22px 16px 26px 24px;
    }

    .profile-menu-box .close-side-menu .close-side-menu-btn {
        height: 24px;
        width: 24px;
        text-align: center;
        line-height: 24px;
    }

    .profile-menu-box .close-side-menu img~.close-side-menu-btn {
        right: 16px;
        top: 22px;
        position: absolute;
    }

    .profile-menu-box .close-side-menu .close-side-menu-btn:before {
        content: "\eabe";
        font-size: 14px;
        min-width: unset;

    }

    .profile-menu-box .close-side-menu .close-side-menu-text {
        font-size: 20px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
        text-transform: none;
    }

    .profile-menu-box a {
        font-size: 13px;
        font-weight: 500;
        line-height: 13px;
        letter-spacing: 0em;
        text-align: left;
        color: #1B1D1F;
        text-transform: none;
        background-color: #fff;
        padding: 17px 16px 17px 24px !important;
        border: unset;
    }

    .profile-menu-box a.ico-account:before {
        content: "\eafc";
        margin-right: 8px;
        color: #1B1D1F;
        font-size: 16px;
    }

    .profile-menu-box a.ico-logout:before {
        content: "\eaed";
        margin-right: 8px;
        color: #1B1D1F;
        font-size: 16px;
    }

    .profile-menu-box .close-side-menu {
        margin-bottom: 21px;
        background-color: var(--main-color);
        padding: 27px 16px 27px 24px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .profile-menu-box .close-side-menu img {
        height: 60px;
        width: 60px;
        border-radius: 100%;
        margin-right: 12px;
    }

    .profile-menu-box .close-side-menu .close-side-menu-text:before {
        display: none !important;
    }

    .profile-menu-box .close-side-menu .close-side-menu-btn:before {
        content: "\eac0";
        font-size: 24px;
        cursor: pointer;
    }

    .profile-menu-box .current-language-selector,
    .profile-menu-box a {
        background-color: #fff;
        font-size: 13px;
        font-weight: 500;
        line-height: 16px;
        text-align: left;
        color: #1B1D1F;
        padding: 17px 16px 17px 24px !important;
        display: flex !important;
        flex-direction: row;
        align-items: center;
        border: unset;
        margin: 0;
        text-transform: none;
        position: relative;
    }

    .profile-menu-box .current-language-selector img,
    .profile-menu-box .language-selector-options>div img {
        border-radius: 50%;
        height: 16px;
        width: 16px;
        border: 1px solid #1B1D1F;
        margin-right: 8px;
    }

    .profile-menu-box .language-selector .language-selector-options.active+span.shadow {
        position: fixed;
        top: 0;
        height: 100vh;
        width: 100%;
        z-index: 10;
        background-color: rgba(0, 0, 0, 0.4);
        display: block !important;
    }

    .profile-menu-box .language-selector-options {
        background-color: #fff;
        padding: 31px 24px 52px 20px;
        border: unset;
        text-transform: none;
        position: fixed;
        bottom: 0;
        width: 100%;
        border-radius: 24px 24px 0 0;
        z-index: 11;
    }

    .profile-menu-box .language-selector-options>div.selected {
        background-color: var(--main-color-lightest);
        border-radius: 12px;
    }

    .profile-menu-box .language-selector-options>div.selected:after {
        content: "\eab4";
        font-size: 16px;
        color: var(--main-color);
    }

    .profile-menu-box .language-selector-options>div {
        margin: 0;
        padding: 17px 12px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .profile-menu-box .language-selector-options>div label {
        font-size: 13px;
        font-weight: 500;
        line-height: 16px;
        text-align: left;
        color: #1B1D1F;
        width: 100%;
        display: block;
    }

    .profile-menu-box .language-selector-options>div label:before {
        display: none;
    }

    .profile-menu-box .current-language-selector:after,
    .profile-menu-box a:after {
        content: "\eaa1";
        color: #73787E;
        position: absolute;
        right: 0;
        font-size: 16px;
        width: 16px;
        min-width: 20px;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(-50%, -50%);
    }

    .profile-menu-box a.ico-logout:before,
    .profile-menu-box a.ico-account:before {
        width: 16px;
        min-width: 20px;
    }
}

/*Side Menu Mobile - End*/
/*Customer Info - Start*/
.customer-info-page {
    background-color: #fff;
    padding: 0;
}

.html-customer-info-page .page-body {
    border: unset;
    padding: 0;
    margin: 0 auto;
}

.html-customer-info-page form .form-fields .inputs {
    margin-top: 12px;
}

.html-customer-info-page form .form-fields .inputs input {
    border-radius: 8px;
    border: 1px solid #d1d1d1;
    height: 60px;
}

.html-customer-info-page form .form-fields .inputs input:hover,
.html-customer-info-page form .form-fields .inputs input:focus {
    border: 1px solid var(--main-color);
}

.html-customer-info-page form .form-fields .inputs input.input-validation-error,
.html-customer-info-page form .form-fields .inputs input.input-validation-error:hover,
form .form-fields .inputs input.input-validation-error:focus,
form .form-fields .inputs select.input-validation-error {
    border: 1px solid #ff4f60;
}

.html-customer-info-page form .form-fields .inputs span:nth-of-type(2) {
    position: absolute;
    right: 22px;
    bottom: 20px;
}

.html-account-page form .form-fields .inputs span.field-validation-error {
    position: fixed;
    top: 171px;
    transition: top 0.1s;
    height: fit-content;
}

.html-account-page form .form-fields .inputs span.field-validation-error.fixed-top {
    top: 0;
    transition: top 0.1s linear;
}

.html-customer-info-page form .form-fields .inputs .field-validation-valid:after {
    content: "\eab4";
    font-size: 14px;
    color: #1DB885;
    text-transform: uppercase;
}

.html-customer-info-page form .fieldset {
    margin-bottom: 40px;
}

.html-customer-info-page form .title {
    text-align: left;
}

.html-customer-info-page form .title strong {
    font-weight: 700;
    font-size: 16px;
    color: #2d2d2d;
    line-height: 18px;
}

.html-customer-info-page form .buttons input {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    text-transform: none;
    height: 50px;
}

.html-account-page .master-wrapper-content {
    position: relative;
}

.html-account-page span.field-validation-error {
    position: absolute;
    top: 0;
    margin: 0;
    z-index: 5;
}

.html-account-page span.field-validation-error span {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    padding: 28px;
}

.html-account-page span.field-validation-error span:before {
    font-size: 22px;
    margin-right: 10px;
}

@media(max-width:1024px) and (min-width:600px) {
    .html-customer-info-page .page-body form {
        width: 80%;
        margin: 0 auto;
    }
}

@media(min-width:1024px) {
    .html-customer-info-page .page-title {
        display: none;
    }

    .html-customer-info-page .page-body form {
        margin: 0;
        width: 57%;
    }

    .html-customer-info-page .title {
        margin-bottom: 40px;
    }

    .html-customer-info-page form .title strong {
        font-size: 24px;
    }
}

@media(max-width:1024px) {

    .html-account-page form .form-fields .inputs span.field-validation-error,
    .html-account-page form .form-fields .inputs span.field-validation-error.fixed-top {
        top: 80px;
    }

    .html-account-page .customer-overdue-amount.mobile~.master-wrapper-content span.field-validation-error,
    .html-account-page .customer-overdue-amount.mobile~.master-wrapper-content span.field-validation-error.fixed-top {
        top: 120px;
    }

    .html-account-page span.field-validation-error span {
        font-size: 12px;
        line-height: 12px;
        padding: 16px;
    }

    .html-account-page span.field-validation-error span:before {
        font-size: 16px;
    }
}

/*Customer Info - End*/
/*Address Book - Start*/
.html-address-list-page .card+.page-title {
    display: none;
}

.html-address-list-page .page-title h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    color: #1B1D1F;
    margin: 0;
    width: 100%;
}

.html-address-list-page .page-title .add-address-button {
    background-color: var(--main-color-lightest);
    color: var(--main-color);
    font-size: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 16px 28px;
    line-height: 18px;
    width: max-content;
}

.html-address-list-page .page-title .add-address-button:before {
    content: "\eae2";
    font-size: 16px;
    margin-right: 12px;
}

.address-list {
    display: flex;
    flex-direction: column;
}

.address-list .preferred-address p {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #9FA4A9;
    text-transform: uppercase;
    margin-bottom: 6px;
    text-align: left;
}

.address-list .section.address-item {
    background-color: #F7F8F9;
    border: unset;
    border-radius: 24px;
    width: 75%;
    padding: 25px 22px 25px 50px;
    order: 1;
    margin: 0 0 24px;
}

.address-list .section.address-item .title {
    text-align: left;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: unset;
    width: 70%;
}

.address-list .section.address-item .title strong {
    color: #1B1D1F;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
}

.address-list .section.address-item .title strong:before {
    content: "\ead8";
    font-size: 16px;
    position: absolute;
    left: 22px;
    margin-right: 11px;
}

.address-list .section.address-item .info {
    text-align: left;
}

.address-list .section.address-item .info li {
    color: #73787E;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    margin: 0;
}

.address-list .section.address-item .info li.phone {
    color: #1B1D1F;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    padding-top: 16px;
}

.address-list .section.address-item .buttons {
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.address-list .section.address-item .buttons button {
    color: #9FA4A9;
    font-size: 0;
    font-weight: 700;
    line-height: 13px;
    text-align: left;
    background-color: #fff;
    border-radius: 50px;
    background-image: none;
    text-transform: none;
    width: auto;
    height: auto;
    padding: 9px 18px;
    min-width: unset;
    margin: 0;
    display: flex;
}

.address-list .section.address-item .buttons button.edit-address-button:before {
    content: "\eadf";
    color: #9FA4A9;
    font-size: 12px;
}

.address-list .section.address-item .buttons button.delete-address-button:before {
    content: "\eaf9";
    color: #9FA4A9;
    font-size: 12px;
}

.address-list .section.address-item .buttons button.nis-default-address-button:before {
    content: "\eaf1";
    color: #9FA4A9;
    font-size: 12px;
}

.address-list .section.address-item .buttons button.is-default-address-button:before {
    content: "\eb02";
    color: var(--main-color);
    font-size: 12px;
}

.address-list .add-button.address-item {
    width: 100%;
    margin: 0;
    border: unset;
}

.address-list .add-button.address-item .button-1.add-address-button {
    background-color: var(--main-color-lightest);
    color: var(--main-color);
    height: 50px;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
}

@media(min-width:1024px) {
    .html-address-list-page .page-title .return-button {
        display: none;
    }

    .html-address-list-page .page-title {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding-left: 0;
        margin-bottom: 40px;
    }
}

@media(max-width:1024px) {
    .html-address-list-page .page-title {
        padding: 28px 4vw;
    }

    .address-list .section.address-item {
        width: 100%;
        margin: 0 0 13px;
        padding: 19px 22px 20px;
    }

    .address-list .section.address-item .info {
        margin: 0;
    }

    .address-list .buttons {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .html-account-page.html-address-list-page .master-column-wrapper>.page-title .address-item-button {
        display: none;
    }

    .html-account-page.html-address-list-page .center-2 .page-title {
        position: relative;
        z-index: 1;
        background-color: #fff;
        padding: 27px 0 38px;
        width: 100%;
    }

    .html-account-page.html-address-list-page .center-2 .page-title .register-arrow {
        display: none;
    }

    .html-account-page.html-address-list-page .center-2 .page-title h1 {
        color: #1b1d1f;
    }

    .html-account-page.html-address-list-page .customer-overdue-amount.mobile~.master-wrapper-content .center-2 .page-body {
        padding-top: 42px;
    }

    .html-account-page.html-address-list-page .master-column-wrapper>.page-title h1 {
        color: #fff;
    }

    .html-address-list-page .page-title .add-address-button {
        height: 40px;
        padding: 11px 17px;
    }

    .html-address-list-page .page-title .add-address-button:before {
        content: "\eae3";
        margin-right: 5px;
    }

    .address-list .section.address-item .title strong {
        font-size: 14px;
        margin-left: 28px;
        text-overflow: ellipsis;
        word-wrap: break-word;
        max-width: 20px;
    }

    .address-list .section.address-item .info li {
        font-size: 11px;
        line-height: 15px;
    }

    .address-list .section.address-item .info li.phone {
        font-size: 11px;
        line-height: 15px;
        padding-top: 6px;
    }
}

@media(max-width:500px) {
    .address-list .section.address-item .title {
        max-width: 14ch;
    }
}

@media(min-width: 768px) and (max-width: 1024px) {
    .html-account-page.html-address-list-page .page-title {
        padding: 28px 6vw;
    }
}

/*Address Book - End*/
/*Edit Address - Start*/
.html-address-edit-page .page-body {
    border: unset;
    padding: 0;
    margin: 0 auto;
}

.html-address-edit-page form .title {
    text-align: left;
}

.html-address-edit-page form .title strong {
    font-weight: 700;
    font-size: 16px;
    color: #2d2d2d;
    line-height: 18px;
}

.html-address-edit-page form .buttons input {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    text-transform: none;
    height: 50px;
}

.html-address-edit-page .page-title {
    display: none;
}

.html-address-edit-page .center-2 .page-title {
    margin-bottom: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.html-address-edit-page .page-title h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    color: #1B1D1F;
    margin: 0;
    width: 100%;
}

.html-address-edit-page .page-title .return-button {
    background-color: transparent;
    border: unset;
}

.html-address-edit-page .page-title .register-arrow {
    display: block;
}

@media(max-width:1024px) and (min-width:600px) {
    .html-address-edit-page form:not(#small-search-box-form) {
        width: 80%;
        margin: 0 auto;
    }
}

@media(min-width:1024px) {
    .html-address-edit-page form:not(#small-search-box-form) {
        margin: 0;
        width: 57%;
    }

    .html-address-edit-page .title {
        margin-bottom: 40px;
    }

    .html-address-edit-page .center-2 .page-title {
        padding-left: 0;
    }
}

@media(max-width:1024px) {
    .html-address-edit-page .page-title {
        padding: 28px 4vw;
    }

    .html-address-edit-page .page-title h1 {
        color: #fff;
    }

    .html-address-edit-page .inputs:has(#Address_DeliveryPlaceVat) {
        margin-top: 20px;
    }

    .html-account-page.html-address-edit-page .customer-overdue-amount.mobile~.master-wrapper-content .center-2 .page-body {
        padding-top: 42px;
    }
}

/*Edit Address - End*/
/*Wishlist - Start*/
.html-wishlist-page .center-2 {
    padding-top: 54px;
}

.html-wishlist-page.html-account-page .page-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.html-wishlist-page .page-title .total-products-quantity {
    color: #1B1D1F;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

.html-wishlist-page .page-title .total-products-quantity .items-count {
    color: var(--main-color);
}

.html-wishlist-page .page-title h1 {
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: #1B1D1F;
    margin: 0;
}

.html-wishlist-page .center-2 .item-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2%;
}

@media (min-width: 481px) {
    .html-wishlist-page .center-2 .item-grid {
        gap: 2%;
    }
}

@media (min-width: 1024px) {
    .html-wishlist-page .page-title .return-button {
        display: none;
    }

    .html-wishlist-page .page-title {
        position: absolute;
        width: 62%;
        top: 56px;
        right: 0;
        padding: 0;
    }

    .html-wishlist-page .center-2 .item-grid {
        gap: 1%;
    }

    .html-account-page.html-wishlist-page .center-2 {
        padding-top: 59px;
    }
}

@media(max-width: 1024px) {
    .html-wishlist-page .center-2 {
        padding-top: 0;
        overflow: visible;
    }

    .html-account-page.html-wishlist-page .page-title {
        background-color: transparent;
        padding: 0;
        position: relative;
    }

    .html-wishlist-page .page-title .return-button {
        padding: 28px 0 28px 4vw;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1031;
    }

    .html-wishlist-page .page-title h1 {
        width: 100%;
        background-color: var(--main-color);
        padding: 28px 4vw 28px calc(4vw + 30px);
        position: fixed;
        width: 100vw;
        top: 0;
        left: 0;
        z-index: 1030;
        display: flex;
        flex-direction: row;
    }

    .html-wishlist-page .page-title .total-products-quantity {
        padding: 30px 0;
        font-size: 18px;
        line-height: 23px;
        font-weight: 700;
        position: relative;
    }

    .html-wishlist-page .customer-overdue-amount.mobile~.master-wrapper-content .page-title .return-button,
    .html-wishlist-page .customer-overdue-amount.mobile~.master-wrapper-content .page-title h1 {
        top: 42px
    }

    .html-wishlist-page .customer-overdue-amount.mobile~.master-wrapper-content .center-2 {
        padding-top: 42px;
    }
}

@media(min-width:768px) and (max-width:1024px) {
    .html-wishlist-page .page-title h1 {
        padding: 28px 6vw;
    }

    .html-wishlist-page .page-title .total-products-quantity {
        padding: 30px 0;
    }
}

/*Wishlist - End*/

/*Orders - Start*/
.html-order-list-page .page-title {
    display: none;
}

.html-order-list-page .center-2 .page-title .return-button {
    display: none;
}

.html-order-list-page .page-title h1 {
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: #1B1D1F;
    margin: 0;
}

.order-list-page {
    padding-top: 16px;
}

.order-list-page .order-item {
    width: 70%;
    border-radius: 12px;
    padding: 15px;
    height: auto !important;
    position: relative;
    margin: 0 0 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.order-list-page .order-item.processing,
.order-list-page .order-item.pending {
    border: 1px dashed #F8CF37;
}

.order-list-page .order-item.delivery,
.order-list-page .order-item.complete {
    border: 1px solid #C9CDD2;
}

.order-list-page .order-item.cancelled,
.order-list-page .order-item.failed {
    border: 1px solid #E82C3E;
}

.order-list-page .order-item>.title {
    margin-bottom: 4px;
    text-align: left;
    font-size: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.order-list-page .order-item>.title .order-number {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #464C52;
    margin-right: 13px;
}

.order-list-page .order-item .order-details-button {
    font-size: 0;
    background-color: transparent;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    border: unset;
}

.order-list-page .order-item .order-details-button:before {
    content: "\eaaa";
    font-size: 22px;
    color: #1B1D1F;
}

.order-list-page .order-item .order-status {
    font-size: 10px;
    font-weight: 700;
    line-height: 13px;
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.order-list-page .order-item .order-status:before,
.order-list-page .order-item .order-status:before {
    font-size: 12px;
    margin-right: 4px;
}

.order-list-page .order-item .order-status.processing,
.order-list-page .order-item .order-status.pending {
    color: #9FA4A9;
}

.order-list-page .order-item .order-status.processing:before,
.order-list-page .order-item .order-status.pending:before {
    content: "\eaf4";
}

.order-list-page .order-item .order-status.cancelled,
.order-list-page .order-item .order-status.failed {
    color: #E82C3E;
}

.order-list-page .order-item .order-status.cancelled:before,
.order-list-page .order-item .order-status.failed:before {
    content: "\eb01";
}

.order-list-page .order-item .order-status.delivery,
.order-list-page .order-item .order-status.complete {
    color: #1DB885;
}

.order-list-page .order-item .order-status.delivery:before,
.order-list-page .order-item .order-status.complete:before {
    content: "\eafa";
}

.order-list-page .order-item .order-info {
    margin-bottom: 10px;
}

.order-list-page .order-item .order-info .order-date {
    font-size: 10px;
    font-weight: 400;
    line-height: 13px;
    text-align: left;
    color: #444444;
}

.order-list-page .order-item .order-products-and-total {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 53px;
    width: calc(100% - 22px);
}

.order-list-page .order-item .order-products-and-total .product-picture {
    width: 53px;
}

.order-list-page .order-item .order-products-and-total .order-total {
    color: #464C52;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    margin-top: 8px;
    margin-left: 13px;
}

.order-list-page .order-item .order-products-and-total .order-number-of-products {
    color: #9FA4A9;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    margin-top: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 24px;
    justify-content: flex-end;
}

.order-list-page .order-item .order-products-and-total .order-number-of-products:before {
    content: "\eab1";
    font-size: 24px;
    line-height: normal;
    margin-right: 8px;
}

@media (max-width:1024px) {
    .order-list-page .order-item {
        width: 100%;
    }

    .order-list-page .page-body {
        padding-top: 32px;
    }

    .html-account-page.html-order-list-page .customer-overdue-amount.mobile~.master-wrapper-content .center-2 .page-body {
        padding-top: 74px;
    }

    .html-order-list-page .center-2 .page-title .return-button {
        display: block;
    }
}

@media (min-width:1024px) {
    .html-order-list-page .center-2 .page-title {
        margin-bottom: 40px;
        padding-left: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}

/*Orders - End*/
/*Order Details - Start*/
.html-order-details-page .page-title {
    display: grid;
    grid-template-columns: 32px auto minmax(130px, max-content);
    align-items: center;
}

.html-order-details-page .page-title .order-details-button {
    font-size: 0;
    background-color: transparent;
    cursor: pointer;
    border: unset;
}

.html-order-details-page .page-title .order-details-button:before {
    content: "\eaa9";
    font-size: 32px;
}

.html-order-details-page .page-title .order-number h1 {
    color: #1B1D1F;
    font-size: 24px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    margin-left: 4px;
}

.html-order-details-page .page-title .order-status {
    border-radius: 100px;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    padding: 9px 23px;
    text-align: center;
}

.html-order-details-page .page-title .order-status.pending,
.html-order-details-page .page-title .order-status.processing {
    background-color: var(--main-color-lightest);
    color: var(--main-color-dark);
}

.html-order-details-page .page-title .order-status.delivery,
.html-order-details-page .page-title .order-status.complete,
.html-order-details-page .page-title .order-status.sent-to-distributor {
    background-color: #1DB885;
    color: #fff;
}

.html-order-details-page .page-title .order-status.cancelled,
.html-order-details-page .page-title .order-status.failed {
    background-color: #FEEFEE;
    color: #E82C3E;
}

.order-details-page .page-body {
    display: flex;
    flex-direction: column;
}

.html-order-details-page .section.delivery-date {
    margin-bottom: 39px;
    background-color: #F0F2F3;
    border-radius: 16px;
    padding: 14px 23px;
}

.html-order-details-page span.delivery-date {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    color: #9FA4A9;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.html-order-details-page span.delivery-date strong {
    color: #1B1D1F;
    padding-left: 3px;
}

.html-order-details-page span.delivery-date:before {
    content: "\eab2";
    font-size: 22px;
    margin-right: 12px;
    height: 22px;
    display: flex;
    align-items: center;
}

.order-details-page .page-body .products {
    width: 100%;
    margin-bottom: 48px;
}

.order-details-page .page-body .products .title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.order-details-page .page-body .products .title strong {
    color: #1B1D1F;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
}

.order-details-page .page-body .products .title .order-number-of-products {
    color: #1B1D1F;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
}

.order-details-page .page-body .products .title .order-number-of-products span {
    color: var(--main-color);
}

.order-details-page .page-body .totals {
    width: 100%;
}

.order-details-page .page-body .products .data-table {
    margin: 0;
}

.order-details-page .page-body .products table tr {
    border-bottom: 1px solid #F0F2F3;
    display: grid;
    grid-template-areas:
        "picture product product"
        "picture quantity quantity"
        "picture case .";
    align-items: center;
    grid-template-columns: 70px 1fr 1fr;
}

.order-details-page .page-body .products table tr:has(.total) {
    grid-template-areas:
        "picture product product"
        "picture price quantity"
        "picture case .";
}

.order-details-page .page-body .products table tr td.product-picture {
    border-left: unset;
    padding: 0;
    min-width: unset;
    width: 70px;
    grid-area: picture;
    border-bottom: unset !important;
}

.order-details-page .page-body .products table tr td.product {
    padding: 9px 0 8px 28px;
    grid-area: product;
    border-bottom: unset !important;
}

.order-details-page .page-body .products table tr td.product a {
    color: #1B1D1F;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-align: left;
    font-style: normal;
}

.order-details-page .page-body .products table tr td.total {
    color: #1B1D1F;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-align: left;
    font-style: normal;
    padding: 0 0 6px 28px;
    grid-area: price;
    border: unset;
}

.order-details-page .page-body .products table tr td.product-specification-case {
    color: #9FA4A9;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    padding: 0 0 25px 28px;
    grid-area: case;
    border: unset;
}

.order-details-page .page-body .products table tr td.quantity {
    grid-area: quantity;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 0 6px 28px;
    border: unset;
}

.order-details-page .page-body .products table tr td.quantity .td-title {
    display: block;
    font-family: DM Sans;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #26282B;
}

.order-details-page .page-body .products table tr:has(.total) td.quantity .td-title,
.order-details-page .page-body .products table tr td.quantity .product-quantity {
    display: block;
    font-family: DM Sans;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #26282B;
    margin-left: 5px;
}

.order-details-page .page-body .products table thead {
    display: none;
}

.order-details-page .page-body .order-overview {
    background-color: #F7F8F9;
    border-radius: 24px 24px 0 0;
    padding: 24px 45px 0 29px;
    margin: 0;
}

.order-details-page .page-body .order-overview .order-number {
    color: #1B1D1F;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    margin-bottom: 8px;
    padding-left: 31px;
    position: relative;
}

.order-details-page .page-body .order-overview .order-number:before {
    content: "\eab2";
    position: absolute;
    left: 0;
}

.order-details-page .page-body .order-overview ul li {
    color: #1B1D1F;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.025em;
    text-align: left;
    padding: 0 0 16px 31px;
    border-bottom: 1px dashed #C9CDD2;
}

.order-details-page .page-body .order-overview ul li:not(.order-date:nth-child(2)) {
    display: none;
}

.order-details-page .page-body .order-details-area {
    background-color: #F7F8F9;
    margin: 0;
    padding: 17px 45px 0 29px;
}

.order-details-page .page-body .order-details-area .shipping-info-wrap {
    width: 100%;
    border: unset;
    max-width: unset;
    margin: 0;
    padding: 0;
    text-align: left;
}

.order-details-page .page-body .order-details-area .shipping-info-wrap .title {
    display: none;
}

.order-details-page .page-body .order-details-area .shipping-info-wrap .info-list .name {
    font-size: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #1B1D1F;
    font-weight: 700;
    padding: 0 0 8px;
}

.order-details-page .page-body .order-details-area .shipping-info-wrap .info-list .name:before {
    content: "\eadd";
    font-size: 16px;
    padding-right: 16px;
}

.order-details-page .page-body .order-details-area .shipping-info-wrap .info-list .email {
    display: none;
}

.order-details-page .page-body .order-details-area .shipping-info-wrap .info-list li {
    color: #73787E;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    padding-left: 31px;
}

.order-details-page .page-body .order-details-area .shipping-info-wrap .info-list .phone {
    padding: 14px 0 16px 31px;
    border-bottom: 1px dashed #C9CDD2;
    color: #464C52;
    font-size: 11px;
    font-weight: 700;
}

.order-details-page .page-body .options {
    display: none;
}

.order-details-page .page-body .order-summary {
    background-color: #F7F8F9;
    margin: 0;
    padding: 16px 45px 0 29px;
}

.order-details-page .page-body .order-summary:not(:has(*)) {
    padding: 0
}

.order-details-page .page-body .order-summary>span {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.order-details-page .page-body .order-summary>span:before {
    content: "";
    display: inline-flex;
    height: 18px;
    width: 18px;
    background-repeat: no-repeat;
    background-image: url("../img/payment-method-logo.png");
    margin-right: 14px;
}

.order-details-page .page-body .order-summary>span strong {
    color: #1B1D1F;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-align: left;
}

.order-details-page .page-body .order-summary .section.payment-info {
    border-bottom: 1px dashed #C9CDD2;
    margin: 0;
}

.order-details-page .page-body .order-summary .section.payment-info .info {
    margin: 8px 0 18px 34px;
}

.order-details-page .page-body .order-summary .section.payment-info .info .payment-type {
    text-align: left;
}

.order-details-page .page-body .order-summary .section.payment-info .info .payment-type .value {
    color: #1B1D1F;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
}


.order-details-page .page-body .order-summary .title,
.order-details-page .page-body .order-summary .payment-po {
    display: none;
}

.order-details-page .page-body .totals {
    background-color: #F7F8F9;
    border-radius: 0 0 24px 24px;
    padding: 16px 45px 24px 24px;
    margin: 0;
}

.order-details-page .page-body .totals .total-info {
    max-width: unset;
}

.order-details-page .page-body .totals .total-info h1 {
    color: #1B1D1F;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
}

.order-details-page .page-body .totals .cart-total tr td>* {
    color: #1B1D1F;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
}

.order-details-page .page-body .totals .cart-total tr:not(.order-total) td {
    padding: 0 15px 0 5px;
}

.order-details-page .page-body .totals .cart-total tr:nth-child(3) td {
    padding-bottom: 8px;
}

.order-details-page .page-body .totals .cart-total tr td {
    padding: 0;
}

.order-details-page .page-body .totals .cart-total tr.order-total {
    border-top: 2px solid #fff;
}

.order-details-page .page-body .totals .cart-total tr.order-total td {
    padding: 20px 15px 0 0;
}

.order-details-page .page-body .totals .cart-total tr.order-total td label {
    color: #1B1D1F;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.order-details-page .page-body .totals .cart-total tr.order-total td strong {
    color: #1B1D1F;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
}

.order-details-page .page-body .buttons {
    padding-top: 24px;
    display: flex;
    flex-direction: row;
    gap: 7px;
}

.order-details-page .page-body .buttons .button-1 {
    width: 50%;
}

.order-details-page .page-body .buttons .button-2.cancel-order {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.order-details-page .page-body .buttons .button-2.cancel-order:before {
    content: "\eaf9";
    margin-right: 7px;
}

@media (min-width:1024px) {
    .order-details-page .page-body {
        width: 75%;
    }

    .html-order-details-page .page-title {
        position: absolute;
        top: 66px;
        left: 38%;
        padding: 0;
        margin: 0;
        width: 46%;
    }

    .html-order-details-page.html-account-page .center-2 {
        padding-top: 59px;
    }

    .html-order-details-page .section.delivery-date {
        margin-bottom: 39px;
        background-color: #F0F2F3;
        border-radius: 16px;
        padding: 14px 23px;
        left: 38%;
        width: 46%;
        position: absolute;
        top: 126px;
        left: 38%;
    }
}

@media(max-width: 1024px) {
    .html-account-page.html-order-details-page .customer-overdue-amount.mobile~.master-wrapper-content .center-2 .page-body {
        padding-top: 42px;
    }

    .html-order-details-page .page-title {
        grid-template-columns: 24px auto 92px;
    }

    .html-account-page .page-title .order-number h1 {
        color: #fff;
        margin-left: 8px;
    }

    .html-account-page .page-title .order-details-button:before {
        color: #fff;
        font-size: 24px;
    }

    .html-order-details-page .page-title .order-status {
        font-size: 12px;
        line-height: 16px;
        padding: 8px 14px;
        position: absolute;
        right: 4vw;
    }

    .html-order-details-page .section.delivery-date {
        width: 100vw;
        left: -4vw;
        border-radius: unset;
        margin-bottom: 25px;
    }

    .html-order-details-page span.delivery-date {
        font-size: 12px;
        line-height: 12px;
    }

    .html-order-details-page span.delivery-date:before {
        font-size: 16px;
        margin-right: 10px;
    }

    .order-details-page .page-body .products .title {
        margin-bottom: 20px;
    }

    .order-details-page .page-body .products {
        margin-bottom: 24px;
    }

    .order-details-page .page-body .products table tbody {
        border: 1px solid #F1F1F1;
        border-radius: 10px;
        overflow: hidden;
    }

    .order-details-page .page-body .products table tr {
        width: 100%;
        border: unset !important;
        padding: 0;
        margin: 20px 15px 5px 12px;
        width: auto;
    }

    .order-details-page .page-body .products table tr:not(tr:last-of-type) {
        border-bottom: 1px solid #F1F1F1 !important;
        border-radius: unset;
    }

    .order-details-page .page-body .products table tr:last-of-type td {
        border-bottom: unset !important;
        margin-left: 0;
        position: relative;
        background-color: #fff !important;
        padding: 0;
        text-align: left;
    }

    .order-details-page .page-body .products table tr td.product {
        margin-left: 0;
        padding: 9px 0 8px 16px;
    }

    .order-details-page .page-body .products table tr td.unit-price {
        background-color: transparent !important;
        border: unset !important;
    }

    .order-details-page .page-body .products table tr td.total {
        width: 100%;
        height: auto;
        background-color: #fff !important;
        position: relative;
        padding: 0 0 6px 16px;
    }

    .order-details-page .page-body .products table tr td.total .td-title {
        display: none;
    }

    .order-details-page .page-body .products table tr td.quantity {
        width: 100%;
        height: auto;
        justify-content: flex-start;
        border-top: unset !important;
        background-color: #fff !important;
        position: relative;
        border-bottom: unset !important;
        padding-left: 16px;
    }

    .order-details-page .page-body .products table tr:has(.total) td.quantity {
        padding-left: 0;
    }

    .order-details-page .page-body .products table tr td.unit-price .td-title {
        display: none;
    }

    .order-details-page .page-body .products table tr td.unit-price .product-unit-price {
        color: #1B1D1F !important;
    }

    .order-details-page .page-body .products table tr td.product-specification-case {
        border-bottom: unset !important;
        padding: 0 0 10px 16px;
        text-align: left;
    }

    .order-details-page .page-body .order-overview,
    .order-details-page .page-body .order-details-area,
    .order-details-page .page-body .order-summary,
    .order-details-page .page-body .totals {
        padding-right: 24px;
    }
}

@media (min-width:768px) and (max-width: 1024px) {
    .html-order-details-page .section.delivery-date {
        left: -6vw;
    }
}

/*Order Details - End*/
/*Change Password - Start*/
.html-change-password-page .page-body {
    border: unset;
    padding: 0;
    margin: 0;
}

.html-change-password-page form .buttons input {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    text-transform: none;
    height: 50px;
}

.html-change-password-page .page-title {
    display: none;
}

.html-change-password-page .center-2 .page-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 40px;
}

.html-change-password-page .page-title h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    color: #1B1D1F;
    margin: 0;
    width: 100%;
}

@media(max-width:1024px) and (min-width:600px) {
    .html-change-password-page .page-body form {
        width: 80%;
        margin: 0 auto;
    }
}

@media(min-width:1024px) {
    .html-change-password-page .page-body form {
        margin: 0;
        width: 57%;
    }

    .html-change-password-page .title {
        margin-bottom: 40px;
    }

    .html-change-password-page .center-2 .page-title {
        padding-left: 0;
    }

    .html-change-password-page .page-title .return-button {
        display: none;
    }
}

@media(max-width:1024px) {
    .html-change-password-page .page-body {
        margin: 0 auto;
    }

    .html-account-page.html-change-password-page .customer-overdue-amount.mobile~.master-wrapper-content .center-2 .page-body {
        padding-top: 42px;
    }

    .html-change-password-page .page-title {
        padding: 28px 4vw;
    }

    .html-change-password-page .page-title h1 {
        color: #fff;
    }

    .html-change-password-page .center-2 {
        padding-top: 27px;
    }
}

/*Change Password - End*/
/*GDPR Tools - Start*/
.consents-page .ui-tabs-panel {
    background-color: #fff;
}

.consents-page .ui-tabs .ui-tabs-nav {
    display: flex;
    flex-direction: row;
    padding-bottom: 45px;
}

.consents-page .ui-tabs .ui-tabs-nav li {
    width: 50%;
    margin: 0;
}

.consents-page .ui-tabs .ui-tabs-nav li a {
    color: #9FA4A9;
    width: 100%;
    border-bottom: 1.5px solid #C9CDD2;
    font-size: 24px;
    font-weight: 700;
    line-height: 18px;
    text-transform: none;
    padding-bottom: 32px;
}

.consents-page .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.consents-page .ui-tabs .ui-state-active.ui-tabs-active a {
    color: #2D2D2D;
    border-color: #1B1D1F;
}

.gdpr-tools-page .form-fields+.buttons {
    margin-top: 0;
    padding-bottom: 45px;
}

.gdpr-tools-page .button-1 {
    height: 50px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.gdpr-tools-page .title,
.tab-content-consents .title {
    text-align: left;
    margin-bottom: 0;
}

.gdpr-tools-page .title strong,
.tab-content-consents .title strong {
    color: #464C52;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
}

.gdpr-tools-page .form-fields {
    color: #464C52;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
}

.tab-content-consents .button-1 {
    height: 50px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-top: 50px;
}

.tab-content-consents .inputs label {
    position: unset;
}

.tab-content-consents .form-fields .accept-consent label {
    padding: 0;
    text-indent: 0;
    display: grid;
    grid-template-columns: auto auto;
    margin: 0;
    max-width: unset;
    color: #464C52;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
}

ul.retailDetailsList-dropdown {
    height: auto;
    padding: 15px;
    border-radius: 8px;
    overflow-y: auto;
    max-height: 200px;
}

ul.retailDetailsList-dropdown .retailDetails {
    color: #464C52;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
}

.tab-content-consents .form-fields .accept-consent+.inputs {
    margin: 0;
}

.tab-content-consents .form-fields .accept-consent+.inputs label {
    color: #464C52;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
}

.tab-content-consents .fieldset {
    margin-bottom: 0;
}

.tab-content-consents .form-fields .inputs:not(.accept-consent) {
    margin: 0;
}

.tab-content-consents .form-fields .inputs:not(.accept-consent) label:not(#descriptionPolicyUnilever) {
    display: grid;
    grid-template-columns: auto 1fr;
    color: #464C52;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    margin: 24px 0 0;
    align-items: center;
}

@media(min-width:1024px) {
    .html-consents-page .page-title {
        display: none;
    }

    .html-account-page.html-consents-page .center-2 {
        position: absolute;
        top: 77px;
        right: 0;
        padding-top: 0;
    }

    .html-account-page.html-consents-page:has(li.ui-state-active:last-child) .side-2 {
        margin-bottom: 200px;
    }
}

@media(max-width:1024px) {
    .html-account-page.html-consents-page .center-2 {
        padding-top: 32px;
        margin-top: 9px;
        margin-bottom: 0;
    }

    .html-account-page.html-consents-page .customer-overdue-amount.mobile~.master-wrapper-content .center-2 .page-body {
        padding-top: 42px;
    }

    .html-consents-page .ui-tabs {
        margin-bottom: 0;
    }

    .consents-page .ui-tabs .ui-tabs-nav {
        padding-bottom: 24px;
    }

    .consents-page .ui-tabs .ui-tabs-nav li a {
        font-size: 16px;
        padding-bottom: 16px;
    }

    .gdpr-tools-page .title strong,
    .tab-content-consents .title strong {
        font-size: 12px;
        line-height: 15px;
    }

    .gdpr-tools-page .form-fields {
        font-size: 12px;
        line-height: 14px;
    }

    .tab-content-consents .form-fields .accept-consent label,
    .tab-content-consents .form-fields .accept-consent+.inputs label,
    .tab-content-consents .form-fields .inputs:not(.accept-consent) label:not(#descriptionPolicyUnilever),
    ul.retailDetailsList-dropdown .retailDetails {
        font-size: 12px;
        line-height: 15px;
    }

    .consents-page .buttons {
        text-align: right;
    }
}

/*GDPR Tools - End*/
/*General - Start*/
.account-page {
    background-color: #fff;
    padding: 0;
}

.html-account-page .master-column-wrapper {
    position: relative;
}

@media (min-width: 1024px) {
    .html-account-page .side-2 {
        width: 30%;
        padding-top: 59px;
    }

    .html-account-page .center-2 {
        width: 70%;
        padding-left: 8%;
        padding-top: 11px;
    }

    .html-account-page .register-arrow {
        display: none;
    }
}

@media(max-width: 1024px) {

    .html-account-page .page-title,
    .html-address-list-page .card+.page-title {
        position: fixed;
        width: 100vw;
        top: 0;
        left: 0;
        padding: 28px 4vw;
        z-index: 1030;
        background-color: var(--main-color);
        margin: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        text-align: left;
    }

    .html-account-page .customer-overdue-amount.mobile~.master-wrapper-content .page-title,
    .html-address-list-page .customer-overdue-amount.mobile~.master-wrapper-content .card+.page-title {
        top: 42px;
    }

    .html-account-page .page-title h1 {
        color: #fff;
    }

    .html-account-page .page-title .return-arrow:before {
        content: "\eaa9";
        color: #fff;
        font-size: 24px;
        margin-right: 8px;
    }

    .html-account-page .return-button {
        background-color: transparent;
        border: unset;
    }
}

@media(min-width: 768px) and (max-width: 1024px) {
    .html-account-page .page-title {
        padding: 28px 6vw;
    }

    .html-account-page .register-arrow:before {
        color: #fff;
    }
}

/*General - End*/
/*Reward Points - Start*/
.html-reward-points-page.html-account-page .page-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.html-reward-points-page.html-account-page .page-title h1 {
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: #1B1D1F;
    margin: 0;
}

.html-reward-points-page.html-account-page .page-title .reward-points-overview {
    color: #1B1D1F;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin: 0;
}

.html-reward-points-page.html-account-page .reward-points-history .title {
    text-align: left;
    margin-bottom: 20px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.html-reward-points-page.html-account-page .reward-points-history .title strong {
    color: #1B1D1F;
    font-weight: 700;
}

/*sorting list - start*/
.html-reward-points-page.html-account-page .reward-points-history .sorting-list {
    position: relative;
    width: fit-content;
}

.html-reward-points-page.html-account-page .reward-points-history .sorting-list button {
    background-color: #F0F2F3;
    border-radius: 100px;
    border: unset;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
    background-image: unset;
    margin: 0;
    height: 40px;
    padding: 10px 33px;
    text-transform: none;
    width: auto;
    cursor: pointer;
}

.html-reward-points-page.html-account-page .reward-points-history .sorting-list button:before {
    content: "\eaef";
    font-size: 16px;
    color: #1B1D1F;
    position: absolute;
    top: 11px;
    left: 12px;
}

.html-reward-points-page.html-account-page .reward-points-history .sorting-list button:after {
    content: "\ea9f";
    font-size: 14px;
    color: #1B1D1F;
    position: absolute;
    top: 13px;
    right: 12px;
}

.html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: max-content;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    padding: 12px 14px 23px;
    transition: all .2s ease;
}

.html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu li {
    padding: 9px 50px 9px 12px;
    position: relative;
    margin-bottom: 8px;
    text-align: left;
}

.html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu li:first-of-type {
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    text-transform: none;
    color: #1B1D1F;
    cursor: pointer;
}

.html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu li:first-of-type:before {
    content: "\eaa2";
    font-size: 22px;
    position: absolute;
    right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}

.html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu li:not(:first-of-type):before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #C9CDD2;
    border-radius: 3px;
    position: absolute;
    right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
}

.html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu li.checked:before {
    background-color: var(--main-color);
    text-align: center;
    border: unset;
    content: "\eab4";
    color: #fff;
    font-size: 12px;
}

.html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu li:not(:first-of-type):hover,
.html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu li.checked {
    cursor: pointer;
    background-color: var(--main-color-lightest);
    border-radius: 12px;
}

.html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu li:not(:first-of-type):hover a,
.html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu li.checked a {
    font-weight: 700;
    text-align: left;
    color: var(--main-color);
}

.html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu li a {
    color: #464C52;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    text-transform: none;
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.html-reward-points-page.html-account-page .reward-points-history .sorting-list span {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

@media (max-width:1024px) {

    .html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu {
        position: fixed;
        top: unset;
        bottom: 0;
        width: 100%;
        border-radius: 12px 12px 0 0;
        max-height: 330px;
        overflow-y: scroll;
        z-index: 9001;
    }

    .html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu {
        opacity: 1;
        visibility: visible;
        animation: slideInOut 0.3s ease-in-out;
    }

    @keyframes slideInOut {
        0% {
            opacity: 0;
            visibility: hidden;
            transform: translateY(100%);
        }

        100% {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
    }

    .html-reward-points-page.html-account-page .reward-points-history .sorting-list span {
        z-index: 9000;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu li:first-of-type {
        font-size: 20px;
        line-height: 26px;
    }

    .html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu li:first-of-type:before {
        display: none;
    }

    .html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu li {
        padding: 17px 12px;
    }

    .html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu li a {
        font-size: 16px;
        line-height: 16px;
    }

    .html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu li.checked {
        background-color: transparent;
    }

    .html-reward-points-page.html-account-page .reward-points-history .sorting-list button+.dropdown-menu li.checked a {
        font-size: 16px;
        line-height: 16px;
        color: #1B1D1F;
    }
}

/*sorting list - end*/
.html-reward-points-page.html-account-page .data-table thead {
    display: none;
}

.html-reward-points-page.html-account-page .data-table colgroup col {
    width: unset;
}

.html-reward-points-page.html-account-page .data-table {
    padding-top: 50px;
}

.html-reward-points-page.html-account-page .data-table tr {
    display: grid;
    grid-template-areas:
        "message message points"
        "status date .";
    width: 100%;
    border-bottom: 1px solid #F0F2F3;
    grid-template-columns: auto 1fr;
}

.html-reward-points-page.html-account-page .data-table tr:first-child .message,
.html-reward-points-page.html-account-page .data-table tr:first-child .points {
    padding-top: 0;
}

.html-reward-points-page.html-account-page .data-table tr .message {
    grid-area: message;
    border: unset;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.2px;
    text-align: left;
    color: #1B1D1F;
    padding: 15px 0 0;
}

.html-reward-points-page.html-account-page .data-table tr .date {
    grid-area: date;
    border: unset;
    color: #9FA4A9;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    padding: 4px 4px 15px;
}

.html-reward-points-page.html-account-page .data-table tr .points {
    grid-area: points;
    border: unset;
    padding: 0;
    text-align: right;
    padding: 15px 0 0;
}

.html-reward-points-page.html-account-page .data-table tr .status {
    grid-area: status;
    border: unset;
    color: #9FA4A9;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    padding: 4px 0 15px;
    width: fit-content;
    min-width: unset;
}

.html-reward-points-page.html-account-page .data-table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.html-reward-points-page.html-account-page .data-table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.html-reward-points-page.html-account-page .data-table tr th {
    font-size: 16px;
}

.html-reward-points-page.html-account-page .data-table tr td {
    font-size: 14px;
}

.html-reward-points-page.html-account-page .data-table tr td.points-redeemed {
    color: #9FA4A9;
    font-weight: 700;
}

.html-reward-points-page.html-account-page .data-table tr td.points-credited {
    color: #1DB885;
    font-weight: 700;
}

@media (min-width: 1024px) {
    .html-reward-points-page.html-account-page .page-title .return-button {
        display: none;
    }

    .html-reward-points-page.html-account-page .page-title {
        position: absolute;
        width: 62%;
        top: 56px;
        right: 0;
        padding: 0;
    }
}

@media(max-width: 1024px) {
    .html-reward-points-page.html-account-page .page-title {
        background-color: transparent;
        padding: 0;
        position: relative;
    }

    .html-reward-points-page.html-account-page .page-title .return-button {
        padding: 28px 0 28px 4vw;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1031;
    }

    .html-reward-points-page.html-account-page .customer-overdue-amount.mobile~.master-wrapper-content .page-title .return-button,
    .html-reward-points-page.html-account-page .customer-overdue-amount.mobile~.master-wrapper-content .page-title h1 {
        top: 42px;
    }

    .html-reward-points-page .customer-overdue-amount.mobile~.master-wrapper-content .center-2 {
        padding-top: 42px;
    }

    .html-reward-points-page.html-account-page .page-title h1 {
        width: 100%;
        color: #fff;
        background-color: var(--main-color);
        padding: 28px 4vw 28px calc(4vw + 30px);
        position: fixed;
        width: 100vw;
        top: 0;
        left: 0;
        z-index: 1030;
        display: flex;
        flex-direction: row;
    }

    .html-reward-points-page.html-account-page .page-title .reward-points-overview {
        padding: 20px 0;
        font-size: 16px;
        line-height: 23px;
        position: relative;
        width: calc(100% - 8vw);
        text-align: justify;
    }

    .html-reward-points-page.html-account-page .data-table {
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        padding: 35px 0 0;
    }

    .html-reward-points-page.html-account-page .data-table tr {
        margin: 0;
        border: unset !important;
        border-bottom: 1px solid #F0F2F3 !important;
        !i;
        !;
    }

    .html-reward-points-page.html-account-page .data-table tr td {
        display: flex;
        flex-direction: column;
        border: unset;
    }

    .html-reward-points-page.html-account-page .data-table tr td .td-title {
        display: none;
    }

    .html-reward-points-page.html-account-page .data-table tr td.date {
        grid-area: date;
    }

    .html-reward-points-page.html-account-page .data-table tr td.points {
        grid-area: points;
    }

    .html-reward-points-page.html-account-page .data-table tr td.points-balance {
        grid-area: points-balance;
    }

    .html-reward-points-page.html-account-page .data-table tr td.message {
        grid-area: message;
    }
}

@media(min-width:768px) and (max-width:1024px) {
    .html-reward-points-page.html-account-page .page-title h1 {
        padding: 28px 6vw;
    }

    .html-reward-points-page.html-account-page .page-title .reward-points-overview {
        padding: 30px 0;
    }
}

/*Reward Points - End*/
/*ACCOUNT - END*/

/*BLOG - START*/
.html-blog-page .center-2 {
    width: 100%;
}

.html-blog-page .master-wrapper-content {
    padding-top: 0;
    position: relative;
}

.blog-page .page-title {
    background-color: #F0F2F3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 12px 4vw;
    margin: 0 0 32px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.blog-page .page-title .return-button {
    border: unset;
}

.blog-page .page-title .return-arrow:before {
    content: "\eaa9";
    font-size: 32px;
    display: flex;
    margin-right: 4px;
}

.blog-page .page-title h1 {
    color: #1B1D1F;
    font-size: 32px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
}

.blog-page .blog-posts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2%;
}

.blog-page .blog-posts .post {
    border-radius: 16px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #F0F2F3;
    background-color: #fff;
    height: auto !important;
    width: 49%;
    margin-bottom: 32px;
}

.blog-page .post:nth-child(2n+1) {
    margin-left: 0;
}

.blog-page .blog-posts .post .rich-blog-image a {
    position: relative;
    height: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
}

.blog-page .blog-posts .post .rich-blog-image img {
    height: auto;
    width: 100%;
    max-width: unset;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media(max-width:500px) {
    .blog-page .blog-posts .post .rich-blog-image img {
        height: 100%;
        width: auto;
    }
}

.blog-page .blog-posts .post .post-details {
    text-align: left;
    margin: 0;
}

.blog-page .blog-posts .post .post-details span {
    display: none;
}

.blog-page .blog-posts .post .post-details a.post-title {
    font-weight: 700;
    text-align: left;
    color: var(--main-color);
    margin-bottom: 6px;
    height: auto;
}

.blog-page .blog-posts .post .post-details a.post-title:first-letter {
    text-transform: none;
}

.blog-page .blog-posts .post .post-details .post-body {
    font-weight: 700;
    text-align: left;
    color: #1B1D1F;
    height: auto;
    margin-bottom: 0;
    display: block !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-page .blog-posts .post a.read-more {
    display: block !important;
    background-color: transparent;
    color: #464C52;
    text-decoration: underline;
    text-transform: lowercase;
    text-align: left;
    height: auto;
    font-weight: 700;
    position: relative;
    top: unset;
    bottom: unset;
    left: unset;
    padding: 0;
}

.blog-page .blog-posts .post a.read-more:first-letter {
    text-transform: none;
}

@media(max-width:1024px) {
    .html-blog-page .master-wrapper-content {
        padding-top: 9px;
    }

    .blog-page .page-title {
        margin: 10px 0 0;
    }

    .blog-page .page-title .return-arrow:before {
        font-size: 24px;
    }

    .blog-page .page-title h1 {
        font-size: 13px;
        line-height: 13px;
    }

    .blog-page .blog-posts .post .rich-blog-image {
        height: 136px;
    }

    .blog-page .blog-posts .post .post-details a.post-title {
        font-size: 10px;
        line-height: 12px;
    }

    .blog-page .blog-posts .post .post-details .post-body {
        font-size: 12px;
        line-height: 14px;
    }

    .blog-page .blog-posts .post .post-footer {
        margin: 8px 0 0;
    }

    .blog-page .blog-posts .post a.read-more {
        font-size: 9px;
        line-height: 9px;
    }

    .blog-page .blog-posts .post .post-details {
        padding: 10px 10px 14px;
    }
}

@media (min-width:768px) {
    .blog-page .page-title {
        padding: 20px 6vw;
    }


    .blog-page .page-title h1 {
        font-size: 24px;
        line-height: 24px;
    }

    .blog-page .blog-posts .post {
        margin: 0 0 56px;
    }

    .blog-page .blog-posts .post .rich-blog-image {
        height: 206px;
    }

    .blog-page .blog-posts .post .post-details a.post-title {
        font-size: 14px;
        line-height: 17px;
    }

    .blog-page .blog-posts .post .post-details .post-body {
        font-size: 16px;
        line-height: 19px;
    }

    .blog-page .blog-posts .post .post-footer {
        margin: 12px 0 0;
    }

    .blog-page .blog-posts .post a.read-more {
        font-size: 12px;
        line-height: 12px;
    }

    .blog-page .blog-posts .post .post-details {
        padding: 24px 24px 32px;
    }
}

@media (min-width: 1150px) {
    .html-blog-page .master-column-wrapper {
        padding-top: 152px;
    }

    .blog-page .page-title {
        padding: 44px calc((100% - 1100px) / 2);
        left: 0;
    }
}

@media (max-width: 1150px) {
    .html-blog-page .master-column-wrapper {
        padding-top: 102px;
    }
}

@media (max-width:768px) {
    .blog-page .page-title .return-arrow:before {
        font-size: 14px;
    }

    .html-blog-page .master-column-wrapper {
        padding-top: 63px;
    }
}

/*Detail page - Start*/
.html-blogpost-page .master-wrapper-content {
    padding-top: 0;
    position: relative;
}

.blogpost-page .search-results-message {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.blogpost-page .search-results-message .return-button {
    border: unset;
}

.blogpost-page .search-results-message .return-arrow:before {
    content: "\eaa9";
    font-size: 32px;
    display: flex;
    margin-right: 4px;
}

.blogpost-page .post-body {
    margin: 0;
    width: 100%;
    max-width: unset;
    border: unset;
    padding: 0;
}

.blogpost-page .post-body .rich-blog-image {
    margin: 32px 0 42px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    max-height: 408px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blogpost-page .post-body .rich-blog-image img {
    width: 100%;
    height: auto;

}

@media(max-width:768px) {
    .blogpost-page .post-body .rich-blog-image {
        max-height: 180px;
    }
}

.blogpost-page .post-body p {
    font-size: 22px;
    font-weight: 400;
    line-height: 31px;
    text-align: left;
    padding: 0;
    margin: 0;
    color: #1B1D1F;
}

@media (min-width: 1150px) {
    .blogpost-page .search-messages {
        padding: 44px calc((100% - 1100px) / 2);
    }

    .html-blogpost-page .master-column-wrapper {
        padding-top: 132px;
    }
}

@media (max-width: 1150px) {
    .html-blogpost-page .master-column-wrapper {
        padding-top: 100px;
    }
}

@media (max-width: 768px) {
    .blogpost-page .search-results-message .return-arrow:before {
        font-size: 14px;
    }

    .blogpost-page .search-messages {
        margin: 0;
    }

    .html-blogpost-page .master-column-wrapper {
        padding-top: 44px;
    }

    .blogpost-page .post-body .rich-blog-image {
        margin: 25px 0 18px;
        top: 9px;
        position: relative;
    }

    .blogpost-page .post-body p {
        font-size: 12px;
        line-height: 18px;
    }
}

@media(max-width:1024px) {
    .blogpost-page .search-messages {
        margin-top: 10px;
    }

    .html-blogpost-page .master-wrapper-content {
        padding-top: 9px;
    }

    .blogpost-page .search-results-message .return-arrow:before {
        font-size: 24px;
    }
}

/*Detail page - End*/
/*BLOG - END*/
/*PRODUCTS ON SALE + NEW PRODUCTS - START*/
.html-recently-viewed-products-page .master-column-wrapper,
.html-recently-added-products-page .master-column-wrapper {
    margin-top: 80px;
}

.html-recently-viewed-products-page .master-wrapper-content,
.html-recently-added-products-page .master-wrapper-content {
    position: relative;
}

.recently-viewed-products-page .item-grid,
.recently-added-products-page .item-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
}

.recently-viewed-products-page .page-title,
.recently-added-products-page .page-title {
    background-color: #F0F2F3;
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0;
    padding: 16px 4vw;
    margin: 0;
}

.recently-viewed-products-page .page-title h1,
.recently-added-products-page .page-title h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
}

.html-recently-viewed-products-page .side-2,
.html-recently-added-products-page .side-2 {
    display: none;
}

.html-recently-viewed-products-page .center-2,
.html-recently-added-products-page .center-2 {
    width: 100%;
}

.center-2 .item-box .promo-pack .details,
.center-2 .item-box .promo-pack .details {
    height: 58%;
    position: relative;
    display: grid;
    grid-template-rows: minmax(auto, 0.5fr) 1fr 0.8fr;
}

@media (min-width: 481px) {

    .recently-viewed-products-page .item-grid,
    .recently-added-products-page .item-grid {
        gap: 2%;
    }
}

@media (min-width: 1024px) {

    .recently-viewed-products-page .page-title,
    .recently-added-products-page .page-title {
        padding: 18px 6vw;
        top: 0;
    }

    .recently-viewed-products-page .item-grid,
    .recently-added-products-page .item-grid {
        gap: 1%;
    }
}

@media(min-width:1150px) {

    .recently-viewed-products-page .page-title,
    .recently-added-products-page .page-title {
        padding: 37px 0;
    }

    .recently-viewed-products-page .page-title h1,
    .recently-added-products-page .page-title h1 {
        max-width: 1100px;
        margin: 0 auto;
    }
}

@media (max-width: 1024px) {

    .html-recently-viewed-products-page .master-column-wrapper,
    .html-recently-added-products-page .master-column-wrapper {
        margin-top: 30px;
    }

    .recently-viewed-products-page .page-title,
    .recently-added-products-page .page-title {
        background-color: #fff;
        margin: 9px 0 0;
    }

    .recently-viewed-products-page .page-title h1,
    .recently-added-products-page .page-title h1 {
        font-size: 16px;
        line-height: 19px;
    }
}

@media(max-width: 768px) {

    .html-recently-viewed-products-page .center-2 .item-box,
    .html-recently-added-products-page .center-2 .item-box {
        width: 32%;
    }
}

@media(max-width: 600px) {

    .recently-viewed-products-page .item-grid,
    .recently-added-products-page .item-grid {
        gap: 2%;
    }

    .html-recently-viewed-products-page .center-2 .item-box,
    .html-recently-added-products-page .center-2 .item-box {
        width: 49%;
    }
}

/*PRODUCTS ON SALE + NEW PRODUCTS - END*/
/*NOTIFICATION POP-UP - START*/
.push-notifications-bar,
.push-notifications-bar-unsupported-device {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}

.push-notifications-bar .text,
.push-notifications-bar-unsupported-device .text {
    font-size: 16px;
    color: #1B1D1F;
}

.push-notifications-bar .buttons-more,
.push-notifications-bar-unsupported-device .buttons-more {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.push-notifications-bar .button-1,
.push-notifications-bar-unsupported-device .button-1 {
    background-color: #fff;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    min-width: 125px;
    height: 45px;
    border-radius: 50px;
    text-transform: none;
    font-weight: 700;
    font-size: 13px;
    margin: 0;
    padding: 14px 13px;
}

.push-notifications-bar .button-1:hover,
.push-notifications-bar-unsupported-device .button-1:hover {
    background-color: #fff;
    color: var(--main-color-dark);
    border-color: var(--main-color-dark);
}

.push-notifications-bar .button-2,
.push-notifications-bar-unsupported-device .button-2 {
    background-color: var(--main-color);
    color: #fff;
    min-width: 125px;
    height: 45px;
    border-radius: 50px;
    text-transform: none;
    font-weight: 700;
    font-size: 13px;
    margin: 0;
    padding: 14px 13px;
}

.push-notifications-bar .button-2:hover,
.push-notifications-bar-unsupported-device .button-2:hover {
    background-color: var(--main-color-dark);
}

/*NOTIFICATION POP-UP - END*/
/* PWA NOTIFICATION - START */
.pwa-notification {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pwa-notification .icon {
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, .3) 0 2px 5px;
}

.pwa-notification h2 {
    color: #444;
    font-size: 20px;
    margin: 20px 0;
}

.pwa-notification .info {
    align-items: center;
    color: #444;
    display: flex;
    font-size: 16px;
    justify-content: center;
}

.pwa-notification .info img {
    height: 25px;
    margin: 0 8px;
    width: auto;
}

.pwa-notification .button-group {
    display: flex;
}

.pwa-notification button {
    margin-top: 30px;
}

.pwa-notification button+button {
    margin-left: 12px;
}

/* PWA NOTIFICATION - END */
/* Store selection
   Page not found
*/
.not-found-page .page-body {
    max-width: 600px;
    margin: 0 auto 30px;
    border-radius: 3px;
}

.not-found-page .page-body {
    max-width: none;
}

.not-found-page .page-body {
    padding: 40px 20px;
}

@media (min-width: 1024px) {
    .not-found-page .page-body {
        padding: 45px 13%;
    }
}

/* Badges */
.ico-wishlist .wishlist-qty,
.ico-rewardpoints .rewardpoints-qty,
.ico-cart .cart-qty {
    background-color: var(--secondary-color) !important;
}

.ico-rewardpoints:before {
    content: "P" !important;
}

/* Categories carousel */
.carousel-categories .item-box .picture>a img {
    height: 75%;
}

/* Sale of the day */
.sale-of-the-day-offer {
    background-repeat: repeat;
    background-size: auto !important;
}

.sale-of-the-day-offer .title {
    display: block !important;
    font-weight: bold !important;
}

.sale-of-the-day-offer .title strong {
    font-weight: bold !important;
}

/* Quick add to cart */
.small-products .item-box {
    max-height: none !important;
}

@media (max-width: 1024px) {
    .small-products .item-box .ajax-cart-button-wrapper {
        display: flex;
    }

    .small-products .item-box .add-to-cart-qty-wrapper {
        min-width: 60px;
    }
}

/* GDPR Consents */
.gdpr-tools-page .inputs {
    margin-top: 20px !important;
}

/* Vendor carousel */
.custom-vendor-carousel .nop-jcarousel.manufacturer-grid .item-box .picture img,
.custom-vendor-carousel .nop-jcarousel.vendor-grid .item-box .picture img {
    opacity: 1 !important;
    transition: .3s ease-in-out;
}

.custom-vendor-carousel .nop-jcarousel.manufacturer-grid .item-box:hover .picture img,
.custom-vendor-carousel .nop-jcarousel.vendor-grid .item-box:hover .picture img {
    transform: scale(1.1);
}

/* Responsive video embedding */
.responsive-container {
    max-height: 320px;
    max-width: 560px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.responsive-container::after {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.responsive-container iframe,
.responsive-container video,
.responsive-container object {
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.responsive-nav-store-session-info-wrapper {
    background: #fff;
    color: var(--secondary-color);
    height: 35px;
}

.responsive-nav-store-session-info-wrapper * {
    display: block;
    font-size: 8px;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    padding: 2px 0;
}

.responsive-nav-store-session-info-wrapper span:first-child {
    background: var(--secondary-color);
    color: #fff;
    font-size: 10px;
    letter-spacing: 2px;
}

/* Account info -> Address list */
.address-list-page .address-item .delivery-place-code {
    font-size: 16px;
    color: #8c8c8c;
    line-height: 1.3;
    display: block;
    margin-top: 10px;
}

#get-existing-customer-info-message {
    display: block;
    text-align: center;
    padding-bottom: 10px;
}

#get-pos-message {
    display: block;
    text-align: center;
    padding-bottom: 10px;
}

#sms-verification-code-message {
    display: block;
    text-align: center;
    padding-bottom: 10px;
}

/* Wishlist Add to cart Button */
.wishlist-page .wishlist-add-to-cart-button.button-2 {
    background-color: #2b81e4;
}

.wishlist-page .wishlist-add-to-cart-button.button-2:before {
    color: white;
    margin-right: 3px;
}

.wishlist-page .wishlist-add-to-cart-button.button-2:hover {
    background-color: #16b1e9;
}

/*CZ - Bug #37329 - START*/
@media screen and (max-width: 480px) {
    .product-selectors.infinite-scroll-enabled .product-sorting {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width:1024px) {
    .block {
        width: 48%;
    }
}

/*CZ - Bug #37329 - END*/

/*PAGE NOT FOUND - START*/
.html-not-found-page .footer {
    position: fixed;
    bottom: 0;
    width: 100vw;
}

.html-not-found-page .footer .footer-lower {
    padding: 23px 0;
}

@media(max-width: 1024px) {
    .html-not-found-page .footer .footer-lower {
        border: unset;
        margin: 0;
    }
}

/*PAGE NOT FOUND - END*/
/*VOUCHER INFORMATION POP-UP - START*/
.page-body:has(.noesis_loyaltyprogram_checkout-cart-changed-disclaimer-popup) h3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
}

.page-body:has(.noesis_loyaltyprogram_checkout-cart-changed-disclaimer-popup) h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
    margin-top: 8px;
}

.noesis_loyaltyprogram_checkout-cart-changed-disclaimer-popup {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/*VOUCHER INFORMATION POP-UP - END*/

/*BRANDS PAGE - START*/
.html-manufacturer-page .master-column-wrapper {
    max-width: 1100px;
    margin: 106px auto 0;
}

.html-manufacturer-page .master-wrapper-content {
    position: relative;
}

.html-manufacturer-page .center-2 .page-title {
    background-color: #F0F2F3;
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0;
    padding: 16px 4vw;
    margin: 0;
}

.html-manufacturer-page .center-2 .page-title h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D1F;
}

@media(min-width:1024px) {
    .html-manufacturer-page .center-2 .page-title {
        padding: 18px 6vw;
        top: 0;
    }
}

@media(min-width:1150px) {
    .html-manufacturer-page .center-2 .page-title {
        padding: 37px 0;
    }

    .html-manufacturer-page .center-2 .page-title h1 {
        max-width: 1100px;
        margin: 0 auto;
    }
}

@media(max-width:1024px) {
    .html-manufacturer-page .center-2 .page-title {
        background-color: #fff;
        margin: 9px 0 0;
    }

    .html-manufacturer-page .customer-overdue-amount.mobile~.master-wrapper-content .center-2 .page-title {
        margin: 51px 0 0;
    }

    .html-manufacturer-page .center-2 .page-title h1 {
        font-size: 16px;
        line-height: 19px;
    }

    .html-manufacturer-page .master-column-wrapper {
        margin-top: 60px;
    }

    .html-manufacturer-page .center-2 .block.block-category-navigation {
        display: none;
    }

    .html-manufacturer-page .nopAjaxFilters7Spikes {
        bottom: -100%;
        width: 100%;
        height: 50%;
        top: unset;
        left: 0;
        border-radius: 24px 24px 0 0;
    }

    .html-manufacturer-page .nopAjaxFilters7Spikes.open {
        bottom: 0;
        left: 0;
        overflow-y: scroll;
    }

    .html-manufacturer-page .nopAjaxFilters7Spikes .close-side-menu,
    .html-manufacturer-page .nopAjaxFilters7Spikes .clearFilterOptions {
        display: none;
    }

    .html-manufacturer-page .nopAjaxFilters7Spikes .block-category-navigation {
        overflow-y: unset;
        padding: 27px 24px 32px 32px;
        border: unset;
        display: block;
    }
}

/*BRANDS PAGE - END*/


/* Hide manufacturer descriptions */

.manufacturer-description {
    display: none;
}



/*Order Suggestions - Start*/
.block-account-navigation.block .nshop-ordersuggestion-item a:after,
.profile-menu-box a.nshop-ordersuggestion-item:before {
    content: "\eacb";
    color: #1B1D1F;
    font-size: 16px;
    margin-right: 8px;
}

.html-customer-order-suggestions-page .page-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.html-customer-order-suggestions-page form {
    display: flex;
    flex-direction: column;
}

.html-customer-order-suggestions-page .page-title h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    color: #1B1D1F;
    margin: 0;
}

.html-customer-order-suggestions-page .title-without-stock {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 10px;
    text-align: left;
}

.customer-order-suggestions-page .page-body {
    padding: 0;
    border: unset;
}

.customer-order-suggestions-page .total-products-quantity {
    display: none;
}

.customer-order-suggestions-page .cart-collaterals {
    margin: 0;
}

    .customer-order-suggestions-page .cart-collaterals .collaterals-shipping,
    .customer-order-suggestions-page .cart-collaterals.has-collaterals-cutoff .collaterals-shipping {
        margin: 0;
        border: unset;
        border-radius: 16px 16px 0 0;
        width: 100%;
    }

        .customer-order-suggestions-page .cart-collaterals.has-collaterals-cutoff .collaterals-shipping > div.title {
            background-color: #FCF3E2;
            color: #95670F;
            font-weight: 400;
            font-size: 12px;
            line-height: 12px;
            vertical-align: middle;
        }

    .customer-order-suggestions-page .cart-collaterals.has-collaterals-cutoff .collaterals-cutoff {
        background-color: #FCF3E2;
        color: #95670F;
        font-weight: 400;
        font-size: 12px;
        line-height: 12px;
        vertical-align: middle;
        padding: 0 24px 14px;
        text-align: left;
    }

    .customer-order-suggestions-page .cart-collaterals.has-collaterals-cutoff .collaterals-shipping > div .estimate-shipping-button label:before,
    .customer-order-suggestions-page .cart-collaterals.has-collaterals-cutoff .collaterals-shipping > div .estimate-shipping-button input {
        color: #95670F;
    }

    .customer-order-suggestions-page .cart-collaterals .collaterals-shipping > div.title {
        color: #9FA4A9;
        font-size: 15px;
        font-weight: 400;
        line-height: 15px;
        letter-spacing: 0em;
        text-align: left;
        padding: 14px 24px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .customer-order-suggestions-page .cart-collaterals .collaterals-shipping > div.title:before {
            display: none;
        }

        .customer-order-suggestions-page .cart-collaterals .collaterals-shipping > div.title label {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

    .customer-order-suggestions-page .cart-collaterals .collaterals-shipping > div .estimate-shipping-button label:before {
        content: "\eab2";
        font-size: 22px;
        color: #73787E;
        margin-right: 12px;
    }

    .customer-order-suggestions-page .cart-collaterals .collaterals-shipping > div .estimate-shipping-button {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .customer-order-suggestions-page .cart-collaterals .collaterals-shipping > div .estimate-shipping-button input {
            font-size: 15px;
            font-weight: 700;
            line-height: 15px;
            letter-spacing: 0em;
            background-color: transparent;
            text-align: left;
            padding: 0;
            border: unset;
            margin: 0 0 0 5px;
            height: fit-content;
            width: 130px;
        }

.customer-order-suggestions-page #shopping-cart-form .cart,
.customer-order-suggestions-page #shopping-cart-form .cart-table-container {
    margin-bottom: 30px;
}

    .customer-order-suggestions-page #shopping-cart-form .cart .cart-item-row {
        grid-template-areas:
            "image product product remove"
            "image quantity price remove";
        grid-template-columns: 80px 1.3fr 1fr 20px;
    }

        .customer-order-suggestions-page #shopping-cart-form .cart .cart-item-row .product-picture {
            padding: 24px 20px 24px 0;
        }

        .customer-order-suggestions-page #shopping-cart-form .cart .cart-item-row .product {
            padding-left: 0px;
        }

        .customer-order-suggestions-page #shopping-cart-form .cart .cart-item-row .remove-from-cart {
            padding: 8px 0;
            min-width: unset;
        }

        .customer-order-suggestions-page #shopping-cart-form .cart .cart-item-row .quantity {
            padding-top: 6px;
        }

.customer-order-suggestions-page .add-to-cart-qty-wrapper.cart-minus-plus {
    margin: 0;
}

.customer-order-suggestions-page .buttons {
    display: flex;
    gap: 8px;
}

.customer-order-suggestions-page .button-1.confirm-suggestion-button {
    background-color: var(--main-color);
    color: #fff;
    min-width: 125px;
    height: 45px;
    border-radius: 50px;
    text-transform: none;
    font-weight: 700;
    font-size: 13px;
    margin: 0;
    padding: 14px 13px;
    font-family: "DM Sans", sans-serif !important;
    line-height: normal;
    width: 50%;
}

    .customer-order-suggestions-page .button-1.confirm-suggestion-button:hover {
        background-color: var(--main-color-dark);
    }

    .customer-order-suggestions-page .button-1.confirm-suggestion-button:before {
        content: "\eab4";
        margin-right: 2px;
    }

.customer-order-suggestions-page .button-2.cancel-suggestion-button {
    background-color: #fff;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    min-width: 125px;
    height: 45px;
    border-radius: 50px;
    text-transform: none;
    font-weight: 700;
    font-size: 13px;
    margin: 0;
    padding: 14px 13px;
    font-family: "DM Sans", sans-serif !important;
    line-height: normal;
    width: 50%;
}

    .customer-order-suggestions-page .button-2.cancel-suggestion-button:hover {
        background-color: #fff;
        color: var(--main-color-dark);
        border-color: var(--main-color-dark);
    }

    .customer-order-suggestions-page .button-2.cancel-suggestion-button:before {
        content: "\eaf9";
        margin-right: 2px;
    }
/* No orders - Start*/
.customer-order-suggestions-page .order-suggestion-content {
    width: 66%;
    border-radius: 24px;
}

    .customer-order-suggestions-page .order-suggestion-content .order-suggestion-no-data-title {
        background-color: #F7F8F9;
        color: #1B1D1F;
        font-weight: 700;
        font-size: 24px;
        line-height: 25px;
        text-align: center;
        padding: 77px 50px 30px;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
    }

    .customer-order-suggestions-page .order-suggestion-content .order-suggestion-no-data-description {
        background-color: #F7F8F9;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        vertical-align: middle;
        color: #98A0A3;
        padding: 0 50px 30px;
    }

.customer-order-suggestions-page .order-suggestion-no-data-action {
    background-color: #F7F8F9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0 50px 63px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

.customer-order-suggestions-page .button-2.no-suggestion-button {
    background-color: var(--main-color);
    color: #fff;
    min-width: 125px;
    height: 45px;
    border-radius: 50px;
    text-transform: none;
    font-weight: 700;
    font-size: 13px;
    margin: 0;
    padding: 14px 13px;
    font-family: "DM Sans", sans-serif !important;
    line-height: normal;
    width: 62%;
}

    .customer-order-suggestions-page .button-2.no-suggestion-button:hover {
        background-color: var(--main-color-dark);
    }
/* No orders - End*/
/*Table without stock - Start*/
.customer-order-suggestions-page .suggestion_withoutstock {
    margin-bottom: 30px;
}

    .customer-order-suggestions-page .suggestion_withoutstock thead tr {
        display: none;
    }

    .customer-order-suggestions-page .suggestion_withoutstock tbody tr {
        background-color: #FEEFEE;
        border-bottom: 1px solid #fff;
        display: grid;
        grid-template-areas:
            "product-picture product"
            "product-picture notify";
        padding: 20px;
        grid-template-columns: 80px auto;
    }

@media(max-width:1024px) {
    .customer-order-suggestions-page .suggestion_withoutstock tbody tr {
        margin-bottom: 10px;
    }

        .customer-order-suggestions-page .suggestion_withoutstock tbody tr:last-of-type {
            margin-bottom: 0;
        }

        .customer-order-suggestions-page .suggestion_withoutstock tbody tr .product {
            margin-left: 0;
        }
}

.customer-order-suggestions-page .suggestion_withoutstock .product-picture {
    grid-area: product-picture;
}

    .customer-order-suggestions-page .suggestion_withoutstock .product-picture a {
        width: 60px;
    }

.customer-order-suggestions-page .suggestion_withoutstock .product {
    grid-area: product;
    font-weight: 500;
    font-size: 15px;
    line-height: 120%;
}

.customer-order-suggestions-page .suggestion_withoutstock .notify-when-available {
    grid-area: notify;
}

/*Table without stock - End*/
@media (min-width: 1024px) {
    .html-customer-order-suggestions-page .page-title {
        position: absolute;
        width: 62%;
        top: 74px;
        right: 0;
        padding: 0;
    }

        .html-customer-order-suggestions-page .page-title .return-button {
            display: none;
        }

    .customer-order-suggestions-page .table-wrapper {
        float: left;
        clear: left;
        width: 100%;
        grid-column: 1;
        grid-row: 1 / 3;
    }

    .customer-order-suggestions-page .order-summary-content form {
        display: grid;
        grid-template-columns: 2fr 1fr;
        grid-column-gap: 50px;
        grid-template-rows: auto minmax(auto, 1fr);
        overflow: visible;
    }
}

@media (max-width:1024px) {
    .html-account-page.html-customer-order-suggestions-page .page-body {
        margin-top: 30px;
        padding-top: 6px;
    }

    .html-account-page.html-customer-order-suggestions-page .master-column-wrapper .card {
        display: none;
    }

    .customer-order-suggestions-page #shopping-cart-form .cart .cart-item-row {
        grid-template-areas:
            "image product remove"
            "image price remove"
            "image quantity remove";
        grid-template-columns: 90px 1fr 40px;
    }

        .customer-order-suggestions-page #shopping-cart-form .cart .cart-item-row .quantity {
            padding-bottom: 16px;
        }

    .html-customer-order-suggestions-page .page-title {
        flex-direction: row;
        align-items: center;
    }

        .html-customer-order-suggestions-page .page-title h1 {
            color: #fff;
        }
    /* No orders mobile- Start*/
    .customer-order-suggestions-page .order-suggestion-content {
        width: 100%;
        border-radius: 16px;
    }

        .customer-order-suggestions-page .order-suggestion-content .order-suggestion-no-data-title {
            font-size: 18px;
            padding-top: 20px;
        }

        .customer-order-suggestions-page .order-suggestion-content .order-suggestion-no-data-description {
            font-size: 14px;
        }

    .customer-order-suggestions-page .order-suggestion-no-data-action {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding-bottom: 32px;
    }

    .customer-order-suggestions-page .button-2.no-suggestion-button {
        background-color: var(--main-color);
        color: #fff;
        min-width: 125px;
        height: 45px;
        border-radius: 50px;
        text-transform: none;
        font-weight: 700;
        font-size: 13px;
        margin: 0;
        padding: 14px 13px;
        font-family: "DM Sans", sans-serif !important;
        line-height: normal;
        width: 62%;
    }

        .customer-order-suggestions-page .button-2.no-suggestion-button:hover {
            background-color: var(--main-color-dark);
        }
    /* No orders mobile - End*/
}
/*Pop-up - Start*/
.ui-dialog.ui-widget-content {
    border-radius: 24px;
    width: 33% !important;
}

    .ui-dialog.ui-widget-content .ui-dialog-titlebar {
        padding: 76px 55px 30px;
        color: #1B1D1F;
        font-weight: 700;
        font-size: 24px;
        line-height: 25px;
        text-align: center;
        margin: 0;
        width: 100%;
    }

    .ui-dialog.ui-widget-content .ui-dialog-content.ui-widget-content {
        padding: 0 55px;
        text-align: center;
    }

    .ui-dialog.ui-widget-content .ui-dialog-buttonpane.ui-widget-content {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding-top: 30px;
    }

@media(max-width:1024px) {
    .ui-dialog.ui-widget-content.dialog-order-suggestion {
        width: 100% !important;
        position: fixed !important;
        bottom: 0;
        top: unset !important;
        max-width: unset;
        padding-bottom: 20px;
    }

    .ui-dialog.ui-widget-content.dialog-order-suggestion .ui-dialog-titlebar {
        white-space: break-spaces;
        padding: 55px 30px 20px;
    }

    .ui-dialog.ui-widget-content.dialog-order-suggestion .ui-dialog-content.ui-widget-content {
        color: #98A0A3;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        padding: 0 24px;
    }

    .ui-dialog.ui-widget-content.dialog-order-suggestion .ui-dialog-buttonpane.ui-widget-content div {
        width: 100%;
        padding: 0 24px;
    }

    .ui-dialog.ui-widget-content.dialog-order-suggestion .ui-dialog-buttonpane.ui-widget-content div button {
        width: 100%;
    }
}
/*Pop-up - End*/
/*Cut-off - Start*/
.customer-order-suggestions-page .collaterals-cutoff {
    margin: 0;
    border: unset;
}
/*Cut-off - End*/
/*Order Suggestions - End*/