body .modals-overlay {
  background-color: rgba(0, 0, 0, 0.4);
}

.page-wrapper .page-header .top-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 16px;
    background: #4B4844;
    justify-content: end;
    position: relative;
    z-index: 9;
    max-width: 1600px;
    padding: 0 30px;
    margin: auto;
}
.page-wrapper .page-header .top-header::after{
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: #4B4844;
    z-index: -1;
}
.page-wrapper .page-header .top-header .element{
    height: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.page-wrapper .page-header .top-header .element::after{
    content: "";
    position: absolute;
    height: 14px;
    border-left: 1px solid #fff;
    width: 1px;
    top: 50%;
    transform: translateY(-50%);
    left: -8px;
}
.page-wrapper .page-header .top-header .element:first-child::after{
    display: none;
}
.page-wrapper .page-header .top-header .element a{
    color: #FFF;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    display: flex;
    align-items: center;
    height: 32px;
    text-decoration: none;
}
.page-wrapper .page-header .top-header .element.vulcano::before{
    content: "";
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1618 1.75C10.3511 1.74998 10.5377 1.79607 10.7053 1.88429C10.8729 1.97251 11.0165 2.1002 11.1237 2.25633L11.1744 2.338L13.1193 5.74C13.238 5.94765 13.29 6.18677 13.2683 6.42498C13.2466 6.6632 13.1522 6.88898 12.9979 7.07175L12.9314 7.1435L7.51634 12.5586C7.38932 12.6856 7.21991 12.7612 7.04057 12.771C6.86124 12.7808 6.68459 12.7241 6.5445 12.6117L6.485 12.5592L1.06992 7.1435C0.900768 6.97442 0.787665 6.75745 0.74593 6.52195C0.704194 6.28646 0.735841 6.04383 0.836586 5.82692L0.882086 5.73942L2.82634 2.33742C2.9203 2.17296 3.0529 2.03386 3.21267 1.93212C3.37243 1.83039 3.55457 1.76908 3.74334 1.7535L3.83842 1.75H10.1618ZM4.25434 5.42092C4.14498 5.53031 4.08354 5.67865 4.08354 5.83333C4.08354 5.98801 4.14498 6.13636 4.25434 6.24575L6.48442 8.47583C6.55213 8.54356 6.63252 8.59729 6.721 8.63395C6.80948 8.6706 6.90431 8.68947 7.00009 8.68947C7.09586 8.68947 7.19069 8.6706 7.27917 8.63395C7.36765 8.59729 7.44804 8.54356 7.51575 8.47583L9.74584 6.24575C9.80155 6.19194 9.84599 6.12757 9.87656 6.0564C9.90713 5.98523 9.92323 5.90869 9.9239 5.83123C9.92457 5.75378 9.90981 5.67697 9.88048 5.60528C9.85115 5.53359 9.80784 5.46846 9.75307 5.41369C9.69829 5.35892 9.63316 5.3156 9.56147 5.28627C9.48979 5.25694 9.41297 5.24218 9.33552 5.24285C9.25806 5.24353 9.18152 5.25962 9.11035 5.29019C9.03918 5.32076 8.97481 5.3652 8.921 5.42092L7.00009 7.34183L5.07917 5.42092C4.96978 5.31156 4.82143 5.25012 4.66675 5.25012C4.51207 5.25012 4.36373 5.31156 4.25434 5.42092Z' fill='white'/%3E%3C/svg%3E");
    width: 14px;
    height: 14px;
    background-size: 100%;
    display: inline-block;
    margin-right: 8px;
}


#login-popup > div.block-logo > img {
    width: 175px;
    height: 56px;
    object-fit: cover;
    position: relative;
    margin-left: -18px;
}
#login-popup > div.block-logo{
    margin-bottom: 26px;
}
#login-popup .block-login-information > p{
    color: #33312E;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 23px;
}
.modal-popup .benefits-information {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 8px;
}
.modal-popup .benefits-information > div{
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border: 1px solid #33312E;
}
.modal-popup .benefits-information > div p{
    margin: 0;
    color: #33312E;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
}
.modal-popup .block-login-information,
.modal-popup .block-register-information{
    margin-bottom: 23px;
}
.modal-popup .block-social-login{
    display: flex;
    flex-wrap: wrap;
}
.modal-popup .block-social-login .title{
    color: #33312E;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 16px;
    width: 100%;
}
.modal-popup .block-social-login .modal-socialogin{
    margin: 0;
    width: 48px;
    height: 48px;
    background: #fff;
    background-image: unset;
    border: 1px solid #7B1B15;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-shadow: unset;
    margin-right: 16px;
}
.modal-popup .block-social-login .modal-socialogin svg{
    width: 28px;
    height: auto;
}
.modal-popup .block-social-login .modal-socialogin.modal-facebook svg{
    width: 40px;
    top: -5px;
    position: relative;
}
.modal-popup .block-social-login .modal-socialogin.modal-facebook svg g > path:nth-child(1){
    fill: #fff !important;
}
.modal-popup .block-social-login .modal-socialogin.modal-facebook svg g > path:nth-child(2){
    fill: #08F !important;
}
.modal-popup .block-social-login .or{
    display: block;
    position: relative;
    width: 100%;
    color: #33312E;
    font-size: 12px;
    font-style: normal; 
    font-weight: 700;
    line-height: 1.4;
    padding-left: 72px;
    margin-top: 16px;
    margin-bottom: 16px;
}
.modal-popup .block-social-login .or::before{
    content: "";
    position: absolute;
    width: 56px;
    border-top: 1px solid #ECEBEA;
    height: 1px;
    top: 8px;
    left: 0;
}
.modal-popup .block-social-login .or::after{
    content: "";
    position: absolute;
    width: calc(100% - 120px);
    border-top: 1px solid #ECEBEA;
    height: 1px;
    top: 8px;
    right: 0;
}
#login-popup .block-customer-login-form .form-login .field{
    margin-bottom: 16px;
}
#login-popup .block-customer-login-form .form-login .field.password{
    position: relative;
}
#login-popup .block-customer-login-form .form-login .field input{
    border: 1px solid #ECEBEA;
    border-radius: 0;
    padding: 10px 16px;
    height: 56px;
    color: #33312E;
    font-family: Montserrat;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6;
}
#login-popup .block-customer-login-form .form-login .field input::placeholder{
    color: #949089;
    letter-spacing: -0.6px;
}
#login-popup .block-customer-login-form .form-login .field.choice {
    margin: 0;
    position: static; 
}
#login-popup .block-customer-login-form .form-login .field.choice .label{
    padding: 0;
    position: absolute;
    right: 16px;
    top: 17px;
    cursor: pointer;
}
.modal-popup div.mage-error{
    font-size: 14px !important;
    font-weight: 400;
    margin-top: 5px !important;
}
#login-popup .block-customer-login-form .form-login .field.password .field.choice input{
    display: none;
}
#login-popup .block-customer-login-form .form-login .field.password .field.choice .label span{
    display: none;
}
#login-popup .block-customer-login-form .form-login .field.choice .label::after{
    display: none;
}
#login-popup .block-customer-login-form .form-login .field.choice .label::before{
    content: "";
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 21' fill='none'%3E%3Cpath d='M13.3945 3.67072C12.9367 3.6212 12.4715 3.59282 12 3.58576C9.9395 3.5949 7.80354 4.0961 5.78174 5.05648C4.28058 5.79892 2.81828 6.84706 1.54834 8.13996C0.92464 8.79996 0.12862 9.7556 0 10.7752C0.0152 11.6584 0.96306 12.7486 1.54834 13.4105C2.7392 14.6526 4.16342 15.6707 5.78174 16.494C5.83675 16.5207 5.89193 16.547 5.94726 16.5731L4.44582 19.1951L6.48592 20.4008L17.5142 1.20016L15.5505 0L13.3945 3.67072ZM18.0513 4.9803L16.5527 7.57744C17.2421 8.47308 17.6514 9.57756 17.6514 10.7752C17.6514 13.7603 15.1209 16.1805 11.9985 16.1805C11.8635 16.1805 11.7327 16.1659 11.6001 16.157L10.6084 17.8738C11.0657 17.9228 11.5282 17.9585 12 17.9647C14.0624 17.9554 16.1972 17.4484 18.2168 16.494C19.7179 15.7515 21.1817 14.7034 22.4516 13.4105C23.0754 12.7505 23.8713 11.7948 24 10.7752C23.9848 9.89198 23.0369 8.80182 22.4516 8.13994C21.2608 6.89782 19.8351 5.87968 18.2168 5.05644C18.1622 5.02996 18.1062 5.00614 18.0513 4.9803ZM11.9985 5.36996C12.1355 5.36996 12.2713 5.37544 12.4058 5.3846L11.2441 7.39582C9.61386 7.72634 8.39062 9.11342 8.39062 10.7738C8.39062 11.1908 8.46744 11.5901 8.60888 11.9603C8.60904 11.9607 8.60872 11.9613 8.60888 11.9617L7.44432 13.9788C6.7533 13.0824 6.34568 11.9742 6.34568 10.7752C6.3457 7.79008 8.87616 5.36994 11.9985 5.36996ZM15.3779 9.61066L12.7603 14.1458C14.3818 13.8091 15.5962 12.4283 15.5962 10.7738C15.5962 10.3643 15.5145 9.97498 15.3779 9.61066Z' fill='%2333312E'/%3E%3C/svg%3E");
    width: 24px;
    height: 21px;
    background-size: 100%;
    display: inline-block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
}
#login-popup .block-customer-login-form .form-login .field.choice input:checked ~ .label::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='15' viewBox='0 0 22 15' fill='none'%3E%3Cpath d='M11 4.5C10.2044 4.5 9.44129 4.81607 8.87868 5.37868C8.31607 5.94129 8 6.70435 8 7.5C8 8.29565 8.31607 9.05871 8.87868 9.62132C9.44129 10.1839 10.2044 10.5 11 10.5C11.7956 10.5 12.5587 10.1839 13.1213 9.62132C13.6839 9.05871 14 8.29565 14 7.5C14 6.70435 13.6839 5.94129 13.1213 5.37868C12.5587 4.81607 11.7956 4.5 11 4.5ZM11 12.5C9.67392 12.5 8.40215 11.9732 7.46447 11.0355C6.52678 10.0979 6 8.82608 6 7.5C6 6.17392 6.52678 4.90215 7.46447 3.96447C8.40215 3.02678 9.67392 2.5 11 2.5C12.3261 2.5 13.5979 3.02678 14.5355 3.96447C15.4732 4.90215 16 6.17392 16 7.5C16 8.82608 15.4732 10.0979 14.5355 11.0355C13.5979 11.9732 12.3261 12.5 11 12.5ZM11 0C6 0 1.73 3.11 0 7.5C1.73 11.89 6 15 11 15C16 15 20.27 11.89 22 7.5C20.27 3.11 16 0 11 0Z' fill='%2333312E'/%3E%3C/svg%3E");
    background-size: 22px;
}
#login-popup .block-customer-login-form .form-login .actions-toolbar .primary{
    display: block;
    margin-bottom: 12px;
}
#login-popup .block-customer-login-form .form-login .actions-toolbar .primary button{
    width: 100%;
    border-radius: 0;
    background: #7B1B15;
    color: #fff;
    text-align: center;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    border: 0;
    height: 56px;
}
#login-popup .block-customer-login-form .form-login .actions-toolbar .secondary{
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    justify-content: space-between;
    color:  #7B1B15;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
}
#login-popup .block-customer-login-form .form-login .actions-toolbar .secondary p{
    cursor: pointer;
    margin: 0;
    width: auto;
}

#register-popup .form-create-account-popup{
    width: 100%;
    max-width: 100%;
    padding: 0;
}
#register-popup .form-create-account-popup .fieldset{
    width: 100%;
    padding: 0;
}
#register-popup .form-create-account-popup .fieldset .field label{
    display: none;
}
#register-popup .form-create-account-popup .fieldset .field input{
    border: 1px solid #ECEBEA;
    border-radius: 0;
    padding: 10px 16px;
    height: 40px;
    color: #33312E;
    font-family: Montserrat;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6;
}
#register-popup .form-create-account-popup .fieldset .field input::placeholder{
    color: #949089;
    letter-spacing: -0.6px;
}
#register-popup .form-create-account-popup .fieldset .field select{
    border: 1px solid #ECEBEA;
    border-radius: 0;
    padding: 10px 16px;
    height: 40px;
    color: #33312E;
    font-family: Montserrat;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6;
}
#register-popup .form-create-account-popup .fieldset .field{
    margin-bottom: 16px;
    width: 100%;
}
#register-popup .form-create-account-popup .fieldset .field .field{
    margin-bottom: 0;
}
#register-popup .form-create-account-popup .fieldset.create.info{
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
    margin-bottom: 16px;
}
#register-popup .form-create-account-popup .fieldset .field.field-dob{
    width: calc(100% - 8px - 150px);
}
#register-popup .form-create-account-popup .fieldset .field.gender{
    width: 150px;
}
#register-popup .form-create-account-popup .fieldset .field.field-telephone .control{
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
}
#register-popup .form-create-account-popup .fieldset .field.field-telephone .control-input{
   width: calc(100% - 8px - 150px);
}
#register-popup .form-create-account-popup .fieldset .field.field-telephone .btn-send-otp{
    background: #7B1B15;
    border: 0;
    border-radius: 0;
    color: #fff;
    text-align: center;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    height: 40px !important;
    padding: 0;
    width: 150px;
}
#register-popup .form-create-account-popup .fieldset .password,
#register-popup .form-create-account-popup .fieldset .confirmation{
    position: relative;
}
#register-popup .form-create-account-popup .fieldset .password .field.choice,
#register-popup .form-create-account-popup .fieldset .confirmation .field.choice{
    position: static;
    margin: 0;
}
#register-popup .form-create-account-popup .fieldset .password .field.choice input,
#register-popup .form-create-account-popup .fieldset .confirmation .field.choice input{
    display: none;
}
#register-popup .form-create-account-popup .fieldset .field.choice label[for="show-password-register"],
#register-popup .form-create-account-popup .fieldset .field.choice label[for="show-confirmation-password"] {
    display: block;
    padding: 0;
    width: 24px;
    height: 21px;
    position: absolute;
    top: 8px;
    right: 16px;
    cursor: pointer;
}
#register-popup .form-create-account-popup .fieldset .field.choice input{
    display: none;
}
#register-popup .form-create-account-popup .fieldset .field.choice label[for="show-password-register"] span,
#register-popup .form-create-account-popup .fieldset .field.choice label[for="show-confirmation-password"] span{
    display: none;
}
#register-popup .form-create-account-popup .fieldset .field.choice label[for="show-password-register"]::before,
#register-popup .form-create-account-popup .fieldset .field.choice label[for="show-confirmation-password"]::before{
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 21' fill='none'%3E%3Cpath d='M13.3945 3.67072C12.9367 3.6212 12.4715 3.59282 12 3.58576C9.9395 3.5949 7.80354 4.0961 5.78174 5.05648C4.28058 5.79892 2.81828 6.84706 1.54834 8.13996C0.92464 8.79996 0.12862 9.7556 0 10.7752C0.0152 11.6584 0.96306 12.7486 1.54834 13.4105C2.7392 14.6526 4.16342 15.6707 5.78174 16.494C5.83675 16.5207 5.89193 16.547 5.94726 16.5731L4.44582 19.1951L6.48592 20.4008L17.5142 1.20016L15.5505 0L13.3945 3.67072ZM18.0513 4.9803L16.5527 7.57744C17.2421 8.47308 17.6514 9.57756 17.6514 10.7752C17.6514 13.7603 15.1209 16.1805 11.9985 16.1805C11.8635 16.1805 11.7327 16.1659 11.6001 16.157L10.6084 17.8738C11.0657 17.9228 11.5282 17.9585 12 17.9647C14.0624 17.9554 16.1972 17.4484 18.2168 16.494C19.7179 15.7515 21.1817 14.7034 22.4516 13.4105C23.0754 12.7505 23.8713 11.7948 24 10.7752C23.9848 9.89198 23.0369 8.80182 22.4516 8.13994C21.2608 6.89782 19.8351 5.87968 18.2168 5.05644C18.1622 5.02996 18.1062 5.00614 18.0513 4.9803ZM11.9985 5.36996C12.1355 5.36996 12.2713 5.37544 12.4058 5.3846L11.2441 7.39582C9.61386 7.72634 8.39062 9.11342 8.39062 10.7738C8.39062 11.1908 8.46744 11.5901 8.60888 11.9603C8.60904 11.9607 8.60872 11.9613 8.60888 11.9617L7.44432 13.9788C6.7533 13.0824 6.34568 11.9742 6.34568 10.7752C6.3457 7.79008 8.87616 5.36994 11.9985 5.36996ZM15.3779 9.61066L12.7603 14.1458C14.3818 13.8091 15.5962 12.4283 15.5962 10.7738C15.5962 10.3643 15.5145 9.97498 15.3779 9.61066Z' fill='%2333312E'/%3E%3C/svg%3E");
    width: 24px;
    height: 21px;
    background-size: 100%;
    display: inline-block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    left: 0;
}
#register-popup .form-create-account-popup .fieldset .field.choice input:checked ~ label[for="show-password-register"]::before,
#register-popup .form-create-account-popup .fieldset .field.choice input:checked ~ label[for="show-confirmation-password"]::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='15' viewBox='0 0 22 15' fill='none'%3E%3Cpath d='M11 4.5C10.2044 4.5 9.44129 4.81607 8.87868 5.37868C8.31607 5.94129 8 6.70435 8 7.5C8 8.29565 8.31607 9.05871 8.87868 9.62132C9.44129 10.1839 10.2044 10.5 11 10.5C11.7956 10.5 12.5587 10.1839 13.1213 9.62132C13.6839 9.05871 14 8.29565 14 7.5C14 6.70435 13.6839 5.94129 13.1213 5.37868C12.5587 4.81607 11.7956 4.5 11 4.5ZM11 12.5C9.67392 12.5 8.40215 11.9732 7.46447 11.0355C6.52678 10.0979 6 8.82608 6 7.5C6 6.17392 6.52678 4.90215 7.46447 3.96447C8.40215 3.02678 9.67392 2.5 11 2.5C12.3261 2.5 13.5979 3.02678 14.5355 3.96447C15.4732 4.90215 16 6.17392 16 7.5C16 8.82608 15.4732 10.0979 14.5355 11.0355C13.5979 11.9732 12.3261 12.5 11 12.5ZM11 0C6 0 1.73 3.11 0 7.5C1.73 11.89 6 15 11 15C16 15 20.27 11.89 22 7.5C20.27 3.11 16 0 11 0Z' fill='%2333312E'/%3E%3C/svg%3E");
    background-size: 22px;
}
#register-popup .form-create-account-popup .fieldset .field.choice label[for="show-password-register"]::after,
#register-popup .form-create-account-popup .fieldset .field.choice label[for="show-confirmation-password"]::after{
    display: none;
    opacity: 0;
}
#register-popup .form-create-account-popup .fieldset .field.newsletter label,
#register-popup .form-create-account-popup .fieldset .field.agreecreateaccount label{
    position: relative;
    display: block;
    color: #33312E;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
}
#register-popup .form-create-account-popup .actions-toolbar{
    width: 100%;
    display: block;
    max-width: 100%;
    padding: 0;
}
#register-popup .form-create-account-popup .actions-toolbar .primary{
    margin: 0;
}
#register-popup .form-create-account-popup .actions-toolbar button{
    width: 100%;
    border-radius: 0;
    background: #7B1B15;
    color: #fff;
    text-align: center;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    border: 0;
    height: 56px;
    padding: 0;
}
#register-popup .form-create-account-popup .fieldset .field label.custom-checkbox::before{
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.33333 0C0.979711 0 0.640573 0.140476 0.390524 0.390524C0.140476 0.640573 0 0.979711 0 1.33333V10.6667C0 11.0203 0.140476 11.3594 0.390524 11.6095C0.640573 11.8595 0.979711 12 1.33333 12H10.6667C11.0203 12 11.3594 11.8595 11.6095 11.6095C11.8595 11.3594 12 11.0203 12 10.6667V1.33333C12 0.979711 11.8595 0.640573 11.6095 0.390524C11.3594 0.140476 11.0203 0 10.6667 0H1.33333ZM1.33333 1.33333H10.6667V10.6667H1.33333V1.33333Z' fill='%2333312E'/%3E%3C/svg%3E") !important;
    width: 12px;
    height: 12px;
    background-size: 100% !important;
    border: 0;
    border-radius: 0;
    background: #fff;
    top: 0;
    left: 2px;
}
#register-popup .form-create-account-popup .fieldset .field input:checked ~ label.custom-checkbox::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.33333 0C0.979711 0 0.640573 0.140476 0.390524 0.390524C0.140476 0.640573 0 0.979711 0 1.33333V10.6667C0 11.0203 0.140476 11.3594 0.390524 11.6095C0.640573 11.8595 0.979711 12 1.33333 12H10.6667C11.0203 12 11.3594 11.8595 11.6095 11.6095C11.8595 11.3594 12 11.0203 12 10.6667V1.33333C12 0.979711 11.8595 0.640573 11.6095 0.390524C11.3594 0.140476 11.0203 0 10.6667 0H1.33333ZM9.3 4.53067C9.42509 4.40566 9.49541 4.23608 9.49547 4.05924C9.49553 3.88239 9.42534 3.71276 9.30033 3.58767C9.17533 3.46257 9.00575 3.39226 8.8289 3.3922C8.65206 3.39214 8.48243 3.46233 8.35733 3.58733L5.05733 6.88733L3.64333 5.47333C3.58144 5.41139 3.50795 5.36225 3.42706 5.32871C3.34617 5.29517 3.25947 5.2779 3.1719 5.27787C2.99506 5.2778 2.82543 5.34799 2.70033 5.473C2.57524 5.59801 2.50493 5.76758 2.50487 5.94443C2.5048 6.12128 2.57499 6.29091 2.7 6.416L4.53867 8.25467C4.60677 8.3228 4.68763 8.37685 4.77662 8.41372C4.86561 8.4506 4.961 8.46958 5.05733 8.46958C5.15367 8.46958 5.24905 8.4506 5.33805 8.41372C5.42704 8.37685 5.5079 8.3228 5.576 8.25467L9.3 4.53067Z' fill='%237B1B15'/%3E%3C/svg%3E") !important;
}
#register-popup .form-create-account-popup .fieldset .field label.custom-checkbox::after{
    display: none;
}


#register-popup .register-title{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 24px;
    position: relative;
    min-height: 26px;
}
#register-popup .register-title h1{
    color: #33312E;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
}
#register-popup .register-title p{
    color: #7B1B15;
    text-align: right;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}
#register-popup .register-title p#sign-in-now-popup{
    font-weight: 700;
    margin-left: 3px;
    cursor: pointer;
}
#register-popup .register-title p#sign-in-now-popup:hover{
    text-decoration: underline;
}
#register-popup .form-create-account-popup .fieldset .field.field-dob ._has-datepicker ~ .ui-datepicker-trigger{
    display: none;
}


#forgot-password-popup{
    color: #33312E;
}
#forgot-password-popup .block-header .logo,
#register-success-popup .logo{
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
    max-width: 100%;
}
#forgot-password-popup .block-header .logo img,
#register-success-popup .logo img {
    width: 175px;
    height: 56px;
    object-fit: cover;
    position: relative;
}
#forgot-password-popup .block-header .title{
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
    margin-bottom: 24px;
}
#forgot-password-popup .forgot-password-tab{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 0 16px;
}
#forgot-password-popup .forgot-password-tab .forgot-password-tab-item{
    width: 50%;
    list-style: none;
    color: #949089;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    border-bottom: 2px solid #949089;
    transition: .2s;
    cursor: pointer;
    padding-bottom: 8px;
    margin: 0;
}
#forgot-password-popup .forgot-password-tab .forgot-password-tab-item.active{
    color: #33312E;
    border-color: #7B1B15;
}
#forgot-password-popup form.forget {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}
#forgot-password-popup form.forget .field{
    margin-bottom: 16px;
}
#forgot-password-popup form.forget .field label{
    display: none;
}
#forgot-password-popup form.forget .field input{
    border: 1px solid #ECEBEA;
    border-radius: 0;
    padding: 10px 16px;
    height: 56px;
    color: #33312E;
    font-family: Montserrat;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6;
}
#forgot-password-popup form.forget .actions-toolbar button{
    width: 100%;
    border-radius: 0;
    background: #7B1B15;
    color: #fff;
    text-align: center;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    border: 0;
    height: 56px;
    padding: 0;
}
#forgot-password-popup form.forget .actions-toolbar .primary{
    margin: 0;
}
#forgot-password-popup .block-customer-password-forgo{
    margin: 0;
}
#forgot-password-popup form.forget .field-telephone .control{
    display: flex;
    flex-wrap: wrap;
    column-gap: 17px;
}
#forgot-password-popup form.forget .field-telephone .control .control-input{
    width: calc(100% - 150px - 17px);
}
#forgot-password-popup form.forget .field-telephone .control button{
    background: #7B1B15;
    border: 0;
    border-radius: 0;
    color: #fff;
    text-align: center;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    height: 56px !important;
    padding: 0;
    width: 150px;
}

#register-success-popup .message p{
    color: #33312E;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
}



.page-wrapper .header-main .header-center .filter-menu {
    display: flex;
    gap: 40px;
}

.page-wrapper .header-main .header-center .filter-header {
    font-weight: bold;
    margin-bottom: 10px;
    cursor: default;
}

.page-wrapper .header-main .header-center .filter-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-wrapper .header-main .header-center .filter-list li {
    margin-bottom: 6px;
}

.page-wrapper .header-main .header-center .filter-list a {
    text-decoration: none;
    font-weight: 300;
    color: #333;
}

.page-wrapper .header-main .header-center .filter-list a:hover {
    color: red;
}

.page-wrapper .header-main .header-center .navigation.sw-megamenu .salehighlight {
    color: #D01006!important;
    font-size: 24px;
    font-weight: 800;
}

.page-wrapper .header-main .header-center .logo {
    display: none;
}

.page-wrapper .header-main .header-left .search-area.show-icon {
    display: none;
}

body .page-wrapper .block.block-search {
    display: none;
}

body.focus-search .page-wrapper .block.block-search {
    display: block;
}

.page-header .navigation:not(.side-megamenu) .level0.parent .level-top::after {
    content: none;
}

.header-main .header-row .header-center{
    padding-top: 0;
    padding-bottom: 0;
}
.page-wrapper .page-header .promotion_text {
    color: #FFFFFF;
    background: #7B1B15;
    padding: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
}

.navigation.sw-megamenu > sub-menu,
.navigation.sw-megamenu .submenu-header {
    display: none;
}

.navigation.sw-megamenu > .sub-menu .filter-menu .filter-column .filter-list {
    display: none;
}

.navigation.sw-megamenu > .sub-menu .filter-menu .filter-column.opened .filter-list {
    display: revert;
}

body.cms-index-index.page-layout-cms-full-width .page-wrapper #maincontent .page.messages {
     display: block;
}



/* login popup */
body .modal-popup.modal-slide.login-popup .modal-inner-wrap,
body .modal-popup.modal-slide.register-popup .modal-inner-wrap,
body .modal-popup.modal-slide.forgot-password-popup .modal-inner-wrap{
    width: calc(100% - 40px);
    max-width: 528px !important;
    border-radius: 0;
    overflow: visible;
    position:  relative !important;
    padding: 0 !important;
    max-height: 90dvh !important;
}
.modal-popup.modal-slide.register-popup .modal-inner-wrap{
    max-height: 878px;
}
.modal-popup.modal-slide.register-popup._show .modal-inner-wrap,
.modal-popup.modal-slide.login-popup._show .modal-inner-wrap,
.modal-popup.modal-slide.forgot-password-popup._show .modal-inner-wrap{
    top: 50% !important;
    transform: translateY(-50%);
    padding: 0 !important;
    transition: .4s;
}
.modal-popup.modal-slide.login-popup .modal-inner-wrap .modal-content,
.modal-popup.modal-slide.register-popup .modal-inner-wrap .modal-content,
.modal-popup.modal-slide.forgot-password-popup .modal-inner-wrap .modal-content{
    padding: 32px;
    overflow: auto;
    overflow-x: hidden;
}
.modal-popup.modal-slide.login-popup .modal-header .action-close,
.modal-popup.modal-slide.register-popup .modal-header .action-close,
.modal-popup.modal-slide.forgot-password-popup .modal-header .action-close{
    border: 1px solid #FFF;
    background: #33312E;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
    border-radius: 0;
    transform: unset;
    padding: 0;
    width: 34px;
    height: 34px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.16667 8.16667L1.5 1.5M8.16667 8.16667L14.8333 14.8333M8.16667 8.16667L14.8333 1.5M8.16667 8.16667L1.5 14.8333' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 17px;
    background-position: center;
    background-repeat: no-repeat;
    top: -16px;
    right: -16px;
}
.modal-popup.modal-slide.login-popup .modal-header .action-close::before,
.modal-popup.modal-slide.login-popup .modal-header .action-close::after,
.modal-popup.modal-slide.register-popup .modal-header .action-close::after,
.modal-popup.modal-slide.register-popup .modal-header .action-close::before,
.modal-popup.modal-slide.forgot-password-popup .modal-header .action-close::after,
.modal-popup.modal-slide.forgot-password-popup .modal-header .action-close::before{
    display: none;
}


@media(max-width: 992px) {
    .page-wrapper .header-main .header-center .logo,
    .page-wrapper .header-main .header-left .search-area.show-icon,
    .navigation.sw-megamenu .submenu-header {
        display: block;
    }

    .page-wrapper .header-main .header-left .logo,
    .page-wrapper .header-main .header-right .search-area.show-icon {
        display: none;
    }

    .page-wrapper .header-main .sections.nav-sections {
        top: 150px;
    }

    .sw-megamenu.navigation .open-children-toggle svg {
        width: 30px;
        height: 30px;
    }

    .sw-megamenu.navigation .back-parent-toggle svg {
        width: 30px;
        height: 30px;
    }

    .page-wrapper .header-main .header-center .filter-menu {
        flex-direction: column;
    }

    body .modal-popup.modal-slide.login-popup .modal-inner-wrap, 
    body .modal-popup.modal-slide.register-popup .modal-inner-wrap, 
    body .modal-popup.modal-slide.forgot-password-popup .modal-inner-wrap{
        padding: 0 !important;
        left: 90% !important;
        top: 50% !important;
        transform: translateY(-50%);
        transition: .3s;
        margin: auto;
    }
    body .modal-popup.modal-slide.register-popup._show .modal-inner-wrap, 
    body .modal-popup.modal-slide.login-popup._show .modal-inner-wrap, 
    body .modal-popup.modal-slide.forgot-password-popup._show .modal-inner-wrap{
        left: 0 !important;
        transform: translateY(-50%);
    }
    .modal-slide._show, .modal-popup._show{
        transition: 0s;
    }
    
}


@media (max-width: 768px) {
    
    .modal-popup.modal-slide.register-popup._show .modal-inner-wrap, 
    .modal-popup.modal-slide.login-popup._show .modal-inner-wrap, 
    .modal-popup.modal-slide.forgot-password-popup._show .modal-inner-wrap{
        /* left: 0;
        top: 50% !important; */
        margin: auto;
    }
    body .modal-popup.modal-slide.login-popup .modal-inner-wrap,
    body .modal-popup.modal-slide.register-popup .modal-inner-wrap,
    body .modal-popup.modal-slide.forgot-password-popup .modal-inner-wrap{
        width: calc(100% - 20px);
    
    }

    .modal-popup.modal-slide.login-popup .modal-inner-wrap .modal-content, 
    .modal-popup.modal-slide.register-popup .modal-inner-wrap .modal-content, 
    .modal-popup.modal-slide.forgot-password-popup .modal-inner-wrap .modal-content{
        padding: 32px min(5.65vw, 24px) min(10.12vw, 43px);
    }
    #login-popup .block-login-information > p{
        font-size: min(4.71vw, 20px);
    }
    .modal-popup .benefits-information > div p{
        font-size: min(2.59vw, 11px);
    }
    .modal-popup .block-social-login .title{
        font-size: min(2.59vw, 11px);
    }
    .modal-popup .block-social-login .modal-socialogin{
        width: 32px;
        height: 32px;
    }
    .modal-popup .block-social-login .modal-socialogin svg{
        width: 20px;
    }
    .modal-popup .block-social-login .modal-socialogin.modal-facebook svg {
        width: 24px;
        top: -2px;
    }
    #login-popup > div.block-logo{
        padding-top: 13px;
    }
    #login-popup .block-customer-login-form .form-login .field input{
        height: 52px;
        font-size: 14px !important;
    }
    #login-popup .block-customer-login-form .form-login .actions-toolbar .primary button{
        height: 52px;
        font-size: 14px;
        padding: 0;
    }
    #login-popup .block-customer-login-form .form-login .actions-toolbar .secondary{
        font-size: min(2.59vw, 11px);
    }
    #login-popup .block-customer-login-form .form-login .field.choice .label::before{
        width: 16px;
    }
    #login-popup .block-customer-login-form .form-login .field.choice input:checked ~ .label::before{
        background-size: 16px;
    }
    #login-popup .block-customer-login-form .form-login .field.choice .label{
        top: 15px;
    }
    .modal-popup .block-social-login .or{
        font-size: min(2.59vw, 11px);
        margin-bottom: 18px;
    }
    .modal-popup .benefits-information > div{
        column-gap: min(1.88vw, 8px);
        padding: min(1.88vw, 8px);
    }


    #register-popup .register-title h1{
        text-transform: uppercase;
        font-size: 16px;
    }
    #register-popup .register-title p{
        font-size: min(2.4vw, 9px);
    }
    #register-popup .register-title{
        margin-bottom: 21px;
    }
    #register-popup .form-create-account-popup .fieldset .field input{
        height: 36px;
        font-size: 14px !important;
        padding: 0 16px;
    }
    #register-popup .form-create-account-popup .fieldset .field input::-webkit-input-placeholder{
        letter-spacing: 0 !important;
    }
    #register-popup .form-create-account-popup .fieldset .field select{
        height: 36px;
        font-size: 14px !important;
        padding: 0 16px;
    }
    #register-popup .form-create-account-popup .fieldset .field.gender{
        width: min(27.69vw, 144px);
    }
    #register-popup .form-create-account-popup .fieldset.create.info,
    #register-popup .form-create-account-popup .fieldset .field.field-telephone .control{
        column-gap: min(3.76vw, 16px);
    }
    #register-popup .form-create-account-popup .fieldset .field.field-dob {
        width: calc(100% - min(3.76vw, 16px) - min(27.69vw, 144px));
    }
    #register-popup .form-create-account-popup .fieldset .field.field-telephone .btn-send-otp{
        width: min(27.69vw, 144px);
        font-size: 14px;
        font-weight: 500;
        height: 36px !important;
    }
    #register-popup .form-create-account-popup .fieldset .field.field-telephone .control-input{
         width: calc(100% - min(3.76vw, 16px) - min(27.69vw, 144px));
    }
    #register-popup .form-create-account-popup .fieldset .field.choice label[for="show-password-register"]::before, 
    #register-popup .form-create-account-popup .fieldset .field.choice label[for="show-confirmation-password"]::before{
        width: 16px;
    }
    #register-popup .form-create-account-popup .fieldset .field.choice label[for="show-password-register"], 
    #register-popup .form-create-account-popup .fieldset .field.choice label[for="show-confirmation-password"]{
        width: 16px;
        top: 6px;
    }
    #register-popup .form-create-account-popup .fieldset .field.choice input:checked ~ label[for="show-password-register"]::before, #register-popup .form-create-account-popup .fieldset .field.choice input:checked ~ label[for="show-confirmation-password"]::before{
        background-size: 15px;
    }
    #register-popup .form-create-account-popup .fieldset .field.newsletter label, 
    #register-popup .form-create-account-popup .fieldset .field.agreecreateaccount label{
        font-size: 10px;
    }
    #register-popup .form-create-account-popup .fieldset .field.choice.newsletter{
        margin-bottom: 6px;
    }
    #register-popup .form-create-account-popup .fieldset .field label.custom-checkbox::before{
        top: 45%;
        transform: translateY(-50%);
    }
    #register-popup .form-create-account-popup .actions-toolbar button{
        height: 52px;
        font-size: 14px;
    }
    .modal-popup.modal-slide.login-popup .modal-header .action-close, 
    .modal-popup.modal-slide.register-popup .modal-header .action-close, 
    .modal-popup.modal-slide.forgot-password-popup .modal-header .action-close{
        top: 0px;
        right: 0px;
        border-top: 0;
        border-right: 0;
    }
    #forgot-password-popup .block-header .logo, 
    #register-success-popup .logo{
        padding-top: 2px;
        margin-bottom: 28px;
    }
    #forgot-password-popup .block-header .title{
        font-size: 24px;
    }
    #forgot-password-popup .forgot-password-tab .forgot-password-tab-item{
        font-size: 14px;
        padding-bottom: 5px;
    }
    #forgot-password-popup form.forget .field input{
        height: 52px;
        font-size: 14px !important;
    }
    #forgot-password-popup form.forget .actions-toolbar button{
        font-size: 14px;
        height: 52px;
    }
    #forgot-password-popup form.forget .field-telephone .control button{
        width: min(35.29vw, 150px);
        font-weight: 500;
        height: 52px !important;
    }
    #forgot-password-popup form.forget .field-telephone .control{
        column-gap: min(4vw, 17px);
    }
    #forgot-password-popup form.forget .field-telephone .control .control-input{
        width: calc(100% - min(35.29vw, 150px) - min(4vw, 17px));
    }
    body .modal-popup.modal-slide.login-popup .modal-inner-wrap, 
    body .modal-popup.modal-slide.register-popup .modal-inner-wrap, 
    body .modal-popup.modal-slide.forgot-password-popup .modal-inner-wrap{
        max-height: 85vh !important;
    }


    .page-wrapper .page-header .top-header{
        padding: 0 24px;
    }
    .page-wrapper .page-header .top-header .element a{
        font-size: 9px;
    }
    .page-wrapper .page-header .promotion_text{
        font-size: 9px;
    }
    #register-success-popup .message p{
        font-size: min(3.29vw, 14px);
    }
    .modal-popup div.mage-error{
        font-size: 13px !important;
    }


}