@import url("./_vars.css");
@import url("./_font.css");
@import url("./_button.css");
@import url("./_form.css");
@import url("./_notification.css");

/* #region Global (Macro)*/

/* #region Global animations */

@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  20%, 80% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  30%, 50%, 70% {
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }

  40%, 60% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }
}

@-moz-keyframes shake {
  10%, 90% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  20%, 80% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  30%, 50%, 70% {
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }

  40%, 60% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }
}

@keyframes shake {
  10%, 90% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  20%, 80% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  30%, 50%, 70% {
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }

  40%, 60% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }
}

@-webkit-keyframes swiping {
  30%, 70% {
    -webkit-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    transform: rotate(-70deg);
  }

  60%, 100% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

@-moz-keyframes swiping {
  30%, 70% {
    -webkit-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    transform: rotate(-70deg);
  }

  60%, 100% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

@keyframes swiping {
  30%, 70% {
    -webkit-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    transform: rotate(-70deg);
  }

  60%, 100% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

@-webkit-keyframes widthplay {
  30% {
    width: 55%;
    opacity: 0.2;
  }

  65% {
    width: 50%;
    opacity: 0.6;
  }

  100% {
    width: 100%;
    opacity: 0.4;
  }
}

@-moz-keyframes widthplay {
  30% {
    width: 55%;
    opacity: 0.2;
  }

  65% {
    width: 50%;
    opacity: 0.6;
  }

  100% {
    width: 100%;
    opacity: 0.4;
  }
}

@keyframes widthplay {
  30% {
    width: 55%;
    opacity: 0.2;
  }

  65% {
    width: 50%;
    opacity: 0.6;
  }

  100% {
    width: 100%;
    opacity: 0.4;
  }
}

@-webkit-keyframes updating {
  100% {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@-moz-keyframes updating {
  100% {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes updating {
  100% {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@-webkit-keyframes emailing {
  0% {
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-moz-keyframes emailing {
  0% {
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes emailing {
  0% {
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes stars {
  0% {
    -webkit-transform: scale(0.8) rotate(-15deg);
    -ms-transform: scale(0.8) rotate(-15deg);
    transform: scale(0.8) rotate(-15deg);
  }

  25% {
    -webkit-transform: scale(0.8) rotate(15deg);
    -ms-transform: scale(0.8) rotate(15deg);
    transform: scale(0.8) rotate(15deg);
  }

  40% {
    -webkit-transform: scale(1.2) rotate(0deg);
    -ms-transform: scale(1.2) rotate(0deg);
    transform: scale(1.2) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}

@-moz-keyframes stars {
  0% {
    -webkit-transform: scale(0.8) rotate(-15deg);
    -ms-transform: scale(0.8) rotate(-15deg);
    transform: scale(0.8) rotate(-15deg);
  }

  25% {
    -webkit-transform: scale(0.8) rotate(15deg);
    -ms-transform: scale(0.8) rotate(15deg);
    transform: scale(0.8) rotate(15deg);
  }

  40% {
    -webkit-transform: scale(1.2) rotate(0deg);
    -ms-transform: scale(1.2) rotate(0deg);
    transform: scale(1.2) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}

@keyframes stars {
  0% {
    -webkit-transform: scale(0.8) rotate(-15deg);
    -ms-transform: scale(0.8) rotate(-15deg);
    transform: scale(0.8) rotate(-15deg);
  }

  25% {
    -webkit-transform: scale(0.8) rotate(15deg);
    -ms-transform: scale(0.8) rotate(15deg);
    transform: scale(0.8) rotate(15deg);
  }

  40% {
    -webkit-transform: scale(1.2) rotate(0deg);
    -ms-transform: scale(1.2) rotate(0deg);
    transform: scale(1.2) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}

@-webkit-keyframes loader {
  0% {
    border-width: 3px;
  }

  15% {
    opacity: 1;
  }

  100% {
    border-width: 3px;
    opacity: 0;
    width: 50px;
    height: 50px;
  }
}

@-moz-keyframes loader {
  0% {
    border-width: 3px;
  }

  15% {
    opacity: 1;
  }

  100% {
    border-width: 3px;
    opacity: 0;
    width: 50px;
    height: 50px;
  }
}

@keyframes loader {
  0% {
    border-width: 3px;
  }

  15% {
    opacity: 1;
  }

  100% {
    border-width: 3px;
    opacity: 0;
    width: 50px;
    height: 50px;
  }
}
/* #endregion Global animations */

/* #region Css Reset */
/*********** CSS RESET **********/

* {
  margin: 0;
  outline: none;
  padding: 0;
  text-decoration: none;
  box-sizing: border-box;
}

  *:before,
  *:after {
    font-family: "emporium-icons";
    box-sizing: border-box;
  }

html {
  margin: 0 !important;
  -webkit-text-size-adjust: none;
}

ol,
ul {
  list-style: none;
}

a img {
  border: none;
}

a:active {
  outline: none;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  margin: 0;
  border: 0;
  padding: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input::-moz-placeholder {
  opacity: 1;
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 1000px #fff;
}

script {
  display: none !important;
}
/* #endregion Css Reset */

/* #region Global styles */
/*********** GLOBAL STYLES **********/

@font-face {
  font-family: "emporium-icons";
  src: url("../icons/emporium-icons.woff") format("woff"), url("../icons/emporium-icons.svg#emporium-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  max-width: 100%;
  overflow-x: hidden; /* responsive navigation & filters scroll bug fix*/
  background-color: #f0f0f0;
  font: normal 12px 'Barlow';
  font-family: var(--myralis-font-family-secondary);
  font-weight: 400;
  color: var(--text-default);
}

table {
  width: 100%;
  border-collapse: collapse;
}

p {
  line-height: 20px;
}

a {
  color: inherit;
  cursor: pointer;
}

/*img {
  max-width: 100%;
}*/

.myralis-product-name-poupcart {
  font-size: 14px;
  line-height: 17.05px;
  font-weight: 600;
}

.myralis-popupcart-recycle {
  width: 18px !important;
  height: 18px !important;
}


.myralis-cart-empty {
  max-width: 30% !important;
}

a img {
  opacity: 0.99; /*firefox scale bug fix*/
}

.myrlais-reduce-add-item-cart-button.myrlais-add-item-cart-button {
  width: 29px;
  height: 29px;
  left: 78px;
  top: 0.5px;
  background: #f2f2f2;
  border: 1px solid #cccccc;
  border-radius: 4px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}

.category-page-body .product-selectors {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  align-content: normal;
  justify-content: center;
}

.product-grid,
.category-grid,
.topic-block,
.news-list-homepage {
  position: relative;
  z-index: 0; /* giving priority to header and header-menu */
  margin: 0 auto 50px;
}

  .product-grid:last-child,
  .category-grid:last-child,
  .topic-block:last-child,
  .news-list-homepage:last-child {
    margin-bottom: 0;
  }


.rounded {
  border-radius: 16px;
}

.text-md {
  font-size: 14px;
  font-weight: 400;
}

.text-lg {
  font-size: 20px;
  font-weight: 700;
}

.flex {
  display: flex;
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

/*.mobile {
  display: none !important;
}*/

.mobile-only {
  display: none;
}

.col {
  flex-direction: column;
}

.row {
  flex-direction: row;
}

.row2 {
  flex-direction: row;
}

.h-center {
  justify-content: center;
}

.full-w {
  width: 100%;
  white-space: nowrap;
}

.inline-w {
  width: 144px;
  white-space: nowrap;
  height: 40px;
  margin-top: 0px;
}

.w-center {
  align-items: center;
  margin: 0 auto;
}

.px-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.nopAjaxCartPanelAjaxBusyContained {
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

  .nopAjaxCartPanelAjaxBusyContained:before,
  .nopAjaxCartPanelAjaxBusyContained:after {
    content: "";
    display: flex;
    align-items: center;
    width: 0;
    height: 0;
    border: 0px solid var(--text-secondary);
    border-radius: 50%;
    -webkit-animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
    -moz-animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
    animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
  }

  .nopAjaxCartPanelAjaxBusyContained:after {
    animation-delay: 0.8s;
  }

.master-wrapper-content {
  overflow: hidden;
  padding: 40px 23px 80px;
  /*background-color: #f0f0f0;*/
  background-color: var(--myracolors-master-wrapper);
}

  .master-wrapper-content select,
  .k-window select {
    height: 40px;
    /* width: auto; */
    max-width: 100%;
    padding: 0 35px 0 20px;
    border-radius: 4px;
    background: #fff url("../img/select-arrow-dark.svg") no-repeat right 15px center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }

.myralis-fast-subscribe select {
  height: 45px;
  width: auto;
  max-width: 50% !important;
  border: 1px solid #e7e7e7;
  padding: 0 !important;
  border-radius: 3px;
  background: #fff url("../img/select-arrow-dark.svg") no-repeat right 15px center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.master-wrapper-content select::ms-expand,
.k-window select::ms-expand {
  display: none;
}

.master-column-wrapper:after {
  content: "";
  display: block;
  clear: both;
}

.center-2 .product-grid,
.center-2 .category-grid,
.center-2 .topic-block {
  width: 100%;
}

.center-2,
.side-2 {
  margin: 0 0 50px;
}

  .side-2:last-child {
    margin-bottom: 0;
  }

.page {
  min-height: 200px;
  text-align: center;
}

4.page-title {
  margin: 0 0 16px;
  text-align: center;
}

.page-title h1 {
  font-size: 24px !important;
  color: #444444;
  font-family: var(--myralis-font-family);
  display: flex;
  justify-content: center;
}



.html-shipping-method-page .master-wrapper-content {
  padding: 0px !important;
}



.page:after,
.page-title:after,
.page-body:after {
  content: "";
  display: block;
  clear: both;
}

.buttons {
  text-align: center;
  display: flex;
  justify-content: center;
}

.link-rss {
  display: none;
  width: 24px;
  height: 24px;
  font-size: 0 !important;
}

  .link-rss:before {
    content: "\73";
    display: block;
    font-size: 24px;
    color: #8c8c8c;
    text-transform: none;
    font-weight: normal;
    transition: color 0.2s ease;
  }

  .link-rss:hover:before {
    color: #97c300;
  }

.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-html-content ul,
.topic-page ul,
.post-body ul,
.custom-tab ul {
  margin: 12px 0;
  padding: 0 0 0 36px;
  list-style: disc;
  text-align: left;
  font-size: 15px;
  color: #8c8c8c;
  font-weight: 400;
}

.category-description ol,
.manufacturer-description ol,
.full-description ol,
.topic-html-content ol,
.topic-page ol,
.post-body ol,
.custom-tab ol {
  margin: 12px 0;
  padding: 0 0 0 36px;
  list-style: decimal;
  text-align: left;
  font-size: 15px;
  color: #8c8c8c;
  font-weight: 400;
}

.category-description p,
.manufacturer-description,
.vendor-description,
.manufacturer-description p,
.vendor-description p,
.topic-html-content p,
.topic-page p,
.post-body p,
.news-body p,
.custom-tab p,
.ui-dialog-content p {
  margin: 10px 0;
  line-height: 1.5;
  font-size: 15px;
  color: #8c8c8c;
  font-weight: 400;
}

.myralis-backbutton-search-area {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 26px;
}

/* #endregion Global styles */

/* #region Global Forms */
/*********** GLOBAL FORMS ***********/

.fieldset,
.section {
  position: relative;
  border: 0;
}

  .fieldset .title,
  .section .title {
    margin: 0 0 10px;
  }

    .fieldset .title strong,
    .section .title strong {
      font-weight: 300;
      font-size: 16px;
      color: #444;
    }

.form-fields {
  position: relative;
  font-size: 14px;
  line-height: 1.5;
  color: #444;
  width: 100%;
}

  .form-fields > a {
    color: #8c8c8c;
    text-decoration: underline;
  }

.inputs {
  position: relative;
  margin: 0px 0 0;
  text-align: center;
  white-space: nowrap; /*fix for 'required' elements*/
  font-size: 0;
  padding-bottom: 20px;
}

.recovery-Formfilds .inputs {
  padding-bottom: 0px !important;
}

.inputs:first-child {
  margin-top: 0;
}

.inputs:after {
  content: "";
  display: block;
  clear: both;
}

.inputs > label {
  display: inline-block;
  max-width: calc(100% - 10px);
  width: auto;
  font-size: 16px;
  margin: 0 0 8px;
  color: var(--text-default);
  text-align: left;
  white-space: normal;
  float: left;
}

.myralis-register-FullArea .inputs > label {
  font-family: 'Barlow';
}

.inputs .title {
  font-weight: bold;
  color: var(--text-primary);
  font-size: 36px;
  padding-bottom: 20px;
}

.inputs > .required {
  /*position: absolute;*/
  color: var(--text-default-2);
  /*top: 0;
	right: 0;*/
}

.inputs > * {
  float: left;
  /*clear: both;*/
}

.inputs.reversed > * {
  float: none;
}

.inputs select:only-of-type {
  width: 100%;
}

.inputs .option-list {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}

  .inputs .option-list li {
    float: left;
    margin: 0 10px 15px 0;
  }

  .inputs .option-list label {
    display: inline;
    width: auto;
    margin: 0 3px;
  }

.login-form-in-header .inputs.reversed {
  text-align: center;
}

.required {
  margin: 0 0 0 1px; /*siblings offset*/
  font-size: 15px;
  color: #444;
  font-weight: 700;
}

.message-error,
.field-validation-error,
.field-validation-error *,
.username-not-available-status,
.poll-vote-error,
.password-error {
  display: block;
  margin: 2px 0 0;
  font-size: 14px;
  color: var(--error);
  font-weight: 500;
  text-align: left;
  white-space: normal;
  height: auto;
}



.page-body > .message-error,
.enter-address > .message-error,
.payment-info form > .message-error {
  line-height: 1.5;
  margin-bottom: 15px;
}

.input-validation-error {
  border-bottom: 2px solid var(--error) !important;
}

.field-validation-valid,
.username-available-status {
  display: block;
  line-height: 17px;
  font-size: 13px;
  color: #97c300;
  font-weight: 700;
}

.captcha-box {
  margin: 24px 0;
  text-align: center;
  line-height: 0; /*firefox line-height bug fix*/
}

  .captcha-box > div {
    display: inline-block;
  }

  .captcha-box input {
    height: auto;
  }
/* #endregion  Global Forms */

/* #region Global Tables */
/*********** GLOBAL TABLES ***********/

.table-wrapper {
  overflow-x: auto;
}

.cart,
.data-table,
.compare-products-table,
.forums-table-section table {
  border-spacing: 0px;
}

tr.myralis-discount-progressions-tab1 {
  /*border-bottom: 1px solid var(--myracolors-6);*/
  padding: 20px;
}

.cart-item-row {
  border-collapse: collapse;
  border-top: 1px solid #ccc;
}

/* .cart tr:last-child td:first-child {
    border: unset;
  } */

.cart th,
.data-table th,
.forums-table-section th {
  background-color: #f9f9f9;
  padding: 17px;
  white-space: nowrap;
  font-size: 16px;
  color: #959595;
  font-weight: 300;
}

table.cart {
  border-radius: 8px;
  background-color: #fff;
}

tr.cart-header-row {
  border-style: none;
  border-spacing: 0;
}

.cart .myralis-step1-brinde-title th,
.myralis-payment-brinde-title th,
.cart-header-row th {
  background-color: var(--myracolors-cart-grid);
  border-collapse: collapse;
  color: var(--myracolors-cart-grid-text);
  font-family: var(--myralis-font-family);
  font-weight: 500;
}

.myralis-cart-my-point img {
  width: 24px;
}

.cart .myralis-step1-brinde-title th {
  background-color: white;
}

.myralis-payment-brinde-title th,
.myralis-cart .cart-header-row th {
  font-size: 16px;
}


#shopping-cart-form .table-wrapper {
  overflow-x: unset;
}

.cart td,
.data-table td,
.forums-table-section td {
  min-width: 50px;
  /*border-bottom: 1px solid var(--myracolors-6);  */
  background-color: #fff;
  padding: 14px;
  font-size: 14px;
  /*color: #444;*/
  font-weight: 400;
}

.myralis-quantity-payment {
  border: 1px solid #cccccc !important;
  padding: 14px;
  width: 21px;
  height: 21px;
  text-align: center;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
  margin-left: auto;
  margin-right: auto;
}

th.quantity {
  text-align: center;
}

td.product-picture {
  font-size: 0 !important;
}

  td.product-picture a {
    display: inline-block;
    width: 80px;
  }

.data-table td {
  font-size: 17px;
}

#myralis-title-step1 {
  display: none;
}

.cart th:first-child,
.data-table th:first-child,
.forums-table-section th:first-child,
.cart td:first-child,
.data-table td:first-child,
.forums-table-section td:first-child {
}

td.myralis-discount-progressions-firsttd {
  padding-top: 0;
}

.cart th:last-child,
.data-table th:last-child,
.forums-table-section th:last-child,
.cart td:last-child,
.data-table td:last-child,
.forums-table-section td:last-child {
  /* border-right: 1px solid var(--myracolors-6);*/
}


.myralis-border-bottom-fidelity_False {
  /*border-bottom: 1px solid var(--myracolors-border-1);*/
}

.myralis-suasaude-div-porquinho {
  padding: 12px;
  background-color: white;
  border-top: 1px solid var(--myracolors-border-1);
  display: flex;
  align-items: center;
  gap: 8px;
}

span#myralis-ordertotal-mobile {
  text-align: center;
  font-family: var(--myralis-font-family-secondary);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left: -8px;
}


th.myralis-brinde-grid-title.myralis-brinde-title-grid {
  border-radius: 0 0 !important;
}

.cart tr:first-child th:first-child,
.data-table tr:first-child th:first-child,
.forums-table-section table tr:first-child th:first-child {
  border-radius: 8px 0 0 0;
  border-left: unset;
}

.cart tr:first-child th:last-child,
.data-table tr:first-child th:last-child,
.forums-table-section table tr:first-child th:last-child {
  border-radius: 0 8px 0 0;
  border-right: unset;
}


.table-wrapper {
}

.cart tr:last-child td:first-child,
.data-table tr:last-child td:first-child,
.forums-table-section table tr:last-child td:first-child {
  border-bottom-left-radius: 3px;
}

.cart tr:last-child td:last-child,
.data-table tr:last-child td:last-child,
.forums-table-section table tr:last-child td:last-child {
  border-bottom-right-radius: 3px;
}

td .attributes {
  padding: 12px 0;
  margin: 0;
}

.data-table a,
.compare-products-table a,
.forums-table-section a {
  color: #97c300;
}

.data-table .product a,
.compare-products-table .product a,
.forums-table-section .product a {
  color: #444;
  transition: all 0.2s ease;
}

  .cart .product a:hover,
  .data-table .product a:hover,
  .compare-products-table .product a:hover,
  .forums-table-section .product a:hover {
    color: #97c300;
  }

.cart .edit-item a,
.data-table .edit-item a,
.compare-products-table .edit-item a,
.forums-table-section .edit-item a {
  color: #97c300;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
}

.cart .attributes,
.data-table .attributes,
.compare-products-table .attributes,
.forums-table-section table .attributes {
  font-size: 15px;
  color: #8c8c8c;
  max-width: none;
}

.cart .attributes {
  font-size: 12px;
}

.cart td.date,
.data-table td.date,
.compare-products-table td.date,
.forums-table-section td.date {
  white-space: nowrap;
}

td.product-picture {
  font-size: 0;
}

.select,
.select-boxes {
  position: relative;
  overflow: hidden;
}

  .select input[type="checkbox"],
  .select-boxes input[type="checkbox"] {
    position: absolute;
    left: -9999px;
  }

  .select label,
  .select-boxes label {
    display: block !important;
    width: 17px;
    height: 17px;
    border-radius: 0;
    border: 1px solid #eeeeee;
    vertical-align: text-top;
    background-color: #fff;
    cursor: pointer;
  }

  .select input[type="checkbox"]:checked + label,
  .select-boxes input[type="checkbox"]:checked + label {
    margin-left: 1px;
    margin-top: 1px;
    width: 16px;
    height: 16px;
    box-shadow: 0 0 0 1px #e7e7e7;
    border: 3px solid #fff;
    background-color: #97c300;
  }

  .select label:before,
  .select-boxes label:before {
    content: none !important;
    display: none !important;
  }

.cart .product,
.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name,
.forum-table .forum-details,
.forum-table .topic-details {
  text-align: left;
}

.cart .remove-from-cart,
.cart .add-to-cart,
.data-table .select-boxes,
.data-table .order {
  text-align: center;
}

.cart .unit-price {
  white-space: nowrap;
}

.cart .qty-input,
.cart .qty-dropdown {
  margin-left: 2px;
  margin-right: 2px;
  width: 35px;
  height: 29px;
  color: #444;
  text-align: center;
  border-radius: 4px;
  padding: 4px;
}

.cart .qty-dropdown {
  text-align: left;
  padding: 0 20px 0 5px;
}

.cart .subtotal span {
  color: var(--text-default-2);
  white-space: nowrap;
  font-weight: 700;
  font-size: 16px;
}

.cart .subtotal .old-product-price {
  color: var(--myracolors-11);
  text-decoration: line-through;
  font-size: 12px;
  font-weight: 500;
}

#shopping-cart-form .product-subtotal {
}

#shopping-cart-form .myralis-subtotal-price {
  width: 70%;
}

#shopping-cart-form .sua-saude-price {
}

.cart .discount-additional-info {
  white-space: nowrap;
  font-size: 12px;
}

.cart .remove-from-cart {
  position: relative;
}

  .cart .remove-from-cart button {
    /*position: absolute;
	top: 0; right: 0;
	bottom: 0; left: 0;
	margin: auto;*/
    width: 24px;
    height: 24px;
    border: none;
    background: none;
    transition: 0.2s ease;
  }

    .cart .remove-from-cart button:after {
      content: url(../icons/Trash.svg);
      font-size: 18px;
      color: #444;
    }

    .cart .remove-from-cart button:hover {
      transform: rotate(30deg);
    }

.td-title {
  display: block;
}

  .td-title + span {
    display: inline-block;
    vertical-align: middle;
  }

.button-1 {
  border: none;
  height: 45px;
  padding: 0 25px;
  border-radius: 3px;
  background-color: #eebe00;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.2s ease;
}

.login-page .button-1 {
  border-radius: 8px;
  font-size: 16px;
}

.myralis-text-title-option-name {
  text-align: left;
}

.button-1:hover {
  background-color: #e8af00;
}
/* #endregion Global Tables*/

.myralis-logo {
  background-image: url("../img/logo-azul-nova.png");
  width: 100%;
  height: 75px;
  background-repeat: no-repeat;
  min-width: 160px;
  background-size: contain;
}

.myralis-logo-footer {
  background-image: url("/Themes/Emporium/Content/img/logo-azul-nova.png");
  width: 100%;
  height: 100px;
  background-repeat: no-repeat;
  min-width: 160px;
  background-size: contain;
}

.myralis-modal-logo-desconto.myralis-logo {
  background-position: center;
}
/* #endregion Global*/

/* #region Notification, Header, Footer (Macro)*/

/* #region Nofitication */
/*********** NOTIFICATIONS & POPUPS  ***********/


a.myralis-short-item-name {
  height: 55px;
  min-height: 55px;
}

.myralis-products-viewed a.myralis-short-item-name {
  height: unset;
}



.noscript {
  background-color: #ff9;
  padding: 10px;
  text-align: center;
}

.ajax-loading-block-window {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2500;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(255, 255, 255, 0.7);
}

  .ajax-loading-block-window:before,
  .ajax-loading-block-window:after {
    content: "";
    position: fixed;
    display: inline-block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border: 0px solid #97c300;
    border-radius: 50%;
    -webkit-animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
    -moz-animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
    animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
  }

  .ajax-loading-block-window:after {
    animation-delay: 0.8s;
  }

.ui-dialog {
  position: absolute !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-bottom: 30px;
  width: 600px !important;
  max-width: 95%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  z-index: 1050;
}

.ui-dialog-titlebar {
  display: block;
  padding: 25px 0;
  margin: 0 auto;
  width: calc(100% - 100px);
  font-size: 22px;
  text-transform: none;
  font-weight: 700;
  color: #444;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

  .ui-dialog-titlebar .ui-dialog-title {
    font-size: 22px;
    font-weight: 700;
    color: #444;
  }

  .ui-dialog-titlebar button {
    position: absolute;
    top: 25px;
    right: 25px;
    border: none;
    background: transparent;
    overflow: hidden;
    font-size: 0;
    text-align: center;
    opacity: 0.5;
  }

    .ui-dialog-titlebar button:before {
      content: "\7a";
      text-transform: none;
      font-weight: normal;
      font-size: 20px;
      line-height: 24px;
    }

    .ui-dialog-titlebar button:hover {
      opacity: 0.9;
    }

.ui-dialog-content {
  padding: 0 30px;
  height: auto !important;
  overflow: auto;
}

  .ui-dialog-content .page {
    min-height: 0;
    text-align: center;
  }

  .ui-dialog-content .page-title {
    margin: 0 0 12px;
    padding: 0;
  }

    .ui-dialog-content .page-title h1 {
      font-size: 15px;
      text-transform: uppercase;
      color: #8c8c8c;
    }

  .ui-dialog-content .tooltip {
    margin: 5px 0;
    line-height: 20px;
  }

  .ui-dialog-content button {
    margin-top: 20px;
  }

.cookie-policy {
  font-weight: bold !important;
}

.eu-cookie-bar-notification {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 10%;
  right: 10%;
  z-index: 2500;
  height: 105px;
  left: calc(50% - 1032px / 2);
  margin-top: -16px;
  background: #FFFFFF;
  box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
  text-align: center;
}

.cookie-text {
  width: 884px;
  height: 50px;
  margin-top: -16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  /* or 156% */

  text-align: justify;
  color: var(--text-primary) !important;
}

  .cookie-text > a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: var(--text-primary) !important;
  }

.cookie-close {
  position: absolute;
  cursor: pointer;
  right: 18px;
  top: 2px;
  position: absolute;
  font-size: 30px;
  color: #272E61;
}

.cookie-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6px 16px;
  margin-top: -16px;
  width: 200px;
  height: 40px;
  margin-left: 33px;
  background: #B2F39F;
  background-color: #B2F39F !important;
  border-radius: 8px;
  border: none;
  float: right;
  margin-right: 33px;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */

  display: flex;
  align-items: center;
  text-align: center;
  /* brand/color-brand-primary */

  color: #002051;
}

  .cookie-button span {
    color: #002051 !important;
  }

.cookie-ok-text {
  width: 65px;
  height: 24px;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */

  display: flex;
  align-items: center;
  text-align: center;
  /* brand/color-brand-primary */

  color: var(--text-primary);
}

.eu-cookie-bar-notification .text {
  margin-bottom: 20px;
  line-height: 1.5;
  font-size: 15px;
  color: #8c8c8c;
}


.eu-cookie-bar-notification button:hover {
  background-color: #e8af00;
}


@media screen and (min-width: 100px) and (max-width: 900px) {
  .eu-cookie-bar-notification {
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
    height: 199px;
    padding-top: 20px;
    justify-content: center;
    flex-direction: column;
  }

  .cookie-text {
    width: 85%;
    height: 75px;
    margin-left: 33px;
    font-size: 14px;
    margin-bottom: 32px;
  }

  .cookie-button {
    width: 72%;
    margin-left: 34px;
  }
}

.scroll-back-button {
  display: none !important;
  position: fixed;
  bottom: 20px;
  right: 6vw;
  width: 50px;
  height: 50px;
  border: 1px solid #97c300;
  border-radius: 3px;
  text-align: center;
  background: rgba(255, 255, 255, 0.6);
  cursor: pointer;
}

  .scroll-back-button:before {
    content: "\77";
    display: inline-block;
    position: absolute;
    color: #97c300;
    font-size: 14px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
  }
/* #endregion Nofitication */

/* #region Header */
/*********** HEADER ***********/

.admin-header-links {
  background-color: #333;
  text-align: center;
  color: #fff;
}

  .admin-header-links .impersonate {
    display: inline-block;
  }

  .admin-header-links a,
  .admin-header-links span {
    display: inline-block;
    margin: 0 10px;
    line-height: 35px;
    font-weight: bold;
  }

.header {
  margin: 0 auto;
  text-align: center;
}

  .header:after {
    content: "";
    display: block;
    clear: both;
  }

.header-logo a {
  display: inline-block;
  max-width: 100%;
  line-height: 0; /*firefox line-height bug fix*/
}

  .header-logo a img {
    max-width: 100%;
    max-height: 75px;
  }

.header-links-wrapper {
  position: relative;
  margin: 0 0 20px;
}

.personal-button {
  position: relative;
}

.myaccount-login {
  display: flex !important;
  align-items: center;
  color: var(--text-3);
  gap: 6px;
}

.category-grid .item-box .title a {
  color: var(--text-home-categ-items) !important;
}

.myaccount-login:after {
  content: url(../icons/caret-down-fill.svg)
}

.close-menu-mobile span {
  display: inline-block;
  line-height: 17px;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
}

.close-menu-mobile {
  background-color: #303E84;
}

.account-login-info {
  color: var(--myracolors-2);
  display: inline-block;
  font-family: Ubuntu;
  font-size: 14px;
  margin-top: -20px;
  position: absolute;
}

.account-login-lg {
  color: var(--myracolors-2);
  display: inline-block;
  font-family: "Ubuntu";
  font-size: 14px;
  margin-top: -20px;
  position: absolute;
}

.account-container {
  display: flex;
  flex-direction: column;
  margin-top: 26px;
  margin-right: 32px;
  gap: 8px;
}

.see-more {
  padding: 14px 16px 14px 16px;
  font-size: 14px;
  font-weight: 800;
  line-height: 14px;
  cursor: pointer;
  color: var(--myracolors-10) !important;
}

.profile-menu-box {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 25px;
  width: 150px;
  border-radius: 16px;
  background: #fff;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  text-align: left;
  pointer-events: none;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
  z-index: 1020;
  transition: all 0.2s ease;
}

  .profile-menu-box .inline-button {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
    margin-top: 10px;
    gap: 5%;
  }

  .profile-menu-box:after {
    content: " ";
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 8px;
    margin-left: -8px;
  }

  .profile-menu-box.open {
    width: 320px;
    margin-top: 8px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    /* padding-top: 12px;
    padding-left: 12px;
    padding-bottom: 12px; */
    background-color: #FFFFFF;
  }

@media (max-width: 779px) {

  .profile-menu-box.open {
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
  }
}

.profile-menu-box > a {
  color: var(--text-primary);
}

.header-links a:before {
  color: var(--text-primary) !important;
}

  .header-links a:before svg path {
    fill: var(--text-primary) !important;
  }

.profile-menu-box > a,
.header-form-holder > a {
  display: block !important;
  padding: 16px 18px;
  color: var(--text-primary);
}

.profile-menu-box span:before,
.profile-menu-box a:before {
  display: inline-block !important;
  font-size: 17px;
  vertical-align: middle;
  margin-right: 10px;
  min-width: 20px;
  font-weight: normal;
  text-transform: none;
}

.close-side-menu {
  display: none;
}

.myralis-items-header-left {
  border-radius: 4px 42px;
  padding: 0 24px;
  background: #fff;
}
/* #endregion Header*/

/* #region Flyout Cart Mobile */
/*********** FLYOUT CART MOBILE ***********/

.flyout-cart-scroll-area .text-lg {
  font-size: 20px;
  color: var(--text-muted);
}

a.ico-cart {
  display: inline-block;
  font-size: 13px;
  color: #8c8c8c;
  transition: color 0.2s ease;
}

  a.ico-cart:before {
    display: block;
    margin-bottom: 4px;
    font-size: 26px;
    color: #8e8e8e;
    transition: color 0.2s ease;
  }

.mini-shopping-cart .close-side-menu {
  display: none;
}

.mini-shopping-cart:has(div > .myralis-minicart-noitems) {
  padding: 12px;
}

.myralis-input-qty {
  width: 24px !important;
  height: auto !important;
}

/*Scroll Sugestão emails autocomplete*/

.scroll-container {
  height: 107px;
  overflow-y: auto;
  scrollbar-width: auto;
  scrollbar-color: #ccc #fff;
  margin-bottom: 8px;
}

.scroll-item {
  padding: 10px;
  font-size: 16px;
  color: var(--text-default);
  cursor: pointer;
}

.myralis-emails-sugestion {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: white;
  top: 70px;
  left: 10px;
  width: calc(100% - 20px);
  border: 1px solid var(--myracolors-2);
  border-top: none;
  text-align: left;
  padding-left: 8px;
  border-radius: 0% 0 10px 10px;
}

#email-validation-message {
  display: none;
  margin: 2px 0 0;
  font-size: 13px;
  color: var(--myracolors-1);
  font-weight: 700;
  text-align: left;
  white-space: normal;
  height: auto;
}

.scroll-container::-webkit-scrollbar {
  width: 0.5em;
}

/* --  END - Scroll Sugestão emails autocomplete*/

/*buttons do login popup*/
.profile-menu-box.login-form-in-header button.button-base.transform-none.button-primary.full-w {
  max-width: unset;
}

.profile-menu-box.login-form-in-header button.button-base.button-secondary.full-w {
  max-width: unset;
}

.left-mini-cart {
  width: auto !important;
}

.cart-button {
  width: 100%;
}

.right-cart {
  margin-right: 12%;
  margin-top: 10%;
}

.myralis-cart-price {
  display: inline-flex;
  align-items: baseline;
  justify-content: space-around;
}

.mini-shopping-cart .flyout-cart-scroll-area {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 16px 0px;
  max-width: calc(352px + 50px);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.flyout-lower {
  border-radius: 0 0 3px 3px;
}

.mini-shopping-cart .count {
  float: left;
  padding: 0;
}

  .mini-shopping-cart .count a {
    font-size: 14px;
    color: var(--text-default-2);
  }

    .mini-shopping-cart .count a:hover {
      color: #97c300;
      text-decoration: none;
    }

    .mini-shopping-cart .count a:before {
      content: "";
      background-image: url(../icons/cart-frame.svg);
      background-repeat: no-repeat;
      background-size: contain;
      width: 18px;
      height: 18px;
      display: inline-block;
      vertical-align: middle;
      margin: 0 5px 0 0;
    }

.flyout-cart-scroll-area > * {
  padding: 0 16px 0px;
  font-size: 14px;
  text-align: center;
  width: 100%;
}

.flyout-cart-scroll-area .title-empty-cart {
  font-size: 20px;
}

.flyout-cart .items {
  position: relative;
  padding: 0 10px;
  /*margin-bottom: 17.5px;*/
  border-radius: 3px 3px 0 0;
  background: #fff;
  text-align: left;
  overflow: hidden;
}

.mini-shopping-cart .item {
  overflow: hidden;
  margin: 8px 0;
}

  .mini-shopping-cart .item.first {
    margin-top: 0;
  }

.mini-shopping-cart .picture {
  float: left;
  width: 60px;
  height: auto;
  border-radius: 3px;
  text-align: center;
  overflow: hidden;
  font-size: 0;
}

  .mini-shopping-cart .picture a {
    display: block;
    position: relative;
    overflow: hidden;
  }

    .mini-shopping-cart .picture a:before {
      content: "";
      display: block;
      padding-top: 100%;
      margin: 0;
    }

  .mini-shopping-cart .picture img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
  }

.mini-shopping-cart .product {
  position: relative;
  margin: 0 30px 0 90px;
  text-align: left;
}

  .mini-shopping-cart .product:after {
    content: "";
    display: block;
    clear: both;
  }

  .mini-shopping-cart .product .remove-item {
    position: absolute;
    bottom: 4px;
    right: 0px;
    left: auto;
    font-size: 0;
    width: 13px;
    height: 15px;
    text-align: center;
    border-radius: 2px;
    background-color: #f1f1f1;
    text-decoration: none;
    transition: all 0.1s ease;
  }

    .mini-shopping-cart .product .remove-item:after {
      /*content: "\7a";*/
      display: block;
      font-size: 8px;
      line-height: 18px;
      color: #8e8e8e;
      transition: all 0.1s ease;
    }

    .mini-shopping-cart .product .remove-item:hover {
      background-color: #e9e9e9;
      text-decoration: none;
    }

      .mini-shopping-cart .product .remove-item:hover::after {
        text-decoration: none;
      }

.mini-shopping-cart .name a {
  display: block;
  margin: 0 0 5px;
  font-size: 14px;
  min-height: 52px;
  color: var(--text-default-2);
  font-weight: 400;
  line-height: 17.05px;
}

.mini-shopping-cart .attributes {
  padding: 0;
  margin: 0 0 5px;
  font-size: 14px;
  color: #8c8c8c;
}

.mini-shopping-cart .right {
  display: inline-block;
}

.mini-shopping-cart .quantity {
  margin: 0 4px 0 0;
  font-size: 0;
  color: #8c8c8c;
  float: left;
}

  .mini-shopping-cart .quantity span {
    font-weight: bold;
    font-size: 16px;
  }

  .mini-shopping-cart .quantity:after {
    content: "x";
    display: inline-block;
    margin-left: 3px;
    font-size: 16px;
    font-weight: 700;
    color: #8c8c8c;
    text-transform: none;
  }

.mini-shopping-cart .price {
  font-size: 16px;
  font-weight: bold;
  color: #97c300;
  float: right;
}

.mini-shopping-cart .totals {
  float: right;
  padding: 0 15px 0 0;
  border: none;
  font-size: 15px;
  text-align: right;
  color: var(--text-default-2);
}

  .mini-shopping-cart .totals strong {
    color: #97c300;
    font-size: 18px;
  }

.mini-shopping-cart .buttons {
  /*padding: 0 15px 15px;*/
  margin-bottom: 0;
  text-align: right;
  clear: both;
  width: 100%;
}

  .mini-shopping-cart .buttons button {
    display: inline-block;
    width: 100%;
    padding: 0 15px;
  }

  .mini-shopping-cart .buttons button {
    display: inline-block;
    width: 100%;
    padding: 0 15px;
    background: var(--myracolors-fg-4) !important;
    color: var(--myracolors-text-1) !important;
    border-radius: 8px !important;
    line-height: 24px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
  }

.myralis-subtotal-right {
  display: contents;
  position: relative;
  float: right;
}

.mini-shopping-cart button + button {
  margin-top: 10px;
  background-color: #ddd;
  color: #8c8c8c;
}

.mini-shopping-cart .buttons button:hover {
  background-color: #e8af00;
}

.mini-shopping-cart button + button:hover {
  background-color: #d1d1d1 !important;
}
/* #endregion Flyout Cart Mobile*/

/* #region Login Form in Header */
/******** LOGIN FORM IN HEADER ********/

.profile-menu-box.login-form-in-header {
  width: calc(var(--recaptcha-width) + 40px);
  background-color: #f8f9fa;
}

  .profile-menu-box.login-form-in-header .reversed-in-home {
    display: flex;
    flex-direction: column-reverse;
  }

    .profile-menu-box.login-form-in-header .reversed-in-home > * {
      margin-top: 12px;
    }

.login-form-in-header .fieldset {
  margin: 0;
}

.login-form-in-header .returning-wrapper .form-fields {
  padding: 0 !important;
  min-height: 0;
}

.login-form-in-header .form-fields {
  font-size: 0;
}

.login-form-in-header .external-authentication > * {
  padding: 20px;
  background-color: #f6f6f6;
  border-radius: 0 0 3px 3px;
}

.login-form-in-header form {
  padding: 0 20px;
  padding-top: 24px;
  padding-bottom: 12px;
}

.login-form-in-header .external-authentication {
  margin: 0;
}

.login-form-in-header .in-header-register {
  text-align: center;
}

.login-form-in-header .in-header-register-left {
  text-align: left;
}


.login-form-in-header .in-header-register .register-button {
  display: inline-block;
  background-color: transparent;
  border: none;
  padding: 15px 0 15px 20px;
  font-size: 12px;
  text-transform: uppercase;
  color: #8c8c8c;
  font-weight: bold;
  transition: all 0.2s ease;
}

  .login-form-in-header .in-header-register .register-button:hover {
    color: #97c300;
  }

.login-form-in-header .inputs {
  margin: 6px 0 0;
  padding-bottom: 0;
}

  .login-form-in-header .inputs:first-child {
    margin-top: 0;
  }

.login-form-in-header .forgot-password {
  width: 100%;
}

.login-form-in-header .inputs.reversed {
  margin: 0 0 12px;
  padding-bottom: 0;
}

  .login-form-in-header .inputs.reversed label {
    display: inline-block;
    width: auto;
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    color: #8c8c8c;
    text-align: left;
    cursor: pointer;
    user-select: none;
  }

    .login-form-in-header .inputs.reversed label:before {
      vertical-align: text-bottom;
    }

.inputs.reversed input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

  .inputs.reversed input[type="checkbox"] + label {
    cursor: pointer;
  }

.login-form-in-header .inputs input[type="text"],
.login-form-in-header .inputs input[type="email"],
.login-form-in-header .inputs input[type="password"] {
  height: 40px;
  padding: 0 35px 0 15px;
  line-height: 40px;
  border-radius: 4px;
}

.login-form-in-header .inputs input:focus + .inputs-icons {
  color: #97c300;
}

input + .inputs-icons {
  position: absolute;
  top: 0;
  right: 15px;
  left: auto;
}

.inputs-icons {
  display: none;
  font-size: 15px;
  color: #8e8e8e;
  line-height: 45px;
  font-family: "emporium-icons";
}

.button-1.checkout-as-guest-button {
  background-color: var(--myracolors-11) !important;
  color: #ffffff;
  width: 200px;
  height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
}

  .button-1.checkout-as-guest-button:hover {
    background-color: #eaeaea;
  }

.login-form-in-header .inputs-icons {
  display: inline-block;
  text-transform: lowercase;
}

.login-form-in-header .login-button {
  display: block;
  width: 100%;
  border: none;
  height: 45px;
  border-radius: 3px;
  background-color: #eebe00;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
}

  .login-form-in-header .login-button:hover {
    background-color: #e8af00;
  }

.login-form-in-header a.facebook-btn {
  display: block;
  width: 100%;
  height: 35px;
  border-radius: 3px;
  line-height: 35px;
  background-color: #3270ab;
  color: #fff !important;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  background-image: none !important;
}

  .login-form-in-header a.facebook-btn:hover {
    background-color: #4065a3;
  }

  .login-form-in-header a.facebook-btn:before {
    content: "\6e";
    display: inline-block;
    margin-right: 10px;
    font-size: 17px;
    color: #fff !important;
    text-transform: none;
  }

  .login-form-in-header a.facebook-btn:after {
    content: "log in with facebook";
    display: inline-block;
  }

.login-form-in-header .forgot-password {
  display: block;
  margin-bottom: 15px;
}

  .login-form-in-header .forgot-password a {
    display: block;
    width: 100%;
    padding: 5px 10px;
    padding-top: 12px;
    font-size: 16px;
    color: var(--myracolors-10);
    line-height: 18px;
    font-weight: 700;
    font-family: 'Barlow';
    text-align: right;
  }

/******** END OF LOGIN FORM IN HEADER ********/
/* #endregion Login Form in Header */

/* #region Others */
.header-links ul {
  display: inline-block;
  font-size: 0;
}

.myralis-top-category-home .slick-list {
  /*height: 275px;*/
  display: flex;
  align-items: center;
}

.ico-wishlist:before {
  content: "\63";
}

.ico-cart:before {
  content: url(../icons/cart-frame.svg);
  transform: scale(1.3);
}

.personal-button > span:before {
  /*content: url("../icons/person_new.svg");*/
  content: url("../icons/person-fill_mobile.svg");
}

.personal-button-lg > span:before {
  content: url("../icons/person-fill3.svg") !important;
}

.ico-account:before {
  content: url("../icons/person.svg");
}

.ico-account-filled:before {
  content: url("../icons/person-fill2.svg");
}

.ico-account-avatar:before {
  content: url("../icons/person-circle.svg");
}

.ico-account-recurring:before {
  content: url("../icons/recurring-icon-account-off.svg");
}

.ico-account-cart:before {
  content: url("../icons/cart-frame.svg");
}

.ico-account-pig:before {
  content: url("../icons/myaccount-pig.svg");
}

.ico-account-local:before {
  content: url("../icons/myaccount-local.svg");
}

.profile-menu-box .ico-inbox {
  font-size: 0;
}

.ico-inbox span {
  font-size: 14px;
  vertical-align: middle;
}

.ico-inbox:before {
  content: "\41";
}

.ico-compare:before {
  content: "\62";
}

.ico-logout:before {
  content: "\42";
}

.ico-login:before {
  content: "\78";
}

.ico-register:before {
  content: "\79";
}

.search-box {
  position: relative;
}

input#small-searchterms {
  font-family: var(--myralis-font-family-secondary);
  line-height: 24px;
  font-weight: 400;
  font-size: 16px;
  padding: 16px !important;
}

.search-box form {
  position: relative;
}

  .search-box form:after {
    content: "";
    display: block;
    clear: both;
  }

.search-box input.search-box-text {
  float: left;
  height: 45px;
  border: 1px solid #A0A0A0;
  /* border-right: 0;*/
  font-size: 14px;
  color: #959595;
  border-radius: 3px 0 0 3px;
}

  .search-box input.search-box-text::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #959595;
  }

  .search-box input.search-box-text::-moz-placeholder {
    /* Firefox 19+ */
    color: #959595;
  }

  .search-box input.search-box-text:-ms-input-placeholder {
    /* IE 10+ */
    color: #959595;
  }

  .search-box input.search-box-text:-moz-placeholder {
    /* Firefox 18- */
    color: #959595;
  }

.search-box .search-box-button {
  float: left;
  width: 45px;
  height: 45px;
  padding: 0;
  border: none;
  background: url("../icons/search_new.svg") center no-repeat;
  font-size: 0;
  border: 1px solid #eeeeee;
  border-left: 0;
  border-radius: 0 3px 3px 0;
}

.ui-helper-hidden-accessible {
  display: none;
}

.ui-autocomplete {
  position: absolute;
  padding: 5px 0;
  max-width: 100%;
  border-radius: 0 0 3px 3px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
  z-index: 1070;
}

  .ui-autocomplete li:first-child {
    border-top: none;
  }

  .ui-autocomplete a {
    display: block;
    padding: 5px 10px;
    text-align: left;
    font-size: 14px;
    color: #444444;
  }

    .ui-autocomplete a.ui-state-focus {
      background-color: #f6f6f6;
    }

  .ui-autocomplete img {
    display: inline-block;
    width: 50px;
    margin-right: 10px;
    border: 1px solid #eeeeee;
    border-radius: 2px;
    vertical-align: middle;
  }

  .ui-autocomplete span {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 60px);
  }

.header-selectors-wrapper {
  font-size: 0;
}

  .header-selectors-wrapper > div {
    display: inline-block;
    margin: 0 5px 10px;
    vertical-align: middle;
  }

.language-list {
  max-width: 100%;
  font-size: 0;
}

  .language-list li {
    display: inline-block;
    margin: 0 1px;
  }

  .language-list a {
    display: block;
    position: relative;
    width: 32px;
    height: 32px;
    line-height: 0;
  }

  .language-list img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }

.slider-wrapper.theme-custom {
  margin: 0 auto 30px; /*overrides default slider*/
}
/* #endregion Others */

/* #region Footer*/
/*********** FOOTER ***********/

.footer {
  text-align: center;
  overflow: hidden;
  background-color: #f7f7f7;
}

.info {
  text-align: left;
  display: flex;
  flex-direction: column;
  padding: 0 5% 0 2%;
  gap: 20px;
  padding-top: 35px;
}

#myralis-newsletter-info {
  background-color: var(--myracolors-7);
  /* display: none; */
  /*margin-top: 122px;*/
  height: 85px;
}

.info h3 {
  font-size: 16px;
  padding-bottom: 10px;
  color: var(--myracolors-2);
}

.footer-upper {
  margin: 55px 0;
  overflow: hidden;
}

.footer-logo {
  margin: 0 0 25px;
}

.footer-block a {
  font-size: 16px;
  color: var(--myracolors-2);
  transition: color 0.2s ease;
  font-family: 'Barlow';
  font-weight: 500;
  display: contents;
}

  .footer-block a:hover {
    color: #97c300;
  }

.footer .newsletter .title {
  margin: 0 0 13px;
  font-size: 12px;
  color: var(--myracolors-14);
  text-transform: none;
}

.newsletter .title strong {
  font-weight: normal;
}

.newsletter .contact-us {
  display: flex;
  place-content: center;
  align-items: center;
  gap: 6px;
  padding-bottom: 25px;
}

  .newsletter .contact-us figure {
    display: flex;
    gap: 6px;
  }

.newsletter-email {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f0f0f0;
  background-color: var(--myracolors-3);
  width: 100%;
  margin: 0;
  gap: 20px;
  font-family: 'Barlow';
}

  .newsletter-email .newsletter-subscribe-text {
    float: left;
    width: calc(100% - 47px);
    height: 47px;
    border-radius: 3px 0 0 3px;
    border-right: 0;
  }

    .newsletter-email .newsletter-subscribe-text:focus {
      border-color: #e7e7e7;
    }

    .newsletter-email .newsletter-subscribe-text::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #959595;
    }

    .newsletter-email .newsletter-subscribe-text::-moz-placeholder {
      /* Firefox 19+ */
      color: #959595;
    }

    .newsletter-email .newsletter-subscribe-text:-ms-input-placeholder {
      /* IE 10+ */
      color: #959595;
    }

    .newsletter-email .newsletter-subscribe-text:-moz-placeholder {
      /* Firefox 18- */
      color: #959595;
    }

  .newsletter-email .newsletter-subscribe-button {
    float: left;
    width: 47px;
    height: 47px;
    padding: 0;
    border: none;
    border-radius: 0 3px 3px 0;
    background-color: #fff !important;
    background: url("../icons/Mail.svg") center no-repeat;
    font-size: 0;
    transition: all 0.2s ease;
  }

    .newsletter-email .newsletter-subscribe-button:hover {
      background-color: #e8af00;
    }

  .newsletter-email .options {
    height: 0;
    overflow: hidden;
    clear: both;
  }

.newsletter-validation,
.newsletter-result {
  margin: 10px 0;
  line-height: 20px;
  font-size: 13px;
  color: #444;
}

  .newsletter-validation .please-wait {
    display: none !important;
  }

.footer-middle {
  margin-bottom: 50px;
  overflow: hidden;
}

  .footer-middle .social-icons,
  .footer-middle .pay-options {
    margin-top: 40px;
  }

.pay-options img {
  margin: 0 2px;
  max-width: 30px;
}

.social-sharing ul {
  font-size: 0;
}

.social-sharing li {
  display: inline-block;
  margin: 0 3px;
}

.social-sharing a {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}

  .social-sharing a:before {
    display: block;
    font-size: 22px;
    color: #8e8e8e;
    transition: color 0.2s ease;
  }

  .social-sharing a:hover:before {
    color: #97c300;
  }

.social-sharing .facebook:before {
  content: url("/Themes/Emporium/Content/icons/icon-facebook-new.svg");
}

.social-sharing .facebookfooter:before {
  content: url("/Themes/Emporium/Content/icons/icon-facebook-new.svg");
}

.social-sharing .google:before {
  content: "\70";
}

.social-sharing .pinterest:before {
  content: "\44";
}

.social-sharing .instagram:before {
  content: url("/Themes/Emporium/Content/icons/icon-instagram-new.svg");
}

.social-sharing .instagramfooter:before {
  content: url("/Themes/Emporium/Content/icons/icon-instagram-new.svg");
}

.social-sharing .linkedin:before {
  content: url("/Themes/Emporium/Content/icons/icon-linkedin-new.svg");
}

.social-sharing .linkedinfooter:before {
  content: url("/Themes/Emporium/Content/icons/icon-linkedin-new.svg");
}

.social-sharing .vimeo:before {
  content: "\71";
}

.social-sharing .youtube:before {
  content: url("/Themes/Emporium/Content/icons/icon-youtube-new.svg");
}

.social-sharing .youtubefooter:before {
  content: url("/Themes/Emporium/Content/icons/icon-youtube-new.svg");
}

.social-sharing .rss:before {
  content: "\73";
}

.footer-lower {
  overflow: hidden;
  font-size: 11px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

  .footer-lower > div {
    display: block;
    margin: 5px 10px 0;
    font-size: 14px;
  }

.footer-disclaimer-copyrigth {
  padding-top: 15px;
}

.footer-lower .footer-disclaimer {
  text-align: center;
  padding-bottom: 30px;
  padding: 0 5% 0 5%;
}

.footer-disclaimer > span {
  padding-bottom: 30px;
}


.footer-lower .footer-disclaimer > span {
  padding-bottom: 30px;
}

.footer-lower .nop-copyright {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f0f0f0;
  background-color: var(--myracolors-3);
  width: 100%;
  margin: 0;
  gap: 20px;
}


  .footer-lower .nop-copyright a {
    color: #f0f0f0;
  }

  .footer-lower .nop-copyright ul {
    display: flex;
    flex-direction: column;
    padding: 24px 0px;
    gap: 6px;
  }

.footer-lower > div:first-child {
  margin-top: 0;
}

.footer-lower > div a {
  color: var(--myracolors-14);
  font-weight: 600;
}

.footer-lower .theme-selector {
  margin: 15px 0 0;
}

.theme-selector select {
  width: 170px;
  height: 36px;
}

.footer-block ul {
  /*display: none;*/
  padding: 10px 0;
  background-color: #f6f6f6;
  list-style-type: unset;
}

  .footer-block ul li {
    padding: 8px;
    font-size: 15px;
    color: var(--text-default);
  }

    .footer-block ul li::marker {
      color: var(--myracolors-3)
    }

.footer-block {
  border-bottom: 8px solid #eeeeee;
}

  .footer-block:first-child {
    border-top: 1px solid #eeeeee;
  }

.footer .title {
  margin-top: 25px;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: var(--el-text-alternative);
  font-family: var(--myralis-font-family);
  font-size: 16px;
  display: block;
}

.footer-block .title {
  position: relative;
  margin: 0;
  padding: 15px 45px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #fff;
}

  .footer-block .title:after {
    content: url("../icons/arrow-down.svg");
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 9px;
    color: #97c300;
    text-transform: none;
    transition: all 0.3s ease;
  }

  .footer-block .title:after {
    left: auto;
    right: 20px;
  }

  .footer-block .title.open:before,
  .footer-block .title.open:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
  }

/*.footer-lower {
	padding: 30px 20px;
	background-color: #444444;
}*/
/* #endregion Footer*/

/* #endregion Notification, Header, Footer */

/* #region Small Product Carousels*/
/*********** SMALL PRODUCT CAROUSELS ***********/

/*.small-products .nop-jcarousel.product-grid .slick-carousel {
  margin: 0 !important;
}
*/
.small-products .nop-jcarousel .slick-slide {
  padding: 0 !important;
}

.small-products .item-box {
  border-radius: 3px !important;
  overflow: hidden;
  max-height: 160px;
}

  .small-products .item-box .product-item {
    font-size: 0;
  }

.myralis_aproveite_leve .small-products .item-box .product-item {
  position: relative;
  font-size: 0;
  margin: 24px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* AUMENTA O TAMANHO do campo branco do carrosel Aproveite leve junto com a linha 2628*/
}

.myralis_aproveite_leve .slick-carousel .item-box {
  max-height: 380px;
}

.myralis-aproveite-leve .jCarouselMainWrapper .slick-next:before,
.myralis-aproveite-leve .jCarouselMainWrapper .slick-prev:before {
  line-height: normal;
  transition: all 0.2s ease;
  /* background: var(--myracolors-fg-1); */
  /* border-radius: 75px; */
  align-content: center;
  justify-content: center;
}

.myralis_aproveite_leve .slick-track {
  background-color: white;
}

.myralis_aproveite_leve div.title {
  background-color: var(--myracolors-master-wrapper) !important;
  color: var(--el-text-primary) !important;
  border-radius: 9px !important;
}

span.myralis-fidelity-member-card.member-card-categ {
  font-size: 12px;
}

.myralis-leve-text span {
  font-size: 14px !important;
  font-family: var(--myralis-font-family);
}

.myralis_aproveite_leve img.picture-img {
  max-width: 100px;
  width: 160px;
}

.myralis_aproveite_leve a.myralis-short-item-name {
  margin-bottom: 10px;
}

.myralis_aproveite_leve .myralis-tag-promocao {
  width: 100px;
  display: flex !important;
}

.myralis-new-address-area {
  width: 100%;
  background: white;
  /* height: 232px; */
  border-radius: 16px;
  padding: 16px 24px;
  gap: 24px;
  border: 1px solid #ced4da;
  margin-top: 36px;
}

.myralis_aproveite_leve .nop-jcarousel .carousel-title strong {
  color: var(--myracolors-14);
  font-size: 24px;
}

.myralis_aproveite_leve .title.carousel-title.has-navigation {
  margin-top: 50px;
}

.myralis_aproveite_leve .slick-list {
  border: 1px solid #cccccc;
  border-radius: 8px;
}

.myralis_aproveite_leve .ribbon-text {
  font-family: var(--myralis-font-family);
  background: var(--bg-primary) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 50% !important;
  width: 100%;
  height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center !important;
  position: relative;
  left: -20px;
}

.myralis-aproveite-leve-btn span {
  padding: 0
}

.myralis_aproveite_leve ul.slick-dots {
  display: none !important;
}

.myralis-aproveite-leve-btn span {
  font-size: 12px;
  line-height: 24px;
}

.myralis-aproveite-leve-btn .item-box .product-rating-box {
  margin-bottom: 5px;
}

.myralis_aproveite_leve span.price.actual-price {
  color: var(--text-primary) !important;
}

.myralis-aproveite-leve-btn:hover {
  background-color: #91e600;
}

.myralis-aproveite-leve price actual-price {
  color: var(--myracolors-bg-2);
}


.myralis_aproveite_leve
.small-products
.item-box
.prices > *:last-child:not(:empty) {
  margin: 0;
  width: 160px;
  height: 32px;
}


.myralis-products-viewed .myralis-tag-promocao {
  display: flex !important;
}

.small-products .item-box .prices .actual-price {
  display: block;
  margin: 0;
}

.small-products .item-box .picture {
  margin: 0;
  border-radius: 0;
}

  .small-products .item-box .picture > a:before {
    padding-top: 100%;
  }

.small-products .item-box .details {
  width: calc(70% - 120px);
  /*padding: 15px 10px 0 0;*/
  text-align: left;
}

.product-details-page .gtin {
  display: none !important;
}

.product-details-page .sku {
  font-size: 16px !important;
}

.myralis-products-viewed .small-products .item-box .details {
  width: calc(78% - 120px);
  padding: 15px 10px;
  padding-top: 25px;
  text-align: left;
}

.small-products .item-box .prices {
  max-width: 100%;
  min-height: 39px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
}

.myralis-products-viewed .small-products .item-box .prices {
  gap: 6px;
}

.myralis-products-viewed .item-box .old-price {
  margin-left: unset;
}

.myralis-products-viewed span.price.actual-price {
  font-size: 22px;
}

.small-products .item-box .buttons,
.small-products .item-box .btn-wrapper {
  display: none;
}

.small-products .item-box .product-title,
.small-products .item-box .title {
  padding: 0;
  height: auto;
  max-height: 39px;
}

.myralis-products-viewed .small-products .item-box .product-title {
  max-width: calc(100% - 40px);
  color: var(--myracolors-11);
}

.two-line-ellipsis {
  display: block;
  max-height: 50px;
  line-height: 1.2em;
  overflow: hidden;
}

a.myralis-short-item-name.two-line-ellipsis {
  -webkit-line-clamp: 2;
}

span.myralis-mecPromotion-tag {
  padding: 4px 10px;
  align-items: center;
  border-radius: 8px;
  background: var(--myracolors-1);
  text-align: start;
  display: flex;
  color: var(--myralis-white);
  font-family: var(--myralis-font-family-secondary);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.myralis_aproveite_leve .small-products .item-box .product-title {
  max-height: none;
  min-height: 52px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.myralis-aproveite-leve-btn {
  margin: 0;
  margin-top: 4px;
}

.small-products .item-box .prices > *:last-child:not(:empty) {
  margin: 0;
}

.myralis-home-categoria .myralis-promotion-price {
  font-size: 20px;
}

.myralis-home-categoria .myralis-price-leve {
  font-size: 14px;
}

.myralis-home-categoria .myralis-price-und {
  font-size: 14px;
}

.myralis_aproveite_leve .item-box .rating {
  display: none;
}

.myralis_aproveite_leve .small-products .item-box .prices {
  min-height: 63px;
}

.myralis_aproveite_leve .small-products .item-box .product-item > div {
  margin-left: 10px;
}

.two-row-carousels {
  padding: 0 20px;
}

  .two-row-carousels .product-grid .title {
    font-size: 24px;
  }

  .two-row-carousels:after {
    content: "";
    display: block;
    clear: both;
  }

  .two-row-carousels .slick-slide {
    min-height: 241px;
  }

  .two-row-carousels .slick-arrow {
    position: absolute;
    top: auto;
    bottom: 101px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    cursor: pointer;
    border: 1px solid #eee;
    border-radius: 50%;
    text-align: center;
    font-size: 0;
    transition: all 0.2s ease;
    z-index: 1;
  }

    .two-row-carousels .slick-arrow:before {
      display: block;
      color: #d0d0d0;
      font-size: 12px;
      line-height: 40px;
      transition: all 0.2s ease;
      text-transform: none;
    }

    .two-row-carousels .slick-arrow:hover {
      background-color: #97c300;
      border: 1px solid #97c300;
    }

      .two-row-carousels .slick-arrow:hover:before {
        color: #fff;
      }

  .two-row-carousels .slick-prev:before {
    content: "\6b";
  }

  .two-row-carousels .slick-prev {
    left: 0;
    margin-left: -20px;
  }

  .two-row-carousels .slick-next:before {
    content: "\6a";
  }

  .two-row-carousels .slick-next {
    right: 0;
    margin-right: -20px;
  }

  .two-row-carousels .slick-list {
    border: 1px solid #eee;
    border-radius: 3px;
  }

  .two-row-carousels .slick-slide > div {
    font-size: 0;
  }

    .two-row-carousels .slick-slide > div:first-child {
      border-bottom: 1px solid #eee;
    }

  .two-row-carousels .item-box {
    float: none !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
  }
/* #endregion Small Product Carousels*/

/* #region Left/Right Column */
/*********** LEFT/RIGHT COLUMN ***********/

.block-wrapper {
  display: flex;
  flex-direction: column;
  gap: 45px;
}

.block {
  border: 1px solid #eee;
  border-radius: 8px;
  text-align: center;
  background-color: white;
}

  .block .title {
    position: relative;
    padding: 14px 20px 14px 50px;
    font-size: 16px;
    color: var(--el-text-primary);
    background-color: var(--myracolors-fg-1);
    cursor: pointer;
    text-align: left;
    border-radius: 8px;
  }

    .block .title strong {
      font-weight: 300;
      display: flex;
      align-items: center;
    }

      .block .title strong:before {
        content: "";
        background: url("../icons/Chevron double right.svg") no-repeat;
        display: inline-block;
        width: 22px;
        height: 26px;
        padding-right: 40px;
      }

    .block .title.open:before {
      -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
      transform: translateY(-50%) rotate(0deg);
    }

  .block .listbox {
    display: block;
    padding: 0;
    text-align: left;
  }

    .block .listbox:after {
      content: "";
      display: block;
      clear: both;
    }

  .block .poll {
    padding: 10px 0;
  }

  .block .list li.active > a {
    color: #97c300;
    font-weight: bold;
  }

  .block .list a {
    display: inline-block;
    padding: 8px 0;
    font-size: 16px;
    color: var(--text-default);
    transition: all 0.2s ease;
    font-family: 'Ubuntu';
  }

  .block.block-manufacturer-navigation .list a,
  .block.block-category-navigation .list a {
    font-family: var(--myralis-font-family-secondary);
  }

.block-recently-viewed-products a.product-picture {
  padding: 0;
}

.block .list a:hover {
  color: #97c300;
}

.block .list .product-picture {
  display: none;
}

.block .sublist {
  padding: 0 15px;
}

.block .view-all {
  margin: 7px 0;
}

  .block .view-all a {
    display: block;
    margin: 15px 0 0;
    font-weight: 600;
    font-size: 16px;
    /*text-transform: uppercase;*/
    color: var(--text-secondary);
    transition: all 0.2s ease;
  }

    .block .view-all a:hover {
      color: var(--text-primary);
    }

.product-tags-box {
  display: none;
}

.block .tags {
  margin: 0 0 10px;
}

  .block .tags ul {
    font-size: 0;
  }

  .block .tags li,
  .product-tags-all-page li {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    overflow: hidden;
    font-size: 16px !important; /*setting base size*/
  }

    .block .tags li a,
    .product-tags-all-page li a {
      float: left;
      line-height: 30px;
      color: #8c8c8c;
      transition: all 0.2s ease;
    }

      .block .tags li a:hover,
      .product-tags-all-page li a:hover {
        color: #97c300;
      }

.poll > strong {
  display: block;
  margin: 0 0 20px;
  font-size: 18px;
  color: #97c300;
}

.poll-options,
.poll-results {
  margin: 0 0 15px;
  overflow: hidden;
}

.home-page-polls .poll-options li {
  margin-bottom: 5px;
  text-align: left;
}

.home-page-polls .poll .buttons {
  margin-top: 30px;
}

.home-page-polls .poll-total-votes {
  margin-top: 0;
}

.home-page-polls .answer label {
  display: block;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  padding: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #444444;
  cursor: pointer;
  transition: all 0.2s ease;
}

.home-page-polls .answer input[type="radio"]:checked + label:before {
  border: 4px solid #fff;
  background-color: #97c300;
}

.home-page-polls .answer:hover label {
  background-color: #f6f6f6;
}

.home-page-polls .poll {
  max-width: 500px;
  margin: 0 auto;
}

.poll .buttons,
.poll-total-votes {
  margin-top: 15px;
}

  .poll .buttons button {
    padding: 10px 20px;
    border: none;
    background-color: #f1f1f1;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    color: #8c8c8c;
    transition: all 0.2s ease;
  }

    .poll .buttons button:hover {
      background-color: #e8af00;
      color: #fff;
    }

.home-page-polls .poll button {
  border-radius: 3px;
  background-color: #eebe00;
  padding: 15px 30px;
  color: #fff;
}

.poll-total-votes {
  display: block;
  margin: 10px 0 0;
  font-weight: bold;
  text-align: right;
  font-size: 13px;
  text-transform: uppercase;
  color: #8c8c8c;
}

.block .poll .buttons {
  text-align: left;
}

.block .poll-options li,
.poll-results li {
  display: block;
  margin-bottom: 15px;
  font-size: 15px;
  color: #8c8c8c;
  text-align: left;
}

  .block .poll-options li:last-child {
    margin-bottom: 0;
  }

.block .poll-results li:last-child {
  margin-bottom: 10px;
}

.home-page-polls {
  text-align: center;
  margin: 0 10px 50px;
}

  .home-page-polls .title {
    margin: 0 0 20px;
    font-size: 28px;
    color: #444444;
  }

    .home-page-polls .title strong {
      font-weight: bold;
    }

.answer {
  position: relative;
  overflow: hidden;
}

  .answer input[type="radio"] {
    position: absolute;
    left: -9999px;
  }

  .answer label {
    display: block;
    padding: 7px 0;
    font-size: 15px;
    color: #8c8c8c;
    cursor: pointer;
    transition: all 0.2s ease;
  }

.block .answer label:hover {
  color: #97c300;
}

.block .answer:after {
  content: "";
  display: block;
  clear: both;
}

.answer span:last-child {
  float: right;
  font-size: 13px;
}

.answer span strong {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  font-size: 15px;
  color: #444444;
}

.answer label:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #eeeeee;
  vertical-align: bottom;
  background-color: #fff;
}

.myralis-recovery-send {
  color: var(--text-primary);
}

.answer input[type="radio"]:checked + label:before {
  margin-left: 1px;
  width: 17px;
  height: 17px;
  margin-right: 9px;
  box-shadow: 0 0 0 1px #e7e7e7;
  border: 3px solid #fff;
  background-color: #97c300;
}

.block.product-filters .listbox {
  color: #444444;
  padding: 8px;
  font-size: 15px;
}

.product-filters .listbox .filter-title {
  padding: 5px 0px;
  color: #444;
  font-size: 15px;
}

.product-filters .selected-price-range {
  overflow: hidden;
  margin: 5px 0 12px;
  font-size: 15px;
}

  .product-filters .selected-price-range .from {
    float: left;
  }

  .product-filters .selected-price-range .to {
    float: right;
  }

.product-filters .listbox .filter-content .group {
  padding: 0px 0px 0px 0px;
}

.product-filters .listbox .filter-content .name {
  padding: 5px 0px 3px 0px;
}

.product-filters .listbox .filter-title strong {
  font-size: 16px;
}

.product-filters .listbox .filter-title strong,
.product-filters .listbox .filter-content .name strong {
  font-weight: 400;
}

.product-filters .listbox .product-spec-filter .filter-content {
  padding: 8px;
}

.product-filters .listbox .filter-content li.item {
  padding: 8px 0px;
}

.product-filters .ui-slider {
  position: relative;
  width: auto;
  height: 10px;
  margin: 0 10px 22px;
  max-width: 257px;
  padding: 10px 0 0;
  border-bottom: 3px solid #c5c5c5;
}

.product-filters .ui-slider-range {
  position: absolute;
  height: 3px;
  background-color: #97c300;
}

.product-filters .ui-slider-handle {
  position: absolute;
  top: 2px;
  width: 19px;
  height: 19px;
  margin-left: -8px;
  background: #fff;
  border: 1px solid #97c300;
  border-radius: 50%;
}

  .product-filters .ui-slider-handle span {
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -19px;
    min-width: 38px;
    height: 18px;
    padding: 0 2px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 11px;
    text-align: center;
    background: #2c2c2c;
  }

    .product-filters .ui-slider-handle span:before {
      content: "";
      position: absolute;
      bottom: -3px;
      left: 50%;
      margin-left: -2px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 4px 3px 0 3px;
      border-color: #2c2c2c transparent transparent transparent;
    }
/* #endregion Left/Right Column */

/********** CATEGORY PAGE **********/
.div-filter-dimatrix {
  margin-left: auto;
  margin-right: auto;
  width: 291px;
  height: 34px;
  left: 55px;
  top: 522px;
  background: var(--myracolors-16);
  border-radius: 6px;
  padding: 6px;
}

.side-2 {
  /*width: 311px;*/
  left: 45px;
  top: 216px;
  background: var(--white);
  border-radius: 12px;
}

.text-title-filter-dimatrix {
  font-family: var(--myralis-font-family);
  font-size: 18px;
  text-transform: capitalize;
  color: var(--text-primary);
}

.manufacturer-list-page .filter {
  display: none;
}

.page-title-filter > div {
  display: none;
}

.manufacturer-list-page .breadcrumb {
  margin-bottom: 16px;
}

  .manufacturer-list-page .breadcrumb li > *,
  .manufacturer-page .breadcrumb li > *,
  .category-page .breadcrumb li > * {
    color: var(--text-default);
    ;
  }

.breadcrumb li:last-child > * {
  color: var(--text-default);
  font-weight: 500;
}

.breadcrumb {
  margin: 0 20px 5px;
  text-align: left;
}

.center-1 .breadcrumb {
  margin-bottom: 20px;
}

.breadcrumb ul {
  font-size: 0;
}

.breadcrumb li {
  display: inline-block;
  font-size: 14px; /*reset zeroing*/
  line-height: 1.2;
  color: var(--text-default);
  font-weight: 400;
}

  .breadcrumb li:last-child span {
    display: none;
  }

  .breadcrumb li > a,
  .breadcrumb li > span,
  .breadcrumb li > strong {
    margin: 0 2px;
    transition: color 0.2s ease;
  }

.breadcrumb strong {
  font-weight: strong;
}

.breadcrumb a:hover,
.breadcrumb a:hover span {
  font-weight: 500;
}

.breadcrumb .delimiter {
  display: inline-block;
  margin-right: 4px;
  font-size: 0;
}

  .breadcrumb .delimiter:before {
    content: "\6a";
    display: block;
    font-size: 7px;
  }


.category-description,
.manufacturer-description,
.vendor-description,
.contact-vendor {
  margin: 0 0 40px;
}

.contact-vendor-button {
  border: none;
  padding: 0 25px;
  height: 45px;
  background-color: #eebe00;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 3px;
  transition: all 0.1s ease;
}

  .contact-vendor-button:hover {
    background-color: #e8af00;
  }

.filters-button-wrapper {
  display: none !important;
}

.product-selectors {
  font-size: 13px;
  text-align: left;
  color: #8c8c8c;
  font-weight: bold;
}

  .product-selectors:after {
    content: "";
    display: block;
    clear: both;
  }

  .product-selectors .product-sorting,
  .product-selectors .product-page-size {
    width: auto;
    display: inline-block;
    vertical-align: top;
  }

  .product-selectors .product-page-size {
    margin-left: 8px;
  }

  .product-selectors select {
    display: inline-block;
    margin: 0 10px;
    /*width: 109px;*/
    height: 45px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    font-weight: normal;
    text-transform: none;
    background-image: url("../img/select-arrow-dark.svg");
  }

#products-pagesize-desktop {
  display: none;
}

.product-selectors .product-viewmode {
  display: inline-block;
  float: right;
  margin: 0;
  font-size: 0;
}

  .product-selectors .product-viewmode span {
    vertical-align: middle;
  }

  .product-selectors .product-viewmode a {
    display: inline-block;
    width: 30px;
    height: 45px;
    margin: 0 8px 0 0;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    font-size: 0;
    opacity: 0.5;
  }

    .product-selectors .product-viewmode a:last-child {
      margin: 0;
    }

    .product-selectors .product-viewmode a.grid {
      background-image: url("../img/view-grid.png");
    }

    .product-selectors .product-viewmode a.list {
      background-image: url("../img/view-list.png");
    }

    .product-selectors .product-viewmode a.selected {
      opacity: 1;
    }

.item-grid:after {
  content: "";
  display: block;
  clear: both;
}



.item-box {
  position: relative;
  width: 49%;
  float: left;
  margin: 0 0 2% 2%;
  background-color: #fff;
  border-radius: 3px;
  /* overflow: hidden;*/
}

.also-purchased-item-box {
  padding: 15px;
  margin: 0 !important;
  background-color: #fff;
  border-radius: 16px !important;
}

.item-box:nth-child(2n + 1) {
  margin-left: 0;
  clear: both;
}

.item-box .picture {
  z-index: 1;
  overflow: hidden;
  background-color: #fff;
  margin: 0 0 5px;
  border-radius: 2px 2px 0 0;
}

  .item-box .picture > a {
    display: block;
    position: relative;
    overflow: hidden;
  }

    .item-box .picture > a:before {
      content: "";
      display: block;
      padding-top: 100%;
    }

    .item-box .picture > a img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      max-width: none;
      height: 100%;
    }

.item-box .manufacturer-item .picture > a img,
.item-box .vendor-item .picture > a img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  max-width: 100%;
  height: auto;
}


/*MODO DE EXIBIÇÃO EM LISTA HOME DE CATEGORIAS, DESATIVADO POR NÃO TER LAYOUT FEITO POR UX*/
a.viewmode-icon.list {
  display: none;
}

.item-box .product-title,
.item-box .title {
  height: 39px;
  /*margin: 0 0 12px;*/
  overflow: hidden;
  font-size: 15px;
  font-weight: normal;
  color: #444444;
}

.myralis_aproveite_leve .item-box .product-title,
.item-box .title {
  font-weight: 600;
  font-size: 12px !important;
  line-height: 14px;
  color: #878787;
  max-width: 156px;
}

.myralis-top-category-home .item-box .title {
  max-width: 100%;
}

.myralis-home-categoria .item-box .product-title a {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.item-box .sku {
  display: none; /*remove if you want to show sku*/
  font-size: 13px;
  color: #8c8c8c;
  margin-bottom: 5px;
}

.item-box .product-rating-box {
  display: inline-block;
  margin: 0 0 8px;
}

.item-box .rating {
  background: url("../icons/rating.svg") repeat-x;
  background-size: contain;
  width: 75px;
  height: 14px;
}

  .item-box .rating div {
    background: url("../icons/rating-filled.svg") repeat-x;
    background-size: contain;
    height: 14px;
  }

.item-box .description {
  display: none; /*hidden by design*/
  height: 30px;
  margin: 0 0 10px;
  overflow: hidden;
}

  .item-box .description a {
    display: block;
    overflow: hidden;
  }

.item-box .prices {
  overflow: hidden;
}

  .item-box .prices *:empty {
    display: none;
  }

  .item-box .prices * {
    display: inline-block;
  }

.item-box .old-price {
  color: var(--myracolors-13);
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  text-decoration-line: line-through;
  font-weight: bold;
  margin-left: 5px;
  min-height: 24px;
  display: flex;
  align-items: end;
}

.item-box .actual-price {
  font-size: 18px;
  color: #97c300;
  font-weight: bold;
}

.myralis_aproveite_leve .item-box .actual-price {
  font-size: 16px;
}

.myralis_aproveite_leve .item-box .old-price {
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  text-decoration-line: line-through;
  color: #878787;
}

.myaralis-clique-ative {
  display: inline-block;
}

/*label#myralisLabelToggle {
  margin-left: 16px;
}*/

.customer-pages-body .myralis-newsletter-footer.master-wrapper-content {
  padding-bottom: 0;
}

@media (min-width: 799px) {
  .myralis-title-newsletter-message {
    font-size: 20px !important;
  }

  .myralis-recovery-btn-send {
    padding-top: 24px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
}

.myralis-passwordrecovery-back {
  color: var(--text-primary);
  text-align: center;
  font-family: var(--myralis-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 23.541px;
  border: none;
  background-color: unset;
  margin-top: 16px;
}

.myralis-logo-passwordconfirm {
  display: flex;
  justify-content: center;
}

.myralis-buttons-return-area {
  padding: 12px;
}

.myralis-footer-title-area {
  margin-top: 25px;
}

.master-wrapper-page {
  background-color: var(--myracolors-master-wrapper);
}

/* #region newsletter*/
/*Newsletter Carrousel*/

.myralis-newsletter-unsubscrible {
  background-color: var(--bg-primary);
  height: 418px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px 45px 0px 15px;
  gap: 21px;
  margin: 0 -6vw 60px;
}

.myralis-title-newsletter-message {
  font-family: var(--myralis-font-family);
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  color: #ffffff;
  margin-bottom: 20px;
}

.myralis-title-newsletter-activated-message {
  font-size: 28px !important;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  color: #ffffff;
  width: 397px;
  margin-left: auto;
  margin-right: auto;
}

.myralis-title-newsletter-unsub-title-message {
  width: 397px;
  color: #ffffff;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  height: 110px;
  margin-top: 53px;
}

.myralis-message-newsletter-unsub-message {
  width: 367px;
  top: 216px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 20px;
  margin-top: 24px;
}

.myralis-message-newsletter-unsub-message-2 {
  width: 334px;
  height: 96px;
  margin-top: 4px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  display: flex;
}


div#myralis-newsletter-info {
  display: none;
}

.myralis-return-button {
  display: flex;
  height: 36px;
  padding: 4px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* align-self: stretch; */
  border-radius: 8px;
  background: var(--myracolors-7);
  color: var(--text-primary);
  text-align: center;
  /* Ubuntu/16px medium */
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.myralis-message-newsletter-2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: white;
}

.myralis-message-newsletter-3 {
  font-family: var(--myralis-font-family);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: white;
}

.myralis-text-unsubscrible-area {
  width: 37%;
  margin-left: 170px;
}

.myralis-newsletter-carrousel-area .nop-jcarousel.product-grid .slick-slide,
.nop-jcarousel.category-grid .slick-slide {
  padding: 0px 16px;
}

.myralis-newsletter-carrousel-area h2.product-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.myralis-title-newsletter {
  margin-top: 58px;
  margin-bottom: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 38px;
  color: var(--el-text-alternative);
}

.myralis-newsletter-carrousel-area .nop-jcarousel.product-grid {
  padding: 70px 6vw;
}

.myralis-newsletter-carrousel-area .item-box {
  padding: 10px 10px;
}

.myralis-newsletter-carrousel-area .myralis-text-cada-por-area {
  bottom: 50%;
  left: 20%;
}

.myralis-newsletter-carrousel-area .jCarouselMainWrapper .slick-next {
  right: -15px;
}

.myralis-newsletter-carrousel-area .jCarouselMainWrapper .slick-prev {
  left: -15px;
}

.myralis-newsletter-carrousel-area .item-box .old-price {
  white-space: nowrap;
}

.myralis-newsletter-carrousel-area .item-box .actual-price {
  white-space: nowrap;
}

.myralis-newsletter-carrousel-area
.product-grid
.ajax-cart-button-wrapper
.add-to-cart-qty-wrapper {
  border: 1px solid #ced4da;
  display: inline-flex;
  width: 40px !important;
  height: 32px;
  border-radius: 4px;
  box-shadow: unset !important;
  min-width: 77px;
  min-width: 30%;
  min-height: 39px;
}

.myralis-newsletter-carrousel-area .item-box button {
  height: 40px !important;
}

.myralis-newsletter-carrousel-area .prices {
  display: flex;
  align-items: center;
  justify-content: center;
}

.myralis-newsletter-carrousel-area
.item-box
.prices > *:last-child:not(:empty) {
  margin-bottom: unset !important;
}

.myralis-newsletter-carrousel-area
.myralis-newsletter-carrousel-area
.myralis-text-cada-por-area {
  bottom: 56%;
  left: 17%;
}

.myralis-newsletter-carrousel-area .jCarouselMainWrapper ul.slick-dots {
  display: none;
}

.myralis-dog-area {
  display: flex;
  justify-content: right;
  margin-right: 286px;
}

.myralis-dog-newsletter {
  position: absolute;
  top: 50%;
}

.myralis-text-unsubscrible-area-mobile {
  background: var(--bg-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.myralis-title-newsletter-message-mobile {
  margin: 32px;
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
}

.myralis-message-newsletter-2-mobile {
  display: flex;
  justify-content: center;
}

.myralis-message-newsletter-Activated-mobile {
  display: flex;
  justify-content: center;
  padding-bottom: 32px;
}

.myralis-message-newsletter-3-mobile {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  margin: 32px;
}

.myralis-newsletter-footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--myracolors-7);
}

  .myralis-newsletter-footer.master-wrapper-content {
    padding-top: 0;
    padding-bottom: 0;
  }

.myralis-space-footer {
  height: 121.18px;
  overflow: hidden;
  background-color: var(--myracolors-7);
}

.myralis-text-footer a {
  color: #3270ab !important;
}

.myralis-newsletter-footer-form {
  height: 319px;
  background-color: var(--myracolors-7);
  top: 121.18px;
  display: flex;
}

.manufacturer-all-page-body .myralis-newsletter-footer.master-wrapper-content {
  padding: 0px !important;
}

.myralis-newsletter-policy {
  margin-left: 18px;
  color: var(--myracolors-text-1);
  font-family: Barlow;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.myralis-policy-text2 {
  font-weight: 500;
  text-decoration: underline;
}

.myralis-newsletter-footer-form .myralis-img-newslleter > img {
  align-items: flex-end;
  /*width: 100%;*/
  height: auto;
  width: 500px;
}

.myralis-text-newsletter-footer {
  position: relative;
  margin-top: 34.82px;
  margin-left: 78px;
  height: auto;
  width: 420px;
}

.myralis-title-newsletter-footer {
  font-family: var(--myralis-font-family);
  font-size: 36px;
  color: var(--el-text-primary);
  line-height: 44px;
  font-weight: 700;
  font-style: normal;
  height: 44px;
}

.myralis-subtitle-newsletter-footer {
  font-family: var(--myralis-font-family);
  font-size: 20px;
  color: #ffffff;
  line-height: 24px;
  font-weight: 400;
  font-style: normal;
  height: auto;
  width: 271px;
  display: block;
}

.myralis-newsletter-next-step-button {
  margin: 0;
  height: 40px;
}

  .myralis-newsletter-next-step-button span {
    text-transform: none;
  }

.myralis-img-newslleter {
  display: flex;
  position: relative;
  top: 0px;
  align-items: flex-end;
  flex: 1 1 auto;
}

.myralis-newsletter-footer-form img {
  max-width: initial;
}

.myralis-newsletter-register {
  display: inline-flex;
  height: auto;
  width: 100%;
}

.myralis-footer-title-area {
  padding-left: 2%;
  font-family: Ubuntu;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  color: var(--myracolors-text-1);
  max-width: 89%;
}

.myralis-form-newsletter {
  display: flex;
  width: 100%;
  height: auto;
  flex-direction: column;
}

.myralis-customer-newsletter-inputs {
  width: 56% !important;
}

.myralis-customer-newsletter-inputs {
  height: auto !important;
  border-radius: 4px !important;
  margin-top: 26px !important;
  padding-left: 16px;
  font-weight: bold;
}

  .myralis-customer-newsletter-inputs label {
    color: var(--myracolors-2) !important;
  }

.inputs-newsletter > label {
  display: inline-block;
  max-width: calc(100% - 10px);
  width: auto;
  font-size: 15px;
  margin: 0 0 8px;
  color: #ffffff;
  text-align: left;
  white-space: normal;
  float: left;
}

.inputs-newsletter > input {
  width: 255px !important;
  height: 40px !important;
}

.myralis-btn-newsletter {
  margin-top: 26px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 29%;
}

.newsletter-active {
  color: var(--myracolors-5);
  font-size: 16px;
  font-weight: 400;
  line-height: 14px;
  font-style: normal;
  margin-top: 4px;
}

.newsletter-message-email {
  color: #ff6b00;
  font-size: 16px;
  line-height: 14px;
  font-style: normal;
  font-weight: 400;
  margin-top: 4px;
}

.newsletter-active-required {
  color: var(--myracolors-1);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-top: 4px;
}
/* #endregion newsletter*/

.myralis-homepage-products #myralis-inputs-addquantity-categorypage {
  display: none;
}

.myralis-homepage-products .jCarouselMainWrapper .slick-next {
  top: 42% !important;
}

.myralis-homepage-products .jCarouselMainWrapper .slick-prev {
  top: 42% !important;
}

#myralis-most-sellers .jCarouselMainWrapper .slick-prev {
  top: 42% !important;
}

#myralis-most-sellers .jCarouselMainWrapper .slick-next {
  top: 42% !important;
}

.myralis-inputs-quantity {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-left: 15px;
}

.myralis-homepage-products h2.product-title {
  display: flex;
  justify-content: center;
  align-items: center;
}

.myralis-tag-promocao-compre2por1 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  width: 100%;
  border-radius: 8px 8px 0px 0px;
  font-size: 12px;
  height: 24px;
  background-color: #ff5c00;
  color: #ffffff;
  font-weight: 600;
  line-height: 16px;
}

.item-box .old-price + .actual-price,
.item-box .actual-price + .tax-shipping-info {
  margin-left: 5px;
}

.item-box .tax-shipping-info {
  color: #8c8c8c;
}

  .item-box .tax-shipping-info a {
    color: #97c300;
  }

.item-box .base-price-pangv {
  color: #8c8c8c;
}

.item-box .buttons {
  display: block;
}

.item-box button {
  height: 40px;
  min-height: 32px;
  padding: 0 5%;
  vertical-align: middle;
  border: none;
  text-overflow: ellipsis;
  overflow: hidden;
}

.item-box .buttons .button-2:hover {
  background-color: #eebe00;
  color: #fff;
}

.myralis-show-more-area {
  display: flex;
  justify-content: center;
  margin-top: 26px;
}

.myralis-show-more {
  display: none;
  padding: 6px 12px;
  width: 95%;
  height: 36px;
  text-align: center;
  border: 1px solid var(--myracolors-fg-2);
  background-color: transparent;
  border-radius: 8px;
  font-family: var(--myralis-font-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-primary);
  margin-top: 20px;
}

.myralis-show-less {
  display: none;
  padding: 6px 12px;
  width: 95%;
  height: 36px;
  text-align: center;
  border: 1px solid var(--myracolors-fg-2);
  background-color: transparent;
  border-radius: 8px;
  font-weight: 600;
  font-family: var(--myralis-font-family);
  font-size: 16px;
  line-height: 24px;
  color: var(--text-primary);
  margin-top: 20px;
}

.myralis-estimativa {
  margin-top: 40px;
}

.myralis-estimativa-info {
  margin-top: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--myracolors-14);
  text-align: center;
}

.myralis-suasaude-fastregister-span-area {
  margin-top: 15px;
}

.myralis-estimativa-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: var(--myracolors-14);
}

.item-box .product-rating-box {
  margin-bottom: 10px;
}

.myralis_aproveite_leve .item-box .product-rating-box {
  margin-bottom: 12px;
}

.item-box .btn-wrapper {
  display: none;
  font-size: 0;
}

  .item-box .btn-wrapper .button-2 {
    margin-left: 4px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 0;
    border-radius: 30px;
    background-color: #f1f1f1;
    border: 0;
    font-size: 0;
    backface-visibility: hidden;
    transition: all 0.1s ease;
  }

  .item-box .btn-wrapper button:before {
    transition: all 0.1s ease;
    text-transform: none;
    font-weight: normal;
    font-size: 18px;
    color: #8e8e8e;
  }

  .item-box .btn-wrapper .add-to-wishlist-button:before {
    content: "\63";
  }

  .item-box .btn-wrapper .add-to-compare-list-button:before {
    content: "\62";
  }

  .item-box .btn-wrapper button:hover {
    background-color: #97c300;
  }

    .item-box .btn-wrapper button:hover:before {
      color: #fff;
    }

.home-page-category-grid,
.sub-category-grid,
.manufacturer-grid {
  margin: 0 auto 45px;
}

  .home-page-category-grid .item-box {
    background-color: var(--myracolors-master-wrapper);
  }

.category-grid .item-box {
  border: none;
}

  .category-grid .item-box .picture {
    border: none;
    background: transparent;
    margin: 0;
  }

    .category-grid .item-box .picture a:before {
      padding-top: 100%;
      /*background: linear-gradient(180deg, #ffffff 46.11%, #e5e8ff 105.63%);*/
    }

.vendor-item .picture,
.manufacturer-item .picture {
  margin-bottom: 0;
}



  .manufacturer-item,
  .manufacturer-item .picture,
  .manufacturer-item .picture a {
    height: 100%;
  }

    .vendor-item .title,
    .manufacturer-item .title,
    .category-grid .item-box .title {
      margin-bottom: 0;
      height: auto;
      /*background: linear-gradient(180deg, #FFFFFF -46.11%, #E5E8FF -105.63%);*/
      /* background: rgb(232 234 247);*/
    }

      .vendor-item .title a,
      .manufacturer-item .title a,
      .category-grid .item-box .title a {
        display: block;
        padding: 16px 15px;
        font-size: 13px;
        color: #444444;
        font-weight: bold;
        letter-spacing: 2px;
        text-transform: uppercase;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        transition: color 0.2s ease;
      }

      /* #region Carrousel + CategoriaMenu HomePage*/

      /*HOME CATEGORIA HOMEPAGE*/

      .myralis-top-category-home .vendor-item .title a,
      .manufacturer-item .title a,
      .category-grid .item-box .title a {
        display: block;
        /*padding: 16px 15px;*/
        padding: 16px 1px;
        font-size: 13px !important;
        color: var(--text-primary);
        font-weight: bold;
        letter-spacing: 1px;
        text-overflow: unset;
        white-space: normal;
        overflow: hidden;
        transition: color 0.2s ease;
      }

.myralis-top-category-home .slick-track {
  display: flex;
  gap: 62px;
}

.home-page .title.carousel-title {
  margin-top: 48px;
}

.myralis-top-category-home .category-item img {
  border-radius: 50%;
}

/*ESTE ELEMENTO AJUDA A ORGANIZAR O TAMANHO DOS CARDS*/
.myralis-homepage-products .slick-carousel .item-box {
  margin: 0 !important;
  border-radius: 20px;
  padding: 12px 16px 6px 21px;
}

.myralis-sales-container {
  height: calc(265px + 100px);
  border: 0.885513px solid #e9e9e9;
  border-radius: 16px 16px 17px 17px;
  position: relative;
}

#myralisLabelToggle {
  text-align: center;
}

.myralis-saleoftheday-viewed .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}

.myralis-saleoftheday-viewed .owl-dot {
  width: 8px !important;
  height: 8px !important;
}

  .myralis-saleoftheday-viewed .owl-dot.active {
    width: 12px !important;
    height: 12px !important;
  }

button.myralis-ver-mais {
  background: none;
  border: none;
  color: var(--text-primary);
  font-weight: 600;
  font-size: 16px;
  font-family: var(--myralis-font-family-secondary);
}

/*TAMANHO IMAGEM   - Ajuda a aumentar o tamanho do card do carrousel   */
/*TAMANHO IMAGEM   - Ajuda a aumentar o tamanho do card do carrousel   */
/*Tamanho do btn comprar*/
.myralis-homepage-products .product-box-add-to-cart-button {
  width: calc(100% - 63px);
}

.myralis-manufacture-areacateg .myralis-price-leve {
  font-size: 14px;
}

.myralis-manufacture-areacateg .myralis-price-und {
  font-size: 14px;
}


.myralis-homepage-products .slick-carousel .item-box {
  border-radius: 19px !important;
}

.myralis-homepage-products select.productQuantityDropdown,
input.productQuantityTextBox {
  font-weight: bold;
  color: var(--text-default);
}

.myralis-modal-form-desconto label {
  margin-bottom: 6px;
}

/*TAMANHO DA IMAGEM CARROUSEL AJUSTA O TAMANHO DO BLOCO DO COMPONENTE*/
.myralis-homepage-products img.picture-img {
  height: 190px;
  /*margin-bottom: 20px;*/
}

.myralis-homepage-products a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--myracolors-14);
  font-weight: 500;
  /*margin-top: 15px;*/
}

td.myralis-discount-progressions-firsttd {
  padding: 0px 20px 12px 20px !important;
}


.myralis-homepage-products .carousel-item.slick-slide.slick-active {
  display: flex;
  justify-content: center;
}

.myralis-homepage-products .quick-view-button {
  vertical-align: unset;
}


.myralis-tag-promocao {
  position: absolute;
  top: 0px;
  right: 0px;
  background: var(--myracolors-1);
  border-radius: 0px 16px 0px 40px !important;
  color: white;
  width: 82px !important;
  height: 52px !important;
  z-index: 2; /* fix tag acima da imagem do produto exceto na exceção abaixo */
  display: flex;
  align-items: center;
  justify-content: center;
}

.myralis-discUnitX-text {
  font-size: 14px;
  font-weight: bold;
  font-family: var(--myralis-font-family);
}

span.myralis-discountUnitX-text-2 {
  font-size: 12px;
  font-family: var(--myralis-font-family);
}

.myralis-products-viewed .myralis-discUnitX-text {
  font-size: 13px;
  font-weight: 600;
}

.myralis-products-viewed span.myralis-discountUnitX-text-2 {
  font-size: 12px;
}

.somos {
  color: var(--text-default-2);
  font-family: 'Barlow';
}

.product-details-page-body .myralis-tag-promocao {
  z-index: 1; /* fix tag acima da imagem, somente para home e newsletter*/
}

.compre2por1-wrapper {
  display: none;
}

.myralis-leve-text {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
}

.myralis-pague-text {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  font-family: var(--myralis-font-family);
}

.myralis-homepage-products .prices {
  text-align: left;
  display: flex;
  flex-direction: column;
}

.myralis-salesday-name {
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 114.286% */
}

.myralis-homepage-products .item-box .product-title,
.item-box .title {
  height: 50px;
}

.myralis-homepage-products span.price.actual-price {
  font-size: 22px;
}

.myralis-homepage-products .ajax-cart-button-wrapper.qty-enabled {
  /*gap: 10px;*/
  display: flex;
  justify-content: flex-start;
}

.myralis-homepage-products .item-box {
  box-shadow: rgb(0 0 0 / 5%) 0 0 10px;
}

.myralis-homepage-products
button.button-2.product-box-add-to-cart-button.nopAjaxCartProductListAddToCartButton {
  font-size: 16px;
  height: 38px !important;
  border-radius: 8px !important;
}

.myralis-homepage-products .prices {
  margin: 6px 0px 16px 0px;
}

.myralis-homepage-products span.price.actual-price {
  color: var(--el-text-alternative) !important;
  font-family: 'Barlow';
}

.myralis-homepage-products .quick-view-button a:hover {
  background-color: var(--myracolors-fg-1) !important;
  color: white !important;
}

/*SEGUNDA TAG */
.myralis-text-cada-por-area {
  width: 170px;
  height: 24px;
  position: absolute;
  z-index: 2;
  bottom: 47%;
  left: 23%;
  display: flex;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));
}

.myralis-homepage-products .myralis-text-cada-por-area {
  width: 200px;
  height: 24px;
  position: absolute;
  z-index: 2;
  display: flex;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 44%;
}

.myralis-tag2-leve {
  text-transform: uppercase;
  width: 100px;
  height: 24px;
  background-color: #ff5c00;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px 0px 0px 8px;
}

.myralis-tag2-cada-por {
  width: 100px;
  height: 24px;
  background-color: white;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #ff5c00;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px 8px 8px 0px;
}

/*SALES OF THE DAY CARD*/

/*END HOMEPAGE CARROUSELS*/

/*SUA SAUDE*/

.myralis-subtotal-suasaude-old {
  font-size: 12px !important;
  color: var(--myracolors-cart-suasaude-text) !important;
  text-decoration-line: line-through;
  font-weight: 600;
}



.myralis-subtotal-suasaude-old-myaccount {
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  color: var(--text-secondary);
  text-decoration-line: line-through;
}

.myralis-subtotal-suasaude-price-myaccount {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: var(--text-primary);
}

  .myralis-subtotal-suasaude-price-myaccount:after {
    content: url(../img/ssm_simbolo.png);
    margin-left: 5px;
  }


.myralis-homepage-products .prices {
  margin: 6px 0px 16px 0px;
}

.myralis-homepage-products .prices {
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: flex-end;
  min-height: 78px;
  max-height: 78px;
}

span.myralis-promotion-price-salesofday.myralis-price-saleofday-suasaude {
  color: var(--myracolors-suaSaude-tag);
}

span.myralis-price-leve-salesofday.myralis-price-saleofday-suasaude.myralis-suasaude-price-nomember span {
  color: var(--myracolors-suaSaude-tag-nomember);
}


.myralis-products-viewed span.myralis-fidelity-member-card {
  display: none !important;
}

.myralis-payment-method .myralis-subtotal-suasaude-price {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-primary);
}

img.myralis-suasaude-banner {
  min-width: 100%;
  width: 300px;
}

#password-requirements {
  font-size: 10px;
  position: absolute;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  z-index: 1000;
  color: black;
  top: -138px;
  border-radius: 8px;
  border: 1px solid var(--Background3, #F4F5FF);
  background: var(--Background3, #F4F5FF);
  display: none;
  padding: 12px;
  flex-direction: column;
  align-items: flex-start;
  font-family: Barlow;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  gap: 10px;
}

.myralis-validation-itens {
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: 12px;
}

.myralis-validate-title {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}


#password-requirements::before {
  content: url(../icons/Tooltip.svg);
  position: absolute;
  top: 169px;
  left: 0%;
}

#password-requirements ul {
  list-style-type: none;
  padding: 0;
}

#password-requirements li {
  color: black; /* Alterando a cor do texto para preto */
}

  #password-requirements li.valid {
    color: green; /* Alterando a cor do texto para verde */
  }

.password-criteria.valid {
  color: green;
}

.password-criteria {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.myralis-suaSaudeDisc-text {
  font-family: var(--myralis-font-family);
  font-size: 14px;
}

span.myralis-suaSaudeDisc-text-2 {
  font-size: 12px;
}

.myralis-home-categoria .myralis-suaSaudeDisc-text {
  font-size: 13px;
}

.myralis-suasaude-isSub {
  align-items: center;
  margin-top: -3px;
  height: 100px;
  background: white;
  display: flex;
  flex-direction: row;
  padding: 16px;
  gap: 16px;
  height: calc(150px - 46px);
  border-radius: 0px 0px 8px 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-primary);
}

.myralis-porquinho-grid-mobile {
  display: none;
}

#myralis-mobile-porquinho {
  display: none;
}

.myralis-porquinho-grid-mobile-text {
  display: none;
}

#myralis-label-total-suasaude-mobile {
  display: none !important;
}

.myralis-suasaude-notSub {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  margin-top: -5px;
  background: var(--myracolors-bg-5);
  align-items: flex-start;
  padding: 16px;
  border-radius: 0px 0px 8px 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: var(--text-primary);
  font-weight: 400;
}

.myralis-cart-point-title {
  display: flex;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--text-primary);
  text-align: justify;
  flex: 0 1 90%;
}

.myralis-suasaude-notsub-infos {
  display: flex;
  flex-direction: row;
  gap: calc(10% + 12%);
  align-items: center;
  padding-right: 15px;
}

.myralis-cart-point-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0;
  margin-top: 17px;
  width: 100% !important;
  justify-content: space-between;
}

.myralis-adyen-cvccode-area {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.myralis-btns-area-step3-full {
  display: flex;
  justify-content: space-between;
}

.myralis-cart-ordertotals-title span {
  color: var(--myracolors-2);
}

.myralis-cart-suasaude-title {
  width: 100%;
  text-align: center;
  font-family: var(--myralis-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 16px;
}

.myralis-suasaude-button-sub-area {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  height: 50px;
}

.myralis-cart-point-finish {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #343A40;
}

.myralis-cart-my-point {
  display: flex;
  gap: 12px;
  border: 1.5px dashed var(--myracolors-2);
  width: 188px;
  height: 36px;
  border-radius: 8px;
  flex: 0 1 100%;
  align-items: center;
  justify-content: center;
}

  .myralis-cart-my-point span {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    font-family: var(--myralis-font-family);
    color: var(--text-primary);
  }

.myralis-suasaude-button-sub {
  padding: 6px 12px;
  margin: 0;
}

img.myralis-suasaude-logo {
  width: 52px;
}

.myralis-suasaude-area {
  margin: 0 !important;
  border-radius: 8px !important;
}

#myralis-suasaude-modal {
  display: none;
  position: fixed; /* Stay in place */
  z-index: 2050; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  /*overflow: auto;*/ /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

#myralis-transacional-modal {
  position: fixed;
  z-index: 2050;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* overflow: auto; */
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

.myralis-title-transacional {
  color: var(--text-primary);
  text-align: center;
  font-family: Ubuntu;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  margin-top: 12px;
}

.myralis-title-transacional-2 {
  color: var(--text-default);
  text-align: center;
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  width: 88%;
}

section.flex.w-center.transacional-texts {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.myralis-transacional-btn-area {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
}

#myralis-suasaude-modal-success {
  display: none;
  position: fixed; /* Stay in place */
  z-index: 2050; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  /*overflow: auto;*/ /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.myralis-suasaude-modal-content {
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  border-radius: 10px;
  width: 31%;
  top: 50%;
  position: relative;
  left: 50%;
  transform: translate(-50%, -50%);
}

img.myralis-suasaude-close {
  cursor: pointer;
}

img.myralis-suasaude-retangle {
  border-radius: 9px;
  width: calc(100% - 10%);
}

img.myralis-suasaude-retangle-success {
  border-radius: 9px;
  width: calc(100% - 10%);
}

.myralis-suasaude-retangle-area {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  display: flex;
  justify-content: right;
  margin-bottom: 10px;
}

.suasaude-modal-listinfos {
  cursor: pointer;
}

.myralis-suasaude-closebtn-area {
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 1;
}

.myralis-suasaude-info1-area {
  padding-right: 35%;
}

.myralis-toggle-area {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

.myralis-suasaude-info2-area {
  display: flex;
  align-items: center;
  margin-top: 25px;
}

button.myralis-suasaude-button-participar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6px 16px;
  width: 352px;
  height: 36px;
  background: var(--myracolors-fg-1);
  border-radius: 8px;
  border: none;
  color: var(--text-primary);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

.myralis-suasaude-button-nao-participar {
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6px 16px;
  width: 352px;
  height: 36px;
  background: #ffffff;
  border-radius: 8px;
  border: solid 1px;
  color: var(--text-primary);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

.myralis-suasaude-selecao-text {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #26386e;
  margin-bottom: 8px;
}

.myralis-suasaude-parceiros-descontos-servicos {
  display: flex;
  align-items: center;
  flex-direction: row;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: var(--text-primary);
  gap: 16px;
  margin-bottom: 26px;
}

.myralis-suasaude-troque-pontos {
  display: flex;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  color: var(--text-primary);
  gap: 30px;
}

.myralis-suasaude-clique-aqui {
  font-weight: 400;
  font-size: 14px;
  line-height: 15px;
  color: var(--text-primary);
  margin-top: 17px;
  margin-bottom: 10px;
}

.myralis-suasaude-more-infos {
  display: none;
}

.cart .subtotal .myralis-subtotal-suasaude-price {
  color: var(--text-primary) !important;
}



#SuaSaudeLeia {
  font-size: 16px;
}

.myralis-suasaude-porquinho-area-mobile {
  display: none;
}

.myralis-suasaude-logomarca-area {
  cursor: pointer;
  margin-left: 10px;
  margin-bottom: 2px;
  position: absolute;
  right: 23px;
}

.myralis-suasaude-span-subscrible {
  text-align: left;
  margin-left: 23px;
  font-size: 16px;
}

/*END SUA SAUDE*/
.myralis_aproveite_leve .myralis-text-cada-por-area {
  display: none;
}

.myralis_aproveite_leve .slick-list {
  background-color: white;
}

/*#endregion Carrousel + CategoriaMenu HomePage*/



.sub-category-grid .item-box .title a {
  white-space: normal;
  text-overflow: initial;
}

.vendor-item:hover .title a,
.manufacturer-item:hover .title a,
.category-grid .item-box:hover .title a {
  color: #97c300;
}

.home-page-advantages {
  margin-bottom: 45px;
  overflow: hidden;
}

.advantages-item {
  padding: 10px 15px;
  margin-bottom: 5px;
  background-color: #f6f6f6;
  overflow: hidden;
  text-align: left;
}

  .advantages-item > div {
    display: inline-block;
    vertical-align: middle;
  }

  .advantages-item .description {
    display: none;
  }

  .advantages-item .picture {
    width: 40px;
    height: 40px;
  }

    .advantages-item .picture img {
      max-height: 100%;
      max-width: 100%;
    }

  .advantages-item .info {
    width: calc(100% - 55px);
    padding-left: 10px;
  }

  .advantages-item .title {
    font-size: 15px;
    color: #444444;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
  }

    .advantages-item .title a {
      transition: all 0.2s ease;
    }

      .advantages-item .title a:hover {
        color: #97c300;
      }

.product-grid .title {
  margin: 0 0 25px;
  font-size: 28px;
  color: #444444;
  font-weight: bold;
  text-align: center;
}

/* #region pager*/
.pager {
  margin: 20px 0;
}

  .pager:last-child {
    margin-bottom: 0;
  }

  .pager ul {
    text-align: center;
    font-size: 0;
  }

  .pager li {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
  }

    .pager li a,
    .pager li span {
      display: block;
      width: 38px;
      height: 38px;
      line-height: 37px;
      border-radius: 50%;
      text-align: center;
      font-size: 15px; /*reset zeroing*/
      cursor: pointer;
      color: var(--text-primary);
      transition: all 0.3s ease;
    }

      .pager li a:hover,
      .pager li span {
        color: #fff;
        background-color: #97c300;
        border-color: #97c300 !important;
      }

        .pager li a:hover::before {
          color: #fff;
        }

      .pager li a:before {
        display: block;
        font-size: 12px;
        color: #d0d0d0;
        line-height: 37px;
        transition: all 0.3s ease;
      }

    .pager li.previous-page a,
    .pager li.next-page a,
    .pager li.first-page a,
    .pager li.last-page a {
      font-size: 0;
      background-color: #fff;
    }

      .pager li.previous-page a:hover,
      .pager li.next-page a:hover,
      .pager li.first-page a:hover,
      .pager li.last-page a:hover {
        background-color: #97c300;
      }

.previous-page a,
.next-page a,
.first-page a,
.last-page a {
  border: 1px solid #e4e4e4;
}

.category-page .previous-page a,
.manufacturer-page .previous-page a,
.search-page .previous-page a,
.next-page a,
.first-page a,
.last-page a {
  border: unset;
}

.myralis-body-shipping .item-box .btn-wrapper button:hover,
.select input[type="checkbox"]:checked + label,
.select-boxes input[type="checkbox"]:checked + label,
.two-row-carousels .slick-arrow:hover,
.home-page-polls .answer input[type="radio"]:checked + label:before,
.answer input[type="radio"]:checked + label:before,
.pager li a:hover,
.pager li span,
.pager li.previous-page a:hover,
.pager li.next-page a:hover,
.pager li.first-page a:hover,
.pager li.last-page a:hover,
.ui-datepicker-header,
.ui-datepicker-calendar a.ui-state-active:hover,
.ui-datepicker-calendar a.ui-state-active,
.opc .selector input[type="checkbox"]:checked ~ label:before,
.forum-search-box.search-box .search-box-button:hover,
.ico-wishlist .wishlist-qty,
.selected-options-list > li span,
.header-menu .close-menu,
.close-side-menu,
.mobile-flyout-wrapper .close-side-menu,
.header-menu ul li.back-button,
.avatar-page .upload-image.valid + label,
.ui-slider-range,
.filters-button,
.quick-view-button a:hover,
.blog-search-box .search-box-button:hover,
.sale-of-the-day-offer .timer-info-box,
.spc-products .slick-arrow:hover,
.nivo-directionNav a:hover,
.anywhere-slider .slick-arrow:hover,
.theme-roller .open-button,
.product-filters .ui-slider-range,
.buttons .k-button {
  background-color: var(--myracolors-fg-1) !important;
  color: var(--text-primary);
}

.close-menu-mobile {
  background-color: #303E84;
}

.previous-page a:before,
.next-page a:before {
  content: "\6b";
}

.next-page a:before {
  content: "\6a";
}

.first-page a:before {
  content: "\56";
}

.last-page a:before {
  content: "\57";
}
/* #endregion pager*/


.gender label,
.option-list li label,
.inputs.accept-consent label,
td.remove-from-cart label,
td.add-to-cart label,
.terms-of-service label,
.terms-of-agreement label,
.selector label,
.use-reward-points label {
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
}

span#read-privacyinfo {
  color: var(--text-alternative) !important;
}

.attributes .datepicker {
  width: 100%;
  text-align: center;
}

.ui-datepicker {
  width: 280px;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  overflow: hidden;
}

.ui-datepicker-header {
  position: relative;
  height: 32px;
  background-color: #97c300;
  color: #fff;
  overflow: hidden;
}

  .ui-datepicker-header a {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 40px;
    height: 32px;
    line-height: 32px;
    font-size: 0;
    transition: all 0.2s ease;
  }

    .ui-datepicker-header a:hover {
      background-color: rgba(0, 0, 0, 0.1);
    }

    .ui-datepicker-header a:before {
      display: block;
      font-size: 10px;
      color: #fff;
    }

    .ui-datepicker-header a.ui-datepicker-prev {
      left: 0;
    }

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

    .ui-datepicker-header a.ui-datepicker-next {
      right: 0;
    }

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

.ui-datepicker-title {
  position: relative;
  z-index: 0;
  line-height: 32px;
  letter-spacing: 1px;
  font-weight: bold;
  text-transform: uppercase;
}

.ui-datepicker-calendar th {
  background-color: #f6f6f6;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
  width: 14.285%;
}

  .ui-datepicker-calendar th span,
  .ui-datepicker-calendar td a {
    display: block;
    font-size: 14px;
    color: #8c8c8c;
    min-height: 32px;
    line-height: 32px;
    border-radius: 3px;
    transition: all 0.2s ease;
  }

  .ui-datepicker-calendar th span {
    font-size: 13px;
  }

  .ui-datepicker-calendar td a:hover {
    background-color: #f1f1f1;
  }

.ui-datepicker-calendar a.ui-state-active:hover,
.ui-datepicker-calendar a.ui-state-active {
  background-color: #97c300;
  color: #fff;
}

.attribute-squares {
  font-size: 0;
}

  .attribute-squares li {
    display: inline-block;
    margin: 0 5px 5px;
    line-height: normal !important;
    text-align: center;
  }

  .attribute-squares label {
    display: block;
    margin: 0 !important;
    overflow: hidden;
  }

  .attribute-squares input[type="radio"] {
    position: absolute;
    left: auto;
    z-index: -1;
    opacity: 0;
    margin-top: -25px;
  }

  .attribute-squares span {
    display: block;
    user-select: none;
  }

.attribute-square {
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  border: 2px solid #e7e7e7;
  border-radius: 3px;
  cursor: pointer;
}

.selected-value .attribute-square {
  border-color: #868686;
}

.image-squares .tooltip-container {
  position: absolute;
  display: block;
  width: 200px;
  color: #000000;
  background: #ffffff;
  border: 1px solid #eeeeee;
  text-align: center;
  visibility: hidden;
  border-radius: 5px;
}

  .image-squares .tooltip-container:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border-bottom: 7px solid #eeeeee;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
  }

  .image-squares .tooltip-container:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-bottom: 6px solid #f6f6f6;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
  }

.image-squares li:hover .tooltip-container {
  visibility: visible;
  margin-left: -83px;
  margin-top: 5px;
  z-index: 999;
}

.image-squares .tooltip-header {
  background-color: #f6f6f6;
  height: 25px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  padding-left: 10px;
  padding-top: 5px;
  text-align: left;
  color: #8c8c8c;
  width: 198px;
  font-size: 13px;
  border-bottom: 1px #eeeeee solid;
}

.image-squares .tooltip-body {
  margin: 5px;
}

  .image-squares .tooltip-body img {
    border: 0px #fff;
    width: 190px;
  }

.giftcard {
  margin: 0 0 20px;
  overflow: hidden;
  clear: both;
}

  .giftcard div {
    margin: 0 0 20px;
  }

  .giftcard label {
    display: block;
    margin: 0 0 5px;
  }

  .giftcard input,
  .giftcard textarea {
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-radius: 3px;
  }

  .giftcard textarea {
    height: 150px;
    line-height: 1.5;
  }

.grouped-product-box {
  margin-bottom: 40px;
}

  .grouped-product-box label {
    display: none;
    margin: 0 0 15px;
    color: #787878;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
  }

.grouped-btn {
  display: block;
  max-width: 320px;
  height: 45px;
  line-height: 45px;
  margin: 0 auto;
  padding: 0 15px;
  text-align: center;
  background-color: #f1f1f1;
  border-radius: 3px;
  font-size: 13px;
  color: #8c8c8c;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: bold;
  transition: all 0.2s ease;
}

  .grouped-btn:before {
    content: "\4b";
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
    font-size: 12px;
    color: #8e8e8e;
    text-transform: none;
    transition: all 0.2s ease;
  }

  .grouped-btn:hover {
    background-color: #eebe00;
    color: #fff;
  }

    .grouped-btn:hover:before {
      color: #fff;
    }

  .grouped-btn span {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
  }

  .grouped-btn strong {
    display: inline-block;
    vertical-align: top;
  }

.tier-prices {
  margin: 20px 0 30px;
  font-size: 15px;
  color: #8c8c8c;
}

  .tier-prices .title {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #444444;
  }

  .tier-prices .prices-table {
    border: 1px solid #e7e7e7;
    overflow: hidden;
    border-radius: 3px;
  }

  .tier-prices .prices-row {
    float: left;
    width: 50%;
  }

    .tier-prices .prices-row > div {
      padding: 10px;
    }

  .tier-prices .item-price {
    color: #97c300;
  }

  .tier-prices .tbody {
    border-left: 1px solid #e7e7e7;
  }

.customer-entered-price {
  margin: 30px 0;
  overflow: hidden;
  padding: 10px;
}

  .customer-entered-price .price-input {
    margin-bottom: 5px;
  }

    .customer-entered-price .price-input label {
      display: block;
      font-size: 15px;
      margin: 0 0 5px;
      font-weight: bold;
      color: #444444;
    }

  .customer-entered-price .enter-price-input {
    border-radius: 3px;
    height: 45px;
    width: 150px;
    text-align: center;
  }

  .customer-entered-price .price-range {
    color: #8c8c8c;
  }


.myralis_aproveite_leve .details {
  max-width: 200px;
}

.myralis-body-shipping .page-title {
  text-align: left;
}

#myralis-modal-SucessAdded {
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100vw; /* Full width */
  height: 100vh; /* Full height */
  /*overflow: auto;*/ /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

#myralis-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 2050; /* Sit on top */
  left: 0;
  top: 0;
  width: 100vw; /* Full width */
  height: 100vh; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}



.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  border-radius: 10px;
  width: 64.4%;
}

.modal-content-delete {
  background-color: #fefefe;
  margin: 5% auto;
  padding: 20px;
  border: 1px solid #888;
  border-radius: 10px;
  width: 500px;
}

.modal-content-update {
  background-color: #fefefe;
  margin: 5% auto;
  padding: 20px;
  border: 1px solid #888;
  border-radius: 10px;
  width: 700px;
}


.myralis-subtitle-deletemodal {
  margin-top: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--myracolors-14);
  text-align: left;
  margin-left: 11px;
}

.myralis-step2-update-address-modal-title {
  color: var(--myracolors-2);
  text-align: center;
  font-family: var(--myralis-font-family);
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.modal-content-changeAddress {
  background-color: #fefefe;
  margin: 8% auto;
  padding: 20px;
  border: 1px solid #888;
  border-radius: 10px;
  width: 600px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.myralis-span-error {
  display: block;
  margin: 2px 0 0;
  font-size: 14px;
  color: var(--error);
  font-weight: 500;
  text-align: left;
  white-space: normal;
  height: auto;
}

.myralis-endereco-select {
  height: 368px;
  overflow-y: auto;
}

.myralis-subtitle-changeAddress {
  margin-top: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--myracolors-14);
  text-align: left;
  margin-left: 11px;
}

.modal-content-newAddress {
  background-color: #fefefe;
  margin: 8% auto;
  padding: 20px;
  border: 1px solid #888;
  border-radius: 10px;
  width: 700px;
}

.myralis-subtitle-newAddress {
  margin-top: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--myracolors-14);
  text-align: left;
  margin-left: 11px;
}

.modal-content-updateAddress {
  background-color: #fefefe;
  margin: 8% auto;
  padding: 20px;
  border: 1px solid #888;
  border-radius: 10px;
  width: 600px;
}

.myralis-subtitle-changeAddress {
  margin-top: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--myracolors-14);
  text-align: left;
  margin-left: 11px;
}

.myralis-infos-address-modal {
  height: 148px;
  border: solid;
  background: #ffffff;
  border: 1px solid #ced4da;
  border-radius: 16px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
}

.myralis-delete-modal-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.myralis-delete-address-step2 {
  display: none;
}

.myralis-step2-changeaddress-btns .button-base:disabled, .button-base:disabled:hover {
  background: unset;
}

#myralis-modal-updateAddress {
  display: none; /* Esconde a modal por padrão */
  position: fixed; /* Fixa a posição na tela */
  z-index: 1000; /* Garante que a modal fique acima de outros elementos */
  left: 0;
  top: 0;
  width: 100%; /* Largura total */
  height: 100%; /* Altura total */
  overflow: auto; /* Permite rolagem se o conteúdo for maior que a tela */
  background-color: rgba(0,0,0,0.4); /* Fundo semi-transparente */
}

.modal-content-updateAddress {
  background-color: #fefefe;
  margin: 15% auto; /* 15% do topo e centralizado horizontalmente */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Pode ajustar conforme necessário */
  max-width: 500px; /* Largura máxima */
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

/* Estilo para o botão de fechar */
.close-modal {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}


@media (max-width: 779px) {
  .close-modal {
    margin-left: 85% !important;
  }
}

/* The Close Button */
.close-modal {
  color: #aaa;
  margin-left: 95%;
  font-size: 28px;
  font-weight: bold;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#myralis-pen-icon {
  position: absolute;
  margin-top: 10px;
  margin-left: 10px;
}

.myrlais-reduce-add-item-cart-button {
  width: 29px;
  height: 29px;
  left: 78px;
  top: 0.5px;
  background: #f2f2f2;
  border: 1px solid #cccccc;
  border-radius: 4px;
  display: flex;
  display: -webkit-flex; /* Garante compatibilidade com navegador Safari. */
  justify-content: center;
  align-items: center;
}

  .myrlais-reduce-add-item-cart-button:hover {
    cursor: pointer;
  }

.myralis-quantity-label-span {
  display: none;
}

.remove-btn:hover {
  width: 25px;
  height: 25px;
}

.myrlais-reduce-add-item-cart-button:hover {
  width: 29px;
  height: 29px;
  left: 78px;
  top: 0.5px;
  background: var(--myracolors-7);
  border: 1px solid var(--myracolors-7);
  border-radius: 4px;
  display: flex;
  display: -webkit-flex; /* Garante compatibilidade com navegador Safari. */
  justify-content: center;
  align-items: center;
}

.sale-item a.button-base.button-primary.transform-uppercase.go-to-product-page span {
  color: var(--text-primary) !important;
}

.myralis-numero-bairro-area {
  display: flex;
}

.myralis-btn-vencimento {
  background-color: var(--myracolors-buy-btn) !important;
}

  .myralis-btn-vencimento:hover {
    background-color: var(--myracolors-hover-1) !important;
  }

  .myralis-btn-vencimento span {
    color: var(--text-primary) !important;
  }

button.button-base.button-primary.transform-none.myralis-suasaude-button-sub {
  background-color: var(--myracolors-buy-btn);
  width: 90px;
}

  button.button-base.button-primary.transform-none.myralis-suasaude-button-sub span {
    color: var(--text-primary);
  }

#myralis-copypaste button.button-base.button-primary.orange.transform-none {
  background-color: var(--myracolors-1);
}

  #myralis-copypaste button.button-base.button-primary.orange.transform-none span {
    color: #fff;
  }

button#pix-mobile {
  background-color: var(--myracolors-1);
}

  button#pix-mobile span {
    color: white;
  }

.myralis-minus {
  top: auto;
  bottom: 0;
}

.myralis-product-revenue-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 8px;
  background-color: #dc3545;
  color: white;
  border-radius: 8px;
  font-size: 12px;
  margin-top: 5px;
}

.myralis-infos-order-pagamento {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: var(--myracolors-14);
}

.myralis-metodo-pagamento-area {
  margin-top: 16px;
}

.messagePagamento {
  padding: 24px;
  background-color: #ffffff;
  font-size: 16px;
  color: #28a745;
  border: 1px solid #28a745;
  margin: 24px;
  align-items: center;
  display: none;
}

.messagePagamentoPix {
  padding: 12px;
  border-radius: 4px;
  gap: 10px;
  border: 1px solid var(--myracolors-6);
  position: relative;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: justify;
  margin-bottom: 24px;
  align-items: center;
  display: none;
  color: var(--text-default);
}

.myralis-messageErroSelectPayment {
  padding: 6px;
  background-color: #fff;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: var(--myracolors-primary);
  border-radius: 4px;
  border: 1px solid var(--myracolors-6);
  align-items: center;
  display: none;
}

.myralis-frete-infos-step3 span {
  color: var( --myracolors-11);
  /* Barlow/12px regular */
  font-family: var(--myralis-font-family-secondary);
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal !important;
}


div#messageErroSelect {
  background-color: var(--myracolors-bg-5);
  border: unset;
  margin-top: 24px;
}

.myralis-messageErroSelectPayment p {
  text-align: center;
  color: var(--myracolors-alert-text);
}

.dadosCartao {
  padding: 32px;
  background-color: #ffffff;
  font-size: 16px;
  align-items: center;
  display: none;
  /* text-align: end; */
  border-radius: 16px;
}

.myralis-align-inputs-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/*#SelectBandeira,
#opcaoParcelaPagamento {
  width: 276.5px;
  height: 36px;
}
*/


/*.myralis-form-card {
  margin: 16px;
}*/

.btnTrocarPagamento {
  border-radius: 12px;
  height: 24px;
  margin: 0;
  margin-left: auto;
}

.myralis-infos-right {
  margin-left: 5px;
}

.myralis-items-frete {
  align-items: center;
  display: flex;
}



#myralis-icon-close {
  max-width: none;
  width: 15px;
  cursor: pointer;
}





.html-product-details-page #myralis-calculate-btn span {
  font-size: 12px
}

.deals.deals-frete {
  margin-top: 28px;
}

.title-vouchers-discount {
  width: 100%;
}



.input-shipping-nome {
  display: grid;
  width: 45%;
}

.input-shipping-bairro {
  width: 88%;
}

.input-shipping-city {
  width: 100%;
}

.myralis-principal-shipping-area {
  margin: auto;
  display: flex;
}


.myralis-mini-address-select {
  width: 100%;
  background: white;
  border-radius: 16px;
  padding: 16px 24px;
  gap: 24px;
  border: 1px solid #ced4da;
  margin-top: 36px;
}

.myralis-confirm-order-btn {
  width: 100%;
  height: 36px;
}

.myralis-new-h1 {
  color: var(--el-text-alternative);
  padding-bottom: 42px;
  font-size: 24px;
}

.myralis-new-h2 {
  color: var(--text-primary);
  font-family: var(--myralis-font-family);
  font-size: 24px;
}

.myralis-newaddress-shipping-h1 {
  font-size: 24px;
}

.myralis-new-address {
  padding: 6px 12px;
  width: 100%;
  margin-top: 18px;
  background-color: var(--myralis-white);
  border: 1px solid var(--myracolors-2);
}

.myralis-customer-register-nome {
  margin-top: 40px;
}

.myralis-updatearea-address button.myralis-update-address {
  margin-left: 15px;
}

.myralis-address-buttons {
  margin-top: 16px;
  min-width: 310px;
  display: flex;
  padding: 0 8px;
  justify-content: space-between;
}

  .myralis-address-buttons .button-base {
    min-width: 120px;
  }

.myralis-address-custumerName-area {
  margin-top: 24px;
}

.myralis-address-customerName {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: var(--text-primary);
}

.myralis-address-area {
  margin: 12px 8px;
}

.modal-content-delete .myralis-address-area {
  margin: 16px 42px;
}


.myralis-address-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* or 150% */
  /* Global/08. Dark */

  color: var(--myracolors-14);
}

.myralis-update-address {
  padding: 6px 12px;
  width: 144px;
  margin-right: 15px;
}

.myralis-delete-address {
  padding: 6px 12px;
  width: 144px;
}

.myralis-update-address-inputs {
  display: none;
}

.myralis-transportadora .item-box .btn-wrapper button:hover,
.select input[type="checkbox"]:checked + label,
.select-boxes input[type="checkbox"]:checked + label,
.two-row-carousels .slick-arrow:hover,
.home-page-polls .answer input[type="radio"]:checked + label:before,
.answer input[type="radio"]:checked + label:before,
.pager li a:hover,
.pager li span,
.pager li.previous-page a:hover,
.pager li.next-page a:hover,
.pager li.first-page a:hover,
.pager li.last-page a:hover,
.ui-datepicker-header,
.ui-datepicker-calendar a.ui-state-active:hover,
.ui-datepicker-calendar a.ui-state-active,
.opc .selector input[type="checkbox"]:checked ~ label:before,
.forum-search-box.search-box .search-box-button:hover,
.ico-wishlist .wishlist-qty,
.selected-options-list > li span,
.header-menu .close-menu,
.mobile-flyout-wrapper .close-side-menu,
.header-menu ul li.back-button,
.avatar-page .upload-image.valid + label,
.ui-slider-range,
.filters-button,
.quick-view-button a:hover,
.blog-search-box .search-box-button:hover,
.sale-of-the-day-offer .timer-info-box,
.spc-products .slick-arrow:hover,
.nivo-directionNav a:hover,
.anywhere-slider .slick-arrow:hover,
.theme-roller .open-button,
.product-filters .ui-slider-range,
.buttons .k-button {
  background-color: var(--myracolors-10) !important;
  color: var(--text-primary);
}

.myralis-updatearea-address {
  display: flex;
  min-width: 264px;
  justify-content: space-between;
}

  .myralis-updatearea-address .button-base {
    min-width: 120px;
  }

    .myralis-updatearea-address .button-base span {
      font-weight: 400px;
    }

.myralis-city-estado-div {
  margin: auto;
  display: flex;
  /* margin-left: 40%; */
  width: 49%;
  margin-left: 20px;
}

.myralis-cep-div {
  width: 49%;
}

.myralis-add-endereco .inputs input[type="text"],
.inputs input[type="password"],
.inputs input[type="email"],
.inputs input[type="tel"],
.inputs select,
.inputs textarea {
  color: var(--text-default-2);
  border-radius: 4px;
  vertical-align: middle;
  width: 100%;
}

.myralis-customer-register-nome {
  width: 100%;
}

.registration-page .myralis-newsletter {
  height: 10px !important;
  padding: 0 !important;
  margin: 16px 0 0 0 !important;
}

.registration-page .myralis-customer-register-privacidade {
  margin-top: 20px;
  height: 12px !important;
  padding: 0 !important;
}

.registration-page .myralis-customer-dateofbirth {
  /*height: 10px !important;*/
  width: 95%;
  float: left;
}

.myralis-register-zipcode {
  margin-top: 40px;
}



.registration-page-title-strong {
  font-family: var(--myralis-font-family);
  font-size: 16px;
}



/* #region PIX */
.myralis-pix-email-area {
  display: contents;
}

.myralis-pix-not-paid {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  width: 380px;
}

.myralis-pix-copy-cola-area {
  display: none;
}

.myralis-pix-copy-cola-area {
  display: flex;
  width: 66%;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.myralis-copy-cola {
  font-size: 14px;
}

.myralis-status-copypix-button {
  width: 84%;
  background: var(--myracolors-fg-1);
  border-radius: 4px;
  border-style: none;
  font-weight: 700;
  color: var(--el-text-alternative);
  margin-bottom: 15px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px 12px;
  height: 36px;
  margin-top: 14px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
}

.category-page-body .products-wrapper {
  display: flex;
  flex-direction: column;
  margin-left: 25px;
}

th.myralis-brinde-grid-title.myralis-brinde-title-grid {
  color: var(--myracolors-2);
  font-family: var(--myralis-font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 24px;
}

.manufacturer-page-body .products-wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
  margin-left: 25px;
}

.category-page-body .pager {
  width: 100%;
}

.category-page .product-grid {
  margin-bottom: 32px !important;
}

.category-page .pager {
  margin-top: 0;
}

.myralis-banner-page-category {
  margin-left: 27px;
}

.manufacturer-page-body .pager {
  width: 100%;
}

.myralis-category-description-area {
}

.myralis-category-title {
  margin-bottom: 4px;
}

  .myralis-category-title.slider-wrapper {
    min-height: 30px;
  }

.search-page-body .myralis-banner-after-title {
  display: none;
}

.search-page-body .myralis-category-title.slider-wrapper {
  display: none;
}

.category-page-body .myralis-newsletter-footer.master-wrapper-content {
  padding: 0px 6vw !important;
}

.myralis-category-description-area h2 {
  text-align: justify !important;
  font-family: var(--myralis-font-family) !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
  margin-bottom: 20px !important;
  color: var(--text-default) !important;
  margin-top: 20px;
}

.myralis-category-description-area p {
  color: var(--text-default) !important;
  text-align: justify;
  font-family: var(--myralis-font-family-secondary) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.myralis-category-title h1 {
  color: var(--text-default) !important;
  font-family: var(--myralis-font-family) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

@media screen and (min-width: 1025px) and (max-width: 4260px) {

  .category-page-body .breadcrumb {
    position: absolute;
    left: 5%;
  }

  .manufacturer-page-body .breadcrumb {
    position: absolute;
    left: 5%;
  }

  .payments-card {
    max-width: 62%;
  }

  .box-pix {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
}


@media screen and (min-width: 100px) and (max-width: 426px) {
  .myralis-pix-not-paid {
    width: 300px;
  }
}

@media screen and (min-width: 100px) and (max-width: 321px) {

  .myralis-pix-not-paid {
    width: 250px;
  }

  .myralis-status-copypix-button {
    font-size: 12px;
  }
}

/* #endregion PIX */

.myralis-link-termoservico {
  text-decoration: var(--myracolors-bg-2);
  text-decoration-line: underline;
  color: var(--myracolors-bg-2);
  text-underline-offset: 2px;
}

.myralis-span-erros-input-cartao {
  text-align: center;
  color: red;
}



.myralis-pay-with {
  text-align: initial;
}

#myralis-input-cep::placeholder {
  color: #cccccc;
}

/*.myralis-card-inputs {
  display: flex;
  align-items: flex-end;
  justify-content: end;
  flex-direction: column;
  width: 591px;
  margin: 0 16px;
}*/

.myralis-error-cards-input {
  color: var(--error);
  font-size: 14px;
  font-weight: 400;
  display: block;
  text-align: center;
  width: 891px;
  margin-top: 3px;
}


/*.myralis-align-inputs-card {
  display: flex;
  align-items: center;
}*/

.myralis-card-div-adyen {
  height: auto;
  border: solid;
  height: 40px;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  /*  width: 276.5px;*/
}

.myralis-inputs-card-1 {
  width: 48%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.myralis-namecard-area.myralis-form-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.myralis-parcela-area.myralis-form-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.myralis-adyen-expirydate-area {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.myralis-inputs-card-2 {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.myralis-inputs-card-area {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 16px;
}

.payment-method-page button#myralis-confirm-order-btn {
  margin-bottom: 0;
}

.myralis-body-shipping button#myralis-confirm-order-btn {
  display: none;
}

.view-more-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

button.view-more-btn.button-base.button-secondary {
  width: 306px;
  padding: 6px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--text-primary);
  border: 1px solid var(--myracolors-2);
  font-family: var(--myralis-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.myralis-payment-area .button-base span {
  color: var(--text-default-2);
  font-weight: 500;
  font-family: var(--myralis-font-family);
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
}

.myralis-suasaude-porquinho-area-desk td {
  padding-bottom: unset;
}

span.myralis-step3-oldprice {
  color: var(--myracolors-11);
  text-align: center;
  font-family: var(--myralis-font-family-secondary);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: line-through;
  margin-left: -8px;
}

.step3-brinde-table {
  margin-top: 30px;
}

span.myralis-step3-price {
  color: var(--text-default-2);
  font-family: var(--myralis-font-family-secondary);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

span.myralis-entrega-step3-title {
  color: var(--text-default-2);
  font-family: var(--myralis-font-family-secondary);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left: 10px;
}

.myralis-infos-address-step3 {
  display: flex;
  gap: 5px;
}

.myralis-infos-products-step3 {
  display: flex;
  gap: 5px;
}

.myralis-infos-step3 {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.checkout-pages-body .myralis-newsletter-footer {
  display: none;
}

.checkout-pages-body .footer {
}

.checkout-pages-body .footer-upper, .checkout-pages-body .footer-middle, .checkout-pages-body span.myralis-principais-marcas,
.checkout-pages-body .nop-jcarousel.manufacturer-grid, .checkout-pages-body .info, .checkout-pages-body .footer-disclaimer {
  display: none;
}

.myralis-flagcard-area.myralis-form-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/*.myralis-adyen-expirydate-area {
  display: flex;
  justify-content: flex-end;
  margin: 16px;
  align-items: center;
  margin-bottom: 3px;
  width: 591px;
}*/

/*.myralis-adyen-cvccode-area {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 16px;
  margin-bottom: 0px;
  width: 591px;
}*/


.myralis-area-card-inputs {
}

iframe.js-iframe {
  height: 50px !important;
}

span.myralis-cardnumber-area.myralis-form-card {
  margin: 5px;
}



.myralis-div-register {
  width: 49%;
  margin-left: 1%;
}

  .myralis-div-register label {
    display: inline-block;
    max-width: calc(100% - 10px);
    width: auto;
    font-size: 16px;
    margin: 0 0 8px;
    color: var(--text-default);
    text-align: left;
    white-space: normal;
  }

.myralis-register-FullArea .inputs {
  padding-bottom: 0px !important;
}

.myralis-register-FullArea {
  margin-top: 15px;
}

.myralis-div-register {
  text-align: left;
  padding: 1px 10px;
}

.myralis-RegisterArea {
  padding: 14px;
}

.myralis-RegisterArea {
  display: inline-flex;
  width: 100%;
}

.myralis-frete-withoutDiscount {
  font-size: 14px;
  margin: 3px;
  text-decoration: line-through;
  color: #A0A0A7;
}

.myralis-shipping-info {
  text-align: center;
  color: var(--myracolors-11);
  text-align: center;
  font-family: var(--myralis-font-family-secondary);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: none;
}

span.myralis-priceold-td {
  color: #A0A0A7;
  font-weight: 500;
  text-decoration: line-through;
  margin-right: 4px;
}

.myralis-transportadora-select {
  padding: 24px 38px;
  gap: 8px;
  background: #ffffff;
  border: 1px solid #ced4da;
  border-radius: 8px;
  margin-left: 30px;
  margin-top: 24px;
  width: 70%;
  float: left;
}

.myralis-forma-de-envio-title {
  justify-content: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: var(--el-text-alternative);
  display: flex;
  margin-bottom: 26px;
}

.myralis-shippingoptions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 6px 12px;
  gap: 2px;
  width: 738px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #CED4DA;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #343A40;
}



.myralis-option-name-value {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: column;
}

.myralis-step2-selected label.desktop {
  display: flex;
  align-items: center;
  justify-content: start;
  justify-content: space-between;
  gap: 18px;
}

.myralis-full-options input[type="radio"] + label:before {
  width: 25px;
  height: 25px;
}

.myralis-shippingoptions-area-mobile {
  display: flex !important;
}

.myralis-shippingoptions-area-desktop {
  display: none !important;
}

.myralis-shippingoptions-area-desktop {
  width: 100%;
}

.myralis-shippingoptions-area-mobile {
  display: none;
}



.myralis-table-shipping tr:first-child {
  border-style: hidden;
}

td.myralis-td {
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: var(--text-default-2);
}

tr.myralis-tr-shipping {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--text-default-2);
}

tr.myralis-tr-infos-shipping {
  text-align: center;
}

.myralis-table-shipping td {
  padding: 8px 0px;
  gap: 16px;
  width: 783px;
  background: #ffffff;
  border-bottom: 1px solid #ced4da;
  font-size: 16px;
}

.myralis-table-shipping tr:nth-last-child(-n + 2) {
  border-bottom: hidden;
}

.myralis-select-shipping-btn {
  width: 300px;
  float: right;
  background: white;
  border: 1px solid #cccccc;
  border-radius: 8px;
  margin-top: 24px;
  padding: 24px 16px;
}

.myralis-options-full {
  width: 100%;
}

.myralis-transitdays {
  font-weight: 400;
  color: var(--text-default-2);
}

.myralis-select-shipping-btn .buttons {
  text-align: right;
  margin-top: 36px;
}

.myralis-paymentsteep-btn {
  padding: 6px 12px;
  width: 267px;
}

.myralis-transportadora .link-rss:hover:before,
.field-validation-valid,
.username-available-status,
.data-table a,
.compare-products-table a,
.forums-table-section a,
.cart .product a:hover,
.data-table .product a:hover,
.compare-products-table .product a:hover,
.forums-table-section .product a:hover,
.cart .edit-item a,
.data-table .edit-item a,
.compare-products-table .edit-item a,
.forums-table-section .edit-item a,
.mini-shopping-cart .count a:hover,
.mini-shopping-cart .price,
.mini-shopping-cart .totals strong,
.login-form-in-header .inputs input:focus + .inputs-icons,
.footer-block a:hover,
.social-sharing a:hover:before,
.footer-block .title:before,
.footer-block .title:after,
.block .title:before,
.block .list li.active > a,
.block .list a:hover,
.block .tags li a:hover,
.product-tags-all-page li a:hover,
.poll > strong,
.block .answer label:hover,
.item-box .actual-price,
.item-box .tax-shipping-info a,
.vendor-item:hover .title a,
.manufacturer-item:hover .title a,
.category-grid .item-box:hover .title a,
.product-review-links a:hover,
.product-no-reviews a:hover,
.compare-products .add-to-compare-list-button:hover,
.compare-products .add-to-compare-list-button:hover:before,
.back-in-stock-subscription:hover:before,
.overview .additional-details div .value a,
.variant-overview .additional-details div .value a,
.download-sample a,
.email-a-friend:hover:before,
.tier-prices .item-price,
.product-tags-list a,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .submitReviewResult,
.wishlist-page .share-info a,
.compare-products-mobile .price .item span,
.email-a-friend-page .title a,
.accept-privacy-policy .read,
.account-page .button-2.return-items-button:hover,
.account-page .button-2.return-items-button:hover:before,
.terms-of-service .read,
.cart-collaterals > div > .title:hover,
.cart-collaterals > div > .title:before,
.cart-collaterals .message-success,
.checkout-page .add-button .btn-holder.open:before,
.order-completed .order-number,
.opc > li.allow:not(.active) .step-title:after,
.opc > li.active .step-title .number,
.opc > li.active .step-title .title,
.order-details-page .order-overview .order-number,
.sitemap-page a,
.post-date,
.news-date,
.post-navigation a:before,
.post-navigation a:after,
.back-to-all-button:hover,
.back-to-all-button:hover:before,
.blog-page .tags li,
.blogpost-page .tags a,
.read-comments:hover,
.read-comments:hover:before,
.new-comment .result,
.news-list-homepage .view-all a,
.news-list-homepage .view-all a:after,
.current-time,
.forum-search-box .advanced > a:hover,
.forum-table a:hover,
.topic-post .pm-button:before,
.topic-post .post-vote > .vote.up:hover:before,
.topic-post .post-vote > .vote.down:hover:before,
.compare-products-table .product-price td,
.category-navigation-list-wrapper ul li:hover > a,
.category-navigation-list-wrapper ul li:hover > span,
.category-navigation-list-wrapper ul li:hover > a:after,
.block.block-recently-viewed-products .list a:hover,
.block-account-navigation.block .list a:hover,
.block-account-navigation.block .list a:hover:after,
.block-account-navigation.block .list a.active,
.block-account-navigation.block .list a.active:after,
.header-selectors-wrapper > div input[type="radio"]:checked + label,
.ajaxCart .k-window-titlebar.k-header .k-window-actions .k-icon:hover:before,
.productAddedToCartWindowDescription strong,
.clearFilterOptionsAll:hover,
.filter-block .toggleControl:before,
.filter-block a.clearFilterOptions:hover:before,
.filter-block a.clearPriceRangeFilter:hover:before,
.picture-thumbs .slick-prev:hover:before,
.picture-thumbs .slick-next:hover:before,
.home-page
.jCarouselMainWrapper.small-products
.nop-jcarousel
.carousel-title:before,
.mega-menu .sublist li:hover > a,
.category-navigation-list .dropdown .box .title a,
.category-navigation-list .dropdown .box .subcategory-item a:hover,
.mega-menu .manufacturers .box:hover .title,
.mega-menu .vendors .box:hover .title,
.previous-product a:before,
.next-product a:before,
.quickView .k-window-titlebar.k-header .k-window-actions a:hover:before,
.quickViewWindow #accordion > h3 span:before,
.quickViewWindow .product-variant .product-price,
.ropc .section .title:after,
.ropc .coupon-box-panel .message-success,
.ropc .giftcard-box-panel .message-success,
.ropc .cart-total .cart-total-row span,
.sale-of-the-day-offer .product-name a:hover,
.sale-of-the-day-offer .price.actual-price,
.sale-of-the-day-offer .slick-arrow:hover:before,
.rich-blog-homepage .view-all a,
.rich-blog-homepage .view-all a:after,
.blog-search-results .search-term-highlighter,
.share-post li a:hover:before,
.post-relations li a,
.spc-products .spc-header li:hover,
.spc-categories .navigation li:hover,
.spc-header li.active,
.spc-categories .navigation li.active,
.spc-categories .category-title,
.spc-categories .category-sublist a:hover,
.spc-categories .slick-prev:hover:before,
.spc-categories .slick-next:hover:before,
.advantages-item .title a:hover,
.scroll-back-button:before,
.inputs.accept-consent .read,
.product-filters .selected-price-range {
  color: var(--text-primary);
}

.myralis-product-text {
  font-family: var(--myralis-font-family);
  font-weight: 400;
  color: #878787;
  text-align: left;
  font-style: normal;
  line-height: 14px;
}

.product-prices-box .myralis-pay-with {
  display: none;
}

.compre2por1-kit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  border: 1px solid #ff5c00;
  border-radius: 0px 0px 8px 8px;
}

  .compre2por1-kit span {
    font-weight: 700;
    font-size: 10px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #ff5c00;
  }

.myralis-payment-title {
  font-size: 10px;
}

.myralis-saibaMais {
  font-weight: bold;
}

.myralis-saibaMais-area {
  padding: 10px;
}

.myralis-fidelity {
  color: white;
  display: flex;
  align-items: center;
  padding: 20px;
  height: 102px;
  background: var(--myracolors-fg-1);
  border-radius: 12px;
  flex-direction: column;
  margin: 30px;
}

button#myralis-register {
  width: 220px;
  height: 36px;
  border-radius: 8px;
  color: white;
  padding: 6px 12px;
  border: none;
  font-size: 16px;
}

.myralis-register-FullArea .inputs.accept-consent {
  display: contents;
}

.myralis-RegisterArea-button {
  margin-top: -20px;
}

.myralis_aproveite_leve .jCarouselMainWrapper:last-child .nop-jcarousel {
  margin: 0 !important;
  margin-top: 30px !important;
}

.overview .add-to-wishlist {
  display: inline-block;
  margin-left: 5px;
}

  .overview .add-to-wishlist button {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: none;
    border-radius: 0 0 8px 8px;
    font-weight: bold;
    color: #8c8c8c;
    font-size: 0;
    text-transform: uppercase;
    text-align: center;
    background-color: #f1f1f1;
    transition: all 0.1s ease;
  }

    .overview .add-to-wishlist button:hover {
      background-color: #eaeaea;
    }

    .overview .add-to-wishlist button:before {
      content: "\63";
      display: inline-block;
      vertical-align: bottom;
      color: #8c8c8c;
      font-size: 17px;
      text-transform: none;
      font-weight: normal;
    }

.myralis-confirm-password-page {
  padding: 0 135px;
  padding-bottom: 24px;
}

.myralis-eyeslash-login-password-img {
  display: none;
  top: -28px;
  width: 16px;
  height: 15px;
  position: relative;
}

.myralis-texto-descricao {
  margin-bottom: 16px;
  margin-top: 16px;
  font-weight: 500;
}

.pre-order-availability-date {
  display: block;
  margin-top: 10px;
  font-size: '14'px;
  color: #8c8c8c;
}

  .pre-order-availability-date label {
    vertical-align: top;
  }



.product-specs-box {
  padding: 10px 10px 30px;
}

  .product-specs-box thead {
    display: none;
  }

  .product-specs-box .spec-group-name {
    display: none !important;
  }

.product-details-page .related-products-grid,
.product-details-page .also-purchased-products-grid {
  margin-top: 32px;
}

.product-collateral .title {
  margin: 0 0 10px;
  letter-spacing: 2px;
  font-size: 15px;
  color: #444;
  font-weight: 700;
  text-transform: uppercase;
}

.product-tags-box .title,
.product-details-page .product-grid .title {
  font-family: var(--myralis-font-family);
  font-style: normal;
  font-weight: 700;
  font-size: 32px !important;
  line-height: 39px;
  color: var(--myracolors-14);
}


.attributes-wrapper {
  margin-bottom: 24px;
}

.product-variant-line .attributes-wrapper {
  border: none;
}

.product-tags-list {
  font-size: 0;
}

.product-tags-box {
  margin: 50px 0 85px;
}

  .product-tags-box:last-child {
    margin-bottom: 0;
  }

  .product-tags-box .title {
    margin-bottom: 20px;
  }

.product-tags-list li {
  display: inline-block;
  color: #8c8c8c;
  font-size: 16px; /*reset zeroing*/
}

  .product-tags-list li.separator {
    margin: 0 5px 0 3px;
  }

.product-tags-list a {
  display: inline-block;
  line-height: 24px;
  color: #97c300;
  transition: color 0.2s ease;
}

  .product-tags-list a:hover {
    color: #7c9a16;
  }

.product-collateral > div.product-variant-list {
  margin: 50px 0;
}

.product-variant-line {
  margin: 0 0 15px;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  padding: 30px 10px;
}

  .product-variant-line:after {
    content: "";
    display: block;
    clear: both;
  }

.variant-picture {
  position: relative;
  width: 100%;
  max-width: 330px;
  max-height: 330px;
  margin: 0 auto 15px;
  border-radius: 3px;
  overflow: hidden;
}

  .variant-picture img {
    max-width: 100%;
  }

.variant-overview {
  width: 100%;
}

  .variant-overview .variant-name {
    margin: 0 0 10px;
    font-size: 22px;
    color: #444444;
    font-weight: bold;
  }

  .variant-overview .variant-description {
    margin: 0 0 15px;
    line-height: 1.5;
    font-size: 15px;
    color: #8c8c8c;
  }

  .variant-overview .add-to-wishlist-button {
    display: block;
    float: none;
    clear: both;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    font-size: 0;
    border: none;
    background-color: #f2f2f2;
    border-radius: 3px;
    transition: all 0.1s ease;
  }

    .variant-overview .add-to-wishlist-button:before {
      display: block;
      content: "\63";
      font-size: 20px;
      color: #8e8e8e;
      transition: all 0.2s ease;
    }

    .variant-overview .add-to-wishlist-button:hover {
      background-color: #eaeaea;
    }

tr.odd > td.spec-name {
  background: rgba(109, 120, 196, 0.07);
  color: black;
}

tr.odd > td.spec-value {
  background: rgba(109, 120, 196, 0.07);
}

.ui-tabs {
  margin: 0 0 20px;
}

  .ui-tabs .ui-tabs-nav {
    overflow: hidden;
    text-align: center;
    background-color: white;
  }

    .ui-tabs .ui-tabs-nav li {
      display: inline-block;
      margin: 0 15px;
    }

      .ui-tabs .ui-tabs-nav li a {
        display: inline-block;
        padding: 15px;
        font-size: 15px;
        letter-spacing: 1px;
        font-weight: 700;
        color: #8c8c8c;
        border-bottom: 2px solid transparent;
        text-transform: uppercase;
        transition: all 0.1s ease;
      }

        .ui-tabs .ui-tabs-nav li a:hover {
          color: #434fa3;
        }

      .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
      .ui-tabs .ui-state-active.ui-tabs-active a {
        color: var(--myracolors-bg-2);
        border-bottom: 2px solid var(--myracolors-bg-2);
      }

.product-specs-box .table-wrapper col {
  width: 50%;
}

#quickTabs .productTabs-body {
  background: #fff;
  border-radius: 0 0 16px 16px;
}

.ui-tabs .ui-tabs-panel {
  margin: 0 -10px;
}

.ui-tabs .ui-tabs-hide {
  display: none;
}

/********** ESTIMATE SHIPPING **********/

.estimate-shipping-popup {
  position: relative;
  max-width: 800px;
  margin: auto;
  background-color: #fff;
  padding: 25px;
  transform: scale(0.8);
  transition: all 0.2s ease;
  opacity: 0;
}

  .estimate-shipping-popup strong {
    visibility: hidden;
    font-weight: 300;
    text-transform: uppercase;
    color: #222;
  }

.mfp-ready .estimate-shipping-popup {
  transform: scale(1);
  opacity: 1;
}

.mfp-removing .estimate-shipping-popup {
  transform: scale(0.8);
  opacity: 0;
}

.estimate-shipping-popup-zoom-in.mfp-removing {
  transition: all 0.3s ease;
  opacity: 0;
}



.mfp-container .address-item {
  display: block;
  width: auto;
  margin: 10px 0 0 !important;
  border: none;
  padding: 0;
}

  .mfp-container .address-item + div {
    padding: 0 0 0 15px;
  }

.estimate-shipping-address-control {
  width: 100%;
}

select.estimate-shipping-address-control {
  padding: 0 27px 0 20px;
  background: #fff url(../img/select-arrow-dark.svg) no-repeat right 10px center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.mfp-container .address-item .required {
  position: absolute;
  top: -6px;
  right: -9px;
}

.mfp-container .shipping-options {
  position: relative; /*preloader referrence*/
  margin: 10px 0 30px;
}

.mfp-container .shipping-header-item {
  align-self: flex-end;
  border: none !important;
  padding: 12px 5px !important;
  font-size: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mfp-container .shipping-options-body {
  display: table;
  table-layout: fixed;
  width: 100%;
  border: 1px solid #f0f0f0;
  border-collapse: collapse;
}

.mfp-container .shipping-option {
  display: table-row;
  font-size: 14px;
  cursor: pointer;
}

  .mfp-container .shipping-option.active {
    background-color: #f2f2f2;
  }

  .mfp-container .shipping-option > div {
    display: table-cell;
    border-top: 1px solid #f0f0f0;
    padding: 12px 11px 11px;
  }

.mfp-container .shipping-item {
  overflow: hidden;
  padding: 8px 0;
  overflow-wrap: break-word;
}

.apply-shipping-button-container {
  text-align: center;
}

.mfp-container .apply-shipping-button {
  min-width: 120px;
  border: none;
  height: 45px;
  padding: 0 25px;
  border-radius: 3px;
  background-color: #eebe00;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  transition: all 0.2s ease;
}

  .mfp-container .apply-shipping-button:hover {
    background-color: #e8af00;
  }

.mfp-container .no-shipping-options {
  padding: 30px 15px;
  text-align: center;
}

.mfp-container .message-failure {
  margin: 10px 0 -5px;
}

#myralis-step1-brindetable-mobile td.subtotal {
  padding: 24px;
}

.myralis-brinde-title {
  /* width: 848px; */
  height: 48px;
  background: var(--myracolors-fg-1);
  border-radius: 16px 16px 0px 0px;
  display: flex;
  align-items: center;
  color: var(--el-text-primary);
  padding: 20px;
  font-size: 16px;
  line-height: 19px;
  font-weight: bold;
  margin-top: 12px;
}

tr.myralis-brinde-tr {
  height: 108px;
  background: white;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #cccccc;
  border-radius: 10px !important;
}

#myralis-brinde-table {
  border-collapse: separate;
  border-spacing: 0;
}


.myralis-brinde-tr td {
  border-bottom: 1px solid;
  border-color: #cccccc;
}

  .myralis-brinde-tr td:first-child {
    border-left: 1px solid;
    border-color: #cccccc;
  }

  .myralis-brinde-tr td:last-child {
    border-right: 1px solid;
    border-color: #cccccc;
  }

.myralis-brinde-tr:last-child td:last-child {
  border-bottom-right-radius: 15px;
  border-width: 1px 1px 1px 1px;
  border-bottom: 1px solid;
  border-right: 1px solid;
  border-color: #cccccc;
}

.myralis-brinde-tr:last-child td:first-child {
  border-bottom-left-radius: 15px;
  border-width: 1px 1px 1px 1px;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-color: #cccccc;
}

.myralis-brinde-name {
  font-size: 15px;
  color: var(--myracolors-bg-2);
}

.myralis-quantidade-brinde input {
  margin-left: 2px;
  margin-right: 2px;
  width: 35px;
  height: 29px;
  color: #444;
  text-align: center;
}

.myralis-buttons-quantity-items {
  display: flex;
  justify-content: center;
  align-items: center;
}

.myralis-brinde-price {
  display: inline-block;
  color: var(--myracolors-bg-2);
  white-space: nowrap;
  font-weight: 700;
  font-size: 15px;
}

.myralis-quantidade-brinde {
  display: flex;
  justify-content: center;
}

.myralis-brindemobilegrid-td {
  height: 60px;
  background-color: #fff;
}

.myralis-payment-method .no-data {
  display: none;
}

.common-buttons {
  margin-top: 24px;
}

.myralis-item-remove:hover {
  transition: 0.2s ease;
  transform: rotate(30deg);
  cursor: pointer;
  /*transform-origin: left top 0;
  -webkit-transform: rotate(90deg);*/
}

.myralis-saleoftheday-viewed .slick-track {
  padding: 9px;
}


@media all and (min-width: 1279px) {
  .myralis-products-viewed .slick-track {
    height: 162px;
  }
}

@media all and (min-width: 1280px) {

  /*SALES OF THE DAY CARD */

  .sale-of-the-day-offer {
    margin-top: 56px !important;
  }

  .myralis-saleoftheday-viewed .prices {
    display: flex;
    flex-direction: column;
  }

  .myralis-saleoftheday-viewed a.button-base.go-to-product-page {
    width: 240px;
    display: flex;
    height: 40px;
    background: var(--myracolors-buy-btn);
    border-radius: 8px;
    color: var(--text-primary);
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
  }

  .myralis-saleoftheday-viewed .button-1 {
    font-size: 16px;
    /*float: right;*/
    margin-left: auto;
    margin-right: auto;
  }

  .myralis-saleoftheday-viewed span.price.actual-price {
    font-size: 32px !important;
    color: var(--myracolors-2) !important;
    font-family: 'Barlow';
  }

  .grid.owl-carousel.owl-theme.owl-loaded.initialized {
    height: 458px;
  }

  .item-picture img {
    padding: 80px;
  }

  .sale-of-the-day-offer .item-gallery .item-picture a img {
    bottom: 250px !important;
  }

  .myralis-promocao-salesoftheday {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 12px 12px 16px;
    gap: 10px;
    height: 42px;
    background: #ff5c00;
    border-radius: 0px 0px 16px 16px;
    color: white;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    position: absolute;
    right: 0;
    width: 100%;
  }

  .myralis-products-viewed {
    margin: 0 -6vw 60px;
  }

    .myralis-products-viewed .jCarouselMainWrapper .slick-next,
    .jCarouselMainWrapper .slick-prev {
      top: 28%;
    }
}

span.myralis-emailname {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  direction: ltr;
}

.myralis-top-category-home .category-item .title a {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

/*MYRALIS VIEWED PRODUCTS LAST VIEWED*/


.myralis-products-viewed .slick-carousel .item-box {
  border-radius: 20px !important;
  width: 95% !important;
}

.myralis-products-viewed .myralis-text-cada-por-area {
  display: none;
}

.myralis-products-viewed .item-box div.product-item {
  display: flex;
}

  .myralis-products-viewed .item-box div.product-item > div:first-child {
    min-width: 83px;
    width: auto;
  }


.myralis-products-viewed .myralis-tag-promocao.myralis-sua-saude-cardtag {
  font-size: 13px;
}

.myralis-products-viewed img.picture-img {
  padding: 16px;
  height: 160px;
  width: auto;
  object-fit: cover;
}

.myralis-products-viewed .item-box .product-rating-box {
  margin-top: 8px;
  margin-bottom: 4px;
}

.myralis-products-viewed div.product-ribbon {
  margin-top: unset !important;
}

.home-page
.jCarouselMainWrapper.small-products
.nop-jcarousel
.carousel-title:before {
  content: url(../TimeCircle.svg);
}

.myralis-products-viewed div#myralis-ribbon {
  height: 49px !important;
  width: 48px !important;
  font-size: 12px;
}

.myralis-products-viewed .product-ribbon.sale-ribbon {
  width: 40px !important;
  height: 40px !important;
}

.myralis-products-viewed label.ribbon-text {
  line-height: 40px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.home-page
.jCarouselMainWrapper.small-products
.nop-jcarousel
.carousel-title:before {
  content: url(../TimeCircle.svg);
}

.myralis-products-viewed a.myralis-short-item-name {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  font-size: 16px !important;
  min-height: 28px;
}

.myralis-products-viewed .item-box .actual-price {
  color: var(--text-primary);
}

@media all and (max-width: 632px) {
  .myralis-homepage-products .slick-list {
    height: unset !important;
  }
}




@media screen and (min-width: 1052px) and (max-width: 1280px) {

  .myralis-products-viewed .item-box .product-rating-box {
    margin-top: unset;
    margin-bottom: 12px;
  }

  .myralis-products-viewed .small-products .item-box .prices {
    gap: unset;
    /* width: 141px; */
  }
}


@media all and (max-width: 1279px) {

  .products-wrapper {
    display: unset;
    flex-direction: unset;
    align-items: unset;
    margin-left: 0px;
  }


  /*MINHA CONTA*/
  .myralis-toggle-area {
    display: flex;
    gap: 21px;
    align-items: center;
    justify-content: center;
    word-break: break-word;
  }

  /*PRODUCT DETAILS*/

  /*Aproveite e Leve Carrousel*/
  .myralis_aproveite_levespan.price.old-price {
    margin-top: 5px;
  }

  .myralis_aproveite_leve span.price.actual-price {
    display: flex !important;
    align-items: center !important;
  }

  /* #region Carrousel + CategoriaMenu HomePage*/

  /* MENU CATEGORIA HOMEPAGE*/
  .myralis-top-category-home .vendor-item .title a,
  .manufacturer-item .title a,
  .category-grid .item-box .title a {
    max-width: 18ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }

  .myralis-top-category-home .slick-track {
    margin-top: 20px;
  }

  /*CARORUSEL 1 e 2 e HomePage*/

  .myralis-newsletter-areasite button.slick-prev.slick-arrow,
  .myralis-newsletter-areasite button.slick-next.slick-arrow,
  .myralis-homepage-products button.slick-prev.slick-arrow,
  .myralis-homepage-products button.slick-next.slick-arrow {
    display: none !important;
  }

  .prices {
    display: flex;
    flex-direction: column;
  }

  .myralis-products-viewed .myralis-short-item-name {
    margin-bottom: unset;
  }

  .myralis-short-item-name {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    min-height: 34px;
  }

  .myralis-text-cada-por-area {
    left: 5%;
  }

  .myralis-homepage-products button.button-2.product-box-add-to-cart-button {
    width: 100% !important;
    /*margin-top: 15px;*/
  }

  .myralis-homepage-products button.button-2.product-box-add-to-cart-button1 {
    width: 100% !important;
    /*margin-top: 15px;*/
  }

  .myralis-homepage-products .item-box .buttons {
    display: block;
  }

  .small-products .item-box .details {
    padding: unset !important;
    margin-top: 10px !important;
  }

  .myralis-tag2-leve {
    font-size: 12px;
  }

  .myralis-tag2-cada-por {
    font-size: 12px;
  }

  .myralis-text-cada-por-area {
    bottom: 49%;
    justify-content: center;
  }

  /*SALES OF THE DAY*/

  .myralis-saleoftheday-viewed h2.item-name {
    text-align: left;
  }

  .myralis-saleoftheday-viewed .sotd-wrapper {
    padding: 15px;
  }

  .myralis-saleoftheday-viewed .owl-dots {
    position: absolute;
    bottom: -35px;
    right: 0;
    left: 0;
  }

  .myralis-saleoftheday-viewed .slick-list {
    display: none;
  }

  .sale-of-the-day-offer {
    padding: 5px 20px 36px 20px !important;
    background-color: var(--myracolors-17) !important;
  }

  .myralis-promocao-salesoftheday h3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 12px 12px 16px;
    gap: 10px;
    height: 42px;
    background: #ff5c00;
    border-radius: 0px 0px 16px 16px;
    color: white;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    position: absolute;
    bottom: 35%;
    right: 0;
    width: 100%;
  }

  .myralis-saleoftheday-viewed a.button-base.go-to-product-page {
    height: 40px;
    display: flex;
  }

  .myralis-saleoftheday-viewed .button-primary.transform-uppercase.go-to-product-page {
    background-color: var(--myracolors-15);
  }

  .sale-of-the-day-offer {
    margin-top: 20px !important;
  }

  .myralis-saleoftheday-viewed .prices {
    /*height: 50px;*/
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
  }

  .myralis-saleoftheday-viewed span.price.actual-price {
    font-size: 28px !important;
    color: var(--el-text-alternative) !important;
  }

  /*#endregion Carrousel + CategoriaMenu HomePage*/

  .deals.deals-frete {
    margin-top: 0px;
  }

  .shopping-cart-page .common-buttons {
    text-align: unset;
  }

  /*VISTOS RECENTEMENTE MOBILE*/

  .myralis-products-viewed button.slick-prev.slick-arrow {
    margin-top: 85px;
    margin-left: 36%;
  }

  .myralis-products-viewed button.slick-next.slick-arrow {
    margin-top: 85px;
    margin-right: 30%;
  }

  .myralis-products-viewed .add-info {
    display: flex;
    width: 143%;
  }


  .home-page .title.carousel-title {
    margin-top: unset;
  }

  /*Details Page*/
  .product-detailsInfo-mobile-container
  ul.productTabs-list-mobile.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    padding: 20px;
    display: block;
  }

  /*STEP 2*/

  td.myralis-td {
    line-height: 64px;
  }

  tr.myralis-tr-infos-shipping {
    border-bottom: 1px solid #ced4da;
  }

  /*STEP 1*/

  .myralis-subtotal-price {
    display: contents !important;
  }

  .cart .qty-input,
  .cart .qty-dropdown {
    width: 29px;
  }

  td.cart-total-left-brinde {
    text-align: left;
  }

  #myralis-step1-brindetable {
    display: none !important;
  }

  #myralis-step1-brindetable-mobile {
    display: inline-table !important;
  }

  .myralis-step1-brinde-title {
    text-align: left;
  }

  .old-price-shipping {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
  }

  /*STEP 3 PAYMENT*/

  .messagePagamento {
    text-align: left;
  }

  /*.myralis-cardcode-area img {
    bottom: 152px;
    right: 32px;
  }*/

  .title-payment-type p {
    font-size: 16px !important;
  }

  .myralis-title-totals {
    margin-top: 20px !important;
  }

  .myralis-payment-area {
    margin-top: 10px;
  }

  .password-recovery-page .inputs input[type="email"] {
    width: auto;
    height: 40px;
  }

  .password-recovery-page p {
    line-height: 20px;
  }

  .myralis-totals-area {
    order: 2;
  }

  .myralis-itens-area {
    order: 3;
  }

  .myralis-title-totals {
    margin-top: unset !important;
  }

  .myralis-itens-area {
    margin-top: 27px;
  }
}

@media all and (max-width: 468px) {
  .myralis-mobile-gap-tr {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 14% !important;
  }
}

.address-list-page .filter {
  display: none;
}


@media all and (max-width: 374px) {
  .myralis-buttons-quantity-items {
    display: inline-flex;
  }

  .myralis_aproveite_leve .small-products .item-box .product-item {
    font-size: 0;
    padding: 30px 1px;
  }

  .myralis_aproveite_leve .slick-carousel .item-box {
    max-height: 380px;
  }
}

@media all and (max-width: 600px) {

  .myralis-emails-sugestion {
    top: 70px;
    left: 10px;
    width: calc(100% - 20px);
    text-align: left;
    border-radius: 0 0 10px 10px;
  }

  .display-title {
    margin-top: 40px;
  }

  .inputs.accept-consent {
    display: unset !important;
    margin-bottom: 10px;
  }

  .login-page .buttons,
  .registration-page .buttons {
    padding: 10px 20px 20px;
  }

  .myralis-div-register {
    width: 100% !important;
    margin-left: 1%;
    margin-top: 15px;
  }

  .myralis-RegisterArea {
    display: inline-block !important;
    width: 100%;
    margin-top: 5px !important;
  }

  .myralis-RegisterArea {
    padding: 2px !important;
  }

  .myralis_aproveite_leve
  .small-products
  .item-box
  .prices > *:last-child:not(:empty) {
    margin: 0;
    width: 150px;
    height: 32px;
    font-size: 16px !important;
    bottom: 12px;
    right: 10px;
    color: var(--text-primary) !important;
  }

  .estimate-shipping-popup {
    padding: 25px 3%;
  }

  .mfp-container .shipping-address {
    flex-flow: column;
  }

  .mfp-container .address-item {
    width: 100%;
  }

    .mfp-container .address-item + div {
      padding: 0;
    }

  .titleRegister {
    display: flex;
  }
}

.titleRegister {
  text-align: initial;
  color: var(--el-text-alternative) !important;
  margin-bottom: 32px;
  justify-content: center;
  display: flex;
  margin-top: 32px;
}

.InputRegister {
  height: 30px !important;
  border-radius: 4px !important;
  padding: 6px;
}

/* #region WishList, Compare List */
/********** WISHLIST & COMPARE LIST **********/

.wishlist-content {
  margin: 0 0 20px;
}

  .wishlist-content > .message-error {
    margin: 0 0 20px !important;
    text-align: center;
  }

  .wishlist-content .tax-shipping-info {
    margin: 0 0 30px;
    font-size: 15px;
    color: #444;
  }

  .wishlist-content .cart {
    margin-bottom: 30px;
  }

  .wishlist-content .buttons {
    font-size: 0;
  }

  .wishlist-content .button-2 {
    position: relative;
    display: block;
    border: none;
    height: 45px;
    width: 255px;
    line-height: 45px;
    padding: 0 20px;
    margin: 0 auto 7px;
    background-color: #f1f1f1;
    border-radius: 3px;
    font-size: 14px;
    text-transform: uppercase;
    color: #8c8c8c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.1s ease;
  }

    .wishlist-content .button-2:hover {
      background-color: #eaeaea;
    }

  .wishlist-content .wishlist-add-to-cart-button:before {
    content: "\64";
  }

.update-wishlist-button,
.email-a-friend-wishlist-button {
  position: relative;
  overflow: hidden;
}

  .update-wishlist-button span,
  .email-a-friend-wishlist-button span {
    position: relative;
    z-index: 1;
  }

  .update-wishlist-button:before {
    content: "\59";
  }

  .update-wishlist-button:hover:before {
    -webkit-animation: updating 1s linear infinite;
    -moz-animation: updating 1s linear infinite;
    animation: updating 1s linear infinite;
  }

  .update-wishlist-button:hover::after {
    height: 100%;
    opacity: 0.6;
    transition: all 0.5s ease-in;
  }

  .email-a-friend-wishlist-button:before {
    content: "\6d";
  }

  .email-a-friend-wishlist-button:hover:before {
    -webkit-animation: emailing 0.2s linear;
    -moz-animation: emailing 0.2s linear;
    animation: emailing 0.2s linear;
  }

.wishlist-page .share-info {
  margin: 70px -10px 50px;
  background-color: #f9f9f9;
  padding: 30px 20px;
}

.wishlist-page .share-label {
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
  color: #8c8c8c;
}

.wishlist-page .share-info a {
  display: block;
  font-size: 15px;
  color: #97c300;
}

.compare-products-page .page-body {
  text-align: center;
}

.compare-products-page .clear-list {
  position: relative;
  display: inline-block;
  padding: 0 25px;
  margin: 0 0 8px;
  font-weight: 700;
  border-radius: 3px;
  color: #8c8c8c;
  background-color: #f6f6f6;
  font-size: 13px;
  height: 45px;
  line-height: 45px;
  text-transform: uppercase;
  overflow: hidden;
  transition: all 0.2s ease;
}

  .compare-products-page .clear-list span {
    position: relative;
    z-index: 1;
  }

  .compare-products-page .clear-list:before {
    content: "\5a";
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
    font-size: 20px;
    color: #8c8c8c;
    text-transform: none;
    font-weight: normal;
    transition: all 0.2s ease !important;
    z-index: 1;
  }

  .compare-products-page .clear-list:hover:before {
    -webkit-animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.29) both;
    -moz-animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.29) both;
    animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.29) both;
  }

.compare-products-table {
  display: none;
}

.compare-products-mobile {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  margin: 0 -10px;
}

.myralis-loginbanner-mobile {
  display: none;
}

.compare-products-mobile .compare-section > ul {
  padding: 17px 10px;
  text-align: left;
  overflow: hidden;
}

.compare-products-mobile .product {
  overflow: hidden;
}

  .compare-products-mobile .product .item {
    position: relative;
  }

.compare-products-mobile .product-name {
  padding-right: 40px;
  font-size: 15px;
  color: #444;
  font-weight: 700;
}

.compare-products-mobile .item {
  padding: 3px 10px;
}

  .compare-products-mobile .item .picture,
  .compare-products-mobile .item img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    max-width: 50px;
  }

  .compare-products-mobile .item .details,
  .compare-products-mobile .item > span,
  .compare-products-mobile .item > p {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 63px);
    font-size: 15px;
    font-weight: 400;
    color: #8c8c8c;
  }

  .compare-products-mobile .item p {
    vertical-align: top;
    margin-bottom: 20px;
  }

.compare-products-mobile .title {
  padding: 15px 20px;
  font-size: 17px;
  color: #8c8c8c;
  font-weight: 300;
  background-color: #f6f6f6;
}

.compare-section.product .title {
  display: none;
}

.compare-products-page .remove-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  background-color: #f1f1f1;
  text-align: center;
  font-size: 0;
  border: none;
  transition: all 0.1s ease;
}

  .compare-products-page .remove-button:hover {
    background-color: #e9e9e9;
  }

  .compare-products-page .remove-button:before {
    content: "\4d";
    display: block;
    color: #8c8c8c;
    font-size: 16px;
  }

.compare-products-mobile .remove-button {
  position: absolute;
  top: 8px;
  right: 5px;
  left: auto;
}

.compare-products-mobile .price .item span {
  font-size: 17px;
  font-weight: 700;
  color: #97c300;
}

.compare-products-page .attribute-squares {
  display: inline-block;
  vertical-align: middle;
}

.compare-products-page .attribute-square {
  margin: 0 auto;
}
/* #endregion WishList, Compare List */

/* #region Topics*/
/*********** TOPICS ***********/

.topic-block {
  margin: 0 auto 30px;
  padding: 0 10px;
  text-align: center;
  max-width: 1000px;
}

.home-page .topic-block {
  margin: 0 0 30px;
}

.topic-block-title {
  margin: 0 0 20px;
}

  .topic-block-title h1 {
    font-weight: 700;
    color: #444;
  }

  .topic-block-title h2 {
    font-weight: 700;
    color: #8c8c8c;
  }

.topic-block-body p {
  line-height: 1.5;
  font-size: 16px;
  color: #8c8c8c;
  font-weight: 400;
}

.topic-block-body li {
  font-size: 15px;
  color: #8c8c8c;
  line-height: 2;
}

.topic-block a,
.topic-page a {
  text-decoration: underline;
}

.topic-page .page-body {
  line-height: 20px;
  max-width: 1000px;
  margin: 0 auto;
}

.topic-page ul,
.topic-page ol {
  font-size: 15px;
  line-height: 1.5;
  color: #8c8c8c;
}

.home-page .topic-block {
  margin: 0 auto 50px;
  text-align: center;
}

.home-page .topic-block-title h2 {
  font-size: 28px;
  color: #444444;
}

.home-page .topic-block-body {
  padding: 0 10px;
}

.popup-window .topic-page {
  padding: 15px;
}

.not-found-page p {
  margin: 30px 0;
}

.topic-password {
  text-align: center;
}

.enter-password-title {
  margin: 0 0 20px;
  color: #8c8c8c;
  font-size: 15px;
}

.enter-password-form {
  display: inline-block;
  overflow: hidden;
}

  .enter-password-form input[type="password"] {
    float: left;
    width: calc(100% - 100px);
    height: 36px;
    border-radius: 3px 0 0 3px;
  }

  .enter-password-form button {
    float: left;
    width: 100px;
    height: 36px;
    border: none;
    border-radius: 0 3px 3px 0;
    padding: 0 20px;
  }

.password-error {
  margin: 0 0 10px;
}

/* #endregion Topics*/

/* #region Contact, Email a friend*/
/*********** CONTACT & EMAIL A FRIEND ***********/

.contact-page .form-fields,
.email-a-friend-page .form-fields,
.apply-vendor-page .form-fields {
  margin: 0 0 15px;
}

.contact-page .message-error,
.email-a-friend-page .message-error,
.apply-vendor-page .message-error {
  margin: 0 0 10px;
}

.contact-page .topic-block {
  margin-bottom: 40px;
}

.email-a-friend-page .title {
  margin: 0 0 30px;
  font-size: 16px;
}

  .email-a-friend-page .title h2 {
    font-size: 16px;
    font-weight: 300;
  }

  .email-a-friend-page .title a {
    color: #97c300;
  }

.apply-vendor-page .terms-of-service {
  margin: 30px 0;
}

.bb-code-editor-wrapper {
  margin-bottom: 5px;
}
/* #endregion Contact, Email a friend*/

/********** REGISTRATION, LOGIN, ACCOUNT PAGES  **********/

.myralis-customer-register {
  display: inline-flex;
  width: 100%;
  height: auto;
}
/* #region eyeslash*/
.form-password {
  position: relative;
  width: 100%
}

  .form-password .js-password {
    padding-right: 40px
  }

  .form-password i {
    font-size: 1.5625rem;
    color: #A1A1A1;
    position: absolute;
    top: 34px;
    right: 10px;
    cursor: pointer;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
  }

  .form-password.myralis-div-register i {
    right: 20px;
  }

  .form-password i:hover {
    color: var(--green-secondary)
  }

.myralis-eye::before {
  content: "";
  background-image: url(../icons/eye_new.svg);
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 18px;
  min-height: 18px;
  display: inline-flex;
}

.myralis-eye-slash::before {
  content: "";
  background-image: url(../icons/eye-slashnew.svg);
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 18px;
  min-height: 18px;
  display: inline-flex;
}

.myralis-eye-register-password {
  justify-content: right;
  display: flex;
  float: right;
  margin-right: 10px;
  height: 0;
}

.myralis-password {
  justify-content: right;
  display: flex;
  float: right;
  margin-right: 10px;
  height: 0;
}

.dadosCartao .myralis-eye-register-password {
  display: none;
}

.login-form-in-header .myralis-login-div-cod-verificacao {
  display: none;
  max-width: 300px;
}

.buttons .myralis-login-div-button-cod-verificacao {
  display: none;
}

.buttons .myralis-login-div-button-registerfast {
  display: none;
}

.login-form-in-header .myralis-login-div-button-registerfast {
  display: none;
  max-width: 300px;
}

.myralis-login-div-cod-verificacao .buttons.myralis-recovery-btn-send.myralis-customer-login-receber-codigo {
  padding-top: 0;
  padding-bottom: 0;
}

.myralis-login-div-confirm-cod .buttons.myralis-recovery-btn-send {
  padding-top: 0;
  padding-bottom: 0;
}

.header-form-holder .myralis-login-div-confirm-cod {
  display: none;
}

.login-form-in-header .myralis-eye-register-password-img {
  display: none;
}
/* #endregion eyeslash*/

.myralis-customer-register .myralis-customer-register-inputs {
  width: 52%;
  padding-left: 10px;
  height: auto !important;
  border-radius: 4px !important;
}

.myralis-naoseicep {
  text-decoration: underline;
  color: var(--myracolors-bg-2);
  font-size: 12px;
  margin-left: 233px;
  text-underline-offset: 2px;
}

.myralis-register-next-step-button {
  width: 240px;
  padding: 6px 12px;
  margin: 0 auto;
}

.myralis-progressive-discounts-button-span.arrow-down::after {
  content: url(../icons/arrow-down-fidelity.svg);
  margin-top: 3px;
}

.myralis-progressive-discounts-button-span.arrow-up::after {
  content: url(../icons/arrow-up-fidelity.svg);
  margin-top: 3px;
}

span.old-product-price.myralis-subtotal-suasaude-old.oldprice-nomember {
  color: var(--myracolors-1) !important;
}

.myralis-progressive-discounts-button-span.arrow-down.no-memeber::after {
  content: url(../icons/arrow-down-fidelity-nomember.svg);
  margin-top: 3px;
}

.myralis-progressive-discounts-button-span.arrow-up.no-memeber::after {
  content: url(../icons/arrow-up-fidelity-nomember.svg);
  margin-top: 3px;
}

.myralis-saleoftheday-viewed span.myralis-fidelity-member-card {
  font-size: 18px;
}

.myralis-fidelity-additional-member {
  position: relative;
  left: calc(1% + 1%);
  top: 16px;
}

.myralis-progressive-discounts-button-span {
  color: var(--myracolors-3);
  font-family: Barlow;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  justify-content: end;
  gap: 28px;
  margin-left: 12px;
  display: flex;
  margin-right: 18px;
  align-items: center;
  margin-top: -13px;
}

td.myralis-border-bottom-fidelity_True {
  border-bottom: unset;
  padding: 0;
  padding-top: 14px;
  padding-right: 14px;
  padding-left: 14px;
}

.myralis-progression-list-area {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 4px;
  background: #F5F5F5;
  display: none;
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
}

span.myralis-percentage-cart-progression.percentage {
  color: var(--myracolors-1);
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.myralis-percentage-cart-progression-text {
  color: var(--text-primary);
  font-family: Barlow;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

span.myralis-percentage-cart-progression {
  color: var(--myracolors-3);
  font-family: Barlow;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.myralis-fidelity-progressions {
  display: flex;
  gap: 85px;
  gap: 20px;
}

.myralis-progression-items-group {
  display: flex;
  gap: 12px;
  align-items: baseline;
  justify-content: center;
}

.myralis-fidelity-progression-infos {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
}

span.myralis-fidelity-additional-info-text {
  text-align: center;
  font-family: Barlow;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.myralis-fidelity-additional-member {
  color: var(--myracolors-3);
  text-align: center;
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  cursor: pointer;
}

.myralis-fidelity-additional-content {
  display: flex;
  width: 100%;
  gap: 18px;
  justify-content: center;
}

.myralis-fidelity-logo {
  margin-right: 26px;
}

.myralis-progressive-discount-area1 {
  text-align: end;
}


.page-title-myralis {
  margin: 0 auto;
}

  .page-title-myralis h1 {
    color: var(--text-primary);
  }
/* #region Password Recovery*/
.myralis-password-recovery-form {
  padding: 40px 56px;
  padding-top: 8px;
}

  .myralis-password-recovery-form .button-base {
    max-width: 240px;
    height: 40px;
    width: 100%;
  }

  .myralis-password-recovery-form .buttons {
    display: flex;
    justify-content: center;
  }

  .myralis-password-recovery-form .button-base span {
    font-weight: 500;
  }

.myralis-password-recovery-title {
  background-color: var(--bg-primary);
  border-radius: 16px 16px 0px 0px;
  padding: 6px;
  text-align: center;
  display: flex;
  color: var(--text-primary);
  justify-content: center;
  height: 48px;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  font-family: Ubuntu;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.password-recovery-title {
  font-weight: 600;
  font-size: 22px !important;
}

.myralis-title-confirm-password {
  margin-bottom: 0 !important;
}

.myralis_erro {
  border-bottom: 2px solid #ff4f60 !important;
}

.myralis-recovery-success-btns {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 32px;
}

.password-recovery-page .result.success {
  color: var(--text-default);
  font-size: 20px;
  font-weight: 500;
  margin-top: 12px;
  margin-bottom: 62px;
}
/* #endregion Password Recovery*/

/* #region Login Register */
.login-page .title strong,
.registration-page .title strong {
  font-weight: 300;
  color: #8c8c8c;
  font-size: 20px;
}

.html-login-page .div-1 .myralis-suasaude-span-subscrible {
  margin-left: 12px;
}

.html-login-page .div-2 .myralis-suasaude-span-subscrible {
  margin-left: 12px;
  color: var(--text-default);
}

.html-login-page .toggle-wrapper {
  display: flex !important;
  margin-left: 29px;
  align-items: center;
  margin-top: 8px !important;
  margin-bottom: 5px !important;
}

.registration-page .page-title + .message-error {
  margin-bottom: 30px;
}

.gender {
  font-size: 0;
}

  .gender span:first-child {
    display: inline-block;
    margin-right: 40px;
  }

  .gender label {
    display: inline-block;
    padding: 8px 0;
    width: auto !important;
    cursor: pointer;
    font-weight: 300;
  }

  .gender input:checked + label {
    color: #444;
  }

.date-of-birth .date-picker-wrapper {
  width: 100%;
  display: flex;
  gap: 8px;
}

  .date-of-birth .date-picker-wrapper select {
    background: #fff url(../img/select-arrow-dark.svg) no-repeat right 10px center;
  }

.date-of-birth select + select {
  margin: 0 0 0 -1px;
}

#check-availability-button {
  display: block;
  border: none;
  border-radius: 3px;
  vertical-align: top;
  background-color: #f1f1f1;
  color: #8c8c8c;
  text-transform: uppercase;
  padding: 0 20px;
  margin: 10px auto 0;
  height: 45px;
  font-size: 13px;
  font-weight: 700;
  transition: all 0.1s ease;
}

  #check-availability-button:hover {
    background-color: #eaeaea;
  }

#username-availabilty {
  display: block;
  margin: 5px 0 0;
  text-align: center;
  font-size: 13px;
}

  #username-availabilty:empty {
    display: none;
  }

.login-page .forgot-password {
  font-size: 16px !important;
  font-weight: 600 !important;
}

.vat-status,
.vat-note {
  display: block;
  margin: 5px 0 0;
  text-align: center;
  font-size: 12px; /*reset zeroing*/
  white-space: normal;
}

.inputs.accept-consent {
  margin: 0;
  text-align: center;
}

  .inputs.accept-consent .read {
    margin-left: 5px;
    font-size: 16px;
    color: #97c300;
    cursor: pointer;
    clear: none;
    transition: all 0.1s ease;
  }

.login-page .title strong,
.registration-page .title strong {
  font-size: 20px;
  font-family: var(--myralis-font-family);
}

.button-login {
  padding: 6px 12px;
  width: 220px;
  height: 36px;
  background: var(--myracolors-fg-1) !important;
}

.title-login h1 {
  height: 42px;
  font-size: 24px;
  line-height: 26px;
  color: var(--el-text-alternative);
}

.title-login-top {
  border-radius: 16px 16px 0px 0px !important;
  background: var(--myracolors-9) !important;
}

.title-login-all {
  border-radius: 16px 16px 16px 16px !important;
}

.title-login-top strong {
  font-size: 16px;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 19px;
  color: var(--myracolors-2) !important;
}

.button-login {
  padding: 6px 12px;
  width: 200px;
  height: 36px;
  background: var(--myracolors-fg-1) !important;
  color: var(--text-primary);
}

.login-user-checked {
  font-size: 16px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 21px !important;
  color: var(--text-default) !important;
  font-family: 'Barlow';
}

.login-user-senha {
  height: 20px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 20px !important;
  color: var(--myracolors-bg-2) !important;
  flex: none;
  order: 1;
  flex-grow: 0;
}

.login-user-cad {
  font-size: 14px !important;
  line-height: 20px !important;
  color: var(--text-default-2) !important;
}

.title-recovery-top {
  height: 48px;
  border-radius: 16px 16px 0px 0px !important;
  background: var(--bg-primary) !important;
  text-align: center;
  font-size: 16px;
  color: #8c8c8c;
  align-items: center;
  display: flex;
  justify-content: center;
}

.title-recovery-all {
  border-radius: 16px 16px 16px 16px !important;
}

.title-recovery-top span {
  height: 20px;
  font-size: 16px;
  color: var(--el-text-primary);
  height: 20px;
  font-size: 16px;
  font-family: var(--myralis-font-family) !important;
  font-weight: 600;
}

/* #endregion Login Register */

.center-2 .product-list .item-box .buttons .button-2:hover {
  background-color: #e8af00;
}

.email-a-friend-page .button-1:only-child,
.contact-page .buttons .button-1:only-child,
.forum-edit-page .button-1:only-child,
.registration-page .button-1:only-child,
.apply-vendor-page .button-1:only-child {
  width: 100%;
}

.forum-edit-page .buttons,
.private-message-send-page .buttons,
.move-topic-page .buttons {
  font-size: 0;
}

  .forum-edit-page .buttons button,
  .private-message-send-page .buttons button,
  .move-topic-page .buttons button {
    width: 49%;
    margin: 0 0 0 2%;
  }

    .forum-edit-page .buttons button:nth-child(2n + 1),
    .private-message-send-page .buttons button:nth-child(2n + 1),
    .move-topic-page .buttons button:nth-child(2n + 1) {
      margin-left: 0;
    }

.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1 {
  width: auto;
  min-width: 125px;
}

.registration-result-page .result {
  margin: 0 0 30px;
  color: #8c8c8c;
}

.login-page .in-header-register {
  display: none;
}

.page.login-page {
  text-align: center;
}

.myralis-title-step2-mobile {
  display: flex;
  justify-content: center;
  display: none;
}

.login-page .page-title,
.registration-page .page-title {
  text-align: center;
  font-family: 'Ubuntu';
}

.login-page .customer-blocks {
  margin: 0 0 50px;
}

  .login-page .customer-blocks:after {
    content: "";
    display: block;
    clear: both;
  }

  .login-page .customer-blocks + .topic-block {
    margin-bottom: 50px;
  }

.login-page .new-wrapper,
.login-page .returning-wrapper form,
.registration-page .page-body,
.email-a-friend-page .page-body form,
.password-recovery-page .page-body,
.private-message-send-page .page-body,
.contact-page .page-body form,
.apply-vendor-page .page-body form,
.forum-edit-page .page-body,
.form-style,
.move-topic-page .page-body {
  max-width: 600px;
  margin: 0 auto 30px;
  border: 1px solid #CCC;
  border-radius: 3px;
}

.registration-page .page-body,
.email-a-friend-page .page-body form,
.contact-page .page-body form,
.apply-vendor-page .page-body form,
.forum-edit-page .page-body,
.password-recovery-page .page-body,
.private-message-send-page .page-body,
.move-topic-page .page-body {
  max-width: none;
  margin-bottom: 0;
}

.registration-page,
.email-a-friend-page,
.contact-page,
.apply-vendor-page,
.forum-edit-page,
.password-recovery-page,
.private-message-send-page,
.move-topic-page {
  max-width: 800px;
  margin: 0 auto;
}

  .password-recovery-page .inputs input[type="email"] {
    height: 40px;
    width: 100%;
  }

  .email-a-friend-page .page-body form,
  .contact-page .page-body form,
  .apply-vendor-page .page-body form,
  .forum-edit-page .page-body,
  .form-style,
  .private-message-send-page .page-body,
  .move-topic-page .page-body {
    padding: 40px 20px;
  }

  .login-page .title,
  .registration-page .title {
    margin: 0;
    padding: 18px;
    font-size: 18px;
    color: #8c8c8c;
    background-color: #f9f9f9;
    border-radius: 3px 3px 0 0;
    text-align: center;
    font-family: 'Ubuntu';
  }

.login-page .topic-block-title h2 {
  color: #444;
}

.title + .message-error {
  margin: 20px 20px 0;
}

.login-page .title strong {
  font-weight: 300;
}

.login-page .text {
  padding: 30px 20px 20px;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
  color: #8c8c8c;
}

.new-wrapper .text:before {
  display: block;
  margin-bottom: 15px;
  font-size: 55px;
  line-height: initial;
  color: #c6c6c6;
}

.returning-wrapper .form-fields,
.registration-page .form-fields {
  padding: 40px 20px 20px;
}

label[for="Newsletter"],
.inputs.accept-consent label {
  clear: none;
}

.login-page .buttons,
.registration-page .buttons {
  padding: 10px 20px 20px;
}

.login-page .buttons {
  display: flex;
  justify-content: center;
}

.login-page .inputs.reversed label,
.login-page .inputs.reversed span {
  margin: 0;
  width: auto;
  font-size: 13px; /*reset zeroing*/
  color: #8c8c8c;
  font-weight: 400;
}

span.forgot-password.login-user-senha {
  color: var(--myracolors-10) !important;
}

.login-page .inputs.reversed label {
  float: left;
  clear: none;
}

.login-page .inputs.reversed span {
  float: right;
  clear: none;
  margin-top: 4px;
}

.login-page .inputs.reversed a:hover {
  color: #444;
}

.login-page .inputs.reversed input[type="checkbox"] + label:before {
  vertical-align: bottom;
}

.login-page .returning-wrapper .external-authentication {
  clear: both;
}

.login-page .external-authentication > * {
  margin: 30px -10px 0;
  padding: 30px 0;
  width: calc(100% + 20px);
  background-color: #f9f9f9;
  text-align: center;
}

.login-page .external-authentication .buttons {
  margin: 0;
  padding: 0;
}

.external-authentication .title {
  display: none;
}

.myralis-recovery-tooltip {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: var(--text-default);
}

.myralis-recovery-email {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  padding-top: 24px;
}

.myralis-recovery-captcha-forgetpass {
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}

.myralis-navigation-bread {
  font-family: Barlow;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 19px;
  text-align: initial;
}

span.myralis-continue-nav {
  display: flex;
  width: 300px;
  height: 36px;
  padding: 4px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--text-primary);
  border-radius: 8px;
  background: var(--myracolors-7);
  font-family: var(--myralis-font-family);
  font-weight: 500;
}

.myralis-recovery-captcha {
  font-style: normal;
  font-weight: 400;
  display: flex;
  padding: 0 126px 24px 126px;
}

.password-recovery-page .result {
  margin: 12px 0;
  color: var(--error-secondary);
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.html-address-list-page .select-navigation .listbox {
  width: 100%;
}

.select-navigation {
  text-align: left;
}

  .select-navigation .listbox {
    background-color: #fff;
    border-radius: 8px;
    position: absolute;
    z-index: 1;
    display: none;
  }

  .select-navigation #menu-mobile {
    width: 50px;
    height: 50px;
    position: absolute;
    align-items: center;
    justify-content: center;
    background-position: center;
    transition: background 0.7s;
    border-radius: 30px;
    padding-left: 20px;
  }

    .select-navigation #menu-mobile:active {
      background-color: #e3e3e3;
      background-size: 100%;
      transition: background 0.7s;
    }

  .select-navigation #menu-list {
    animation: growOut 300ms ease-in-out forwards;
    transform-origin: top left;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 12%);
  }

.myralis-privacy-dados-area {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}

.myralis-items-privacy input[type="radio"]:checked + label:before {
  bottom: 0px;
  background-color: #ffffff;
  border-width: 3px;
}

.myralis-items-privacy input[type="radio"]:checked + label:before, input[type="radio"] + label:before {
  width: 12px;
  height: 12px;
}

.myralis-privacy-edit-btn:before {
  content: url(../icons/pencil-square.svg);
  cursor: pointer;
}

.myralis-items-privacy div {
  display: flex;
  gap: 5px;
}

.myralis-privacy-area-flags {
  display: none;
  background: var(--myracolors-bg-5);
  padding: 20px;
  border-radius: 8px;
  color: var(--text-default);
  margin-top: -14px;
}

.customer-info-page .buttons {
  margin-top: -22px;
}

.myralis-privacy-title-flags {
  font-family: var(--myralis-font-family-secondary);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 20px;
  text-align: left;
}

.myralis-items-privacy {
  display: flex;
  justify-content: space-between;
}

.myralis-items-privacy {
  margin-bottom: 10px;
}

  .myralis-items-privacy input[type="radio"] {
    /* Reseta estilos potencialmente problemáticos */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Estilos para garantir visibilidade */
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #555;
    border-radius: 50%;
    outline: none;
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
  }

    .myralis-items-privacy input[type="radio"]:checked::before {
      content: '';
      display: block;
      width: 12px;
      height: 12px;
      background-color: #555;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

  .myralis-items-privacy label {
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
  }

.myralis-items-privacy {
  margin-bottom: 24px;
  font-size: 16px;
}


  .myralis-items-privacy .radio-option {
    display: inline-flex;
    align-items: center;
    margin-right: 15px;
  }

  .myralis-items-privacy input[type="radio"] {
    margin-right: 5px;
    /* Remova qualquer posicionamento absoluto */
    position: static;
    /* Garanta que o input seja visível */
    opacity: 1;
    /* Ajuste o tamanho conforme necessário */
    width: 20px;
    height: 20px;
    display: none;
  }

  .myralis-items-privacy label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
  }

.myralis-privacy-edit-btn {
  color: var(--myracolors-10);
  font-family: var(--myralis-font-family-secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  gap: 2px;
}

span.myralis-privacy-edit-btn {
  color: var(--myracolors-10);
  font-family: var(--myralis-font-family-secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  gap: 3px;
  cursor: pointer;
}

.myralis-dados-privacy-title {
  color: var(--myracolors-2);
  font-family: var(--myralis-font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.span.myralis-totalcheckout-flybtn {
  display: none;
}

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

  .category-page-body .page-body {
    align-items: normal !important;
  }

  .myralis-category-title h1 {
    margin-top: 14px;
    text-align: left !important;
  }

  img.closeIcon {
    top: 1%;
  }

  .side-2 {
    top: 84px;
    position: absolute !important;
    width: 100% !important;
  }

  .select-navigation #menu-mobile {
    left: -45px;
  }

  .select-navigation #menu-list {
    min-width: 320px;
  }
}

@media screen and (min-width: 425px) and (max-width: 1024px) {
  .select-navigation #menu-mobile {
    left: -26px;
  }
}

@keyframes growOut {
  0% {
    transform: scale(0);
  }

  80% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}
/* #region minha conta*/
/* account-page */
.html-account-page .side-2 {
  margin-bottom: 3px;
}

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

.html-account-page .page-body {
  background-color: #ffffff;
  border-radius: 16px;
  padding-bottom: 20px;
}

.customer-pages-body .myralis-newsletter-footer.master-wrapper-content {
  padding: 0;
}

.html-account-page .customer-reset-password-page form {
  margin: 0 auto;
  max-width: 408px;
  padding: 0 56px;
  padding-top: 32px;
}

.html-account-page .customer-reset-password-page .inputs {
  padding-bottom: 16px;
}

.html-account-page .customer-reset-password-page .fieldset {
  margin-bottom: 20px;
}

.html-address-list-page .account-page {
  padding: 0px 22px !important;
}

.address-list-page .address-title {
  font-size: 24px;
  font-weight: 600;
  padding: 24px;
  color: var(--text-primary);
}

.account-page {
  padding: 0px 22.5px;
  background-color: unset;
}

  .account-page .data-table {
    text-align: center;
  }

  .account-page .fieldset {
    margin-bottom: 40px;
  }

  .account-page .section > .title,
  .reward-points-overview,
  .forum-subscriptions-page .description {
    text-align: center;
  }

  .account-page .title-newaddress {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    background-color: var(--myracolors-fg-1);
    color: var(--el-text-primary);
    font-weight: 600;
    font-size: 16px;
    border-radius: 16px 16px 0 0;
    padding: 0 !important;
    margin: 0 !important;
  }

.address-edit-page .page-body {
  background-color: #fff;
  border-radius: 16px;
  padding: 0 !important;
}

.address-edit-page .save-address {
  display: flex;
  justify-content: center;
}

  .address-edit-page .save-address .button-base {
    width: 240px;
  }

.account-page .inputs {
  text-align: left;
}

.account-page .button-2 {
  border: none;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  vertical-align: top;
  background-color: #f1f1f1;
  font-size: 16px;
  color: #8c8c8c;
  font-weight: 700;
  transition: all 0.1s ease;
}

  .account-page .button-2:hover {
    background-color: #eaeaea;
  }

  .account-page .button-2.return-items-button {
    display: block;
    width: auto;
    height: auto;
    margin: 20px auto 0;
    padding: 0;
    background-color: transparent;
    transition: all 0.2s ease;
  }

    .account-page .button-2.return-items-button:before {
      content: "\4f";
      display: inline-block;
      vertical-align: bottom;
      margin-right: 10px;
      font-size: 14px;
      color: #8c8c8c;
      text-transform: none;
      font-weight: normal;
      transition: all 0.2s ease;
    }

    .account-page .button-2.return-items-button:hover,
    .account-page .button-2.return-items-button:hover:before {
      color: #97c300;
    }

.account-page .edit-address {
  margin: 0 0 20px;
}

  .account-page .edit-address .fields {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 20px;
    gap: 12px;
  }

    .account-page .edit-address .fields .addaddressinput {
      width: 100%;
    }

      .account-page .edit-address .fields .addaddressinput input {
        height: 30px !important;
        border: 1px solid #ced4da !important;
      }

      .account-page .edit-address .fields .addaddressinput select {
        height: 30px !important;
      }

.account-page .description,
.reward-points-overview,
.result {
  margin-bottom: 20px;
  line-height: 1.5;
  font-size: 17px;
  color: var(--text-primary);
  font-weight: 300;
  text-align: center;
}

.result {
  text-align: center;
}

.html-account-page .multi-factor-authentication-page .page-title {
  padding: 0 0 0 0;
}
/* #endregion minha conta*/

.account-page .address-list {
  /*display: grid;*/
  grid-template-columns: 100%;
  gap: 26px;
}

.myralis-no-principal-address-title {
  color: var(--text-default-2);
}

span.button-2.edit-address-button {
  font-size: 14px;
}

.myralis-btn-address {
  display: flex;
  height: 36px;
  padding: 4px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--NeutralColors-gray3, #B7B7C3);
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--text-primary);
  cursor: pointer;
}

.myralis-address-addnew {
  display: flex;
  align-items: start;
  justify-content: end;
}

.address-list {
  gap: 20px;
  display: flex;
  flex-direction: column;
  margin: 0 56px;
}

.myralis-address-info {
  color: var(--text-default-2);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.myralis-principal-address-title-area {
  margin-bottom: 16px;
}

.myralis-principal-address-title {
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  gap: 4px;
}

  .myralis-principal-address-title::before {
    content: url(../icons/house-heart.svg);
  }

.account-page .address-list .buttons {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  align-items: center;
  position: unset !important;
  margin: 0 20px;
}

.address-list-page .button-base.confirm-delete-address {
  background-color: var(--myracolors-9)
}

.address-list-page .buttons.address-delete {
  justify-content: center;
}

button.button-base.button-secondary.full-width-mobile span {
  color: var(--myracolors-2);
}

.order-list-page a.button-base.button-primary.no-data-btn {
  background-color: var(--myracolors-15);
}

  .order-list-page a.button-base.button-primary.no-data-btn span {
    color: var(--text-primary);
  }

.myralis-myaddresses-noaddress a.button-base.button-primary.add-address-button {
  background-color: var(--myracolors-15);
}

  .myralis-myaddresses-noaddress a.button-base.button-primary.add-address-button span {
    color: var(--text-primary);
  }

.address-item .info {
  gap: 4px !important;
  padding-top: 0 !important;
  height: 70% !important;
}

  .address-item .info .name {
    font-size: 16px;
    color: #000000;
  }

.address-list .address-item {
  width: 100%;
  border-radius: 16px;
  padding: 22px 0px !important;
  padding-bottom: 10px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
}

  .address-list .address-item li {
    font-size: 14px;
    line-height: 28.8px;
  }

.address-item,
.add-button,
.order-item,
.request-item {
  padding: 40px 20px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 3px;
  vertical-align: top;
}

  .address-item .title,
  .order-item .title,
  .request-item .title {
    margin-bottom: 12px;
    color: #444;
  }

    .address-item .title strong,
    .order-item .title strong,
    .request-item .title strong {
      font-weight: 600;
      color: #444;
      font-size: 18px;
    }

.email-to-revalidate,
.email-to-revalidate-note {
  display: inline-block;
  margin: 10px 5px;
  vertical-align: top;
  font-size: 12px; /*reset zeroing*/
  white-space: normal;
}

/* #region multi factor authentication*/
.multi-factor-authentication-page .page-body {
  width: 90%;
  margin: 0 auto;
}

  .multi-factor-authentication-page .page-body .description {
    text-align: left;
    line-height: 26px;
  }

.multi-factor-authentication-page .form-fields {
  position: relative;
  padding: 30px 15px;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #eeeeee;
}

.multi-factor-authentication-page .fieldset {
  padding: 20px 0px 0px 0px;
}

.account-page.multi-factor-authentication-page .buttons {
  text-align: center;
  margin: 40px auto 10px;
}

.multi-factor-authentication-page .payment-method .method-list li {
  padding: 0;
}

.multi-factor-authentication-page .payment-method .payment-logo {
  text-align: center;
}

.multi-factor-authentication-config-page table {
  margin: 20px 0px;
}

.multi-factor-authentication-config-page .buttons {
  margin-top: 20px;
}

.account-page.multi-factor-authentication-page
.payment-method
.method-list
input[type="radio"] + label:before {
  position: initial;
  left: 0;
  top: 0;
  margin-top: 2px;
  transform: none;
}

.account-page.multi-factor-authentication-page .payment-method .method-list li {
  max-width: 740px;
  padding: 30px 65px;
}
/* #endregion multi factor authentication*/


.address-item .info {
  margin: 0;
}

.order-item .info {
  margin: 0 0 30px;
}

.address-item li,
.order-item li,
.request-item li {
  margin-bottom: 3px;
  font-size: 16px;
  color: #959595;
  line-height: 1.3;
}

.address-list-page .info li > label,
.order-list-page .info li > label {
  display: none;
}

.order-list-page .order-item {
  width: 100%;
  height: 330px !important;
  margin: 0 0 13px 13px !important;
  padding: 0 !important;
  border-radius: 16px 16px 16px 16px;
}

  .order-list-page .order-item .info {
    display: flex;
    align-items: center;
    padding-top: 67.5px;
  }

    .order-list-page .order-item .info li {
      color: var(--myracolors-14);
    }

  .order-list-page .order-item .title {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px 16px 0px 0px;
    background-color: var(--myracolors-fg-1) !important;
    height: 48px;
    margin: 0 !important;
  }

    .order-list-page .order-item .title strong {
      color: var(--el-text-primary) !important;
    }

.order-list-page .order-details-button {
  background-color: var(--myracolors-fg-1);
  color: #fff;
  font-weight: 400;
  width: 184px;
}

.address-item .name,
.address-item .email {
  font-weight: 700;
  font-size: 16px;
  color: #444;
}

.add-address-button {
  font-size: 16px !important;
  color: #ffffff;
  text-transform: unset !important;
  font-weight: 500 !important;
  padding: 0 16px;
}

.select-navigation ul,
.block-account-navigation ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 28px 0 35px 25px !important;
  text-align: left;
}

  .select-navigation ul li,
  .block-account-navigation ul li {
    line-height: 14px;
  }

  .select-navigation ul a,
  .block-account-navigation ul a {
    padding: 0 !important;
    margin: 0 !important;
  }

.select-navigation .list a,
.block-account-navigation.block .list a {
  position: relative;
  display: block;
  padding: 12px 65px 12px 0;
  max-width: 100%;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--text-default);
  transition: all 0.2s ease;
  font-family: 'Ubuntu';
  font-size: 16px;
}

.select-navigation .list .active a {
  color: var(--myracolors-10);
  border-right: 2px solid var(--myracolors-bg-2);
  font-family: 'Ubuntu';
}

.select-navigation.mobile .list .active a {
  border: 0;
}

.button-2.edit-address-button,
.button-2.delete-address-button {
  border: none;
  border-radius: 3px;
  width: 40px;
  height: 40px;
  margin: 0 4px;
  background-color: #f1f1f1;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
}

.return-request-list-page a {
  font-weight: bold;
  color: #444;
}

.return-request-list-page .comments {
  margin: 15px 0 0;
}

.user-agreement-page .terms-of-agreement {
  margin: 0 0 20px;
  text-align: center;
}

.reward-points-overview {
  margin: 0 0 15px;
}

/* #region avatar*/
.avatar-page .message-error {
  margin: 0 0 10px;
}

.avatar-page .fieldset {
  margin: 0 auto 30px;
  text-align: center;
}

.avatar-page .image {
  margin: 0 0 10px;
}

.account-page .button-1 {
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  font-weight: 700;
}

.avatar-page .info {
  margin: 0 0 30px;
  font-size: 15px;
  color: #959595;
  text-align: center;
}

.account-page.avatar-page .buttons {
  text-align: center;
}

.avatar-page .upload-image {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

  .avatar-page .upload-image + label {
    display: inline-block;
    cursor: pointer;
  }

  .avatar-page .upload-image.valid + label {
    background-color: #97c300;
    color: #fff;
  }

    .avatar-page .upload-image.valid + label:hover {
      background-color: #5c7600;
    }

    .avatar-page .upload-image.valid + label:before {
      content: "\30";
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      color: #fff;
      text-transform: lowercase;
      font-size: 13px;
    }

  .avatar-page .upload-image:focus + label,
  .avatar-page .upload-image + label:hover {
    background-color: #eaeaea;
  }
/* #endregion avatar */

.vendorinfo-page .vendor-picture {
  margin: 10px 0 0;
  text-align: center;
}

  .vendorinfo-page .vendor-picture img {
    display: block;
    margin: 0 auto 10px;
  }

.reward-points-history {
  margin-bottom: 0;
}

.gdpr-tools-page .form-fields + .buttons {
  margin-top: 30px;
}

.check-gift-card-balance-page .captcha-box {
  margin-bottom: 25px;
}

/* #region Cart (macro)*/
/********** SHOPPING CART **********/
.html-checkout-page .master-wrapper-content,
.html-shopping-cart-page .master-wrapper-content {
  padding-top: 20px;
}

.spaced-buttons {
  display: flex;
  justify-content: flex-end;
}

/* #region Order progress */
.order-progress {
  margin: 24px 0 24px 0;
  text-align: center;
  overflow: hidden;
}

  .order-progress ul {
    font-size: 0;
  }

  .order-progress li {
    display: inline-block;
  }

  .order-progress a {
    position: relative;
    width: 50px;
    height: 50px;
    display: block;
    font-size: 0; /*reset zeroing*/
    padding: 0 5px;
    margin-bottom: 40px;
    width: 120px;
    height: 70px;
  }

    .order-progress a:before {
      content: "";
      position: absolute;
      display: block;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 24px;
      height: 24px;
      background-color: #eee;
      border-radius: 50%;
      border: 0;
      color: #fff;
      box-shadow: none;
      z-index: 1;
      transition: all 0.5s ease 0s, color 0.4s ease 0.4s;
    }

    .order-progress a:after {
      content: "";
      position: absolute;
      display: block;
      width: 100%;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 100%;
      height: 3px;
      background-color: var(--el-secondary);
      z-index: 0;
    }

  .order-progress li:first-child a:after,
  .order-progress li:last-child a:after {
    width: 50%;
  }

  .order-progress li:first-child a:after {
    right: 0;
    left: auto;
  }

  .order-progress a span {
    position: absolute;
    display: block;
    top: 72px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: var(--myralis-font-family);
    font-size: 14px;
    color: var(--myracolors-11);
    font-weight: 500;
  }

  .order-progress li.inactive-step a {
    cursor: default;
  }

    .order-progress li.inactive-step a:before {
      content: url(../../Content/icons/circle_filled.svg);
      font-size: 0;
      background-color: var(--el-secondary);
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

  .order-progress .active-step a {
    cursor: pointer;
  }

    .order-progress .active-step a:before {
      content: url(../../Content/icons/check_empty.svg);
      width: 24px;
      height: 24px;
      line-height: 0;
      border-radius: 50%;
      cursor: pointer;
      background-color: var(--el-secondary);
      display: inline-flex;
      justify-content: center;
      align-items: center;
    }

    .order-progress .active-step a span {
      color: var(--text-primary);
    }

  .order-progress .active-step.last a span {
    color: var(--myracolors-3);
    top: 68px;
    font-size: 18px;
  }

  .order-progress .active-step.last a:before {
    content: url(../../Content/icons/cart_progress.svg);
    font-size: 22px;
    line-height: 60px;
    background-color: #fff;
    height: 52px;
    width: 52px;
    color: var(--text-primary);
    line-height: 30px;
    text-align: center;
    font-weight: normal;
    text-transform: none;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16);
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
  }

  .order-progress .active-step:not(.last) a:hover:before {
    width: 20px;
    height: 20px;
    transition: all 0.3s ease;
  }

  .order-progress .active-step.myralis-second-step.last a:before {
    content: url(../icons/house-heart.svg) !important;
  }

  .order-progress .active-step.myralis-third-step.last a:before {
    content: url(../../Content/icons/credit-card.svg) !important;
    font-size: 25px !important;
  }

  .order-progress .active-step.myralis-completed.last a:before {
    content: url(../icons/cart-check.svg) !important;
  }

/* #enregion Order progress */

.checkout-buttons .button-1 {
  width: 100%;
  font-size: 15px;
  margin-top: 22px;
  font-family: var(--myralis-font-family);
}

.no-data {
  text-align: center;
  font-size: 14px;
  color: #8c8c8c;
  color: var(--myracolors-2);
}

.myralis-vencimento-inputs {
  display: contents;
}

.shopping-cart-page .common-buttons button,
.shopping-cart-page .cart-collaterals .button-2,
.checkout-page .button-2,
.order-details-page .page-title a,
.order-details-page .repost .button-2 {
  display: inline-block;
  border: none;
  height: 45px;
  line-height: 45px;
  padding: 0 25px;
  margin: 0 2px;
  background-color: #f1f1f1;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #8c8c8c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.1s ease;
}

  .shopping-cart-page .common-buttons button:hover,
  .shopping-cart-page .cart-collaterals .button-2:hover,
  .checkout-page .button-2:hover,
  .order-details-page .page-title a:hover,
  .order-details-page .repost .button-2:hover {
    background-color: #eaeaea;
  }

.shopping-cart-page .common-buttons {
  /*margin-bottom: 40px;*/
  font-size: 0;
}

  .shopping-cart-page .common-buttons button {
    position: relative;
    display: block;
    margin: 0 0 32px 0;
    padding: 0 20px;
    width: 255px;
  }

    .shopping-cart-page .common-buttons button:before,
    .wishlist-content .button-2:before {
      position: relative;
      display: inline-block;
      vertical-align: bottom;
      margin-right: 10px;
      font-size: 20px;
      color: #8c8c8c;
      font-weight: normal;
      text-transform: none;
      transition: all 0.2s ease !important;
      z-index: 1;
    }

.shopping-cart-page-body .shopping-cart-page .order-summary-content .no-data {
  gap: 12px;
}

.cart-empty-icon {
  margin-top: 6px;
  margin-bottom: 8px;
}

[data-id="no-items"] {
  display: none;
}

.mini-shopping-cart img.myralis-cart-empty {
  width: 77px;
  height: 76px;
  padding: 0;
}

.cart-empty {
  max-width: 337px;
  margin: 0 auto;
}

.cart-empty-link {
  margin-bottom: 12px;
}

.mini-shopping-cart #myralis-minicart-noitems {
  padding: 20px;
}

#myralis-minicart-noitems {
  padding: 12px 0;
  color: var(--text-muted);
  text-align: center;
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.continue-shopping-button:before {
  content: "\64";
}

.update-cart-button:before {
  content: "\59";
}

.clear-cart-button:before {
  content: "\5a";
}

.clear-cart-button:hover:before {
  -webkit-animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.29) both;
  -moz-animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.29) both;
  animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.29) both;
}

.clear-cart-button span,
.update-cart-button span {
  position: relative;
  z-index: 1;
}

.update-cart-button:hover:before {
  -webkit-animation: updating 1s linear infinite;
  -moz-animation: updating 1s linear infinite;
  animation: updating 1s linear infinite;
}

.shopping-cart-page .tax-shipping-info {
  margin: 0 0 30px;
  font-size: 14px;
  color: #444;
}

.shopping-cart-page .product-grid {
  clear: both;
  float: left;
  width: 100%;
  margin: 70px 0 0;
}

.estimate-shipping-row.shipping-option.active {
  border: 1px solid var(--myracolors-3);
}

.remove-discount-button,
.remove-gift-card-button {
  width: 18px;
  height: 18px;
  margin: 0 20px 0 0;
  border: none;
  background: url("../icons/trash_cupom.svg") no-repeat;
  cursor: pointer;
  background-size: contain;
  float: right;
  display: inline-flex;
  position: relative;
}

  .remove-discount-button:hover,
  .remove-gift-card-button:hover {
    background-color: #e9e9e9;
  }

.shopping-cart-page .message-error {
  margin: 0;
  font-size: 14px;
}

.shopping-cart-page .order-summary-content > .message-error {
  text-align: center;
}

.cart-options {
  margin: 0;
  text-align: center;
}

  .cart-options > *:last-child {
    margin-bottom: 2px;
  }

  .cart-options .common-buttons {
    font-size: 0;
  }

    .cart-options .common-buttons button {
      min-width: 150px;
      margin: 0 5px 5px;
    }

  .cart-options .checkout-attributes {
    text-align: left;
  }

    .cart-options .checkout-attributes dl {
      max-width: 400px;
      margin: 0 auto;
    }

    .cart-options .checkout-attributes dt {
      margin: 0 0 5px;
      font-weight: bold;
    }

    .cart-options .checkout-attributes dd {
      margin: 0 0 15px;
    }

    .cart-options .checkout-attributes li {
      line-height: 24px;
    }

.section.options {
  margin-bottom: 3px;
}

.checkout-attributes,
.selected-checkout-attributes {
  padding: 30px 20px;
  margin: 20px 0 0;
  border-radius: 3px;
  background-color: #f6f6f6;
  font-size: 15px;
  color: #444;
}

.cart-footer:after {
  content: "";
  display: block;
  clear: both;
}

.cart-footer .total-info:only-child {
  margin: 0;
}

.totals {
  border-radius: 3px;
  padding: 50px 20px;
}

.myralis-totals {
  padding: 24px 16px;
  background-color: white;
  border-width: 0px 1px 1px 1px;
  border-color: #cccccc;
  border-style: solid;
  border-radius: 0px 0px 8px 8px;
}

.totals > div {
  max-width: 400px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.cart-total td {
  padding: 4px;
  font-size: 16px;
  color: var(--text-default-2);
  font-weight: 400;
}

.myralis-footer-rb {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 42px;
  background-color: var(--myracolors-7);
  width: 100%;
}

.myralis-footer-rb-btn {
  height: 63%;
  padding: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  border-radius: 8px;
  background: var(--myracolors-primary);
  border: none;
  color: white;
  font-weight: bold;
  color: var(--WhitePrimary, #FFF);
  text-align: center;
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}


.cart-total td label {
  font-size: 16px;
  color: var(--text-default-2);
  font-weight: 400;
}

.myralis-title-totals {
  margin-top: 27px !important;
}

.order-total td label,
.order-total td span {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-primary);
}

.checkout-buttons button.finalizar {
  z-index: 1;
  text-transform: none;
  margin: 0;
  margin-top: 22px;
}

.cart-total-left {
  text-align: left;
}

.cart-total-right {
  text-align: right;
}

.old-price-shipping {
  font-size: 14px;
  color: #999;
  text-decoration: line-through;
}

.order-total > .cart-total-left label {
  font-size: 20px;
  color: var(--text-primary);
}

.cart-total-left label {
  text-align: left;
  font-size: 16px;
}

.cart-total-right #myralisOrderTotal {
  text-align: right;
  font-size: 20px !important;
}

.cart-total .order-total {
  font-size: 16px;
  color: var(--myracolors-bg-2) !important;
}




.cart-footer .addon-buttons > img:first-child,
.cart-footer .addon-buttons > p:first-child {
  margin: 20px 0 0;
}


.estimate-shipping-result {
  margin-top: 20px;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  color: #ff4f60;
}

/* #endregion  Cart*/

/* #region Step 1 */

.cart-collaterals {
  max-width: 100%;
  margin: 0 0 28px 0;
  padding: 12px;
}

  .cart-collaterals > div {
    margin: 0 0 32px 0;
    overflow: hidden;
  }

    .cart-collaterals > div > .title {
      position: relative;
      display: block;
      height: 60px;
      padding: 0 20px 0 20px;
      margin: 0;
      line-height: 60px;
      color: #444;
      font-size: 18px;
      font-weight: 300;
      text-align: center;
      background-color: #f6f6f6;
      border-radius: 3px 3px 0 0;
      cursor: pointer;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      transition: all 0.1s ease;
    }

div.deals {
  background: #fff;
  border-radius: 8px;
}

.cart-footer {
  background-color: white;
  border-radius: 8px;
}

.shopping-cart-page .cart-footer {
  background-color: white;
  border-radius: 8px;
  border: 1px solid var(--myracolors-border-1);
}

.order-summary-content div.title-vouchers {
  color: var(--text-primary);
  padding: 16px;
  /* background: var(--myracolors-cart-grid); */
  font-family: var(--myralis-font-family);
  text-align: left;
  border-radius: 8px 8px 0 0;
  border-bottom: unset;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 6px;
}

.title-vouchers-discount {
  display: flex;
  gap: 6px;
}

.order-summary-content .old-product-price {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  text-decoration-line: line-through;
  color: var(--myracolors-11);
}

.order-summary-content .product-subtotal {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: right;
  color: var(--text-primary);
}

.order-summary-content .myralis-cart .product-subtotal {
  margin-right: 0;
}

.border-box-cart {
}

input#discountcouponcode {
  height: 36px;
  font-family: var(--myralis-font-family-secondary);
  font-size: 14px;
  text-align: center;
  padding: 0px 6px;
}

.coupon-box .margin-cupon {
  display: flex;
  flex-direction: column;
  padding: 0px 20px 20px 20px;
  font-size: 16px;
  line-height: 24px;
  gap: 14px;
  flex-direction: row;
}

.coupon-box .input-discount {
  border-radius: 8px;
}

.coupon-box .button-discount {
  margin-top: 0;
  margin-bottom: 0;
}

.myralis-icon-cupom {
  width: 20px;
  height: 20px;
  vertical-align: text-bottom;
}

.myralis-icon-gift {
  width: 16px;
  height: 16px;
  margin-bottom: -1px;
  vertical-align: baseline;
}

.tooltip-myralis {
  width: 25.88px;
  height: 24.88px;
  background: url(../../Content/icons/info-cart.svg);
  float: right;
  margin-top: 0%;
  background-repeat: no-repeat;
  background-size: 22.88px;
}

td.myralis-discount-progressions-firsttd {
  padding: 0px;
}

.tooltip-myralis:hover .info-myralis {
  visibility: visible;
}

.tooltip-myralis:hover .arrow-myralis {
  visibility: visible;
}

.tooltip-myralis:hover {
  -webkit-animation-play-state: paused;
}

.info-myralis {
  width: 240px;
  padding: 10px;
  background: var(--myralis-white);
  color: var(--text-primary);
  border-radius: 8px;
  position: absolute;
  visibility: hidden;
  margin: -70px 0 0 -214px;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  align-items: center;
}

.arrow-myralis {
  position: absolute;
  margin: -12px 0 0 -2px;
  visibility: hidden;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid var(--myralis-white);
}


.applied-discount-code {
  font-size: 16px;
  font-weight: 400;
  margin: 0 20px 0 0;
  color: var(--myracolors-2);
  margin-left: 16px;
  padding: 18px 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cart-collaterals > div > .title a {
  display: block;
  margin: 0 -20px;
  padding: 0 20px;
}

.cart-collaterals > div > .title:hover {
  color: #97c300;
}

.cart-collaterals > div > .title:before {
  content: "\57";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 20px;
  font-size: 10px;
  color: #97c300;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-transform: none;
  transition: all 0.3s ease;
}

.cart-collaterals .deals .title.open:before {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.cart-collaterals > div > .list {
  display: none;
  padding: 30px 20px;
}

.cart-collaterals .title {
  margin: 0 0 10px;
  font-size: 18px;
  color: #444;
}

.cart-collaterals .hint {
  margin: 0 0 20px;
  font-size: 15px;
  color: #8c8c8c;
}

.cart-collaterals .coupon-code {
  overflow: hidden;
  font-size: 0;
}

  .cart-collaterals .coupon-code input[type="text"],
  .cart-collaterals .coupon-code input[type="email"],
  .cart-collaterals .coupon-code input[type="tel"] {
    float: left;
    width: calc(100% - 105px);
  }

  .cart-collaterals .coupon-code button {
    float: left;
    width: 100px;
    padding: 0 15px;
    height: 45px;
    margin: 0 0 0 5px;
    border-radius: 3px;
  }

.cart-collaterals .message-failure {
  margin: 5px 0 0;
  font-size: 13px;
  color: red;
  font-weight: 700;
  text-align: center;
  justify-content: center;
  align-items: initial;
  flex-direction: column;
  margin-bottom: 20px;
}

.cart-collaterals .message-success {
  margin: 5px 0 0;
  color: #97c300;
  font-size: 13px;
  font-weight: 700;
}

.cart-collaterals .current-code {
  display: initial;
  align-items: center;
  margin-top: -12px;
  font-size: 14px;
  font-weight: 600;
}

.order-summary-content {
  margin-bottom: 24px;
}

.coupon-code + .current-code {
  margin-top: 10px;
}

.myralis-frete-cart-step1 {
  margin-bottom: -12px;
}

  .myralis-frete-cart-step1 #myralis-icon-shipping {
    max-width: none;
    width: 40px;
  }

#myralis-input-cep-cart {
  border-radius: 8px;
  text-align: center;
  border: 1px solid #ccc;
  font-size: 14px !important;
  height: 36px;
  font-weight: 400 !important;
  font-size: 19px;
  font-family: var(--myralis-font-family-secondary);
}



#myralis-calculate-btn {
  margin: 0;
  height: 36px;
  min-width: 82px;
}

#myralis-calculate-text {
  padding-left: 8px;
  padding-right: 8px;
}

.estimate-shipping-row {
  position: relative;
  border: 1px solid #CED4DA;
  border-radius: 8px;
  padding: 6px 12px;
  gap: 7px;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #272E61;
  justify-content: center;
  margin-bottom: 16px;
  white-space: nowrap;
}

label.option-to-select-shipping {
  position: absolute;
  right: 6%;
  top: 15%;
}

input[type="radio"]:checked + label.option-to-select-shipping:before {
  bottom: 7px;
}

.estimate-shipping-row-item {
  flex: 0 1 100%;
}

.estimate-shipping-radio {
  display: none;
}

.myralis-receba-em-mobile .subtitle {
  font-size: 14px;
  font-weight: 400;
  color: var(--text-default-2);
}

.cart-collaterals .shipping-results {
  margin: 30px 0 0;
}

  .cart-collaterals .shipping-results li {
    margin: 10px 0 0;
    font-size: 14px;
    color: #8c8c8c;
  }

    .cart-collaterals .shipping-results li strong {
      color: #444;
    }

    .cart-collaterals .shipping-results li:first-child {
      margin-top: 0;
    }

  .cart-collaterals .shipping-results .option-description {
    font-weight: 400;
  }

.coupon-box + .giftcard-box,
.shipping-options .buttons {
  margin-top: 30px;
}

.myralis-cart-ordertotals-title {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  margin-bottom: 12px;
  font-family: var(--myralis-font-family);
}

div.totals {
  padding: 24px 16px;
  border-radius: 8px;
  background-color: #fff;
}

.cart-item-row .product-unit-price,
.cart-item-row .myralis-product-name {
  color: var(--text-default-2);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.cart-item-row .qty-input {
  color: var(--text-default-2);
  font-weight: 500;
}

.myralis-suasaude-porquinho-area-desk .myralis-suasaude-div-porquinho {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: var(--text-default);
}

.cart tr:last-child td:first-child {
}

.cart tr:last-child td:last-child {
}

.cart .myralis-step1-brinde-tr .subtotal span {
  color: var(--text-primary);
  font-family: var(--myralis-font-family-secondary);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.cart .subtotal .sua-saude-price {
  display: flex;
  gap: 8px;
}

.myralis-step1-payment-title {
  height: 48px;
  background: var(--myracolors-fg-1);
  border-radius: 16px 16px 0px 0px;
  display: flex !important;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: var(--el-text-primary);
}

.myralis-step1-brinde-tr {
  height: 109px;
  background: white;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #cccccc;
}

.myralis-step1-brinde-img {
  width: 80px;
}

td.myralis-step1-brinde-img {
  padding: 15px;
}

.myralis-step1-brinde-tr a {
  display: inline-block;
}

.myralis-step1-brinde-title {
  height: 48px;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: var(--el-text-primary);
}

#myralis-step1-brindetable {
  border-collapse: separate;
  border-spacing: inherit;
}

  #myralis-step1-brindetable tr:last-child td:first-child {
    border-radius: 0px 0px 0px 8px;
  }

  #myralis-step1-brindetable tr:last-child td:last-child {
    border-radius: 0px 0px 8px 0px;
  }

.terms-of-service {
  margin: 0;
  text-align: center;
}

  .terms-of-service input[type="checkbox"] + label {
    display: inline;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
  }

    .terms-of-service input[type="checkbox"] + label:before {
      vertical-align: middle;
    }

  .terms-of-service .read {
    margin: 0 0 0 3px;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
    color: #97c300;
  }

    .terms-of-service .read:hover {
      color: #7c9a16;
    }
/* #endregion  Step 1*/

/* #region Step 2 */
.myralis-infos-address-modal {
  height: unset;
}


.myralis-table-shipping td {
  width: unset;
}

.myralis-table-shipping input[type="radio"] + label:before {
  margin-left: 25%;
}

.shipping-method-page .page-title h1 {
  color: var(--text-primary);
  justify-content: left;
}

.page.checkout-page.shipping-method-page {
  padding: 40px;
}

/* #region Without Address */

div#myralis-addendereco-area {
  padding: 32px 8px;
  gap: 24px;
  width: 678px;
  background: #fff;
  border-radius: 16px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin-top: 52px;
  border-radius: 16px;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16);
}

span.myralis-totalcheckout-flybtn {
  display: none;
}

.myralis-buscar-cep-update {
  position: absolute;
  top: 27px;
  right: 0px;
  color: white;
  background-color: var(--myracolors-15);
  padding: 8px;
  border-radius: 0 3px 3px 0;
  border-style: none;
  height: 40px;
  ;
}



a#myralis-continue-shopping {
  background-color: unset;
  border-radius: 8px;
  border: 1px solid var(--myracolors-2);
}

a#myralis-continue-shopping-order {
  background-color: var(--myralis-white);
  border-radius: 8px;
  border: 1px solid var(--myracolors-border-2);
}

  a#myralis-continue-shopping-order span {
    color: var(--text-primary);
  }

a#myralis-continue-shopping span {
  color: var(--text-primary);
}

#myralis-continue-shopping {
  display: none;
}

button#applydiscountcouponcode {
  background-color: #fff;
  border: 1px solid var(--text-primary);
  min-width: 82px;
}

  button#applydiscountcouponcode span {
    color: var(--text-primary);
    font-size: 14px;
  }

button#myralis-calculate-btn {
  background-color: var(--myralis-white);
  border: 1px solid var(--myracolors-2);
}

  button#myralis-calculate-btn span {
    color: var(--myracolors-2);
    font-size: 14px;
  }

button#pix-desktop {
  background-color: var(--myracolors-1);
}

.myralis-btn-color-2 {
  color: var(--myracolors-2);
}

button#pix-desktop span {
  color: white;
}

#myralis-continue-shopping-order-mobile {
  display: none;
}

a.button-base.button-primary span {
  color: var(--myracolors-2);
}

#myralis-orderDetails-TrackingBtn {
  color: white !important;
}

.myralis-progressive-discount-area1.no-member-fidelity-cart-1 span {
  color: var(--myracolors-1);
}

a.button-base.button-primary.transform-none.cart-empty-link {
  background-color: var(--myracolors-15);
}

  a.button-base.button-primary.transform-none.cart-empty-link span {
    color: var(--text-primary);
  }

a.button-base.button-primary.myralis-recovery-send {
  background-color: var(--myracolors-15);
}

  a.button-base.button-primary.myralis-recovery-send span {
    color: var(--text-primary);
  }

#myralis-submit-address {
  padding: 6px 12px;
  width: 184px;
}

.myralis-add-endereco .inputs.custom-attributes:last-child {
  width: unset !important;
}

.myralis-add-endereco {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 27px 32px;
  padding: 0px 20px;
}

.checkout-pages-body .myralis-add-endereco {
  display: flex;
  flex-direction: column;
  padding: 0 8px;
  gap: 0;
}

  .checkout-pages-body .myralis-add-endereco .edit-address {
    width: 100%;
  }

  .checkout-pages-body .myralis-add-endereco .myralis-new-h2 {
    width: 100%;
    margin-bottom: 24px;
    margin-top: 32px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
  }

.myralis-add-endereco-itens {
  width: 100%;
}

.myralis-add-endereco-Flex {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 20px;
  justify-content: space-between;
}

.myralis-add-endereco-itens-Flex-50 {
  margin: 0px 1%;
  width: 48%;
}

.myralis-add-endereco-itens-Flex-25 {
  margin: 0px 1%;
  width: 23%;
}

/* #endregion Whithout Address */

.checkout-page .address-grid {
  font-size: 0;
}

.myralis-add-endereco {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 27px 32px;
  padding: 0px 20px;
}

.checkout-pages-body .myralis-add-endereco {
  display: flex;
  flex-direction: column;
  padding: 0 8px;
  margin-top: 16px;
  gap: 0;
}

  .checkout-pages-body .myralis-add-endereco .edit-address {
    width: 100%;
  }

  .checkout-pages-body .myralis-add-endereco .myralis-new-h2 {
    width: 100%;
    margin-bottom: 24px;
    margin-top: 32px;
    text-align: left;
    font-size: 22px;
    font-family: var(--myralis-font-family);
    font-weight: 500;
    line-height: 24px;
  }

.myralis-transportadora {
  width: 100%;
}

  .myralis-transportadora .myralis-full-options {
    display: grid;
    flex-direction: column;
    align-items: center;
    padding: 18px 12px;
    gap: 11px;
    background: #FFFFFF;
    border: 1px solid #CED4DA;
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-primary);
    margin-bottom: 16px;
  }

  .myralis-transportadora span#myralis-priceold-td {
    font-size: 14px;
    text-decoration: line-through;
    color: var(--myracolors-11);
    font-weight: 400;
  }

.message-prazo {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: var(--myracolors-11);
  display: block;
  text-align: start;
}


.myralis-otion-name-value-area {
  display: flex;
  flex-direction: row;
  gap: 14px;
  justify-content: space-between;
}

/*.myralis-optionsfrete-step2 input[type="radio"]:checked + label:before {
  position: relative;
  bottom: 1px;
  box-shadow: 0 0 0 1px var(--myracolors-10);
  background-color: #fff;
  border-width: 6px;
  top: -18px;
}*/

/*.myralis-optionsfrete-step2 input[type="radio"] + label:before {
  position: relative;
  top: -18px;
}*/

.myralis-text-title-option-name {
  font-size: 18px;
}

/* #endregion Step 2 */

/* #endregion Cart (macro)*/

/* #region Checkout */
/********** CHECKOUT **********/
.checkout-page .section {
  margin: 0 0 50px;
}

  .checkout-page .section .title {
    margin: 0 0 38px;
    text-align: center;
  }

.checkout-page .add-button:before {
  content: none;
  display: none;
}

.checkout-page .select-billing-address > .title {
  display: none;
}

.checkout-page .order-summary > .title strong {
  font-size: 24px;
  font-weight: 700;
}

.checkout-page .min-amount-warning {
  display: block;
  margin: 0 0 25px;
  text-align: center;
  font-size: 13px;
  color: #ff4f60;
  font-weight: 700;
}

.ship-to-same-address,
.pickup-in-store {
  margin-top: 40px !important;
  text-align: center;
}

  .ship-to-same-address input[type="checkbox"] + label,
  .pickup-in-store input[type="checkbox"] + label {
    font-weight: 700;
    color: #444;
  }

  .pickup-in-store .description {
    margin: 10px 0 0;
    font-size: 15px;
    color: #8c8c8c;
    font-weight: 400;
  }

.order-content .message-prazo {
  font-weight: 400;
}

.pickup-points .message-error {
  text-align: center;
  margin: 20px 0 !important;
}



.address-grid > div {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.checkout-page .message-error {
  text-align: center;
  margin-top: 25px;
}

.checkout-page .multiple-locations {
  text-align: center;
  margin-bottom: 25px;
  font-weight: 700;
  color: #97c300;
}

.checkout-page .add-button .btn-holder:before {
  display: block;
  margin-bottom: 40px;
  content: "\55";
  font-size: 100px;
  color: #8e8e8e;
  transition: all 0.3s ease;
}

.checkout-page .add-button .btn-holder.open:before {
  color: #97c300;
}

.checkout-page .add-button .enter-address {
  display: none;
}

.checkout-page .btn-holder {
  position: relative;
  padding-bottom: 45px;
}

  .checkout-page .btn-holder label {
    position: absolute;
    display: inline-block;
    top: auto;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 45px;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.3s ease;
  }

.add-button .btn-holder .open-address-form {
  transition: width 0.3s ease 0.3s, max-width 0.3s ease 0.3s, padding 0.3s ease 0.3s, opacity 0.3s ease 0.3s, background-color 0.2s ease 0s;
  opacity: 1;
}

.add-button .btn-holder.open .open-address-form {
  max-width: 0;
  padding: 0;
  opacity: 0.4;
  transition-delay: 0s;
}

.checkout-page .btn-holder .close-address-form {
  max-width: 0;
  padding: 0;
  opacity: 0.4;
}

.add-button .btn-holder.open .close-address-form {
  max-width: 280px;
  padding: 0 25px;
  opacity: 1;
  transition: width 0.3s ease 0.3s, max-width 0.3s ease 0.3s, padding 0.3s ease 0.3s, opacity 0.3s ease 0.3s, background-color 0.2s ease 0s;
}

.checkout-page .address-box {
  margin: 0 0 25px;
}

.checkout-page .address-item li {
  padding: 2px 0;
}

.cart-collaterals > div > .title {
  position: relative;
  display: block;
  height: 60px;
  padding: 0 20px 0 20px;
  margin: 0;
  line-height: 60px;
  color: #444;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  background-color: #f6f6f6;
  border-radius: 3px 3px 0 0;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.1s ease;
}

  .cart-collaterals > div > .title a {
    display: block;
    margin: 0 -20px;
    padding: 0 20px;
  }

  .cart-collaterals > div > .title:before {
    content: "\57";
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 20px;
    color: var(--el-text-primary) !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: none;
    transition: all 0.3s ease;
  }

.checkout-page .address-item li.name {
  margin: 0;
}

.checkout-page .address-item li.country {
  margin: 5px 0 0;
  font-size: 16px;
}

.checkout-page .pickup-points .title {
  display: none;
  margin: 0 0 40px;
}

.checkout-page .select-pickup-point {
  text-align: center;
}

  .checkout-page .select-pickup-point li {
    display: inline-block;
    margin: 0 5px;
    font-size: 15px;
    color: #444;
    font-weight: 700;
  }

.checkout-page .select-address select {
  max-width: 100%;
}

.checkout-page .pickup-points-map {
  height: 300px;
  margin: 20px 0 0;
}

.payment-method-page .product-picture a {
  margin-left: 14px
}

  .payment-method-page .product-picture a img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }

.payment-method-page .myralis-subtotal-suasaude-old {
  font-weight: 500;
}

.payment-method-page .myralis-payment-method .myralis-subtotal-suasaude-price {
  font-size: 16px;
  font-weight: 500;
}

.payment-method-page tbody.product {
  border-collapse: collapse;
}

.payment-method-page .myralis-cart tbody tr td {
  border-bottom: 1px solid #ccc;
}

  .payment-method-page .myralis-cart tbody tr td:first-child {
    border-left: 1px solid #ccc;
  }

  .payment-method-page .myralis-cart tbody tr td:last-child {
    border-right: 1px solid #ccc;
  }

.payment-method-page .myralis-cart tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

.payment-method-page .myralis-cart tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

.payment-method-page .myralis-cart td.product-picture {
  height: 80px;
}

.payment-method-page .dadosCartao label {
  color: var(--text-default-2);
  font-weight: 500;
}

/*.payment-method-page .dadosCartao .inputCartao {
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  height: 36px !important;
  background: #ffffff;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 276.5px;*/
/*margin: 16px;*/
/*}*/

.payment-method-page .dadosCartao select.inputCartao {
  background: #fff url(../img/select-arrow-dark.svg) no-repeat right 10px center;
}

.payment-logo {
  margin-bottom: 10px;
}

.payment-method-page .checkout-data {
  display: flex;
  gap: 60px;
}

.payment-method-page .payment-method {
  width: 70%;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: 56px;
}

.myralis-transacional-info-login-area-2 {
  align-items: center;
  display: flex;
  text-align: justify;
  gap: 14px;
}

.myralis-transacional-info-login-area {
  padding: 22px;
  margin-top: -11px;
  padding-right: 14%;
  padding-left: 14%;
  padding-bottom: 44px;
  color: var(--myracolors-text-1);
  font-family: var(--myralis-font-family-secondary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

.profile-menu-box .myralis-transacional-info-login-area {
  display: none;
}


.myralis-step3-productname {
  font-family: var(--myralis-font-family-secondary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.myralis-item-step3 {
  display: flex;
  align-items: center;
  gap: 25px;
}

.myralis-quantity-step3-div {
  display: flex;
  align-items: center;
  justify-content: center;
}

th.myralis-products-step3-title {
  color: var(--text-default-2);
  font-family: var(--myralis-font-family-secondary);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}

.myralis-step3-quantity-span {
  border: 1px solid var(--myracolors-border-2);
  padding: 7px;
  border-radius: 4px;
  /* text-align: center; */
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--text-default-2);
  padding: 8px;
  width: 36px;
  text-align: center;
}

.myralis-direct-subtotal-step3 {
  font-family: var(--myralis-font-family-secondary) font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.myralis-discounts-step3 span.myralis-subtotal-suasaude-price {
  font-size: 16px;
}

span.myralis-direct-subtotal-step3 {
  font-size: 16px;
  display: flex;
  flex-direction: row;
  width: 120px;
  align-items: center;
}

.myralis-produtos-step3 td {
  height: 80px;
  padding: 12px
}

.payment-method-page .myralis-brinde-paymentarea {
  display: none;
}

.payment-method-page .myralis-title-totals {
  margin-top: 5px !important;
}

.card.payment {
  border-radius: 8px;
}

.payment-method-page .myralis-title-totals {
  background-color: white;
  border-left: 1px solid var(--myracolors-border-1);
  border-top: 1px solid var(--myracolors-border-1);
  border-right: 1px solid var(--myracolors-border-1);
  color: var(--myracolors-2);
  text-align: center;
  font-family: Ubuntu;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

th.myralis-products-step3-title.width-th {
  width: 140px;
}

.payment-method-page .myralis-cart-ordertotals-title {
  display: none;
}

.payment-method-page div#myralis-desktop-orderinfo {
  border: 1px solid var(--myracolors-border-1);
}

.payment-method-page .myralis-itens-area {
  display: none;
}

.myralis-discounts-step3 {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  align-items: start;
}

span.expiration-time {
  display: flex;
}

#myralis-desktop-orderinfo {
  margin-top: 0;
}

.payment-method-page .payment-method .title {
  text-align: left;
}

.payment-method-page .payment-method form {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.payment-method-page .card {
  background-color: #ffff !important;
  margin-top: 11px;
}

.card-title span {
  text-align: center;
  font-family: Ubuntu;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--myracolors-2);
  margin-top: 26px;
}

div#myralis-desktop-orderinfo {
  border-radius: 8px;
}

.myralis-title-totals,
.payment-method-page .card .card-title {
  color: var(--myracolors-text-1);
  font-family: var(--myralis-font-family);
  font-size: 16px;
  font-weight: 500;
  display: flex;
  height: 48px;
  align-items: center;
  place-content: center;
  border-radius: 8px 8px 0 0;
}

.payment-method-page .cart-item-row .product {
  padding-left: 8px;
}

.payment-method-page .payment-method .order-info {
  margin-bottom: 40px;
}

.myralis-pix-info-step3 {
  color: var(--text-default);
  text-align: center;
  font-family: var(--myralis-font-family-secondary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

button#btnTipoPagamentoPix {
  padding: 10px;
  height: 50px;
}

.myralis-btns-area-step3 {
  display: flex;
  flex-direction: column;
  width: 44%;
}

.myralis-title-cardsflags-step3 {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 12px;
}

.myralis-payment-area {
  /*margin-top: 10px;*/
  background-color: #FFFFFF;
  font-size: 16px;
  justify-content: center;
  align-content: unset;
  display: flex;
  border-color: #CCCCCC;
  border-radius: 0px 0px 16px 16px;
  padding: 0 24px 24px 24px;
  gap: 16%;
  margin-top: 24px;
  flex-direction: column;
}

button#btnTipoPagamentoCartao span {
  display: flex;
  padding: 6px;
}

button#btnTipoPagamentoCartao {
  padding: 10px;
  height: 50px;
}

span#iconPixText {
  align-items: center;
  justify-content: center;
  display: flex;
}

.myralis-card-payment-title-and-btn {
  display: flex;
  font-size: 20px;
  font-family: Ubuntu;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--text-primary);
}

.payment-method-page .card .order-content {
  border-radius: 0 0 8px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

  .payment-method-page .card .order-content .changeaddress {
    display: flex;
    justify-content: flex-end;
    padding: 24px 40px 0 0;
  }

.payment-method-page
.payment-method
.card
.order-content
.changeaddress
button {
  background-color: #f2f2f2;
  width: 80px;
  height: 24px;
  border-radius: 12px;
  border: 1px solid #d3d3d3;
  font-family: var(--myralis-font-family);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}

.payment-method-page .card .order-content .addressinfo {
  display: flex;
  padding: 0 20px 0 25px;
}

  .payment-method-page
  .card
  .order-content
  .addressinfo
  .border-right {
    border-right: 1px solid #cccccc;
    width: 316px;
    margin-right: 20px;
  }

  .payment-method-page
  .card
  .order-content
  .addressinfo
  .address {
    gap: 32px;
    width: 331px;
  }

  .payment-method-page .card .order-content .addressinfo div {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 16px;
  }

.payment-method-page .card .payment-content {
  border-radius: 8px 8px 8px 8px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #ccc;
}

.myralis-banner-after-title {
  margin-left: 18px;
}

.payment-method-page .payment-content .title-payment-type p {
  font-size: 18px;
  font-weight: 500;
  color: var(--text-default-2);
}

.payment-method-page .order-summary {
  width: 30%;
  margin-top: 6px;
}

#myralis-value-summary-brinde {
  font-size: 16px;
}

.myralis-brinde-font {
  padding: 20px;
  font-size: 15px;
  line-height: 24px;
  color: var(--myracolors-14);
  font-family: var(--myralis-font-family);
}

.myralis-brinde-payment-title {
  height: 48px;
  background: var(--myracolors-fg-1);
  border-radius: 16px 16px 0px 0px;
  display: flex !important;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: var(--el-text-primary);
}

.shopping-cart-page .table-wrapper {
  display: flex;
  flex-direction: column;
}

.myralis-payment-brinde-tr {
  height: 130px;
  background: white;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #cccccc;
}

.myralis-payment-brinde-img {
  width: 80px;
}

td.myralis-payment-brinde-img {
  padding: 15px;
}

.myralis-payment-brinde-tr a {
  width: 80px;
  display: inline-block;
}

.myralis-payment-brinde-title {
  height: 48px;
}

#myralis-payment-brindetable {
  border-radius: 8px;
  border-collapse: separate;
  border-spacing: 0;
  border-style: none;
}

  #myralis-payment-brindetable tr:last-child td:first-child {
    border-radius: 0px 0px 0px 8px;
  }

  #myralis-payment-brindetable tr:last-child td:last-child {
    border-radius: 0px 0px 8px 0px;
    padding-right: 24px;
  }
/*MOBILE GRID BRINDE*/

#myralis-step1-brindetable-mobile {
  border-collapse: separate;
  border-spacing: inherit;
}

  .myralis-payment-brinde-tr td:first-child,
  #myralis-step1-brindetable-mobile tr td:first-child {
    border-left: 1px solid #ccc;
  }

  .myralis-payment-brinde-tr td:last-child,
  #myralis-step1-brindetable-mobile tr td:last-child {
    border-right: 1px solid #ccc;
  }

  #myralis-step1-brindetable-mobile tr:last-child td {
    border-top: 1px solid #ccc;
  }

.myralis-payment-brinde-tr td {
  border-bottom: 1px solid #ccc;
}

.myralis-payment-brinde-tr tr:last-child td:first-child,
#myralis-step1-brindetable-mobile tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

.myralis-payment-brinde-tr tr:last-child td:last-child,
#myralis-step1-brindetable-mobile tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

#myralis-title-payment {
  order: 0;
}

#myralis-desktop-orderinfo {
  order: 1
}

.card.payment {
  order: 2
}

.payment-method-page .order-summary form {
  display: flex;
  flex-direction: column;
}

  .payment-method-page .order-summary form .table-wrapper,
  .payment-method-page .order-summary form .cart-footer {
    width: 100% !important;
  }

    .payment-method-page .order-summary form .table-wrapper .cart .unit-price {
      display: none;
    }

.shipping-method .method-list,
.payment-method .method-list {
  margin: 0 0 30px;
}

  .shipping-method .method-list li,
  .payment-method .method-list li {
    position: relative;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 22px 22px 22px 70px;
    max-width: 560px;
    text-align: left;
    margin: 0 auto 10px;
  }

    .shipping-method .method-list li label,
    .payment-method .method-list li label {
      display: block;
      width: 100%;
      font-weight: 700;
      color: #444;
      font-size: 18px;
    }

  .shipping-method .method-list input[type="radio"] + label:before,
  .payment-method .method-list input[type="radio"] + label:before {
    position: absolute;
    top: 50%;
    left: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

.shipping-method .method-description,
.payment-method .payment-description {
  margin: 5px 0 0;
  font-size: 16px;
  color: #8c8c8c;
  font-weight: 400;
}

.shipping-method
.pickup-points ~ .method-list[style*="display: none;"] ~ .buttons {
  display: none;
}

.checkout-page .select-pickup-point label {
  display: none;
}

.use-reward-points {
  margin: 0 0 30px;
  text-align: center;
}

.payment-info .info {
  margin: 0 0 30px;
}

  .payment-info .info table {
    max-width: 800px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin: 0 auto;
  }

  .payment-info .info td {
    padding: 5px;
  }

  .payment-info .info tr:first-child td {
    padding-top: 30px;
  }

  .payment-info .info tr:last-child td {
    padding-bottom: 30px;
  }

  .payment-info .info td label {
    font-size: 14px;
  }

  .payment-info .info td:first-child {
    text-align: right;
  }

  .payment-info .info td:only-child {
    text-align: center;
  }

  .payment-info .info td + td {
    text-align: left;
  }

  .payment-info .info td select:only-of-type,
  .payment-info .info td input:only-of-type {
    width: 100% !important;
    max-width: 250px;
  }

  .payment-info .info td p {
    margin: 10px 0;
    font-size: 16px;
    color: #444;
  }

.message-error.validation-summary-errors {
  text-align: center;
}

.order-confirm-page .order-review-data .billing-info .title,
.order-confirm-page .order-review-data .shipping-info .title,
.opc .order-review-data .billing-info .title,
.opc .order-review-data .shipping-info .title {
  margin: -45px -20px 30px;
  height: 60px;
  line-height: 60px;
  background-color: #f9f9f9;
  border-radius: 3px 3px 0 0;
}

.order-review-data > div .info-list .name,
.order-review-data > div .title {
  margin-bottom: 10px;
}

  .order-review-data > div .info-list .name,
  .order-review-data > div .title strong {
    font-weight: 700;
    font-size: 16px;
    color: #444;
  }

.confirm-order .terms-of-service {
  text-align: center;
}

.order-completed .details {
  max-width: 800px;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 30px;
  margin: 0 auto 30px;
  text-align: center;
}

  .order-completed .details a {
    display: inline-block;
    margin: 20px 0 0;
    padding: 0 20px;
    max-width: 100%;
    height: 45px;
    line-height: 45px;
    background-color: #eee;
    color: #8c8c8c;
    border-radius: 3px;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 700;
    text-transform: uppercase;
  }

.order-completed .order-number {
  font-size: 18px;
  font-weight: 700;
  color: #97c300;
}

.opc {
  max-width: 1000px;
  margin: 0 auto;
}

  .opc > li {
    border: 1px solid #eee;
    border-radius: 3px;
    margin-bottom: 10px;
    overflow: hidden;
  }

    .opc > li:last-child {
      margin-bottom: 0;
    }

  .opc .step-title {
    position: relative;
    height: 60px;
    line-height: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #f6f6f6;
    padding: 0 40px;
    text-align: center;
  }

  .opc > li.allow:not(.active) .step-title:after {
    content: "\30";
    position: absolute;
    display: inline-block;
    top: 0;
    right: 20px;
    left: auto;
    color: #97c300;
    font-size: 20px;
    line-height: 60px;
  }

  .opc input[type="checkbox"] ~ label:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 17px;
    height: 17px;
    border: 1px solid #eeeeee;
    vertical-align: text-top;
    background-color: #fff;
  }

  .opc input[type="checkbox"]:checked ~ label:before {
    margin-left: 1px;
    width: 16px;
    height: 16px;
    box-shadow: 0 0 0 1px #e7e7e7;
    border: 3px solid #fff;
    background-color: #97c300;
  }

  .opc input[type="checkbox"] ~ label {
    font-weight: 700;
    color: #444;
  }

  .opc .ship-to-same-address,
  .opc .pickup-in-store {
    margin-top: 0 !important;
  }

  .opc .section.new-billing-address,
  .opc .section.new-shipping-address {
    max-width: 600px;
    margin: 0 auto;
  }

  .opc .allow .step-title,
  .opc .allow .step-title .number,
  .opc .allow .step-title .title {
    cursor: pointer;
  }

  .opc .step-title .number,
  .opc .step-title .title {
    display: inline-block;
    font-size: 18px;
    color: #444;
    font-weight: 300;
  }

  .opc .step-title .number {
    margin: 0 5px 0 0;
  }

  .opc > li.active .step-title .number,
  .opc > li.active .step-title .title {
    font-weight: 700;
    color: #97c300;
  }

  .opc .step {
    padding: 40px 20px;
    overflow: hidden;
  }

  .opc .section {
    margin: 0 0 15px;
    text-align: center;
  }

    .opc .section > label,
    .opc .select-pickup-points > label {
      display: block;
      font-weight: 700;
      color: #444;
      font-size: 15px;
      margin: 0 0 10px;
    }

  .opc .payment-info .info {
    margin: 0;
  }

    .opc .payment-info .info table {
      border: none;
    }

  .opc input[type="text"],
  .opc input[type="email"],
  .opc input[type="tel"],
  .opc input[type="password"],
  .opc select:only-of-type {
    max-width: 100%;
  }

  .opc select {
    padding: 0 27px 0 20px;
    background: #fff url(../img/select-arrow-dark.svg) no-repeat right 10px center;
  }

  .opc .buttons {
    margin-bottom: 0;
    font-size: 0;
  }

  .opc .pickup-points .buttons {
    display: none;
  }

  .opc #opc-confirm_order .buttons,
  .opc #opc-payment_info .buttons,
  .opc .checkout-data > div:not(.section) {
    float: left;
    clear: both;
    width: 100%;
    margin: 30px 0 0;
  }

  .opc .back-link {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
  }

    .opc .back-link small {
      display: none;
    }

    .opc .back-link a {
      display: block;
      padding: 0 20px;
      border-radius: 3px;
      background-color: #eee;
      height: 45px;
      min-width: 95px;
      line-height: 45px;
      color: #959595;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 700;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .opc .back-link,
    .opc .back-link + .button-1 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

  .opc .please-wait {
    display: block;
    margin: 10px 0 0;
  }

  .opc .terms-of-service {
    text-align: center;
  }
/* #endregion Checkout */

/* #region Completed */
.html-order-completed-page .order-progress {
  margin-top: 0
}

.completed-page {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 42px;
  border-radius: 8px;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16);
  max-width: 864px;
  margin: 0 auto;
  margin-bottom: 42px;
}

  .completed-page .header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 24px;
    background-color: white;
  }

    .completed-page .header .mini-logo {
      margin: auto 0;
      margin-right: 16px;
    }

    .completed-page .header .title {
      color: var(--text-secondary);
      font-family: var(--myralis-font-family);
      font-size: 22px;
      font-weight: 700;
    }

    .completed-page .header p {
      color: var(--text-primary);
      font-size: 16px;
      font-weight: 500;
    }

    .completed-page .header:after {
      display: none;
    }

  .completed-page .summary {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 8px;
    background: var(--Background3, #F4F5FF);
    min-width: 250px
  }

    .completed-page .summary .order {
      color: var(--text-secondary);
      font-size: 20px;
      font-weight: 700;
    }

    .completed-page .summary .total {
      color: var(--text-primary);
      font-size: 16px;
      font-weight: 400;
    }

      .completed-page .summary .order span,
      .completed-page .summary .total span {
        color: var(--text-primary);
        font-size: 16px;
        font-weight: 700;
      }

  .completed-page .main-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

    .completed-page .main-info .left,
    .completed-page .main-info .right {
      display: flex;
      flex-direction: column;
      width: 50%;
    }

    .completed-page .main-info .info-block {
      display: flex;
      flex-direction: column;
      width: 100%;
      color: var(--text-default-2);
      font-size: 16px;
      font-weight: 400;
      gap: 6px;
      min-height: 100px;
    }

      .completed-page .main-info .info-block .title {
        font-weight: 700;
        display: inline-flex;
        align-items: stretch;
      }

      .completed-page .main-info .info-block small {
        color: var(--text-default-2);
        font-size: 12px;
        font-weight: 400;
      }

.myralis-icon {
  margin-right: 8px;
  display: inline-flex;
}

  .myralis-icon:after {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-flex;
  }

  .myralis-icon.delivery-address:after {
    background-image: url("../icons/geo-alt-blue.svg")
  }

  .myralis-icon.shipping:after {
    background-image: url("../icons/delivery-truck-step4.svg");
  }

  .myralis-icon.card:after {
    background-image: url("../icons/credit-card-3.svg");
  }

  .myralis-icon.star:after {
    background-image: url("../icons/star-on-step4.svg");
  }

  .myralis-icon.clock:after {
    background-image: url("../icons/clock-history.svg");
  }

.completed-page .other-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

  .completed-page .other-info .action {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
  }

    .completed-page .other-info .action .title {
      color: var(--text-default-2);
      font-size: 18px;
      font-weight: 700;
    }

    .completed-page .other-info .action .button-base {
      width: 184px;
      margin: 0;
    }

  .completed-page .other-info .mail-info {
    color: var(--text-default-2);
    line-height: 24px;
    font-size: 16px;
  }

    .completed-page .other-info .mail-info strong {
      font-weight: 700;
    }

.completed-page .sua-saude {
  position: relative;
  border-radius: 8px;
  border: 1px solid #ccc;
  width: 100%;
  min-height: 187px;
}

  .completed-page .sua-saude .symbol {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }

  .completed-page .sua-saude .logo {
    position: absolute;
    top: 50%;
    left: 28px;
    z-index: 3;
    transform: translateY(-50%);
  }

  .completed-page .sua-saude .banner {
    position: absolute;
    object-fit: cover;
    object-position: top center;
    object-view-box: inset(15% 0% 30% 0%);
    z-index: 1;
    top: 0;
    left: 145px;
  }

  .completed-page .sua-saude .infos {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 16px 20px;
    position: absolute;
    right: 0;
    height: 100%;
    margin-left: 395px;
  }

    .completed-page .sua-saude .infos .text {
      font-family: var(--mryalis-font-family);
      font-size: 20px;
      line-height: 28px;
      font-weight: 400;
      color: var(--text-primary);
      text-align: center;
    }

    .completed-page .sua-saude .infos .button-base {
      margin: 0
    }

.completed-page .pix-wrapper {
  display: flex;
  flex-direction: row;
}

  .completed-page .pix-wrapper .pix-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left: 12px;
    margin-top: 6px;
  }

    .completed-page .pix-wrapper .pix-info .title-wrapper {
      display: flex;
      flex-direction: column;
      gap: 4px;
      font-family: var(--myralis-font-family);
    }

    .completed-page .pix-wrapper .pix-info .pix-title {
      color: var(--myracolors-1);
      font-size: 20px;
      font-weight: 500;
    }

    .completed-page .pix-wrapper .pix-info .title-wrapper span {
      color: var(--text-default-2);
      font-size: 16px;
      font-weight: 400;
      text-align: left;
    }

  .completed-page .pix-wrapper .expiration-time {
    color: var(--text-default-2);
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
  }

  .completed-page .pix-wrapper .pix-info .button-base {
    width: 184px;
    margin: 0;
  }

.completed-page .pix-warning {
  color: var(--text-default-2);
  font-size: 14px;
  font-weight: 400;
  margin-top: 8px;
}
/* #endregion Completed */

/*********** ORDER DETAILS & RETURN REQUEST ***********/
.hideContent {
  height: 400px;
}

.show-more {
  padding: 10px 0;
  display: flex;
  justify-content: center;
}

  .show-more button {
    color: var(--el-text-alternative);
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    background: unset;
    border-radius: 8px;
    width: 95%;
    justify-content: center;
    border: var(--myracolors-fg-2) 1px solid;
    height: 36px;
    font-weight: 600;
  }

    .show-more button:active {
      background: var(--myracolors-fg-2);
      color: #fff;
    }

#table {
  overflow: hidden !important;
}

.table {
  flex-direction: column;
  background-color: #fff;
  border-radius: 16px;
  margin: 0px 9px;
}

.table-header {
  background: var(--myracolors-fg-1);
  color: var(--el-text-primary);
  font-weight: 600;
  font-size: 17px;
  height: 48px;
  border-radius: 16px 16px 0 0;
  border-width: 1px 1px 0px 1px !important;
  border-style: solid;
  border-color: var(--myracolors-fg-1) !important;
}

  .table-header .name {
    padding-left: 24px;
  }

.row {
  display: flex !important;
  align-items: center;
  font-size: 16px;
}

.data-table .row:last-child {
  border-radius: 0 0 16px 16px;
}

.cell {
  display: flex !important;
  align-self: center;
}

.data-table cell {
  min-width: 50px;
  border-bottom: 1px solid #eee;
  background-color: #fff;
  padding: 20px;
  font-size: 15px;
  color: #444;
  font-weight: 400;
}

.data-table .total {
  text-align: left;
}


td.view-details a,
td.download a {
  display: inline-block;
  padding: 10px 20px;
  margin: -7px 0;
  border-radius: 3px;
  background-color: #f1f1f1;
  color: #8c8c8c;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.2s ease;
}

  td.view-details a:hover,
  td.download a:hover {
    background-color: #eaeaea;
  }

.downloadable-products-page td.order a {
  color: #444;
}

.return-request-file > div {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  font-size: 13px;
  overflow: hidden;
}

.qq-uploader .qq-upload-drop-area,
.qq-uploader .qq-upload-list {
  float: left;
  width: calc(100% - 45px);
  height: 45px;
  line-height: 45px;
  border: 1px solid #e7e7e7;
  border-right: none;
  border-radius: 3px;
  background-color: #fff;
  padding: 0 0 0 20px;
  text-align: left;
  font-size: 13px;
  color: #000;
}

.qq-uploader .qq-upload-button {
  width: 45px;
  height: 45px;
  line-height: 45px;
  padding: 0;
  display: inline-block;
  float: right;
  border: none;
  border-radius: 0 3px 3px 0;
  background-color: #eebe00;
  font-size: 0;
  transition: all 0.2s ease;
}

  .qq-uploader .qq-upload-button:before {
    content: "\e903";
    font-size: 16px;
    color: #fff;
  }

  .qq-uploader .qq-upload-button:hover {
    background-color: #e8af00;
  }

.return-request-page .qq-upload-list li {
  background-color: transparent !important;
  font-size: 13px;
  color: #444 !important;
  padding: 0 !important;
  line-height: 45px;
}

.qq-uploader .qq-upload-drop-area,
.qq-uploader .qq-upload-extra-drop-area {
  width: calc(100% - 45px);
  height: 100%;
  min-height: 45px;
  background: #fff9e0;
  text-align: left;
}

  .qq-uploader .qq-upload-drop-area span {
    top: 0;
    left: 0;
    margin: 0;
  }

/*********** SEARCH & SITEMAP ***********/
.instantSearch .k-nodata {
  display: none !important;
}

/* #region SearchPage */
.search-page .search-input {
  width: calc(100% - 64px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  padding: 48px;
  gap: 12px;
}

  .search-page .search-input form {
    max-width: 420px;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .search-page .search-input .fieldset {
    margin: 0;
  }

  .search-page .search-input form button,
  .search-page .search-input form a {
    width: 198px;
  }

.search-page .basic-search {
  padding: 0 20px;
}

.search-page .spaced-buttons {
  padding-top: 20px;
}

.search-page .search-input form button span {
  font-weight: 400;
}

.search-page .search-input form a span {
  font-weight: 600;
}

.search-page .no-result {
  margin: 0;
}

.searc-page .no-result img {
  margin-bottom: 20px;
}

.search-page .no-result-title {
  text-align: center;
  line-height: 27px;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
}

.search-page .no-result-subtitle {
  text-align: center;
  line-height: 22px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.search-page .search-results {
  margin: 0;
  background-color: transparent;
  border-radius: 12px;
}

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

.catalog-header {
  display: none;
}

.search-page .catalog-header {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  gap: 24px;
}

  .search-page .catalog-header .seo-h1 {
    font-weight: 400;
    font-size: 20px;
    color: var(--text-primary);
    line-height: 24px;
    font-family: 'Ubuntu';
  }


    .search-page .catalog-header .seo-h1 span {
      font-weight: 700;
      font-size: 20px;
      color: var(--text-primary);
      line-height: 24px;
      font-family: 'Ubuntu';
    }

  .search-page .catalog-header span {
    font-weight: 500;
    font-size: 16px;
    color: var(--text-primary);
    line-height: 16px;
    font-family: 'Ubuntu';
    text-align: left;
  }

.search-page .product-grid {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.search-page .item-grid {
  gap: 16px;
}

.search-page div.item-box {
  height: 300px;
  width: 214px;
  border-radius: 16px;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.16);
}

.item-box .myralis-home-categoria {
  width: 100%;
  height: 100%;
  margin-bottom: 8px;
}

.myralis-header-notfind {
  display: flex;
  align-items: end;
}

.myralis-dicas-notfind {
  margin-top: 52px;
}

.myralis-opss-text {
  font-family: Ubuntu;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 20px;
}

.myralis-help-search {
  color: var(--text-default-2);
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
}

.myralis-dicas-text {
  color: var(--text-default-2);
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.myralis-search-dicas-texts {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.myralis-header-notfind-house {
  margin-left: auto;
}

.myralis-header-titles {
  display: flex;
  flex-direction: column;
  color: var(--text-default-2);
  font-family: Barlow;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}


/*  #endregion SearchPage */

/* #region Category, Manufaturer, Search */
/* GRID search-page-body */
/* GRID manufacturer-all-page-body */
/* GRID manufacturer-page-body */
/* GRID category-page-body */

.manufacturer-all-page-body .list {
  margin-left: 20px;
}

.manufacturer-all-page-body .view-all {
  margin-left: 20px !important;
}

.manufacturer-page-body .breadcrumb,
.category-page-body .breadcrumb {
  width: 100%;
  /*max-width controlado por javascript HandleMaxWidth*/
  max-width: 300px;
}


.manufacturer-all-page-body .block-category-navigation,
.manufacturer-all-page-body .block-manufacturer-navigation {
  margin-top: 10px;
  width: revert;
}

.search-page-body .master-wrapper-content,
.category-page-body .master-wrapper-content,
.manufacturer-page-body .master-wrapper-content,
.manufacturer-all-page-body .master-wrapper-content {
  padding: 56px 60px !important;
}

.product-details-page-body .myralis-newsletter-footer.master-wrapper-content {
  padding: 0 0 !important;
}

.category-page-body div.side-2,
.manufacturer-page-body div.side-2,
.manufacturer-all-page-body div.side-2,
.search-page-body div.side-2 {
  width: var(--filters-width);
  display: block;
}

  .category-page-body div.side-2 .block,
  .manufacturer-page-body div.side-2 .block,
  .manufacturer-all-page-body div.side-2 .block,
  .search-page-body div.side-2 .block {
    border: 0;
    /* width: var(--filters-width); */
    display: block;
    padding: 12px;
  }

  .category-page-body div.side-2 .list,
  .manufacturer-page-body div.side-2 .list,
  .manufacturer-all-page-body div.side-2 .list,
  .search-page-body div.side-2 .list {
    padding: 8px;
  }

.category-page-body .center-2,
.manufacturer-page-body .center-2,
.search-page-body .center-2,
.manufacturer-all-page-body .center-2 {
  width: calc(100vw - var(--filters-width) - 2 * 70px - 17px);
}

.category-page-body .page-body,
.manufacturer-page-body .page-body,
.manufacturer-all-page-body .page-body,
.search-page-body .page-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.myralis-category-title.slider-wrapper {
  padding-bottom: 4px !important;
}

.category-page-body .div-filter-dimatrix,
.manufacturer-page-body .div-filter-dimatrix,
.manufacturer-all-page-body .div-filter-dimatrix,
.search-page-body .div-filter-dimatrix {
  width: 100% !important;
  padding: 8px !important;
  text-align: left;
}

.category-page-body .center-2 div[class$="-grid"]:has(.item-grid),
.manufacturer-page-body .center-2 div[class$="-grid"]:has(.item-grid),
.manufacturer-all-page-body .center-2 div[class$="-grid"]:has(.item-grid),
.search-page-body .center-2 div[class$="-grid"]:has(.item-grid) {
  display: flex;
  justify-content: center;
  /*max-width controlado por javascript HandleMaxWidth*/
  margin-top: 16px;
}

.category-page-body .center-2 .item-grid,
.manufacturer-page-body .center-2 .item-grid,
.manufacturer-all-page-body .center-2 .item-grid,
.search-page-body .center-2 .item-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  /* max-width: calc(6 * (160px + 8px) - 8px); */ /* size of item-box and gap*/
  gap: 16px !important;
}

.manufacturer-all-page-body .center-2 .item-grid {
  gap: 22px !important;
  margin-bottom: 2px;
}

@media all and (min-width: 1440px) {
  .category-page-body .center-2 .item-grid,
  .manufacturer-page-body .center-2 .item-grid,
  .search-page-body .center-2 .item-grid {
    gap: 16px !important;
  }
}

.category-page-body div[class$="-grid"] .item-grid div.item-box,
.manufacturer-page-body div[class$="-grid"] .item-grid div.item-box,
.search-page-body div[class$="-grid"] .item-grid div.item-box {
  border-radius: 16px !important;
  margin: 0 !important;
  margin-bottom: 8px;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.16);
  min-height: 220px;
  min-width: 160px;
  width: 214.25px;
  height: 350px !important;
}

.manufacturer-all-page-body div[class$="-grid"] .item-grid div.item-box {
  border-radius: 8px !important;
  box-shadow: 0px 34.9737px 139.895px rgba(0, 0, 0, 0.1);
  width: 210px;
  height: 303px;
  margin: 0 0 2px 0 !important;
}
/* #endregion Category, Manufaturer, Search */


/* #region Product review*/
/* Avaliação de produto */
/********** PRODUCT REVIEWS **********/

.product-reviews-page {
  z-index: 2050;
}

  .product-reviews-page .modal-content {
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 10px;
    width: 64.4%;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }

.write-review .title,
.comment-form-btn {
  position: relative;
  height: 45px;
  margin: 0 0 45px;
}

  .write-review .title strong,
  .comment-form-btn strong {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 25px;
    height: 45px;
    max-width: 100%;
    border-radius: 3px;
    font-size: 14px;
    line-height: 45px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #eebe00;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
  }

    .write-review .title strong span,
    .comment-form-btn strong span {
      transition: all 0.1s ease;
    }

.product-reviews-page .no-data {
  display: flex;
  gap: 16px;
  margin-bottom: 44px;
}

.myralis-products-viewed span.myralis-mecPromotion-tag {
  display: none;
}

.product-reviews-page .no-data img {
  margin: 0 auto;
  margin-bottom: 16px;
}

.write-review {
  margin: 0 0 50px;
  text-align: center;
}

.myralis-mecdiscount-title {
  color: var(--text-3);
  font-family: var(--myralis-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: left;
  display: flex;
}

span.myralis-promotion-price.myralis-fidelity-price-card.myralis-price-mecprogress {
  color: var(--myracolors-1);
}

.write-review-collapse {
  display: none;
  padding: 20px;
  max-width: 740px;
  margin: 0 auto;
  border-radius: 3px;
  border: 1px solid #eeeeee;
  background-color: #fff;
}

.write-review .form-fields {
  margin: 24px 0 12px;
}

.write-review .review-rating {
  text-align: left;
  margin-top: 20px;
}

  .write-review .review-rating > label {
    display: block;
    margin-bottom: 10px;
    font-family: var(--myralis-font-family);
    color: var(--text-primary);
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    line-height: 29px;
  }

.product-details-page-body #myralis-modal[data-id="review"] .buttons button {
  width: 240px;
}

#myralis-icon-modalSucess {
  max-width: none;
  margin: 0 auto;
  margin-bottom: 32px;
}

.review-rating .tooltip {
  position: relative;
}

  .review-rating .tooltip:hover .tooltiptext {
    opacity: 1;
  }

.review-rating .tooltiptext {
  position: absolute;
  bottom: 100%;
  margin-bottom: 10px;
  background: #e5e5e5;
  left: 50%;
  padding: 8px 15px;
  border-radius: 3px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-weight: normal;
  color: #444;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease;
}

  .review-rating .tooltiptext:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #e5e5e5;
    border-width: 8px;
    margin-left: -8px;
  }

.review-rating ul {
  font-size: 0;
  vertical-align: middle;
}

.rating-options {
  display: inline-block;
  overflow: hidden;
  font-size: 0;
}

.write-review .rating-options * {
  float: left;
}

.write-review .rating-options input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.write-review .rating-options label {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-position: 0 0;
  background-size: contain;
  font-size: 0;
  cursor: pointer;
}

  .write-review .rating-options label:before,
  .write-review .rating-options input[type="radio"]:checked + label:before {
    display: inline-block;
    content: "\e900";
    color: #ffaa00;
    font-size: 25px;
    border: none;
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    width: 25px;
    height: 25px;
    line-height: 1;
    transition: all 0.2s ease;
  }

.write-review .rating-options:hover label:before {
  color: #ffaa00 !important;
}

.write-review .rating-options:hover label:hover:before,
.write-review .rating-options:hover input:checked ~ label:before,
.write-review .rating-options input:checked ~ label:hover:before {
  color: #ffaa00;
}

.write-review .rating-options label:hover ~ label:before {
  color: #e0e0e0 !important;
}

.write-review .rating-options:hover input:checked ~ label:hover ~ label:before,
.write-review .rating-options input:checked ~ label:hover ~ label:before,
.write-review .rating-options input:checked ~ label ~ label:before {
  color: #e0e0e0;
}

.write-review .rating-options input:checked + label:before {
  -webkit-animation: stars 0.7s linear;
  -moz-animation: stars 0.7s linear;
  animation: stars 0.7s linear;
}

.write-review .review-rating li.first {
  color: #ff4f60;
}

.write-review .product-review-links,
.write-review .product-review-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 15px;
  font-size: 18px;
  font-weight: 500;
  color: var(--text-default);
}

  .write-review .product-review-links a {
    font-size: 16px;
    color: #8c8c8c;
    font-weight: 700;
    transition: all 0.1s ease;
  }

    .write-review .product-review-links a:hover {
      color: #444;
    }

.write-review .captcha-box {
  margin: 15px 0 0;
}

.myralis-text-EndReview {
  color: var(--text-primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin: 28px auto;
}

.write-review .button-1 {
  display: block;
  border: none;
  padding: 0 25px;
  height: 45px;
  width: 100%;
  border-radius: 3px;
  background-color: #eebe00;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  transition: all 0.2s ease;
}

  .write-review .button-1:hover {
    background-color: #e8af00;
  }

.product-reviews-page .result,
.product-reviews-page .message-error {
  margin: 0 0 20px;
}

.product-review-list {
  overflow: hidden;
  margin-bottom: 30px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 3px;
}

.my-product-reviews-list-page .product-review-list {
  margin: 0 56px;
  border: 0
}

.product-reviews-page .product-review-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.product-review-list:last-child {
  margin-bottom: 0;
}

.product-review-item {
  border-bottom: 1px solid #ccc;
  padding: 12px 0;
  text-align: center;
  overflow: hidden;
  display: flex;
  gap: 24px;
}

.product-reviews-page .product-review-item {
  justify-content: space-between;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 20px 24px;
}

.my-product-reviews-list-page .product-review-item {
  text-align: left;
}

.product-review-item:last-child {
  border-bottom: 0;
}

.product-details-page-body .product-review-item:last-child {
  border-bottom: 1px solid #ccc;
}

.product-review-item .review-body,
.product-review-item .review-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.product-reviews-page .product-review-item .review-body {
  width: 100%;
  text-align: left;
}

.product-review-item .review-info {
  width: 250px;
  min-width: 250px;
}

.product-reviews-page .product-review-item .review-info {
  width: 150px;
  min-width: 150px;
}

.product-review-item .product-review-box {
  display: block;
  margin-top: 3px;
}

.product-review-item .review-text,
.product-review-item .review-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.product-review-item .review-title {
  color: var(--text-primary);
}

  .product-review-item .review-title strong {
    font-weight: 500;
  }

.product-review-item .review-text {
  color: var(--text-default);
}

.review-type-rating-ext .review-title {
  display: none;
}

.product-review-item .review-text:last-child {
  margin-bottom: 0;
}

.product-review-item .review-info a,
.product-review-item .review-info span span {
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--text-default);
  transition: all 0.1s ease;
}

.product-review-item .review-info .user,
.product-review-item .review-info .user a {
  font-size: 16px;
  color: var(--text-default);
}

.product-review-item .review-info a:hover {
  color: #444;
}

.product-review-item .review-info span span {
  font-size: 16px;
}

.product-review-item .review-info span {
  display: block;
  vertical-align: middle;
  line-height: 18px;
}

.product-review-item .review-info .separator {
  margin: 0 5px;
  font-size: 18px;
  font-weight: 300;
  visibility: hidden;
}

.product-review-item .review-info span label {
  display: none;
}

.product-review-helpfulness {
  width: 150px;
  min-width: 150px;
}

  .product-review-helpfulness > span {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: var(--myracolors-11);
  }

    .product-review-helpfulness > span:first-child {
      margin-top: 0;
    }

.vote-stats > span {
  display: inline-block;
  margin: 0 3px;
}

.product-review-helpfulness .vote {
  display: inline-block;
  padding: 5px 5px 0 5px;
  font-size: 0;
  cursor: pointer;
}

  .product-review-helpfulness .vote:before {
    display: block;
    font-size: 20px;
    color: var(--text-secondary);
    transition: all 0.2s ease;
  }

  .product-review-helpfulness .vote:first-child:before {
    content: "\46";
  }

  .product-review-helpfulness .vote:last-child:before {
    content: "\47";
  }

  .product-review-helpfulness .vote:first-child:hover:before {
    content: "\e902";
  }

  .product-review-helpfulness .vote:last-child:hover:before {
    content: "\e901";
  }

.product-review-helpfulness .result {
  margin: 0 0 0 10px;
}

.product-review-item .reply {
  margin: 30px 0 0;
  padding: 15px;
  border-radius: 3px;
  background-color: #f6f6f6;
}

.product-review-item .reply-header {
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 15px;
  color: #444;
}

.product-review-box .rating {
  width: 75px;
  height: 14px;
  background: url("../icons/rating.svg") repeat-x;
  background-size: contain;
}

.review-success .product-review-box .rating {
  width: 119px;
  height: 22px;
}

.product-review-box .rating div {
  height: 14px;
  background: url("../icons/rating-filled.svg") repeat-x;
  background-size: contain;
}

.review-success .product-review-box .rating div {
  height: 22px;
}

.product-review-item .reply-text {
  font-size: 14px;
}
/* #endregion Product review*/

/* #region Product Details (Macro)*/
/* detalhe de produto */


/********** PRODUCT PAGE **********/

.product-details-page .product-grid {
  width: 100%;
}

.overview {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

  .overview .overview__center {
    width: calc(100% - 360px);
    margin: 0 36px 0 24px;
    display: flex;
    flex-direction: column;
  }

  .overview .overview__right {
    width: 300px;
    display: flex;
    flex-direction: column;
  }

button#change-me.myralis-buy-btn-details {
  background-color: var(--myracolors-1);
}

  button#change-me.myralis-buy-btn-details span {
    color: #fff;
  }

.product-essential {
  border-radius: 16px 16px 0 0;
  background-color: #fff;
  padding: 32px 24px 0 24px;
}

/* #region Price */

.overview .prices,
.variant-overview .prices {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.overview .old-product-price {
  color: #878787;
  margin-bottom: 4px;
}

  .overview .old-product-price span,
  .overview .old-product-price label {
    font-size: 18px;
    text-decoration: line-through;
  }

.overview .product-price {
  font-family: var(--myralis-font-family);
  font-size: 32px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 12px;
}

.myralis-details-discount-avaliable-text {
  color: var(--myracolors-3);
  font-family: Ubuntu;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: start;
}

.myralis-details-fidelity-discounts-area {
  gap: 20px;
  color: var(--text-primary);
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.myralis-fidelity-details-points-area {
  display: flex;
  align-items: center;
  gap: 5px;
}

.myralis-text-fidelity-details {
  color: var(--text-primary);
  text-align: center;
  font-family: Barlow;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.overview .promotion-price {
  margin-bottom: 24px;
}

  .overview .promotion-price > span {
    font-size: 18px;
    color: var(--text-primary);
  }

/* #endregion Price */

/* #region Add to cart */

.overview .add-to-cart {
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.overview .add-to-cart-panel {
  display: flex;
  justify-content: space-between;
  position: relative;
  font-size: 0;
  gap: 8px;
  width: 100%;
  align-items: center;
  padding: 0 7.5px;
}

.overview .add-to-cart-qty-wrapper {
  width: 92px;
  height: 28px;
  display: flex;
  gap: 2px;
  text-align: center;
  position: unset;
  border-width: 0;
  border-radius: unset;
}

  .overview .add-to-cart-qty-wrapper .qty-input,
  .overview .add-to-cart-qty-wrapper .qty-dropdown {
    background: none;
    color: var(--myracolors-14);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    width: 29px;
    height: 29px;
    padding: 5px 0;
    border-radius: 4px;
    border: 1px solid #ccc;
  }
  /*iOS bug fix end, makes buttons clickable*/

  .overview .add-to-cart-qty-wrapper .plus,
  .overview .add-to-cart-qty-wrapper .minus {
    width: 29px;
    height: 29px;
    border-radius: 4px;
    font-family: "emporium-icons";
    font-size: 8px;
    line-height: 29px;
    color: #000;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    cursor: pointer;
    user-select: none;
    transition: all 0.2s ease;
  }


.overview .qty-dropdown + .add-to-cart-button {
  width: calc(100% - 85px);
  max-width: 250px;
}

.overview [id^='change-me'],
.overview .add-to-cart-panel button.add-to-cart-button {
  width: 168px;
  margin: 0;
  padding: 4px 12px;
  height: 40px;
}

  .overview [id^='change-me'] > span,
  .overview .add-to-cart-panel button.add-to-cart-button > span {
    font-size: 14px;
    padding: 0;
  }

/* #endregion Add to cart */

/* #region Freight */
/* Frete */
.overview .myralis-freight-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  border-radius: 8px;
  margin-top: 42px;
  border: 1px solid #CCC;
  width: 100%;
  margin-bottom: 30px;
}

.product-details-page .overview .myralis-freight-container {
  gap: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}

.myralis-crm span.font-1.p.text-primary.w-100.full-w {
  font-size: 18px;
  font-weight: 500;
}

.overview .myralis-freight {
  display: flex;
  flex-direction: column;
  width: 100%;
}

  .overview .myralis-freight .freight-header,
  .overview .myralis-freight .freight-body {
    display: flex;
    align-items: center;
  }

  .overview .myralis-freight .freight-header {
    gap: 6px;
    white-space: nowrap;
  }

  .overview .myralis-freight .freight-body {
    justify-content: space-between;
  }

    .overview .myralis-freight .freight-body input {
      padding: 6px 12px;
      height: 36px;
      border-radius: 8px;
      max-width: 160px;
    }

  .overview .myralis-freight .myralis-calculate-btn-produto {
    width: 96px;
    min-height: 40px;
  }

.overview .myralis-freight-items {
  width: 100%;
}

  .overview .myralis-freight-items > span {
    display: inline-block;
  }

  .overview .myralis-freight-items .gap {
    margin-top: 8px;
    margin-bottom: 8px;
  }

    .overview .myralis-freight-items .gap:first-child {
      margin-top: 0;
    }

    .overview .myralis-freight-items .gap:last-child {
      margin-bottom: 0;
    }




.myralis-optionfrete {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 12px;
  display: flex;
  gap: 12px;
}

.myralis-fidelity-details-title-area span {
  color: var(--myracolors-2);
  font-family: Ubuntu;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
}

.myralis-details-fidelity-full {
  display: flex;
  padding: 15px 15px;
  flex-direction: column;
  justify-content: center;
  /*align-items: center;*/
  gap: 16px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px dashed var(--myracolors-10);
}

.myralis-fidelity-price {
  color: var(--myracolors-3);
}

.myralis-fidelity-details-points-area img {
  width: 24px;
}

.myralis-fidelity-details-title-area {
  display: flex;
  align-items: center;
  gap: 20px;
}

.myralis-fidelity-description-area {
  font-family: Barlow;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  width: 100%;
  text-align: center;
}

button.button-base.button-primary.myralis-quero-cadastrar-btn {
  margin-bottom: 0;
  margin-top: 0;
}

.product-details-page span.font-1.p.fw-normal.text-primary {
  font-size: 18px;
}

.myralis-optionfrete-transportadora {
  display: flex;
  font-weight: 700;
  font-size: 16px;
  color: var(--text-primary);
  align-items: end;
}

.shopping-cart-page .myralis-optionfrete-transportadora {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-weight: 700;
  font-size: 16px;
  color: var(--text-primary);
  width: 100%;
}

.myralis-optionfrete-transitdays {
  text-align: left;
  margin-top: 6px;
  font-weight: 400;
  font-size: 14px;
  color: var(--text-default-2);
}

#myralis-getfrete-fail {
  display: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: justify;
  color: var(--error);
}

.myralis-items-frete {
  align-items: center;
  display: flex;
  max-width: 10px;
}

.myralis-frete {
  align-content: center;
  margin-top: 17px;
}
/* #endregion Freight */

/* #region MyralisCrm */
.myralis-crm {
  padding: 20px;
  background-color: #e9f3ff;
  border-radius: 8px;
  width: 100%;
}

  .myralis-crm .crm-header {
    display: flex;
    align-items: center;
    gap: 36px;
    text-align: left;
    width: 66%;
  }

    .myralis-crm .crm-header button {
      margin: 0;
      padding: 12px;
      height: 26px;
      min-height: 26px;
      border-radius: 4px;
      width: 50%;
    }

      .myralis-crm .crm-header button > span {
        padding: 0;
      }

  .myralis-crm .crm-body {
    padding-top: 12px;
  }

    .myralis-crm .crm-body .gap {
      width: 100%;
    }

.myralis-crm-area {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.myralis-crm .crm-body .gap:first-child {
}

.myralis-crm .crm-body .gap:last-child {
}

.myralis-crm .crm-header button[data-selected='true'] {
  background-color: var(--myracolors-3);
}

/* #endregion MyralisCrm */

/* #region Attributes */
.product-details-page .attributes-wrapper {
  padding: 0 !important;
  border-radius: 16px 16px 0px 0px;
}

  .product-details-page .attributes-wrapper .attributes {
    display: flex;
    background: #F0F0F0;
    border-radius: 8px;
    padding: 12px 12px;
    gap: 6px;
    /* margin-bottom: 12px; */
    max-width: 410px;
    margin-top: 24px;
  }

    .product-details-page .attributes-wrapper .attributes label {
      font-size: 16px;
      font-weight: 500;
      width: 100%;
      display: inline-flex;
      text-align: left;
      color: var(--text-primary);
      margin-bottom: 6px;
    }

    .product-details-page .attributes-wrapper .attributes li {
      display: inline-flex;
      align-items: center;
    }

      .product-details-page .attributes-wrapper .attributes li > label {
        font-size: 14px;
        font-weight: 400;
      }

        .product-details-page .attributes-wrapper .attributes li > label.switch {
          width: 36px;
          margin-right: 14px;
        }
/* #endregion Attributes */

/* #region Manufacturers */
.product-name .manufacturers,
.overview .manufacturers {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: var(--text-default);
  text-align: left;
  margin-bottom: 12px;
}

  .product-name .manufacturers .label,
  .overview .manufacturers .label {
    font-weight: 500;
  }

  .product-name .manufacturers .value,
  .overview .manufacturers .value {
    color: var(--text-secondary);
  }

    .product-name .manufacturers .value:hover,
    .overview .manufacturers .value:hover {
      font-weight: 500;
    }

/* #endregion Manufacturers */

/* #region Product Name, short description, others */
.overview .product-name {
  margin: 0 0 12px;
}

.product-name h1 {
  margin-bottom: 16px;
  color: var(--text-default);
  font-family: var(--myralis-font-family);
  font-size: 22px;
  font-weight: 500;
  text-align: left;
}

.overview .short-description {
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 16px;
  color: var(--text-default);
  text-align: justify;
}

.overview .additional-details,
.variant-overview .additional-details {
  /*margin-bottom: 12px;*/
}

  .overview .additional-details div,
  .variant-overview .additional-details div {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    color: var(--text-default);
    margin-bottom: 12px;
  }

    .overview .additional-details div .value,
    .variant-overview .additional-details div .value {
      font-weight: 400;
    }

      .overview .additional-details div .value a,
      .variant-overview .additional-details div .value a {
        text-decoration: none;
      }

        .overview .additional-details div .value a:hover,
        .variant-overview .additional-details div .value a:hover {
          font-weight: 500;
        }

.product-social-buttons {
  display: flex;
  align-items: center;
  padding-bottom: 24px;
}

.product-social-label {
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: var(--text-default);
  margin-right: 8px
}

.product-social-sharing li {
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
}

  .product-social-sharing li a {
    display: block;
    font-size: 0;
    backface-visibility: hidden;
  }

    .product-social-sharing li a:before,
    .email-a-friend:before {
      display: block;
      font-size: 22px;
      color: var(--text-default);
      transition: all 0.5s ease;
    }

    .product-social-sharing li a:hover:before,
    .product-social-sharing .email-a-friend:hover:before {
      -webkit-transform: rotate3d(0, 1, 0, 360deg);
      -ms-transform: rotate3d(0, 1, 0, 360deg);
      transform: rotate3d(0, 1, 0, 360deg);
    }

.product-social-sharing a.twitter:before {
  content: url("../Themes/Emporium/Content/icons/facebook.svg");
  /*  url(../img/select-arrow-dark.svg) no-repeat right 15px center;*/
}

.product-social-sharing a.facebook:before {
  content: "\6e";
}

.product-social-sharing a.pinterest:before {
  content: "\44";
}

.product-social-sharing a.google:before {
  content: "\70";
}

.product-social-sharing .email-a-friend:before {
  content: "\6d";
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.product-social-sharing .email-a-friend {
  position: relative;
}

  .product-social-sharing .email-a-friend button {
    width: 22px;
    height: 22px;
    border: none;
    background: transparent;
    font-size: 0;
  }

.product-social-sharing li a:hover:before,
.email-a-friend:hover:before {
  color: #97c300;
}
/* #endregion Product Name, short description, others */

/* #region Reviews */
.product-reviews-overview {
  margin: 0 0 12px; /*not present in variant-overview*/
}

.myralis-review-overview {
  margin-top: 4px;
}

.html-product-details-page .product-review-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.html-product-details-page .write-review .product-review-box,
.html-product-details-page .modal-content .product-review-box {
  align-items: center;
}
/* #endregion Reviews */

/* #region Stock */
.overview .availability:has(.in-stock),
.overview .availability .stock .in-stock {
  display: none;
}

.overview .availability {
  padding: 24px 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
}

.overview .stock .label,
.variant-overview .stock .label {
  display: none;
}

.out-of-stock {
  color: var(--text-default);
  margin-bottom: 24px;
  display: block;
  font-size: 18px;
  font-family: var(--myralis-font-family);
}

.in-stock {
  color: var(--myracolors-14);
}

.back-in-stock-subscription {
  font-size: 0;
  backface-visibility: hidden;
}

.backinstock-subscribe {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 16px;
}

  .backinstock-subscribe #backinstockdescription {
    font-size: 16px;
    margin-bottom: 24px;
    color: var(--text-default);
    text-align: justify;
  }

.subscribe-fields {
  display: flex;
  flex-direction: column;
  text-align: left;
  line-height: 18px;
  color: var(--text-default-2);
  gap: 8px;
}

#backinstockbutton {
  display: flex;
  height: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  border: 0;
  border-radius: 8px;
}

  #backinstockbutton span {
    font-size: 14px;
    font-weight: 700;
  }

.remove-subscribe-button {
  color: #f0f0f0 !important;
  background: var(--myracolors-fg-1) !important;
}

.back-in-stock-subscription .back-in-stock-header {
  text-align: left;
  margin-bottom: 12px;
}
/* #endregion Stock */

/* #region Product details Fidelidade */
/* Detalhe de produto Fidelidade Sua Saúde */
#fidelity-program-points-wrapper {
  width: calc(100%)
}

.applied-discount-code {
  padding: unset;
}

a #myralis-continue-shopping-order-mobile {
  background-color: unset;
  border: 1px solid var(--myracolors-2);
  display: none;
}

.myralis-area-fidelity-infos {
  display: flex;
  justify-content: center;
  border: 1px dashed var(--myracolors-10);
  border-radius: 8px;
  margin-top: 24px;
  margin-bottom: 16px;
  padding: 12px;
}

.myralis-text-fidelity .estilo1:before {
  content: "";
  background-image: url(../icons/star-ssm.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 26px;
  height: 26px;
}

.myralis-text-fidelity span.estilo1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-family: var(--myralis-font-family);
  font-size: 22px;
  color: var(--text-primary);
  width: 240px;
}

.fidelity-cta-wrapper {
  display: flex;
  width: 264px;
}

  .fidelity-cta-wrapper .estilo2 {
    font-size: 14px;
    color: var(--text-default);
    text-align: center;
    line-height: 22px;
  }

.myralis-quero-cadastrar-btn {
  width: 264px;
}

/* #endregion Product details Fidelidade */

/* #Region Abas */
.product-details-page .productTabs-header {
  background-color: #fff;
}

.product-details-page .ui-tabs .ui-tabs-nav {
  width: 80%;
  border-bottom: 1px solid #ccc;
  margin: 0 auto;
  position: relative;
  overflow: visible;
}

  .product-details-page .ui-tabs .ui-tabs-nav li a {
    font-family: var(--myralis-font-family);
    font-size: 16px;
    font-weight: 500;
    color: var(--myracolors-11);
    letter-spacing: 0;
    padding: 6px;
    position: relative;
    top: 2px;
  }

  .product-details-page .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
  .product-details-page .ui-tabs .ui-state-active.ui-tabs-active a {
    color: var(--text-primary);
    border-bottom: 3px solid var(--text-primary);
  }

.full-description,
.product-specs-box {
  margin: 0 -10px;
  padding: 0 10px;
  clear: both;
}

.full-description {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--text-default);
  text-align: left;
}

  .full-description p {
    color: var(--text-default);
    line-height: 24px;
  }


.product-specs-box .data-table {
  border-radius: 3px;
  text-align: left;
  margin: 0;
}

  .product-specs-box .data-table td {
    padding: 20px 25px;
    border: none;
  }

.data-table td .color-squares {
  margin: -5px 0;
  display: inline-block;
  vertical-align: middle;
}


.product-specs-box .data-table td.spec-value,
.product-specs-box .data-table td.spec-name {
  font-size: 16px;
  color: var(--text-default);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.product-specs-box .data-table td.spec-value {
  font-weight: 400;
}

.product-specs-box tr.odd > td.spec-name,
.product-specs-box tr.odd > td.spec-value {
  background: #f0f0f0;
}

.bula-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: #fff;
  padding: 20px;
}

  .bula-text a {
    text-decoration: underline;
    color: var(--text-secondary);
    font-weight: 500;
  }

  .bula-text span {
    font-size: 20px;
    font-weight: 400;
  }
/* #endregion Abas */

.product-details-page-body #myralis-modal .modal-content,
.product-details-page-body #myralis-modal-SucessAdded .modal-content {
  z-index: 2100;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 48px;
}

.product-details-page-body #myralis-modal .close-modal,
.product-details-page-body #myralis-modal-SucessAdded .close-modal {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0;
  display: flex;
}

.product-details-page-body #myralis-modal #myralis-icon-close {
  margin: 0;
}

.product-details-page-body #myralis-modal .buttons {
  display: flex;
  justify-content: center;
}

  .product-details-page-body #myralis-modal .buttons button {
    width: 160px;
  }


.productTabs-body #quickTab-specifications {
  padding: 40px 10%;
}

.myralis-input-disabled {
  background-color: #e8e6e6;
}

.myralis-input-new-address select#StateProvinceId {
  width: 110px;
}

.myralis-city-estado-div input#address_attribute_1 {
  width: 110px;
}

.myralis-add-endereco .inputs.custom-attributes:last-child {
  width: unset !important;
}





textarea#AddProductReview_ReviewText {
  resize: none;
}

input#AddProductReview_Title {
  height: 40px;
  border-radius: 5px;
}

.product-essential:after {
  content: "";
  display: block;
  clear: both;
}

.gallery {
  margin: 0 auto 32px;
  max-width: 500px;
}

  .gallery .picture {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    font-size: 0;
  }

    .gallery .picture:before {
      content: "";
      display: block;
      width: 100%;
      padding-top: 100%;
    }

    .gallery .picture img {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      max-height: 100%;
    }

  .gallery .picture-thumbs {
    margin: 10px 0 0;
    overflow: hidden;
    text-align: center;
    font-size: 0;
  }

  .gallery .thumb-item {
    display: inline-block;
    position: relative;
    width: 85px;
    margin: 0 4px 10px;
    border-radius: 3px;
    border: 1px solid #eeeeee;
    overflow: hidden;
    background-color: #fff;
    cursor: pointer;
  }

    .gallery .thumb-item:before {
      content: "";
      display: block;
      padding-top: 100%;
    }

    .gallery .thumb-item img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: 100%;
      max-height: 100%;
      margin: auto;
    }

.myralis_aproveite_leve .product-ribbon.sale-ribbon {
  background-color: transparent !important;
}

.myralis_aproveite_leve div#myralis-ribbon {
  background-color: #89606000 !important;
}

.product-no-reviews a {
  font-size: 14px;
  color: #8c8c8c;
  transition: color 0.2s ease;
}

  .product-review-links a:hover,
  .product-no-reviews a:hover {
    font-weight: 500;
  }

.product-review-links {
  font-size: 14px;
  color: #8c8c8c;
}

  .product-review-links .separator {
    margin: 0 5px;
  }

  .product-review-links a {
    transition: color 0.2s ease;
  }

.overview .compare-products {
  margin-bottom: 40px;
}

.compare-products .add-to-compare-list-button {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #8c8c8c;
  text-transform: uppercase;
  border: none;
  background: transparent;
  transition: all 0.2s ease;
}

  .compare-products .add-to-compare-list-button:before {
    content: "\62";
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 10px;
    font-size: 18px;
    color: #8c8c8c;
    text-transform: none;
    font-weight: normal;
    transition: all 0.2s ease;
  }

  .compare-products .add-to-compare-list-button:hover,
  .compare-products .add-to-compare-list-button:hover:before {
    color: #97c300;
  }

    .compare-products .add-to-compare-list-button:hover:before {
      -webkit-transform: rotate3d(1, 0, 0, 180deg);
      -ms-transform: rotate3d(1, 0, 0, 180deg);
      transform: rotate3d(1, 0, 0, 180deg);
    }



.subscription-bell:before {
  content: "\45";
  display: inline-block;
  margin-right: 7px;
  vertical-align: bottom;
  color: #8c8c8c;
  font-size: 17px;
  transition: color 0.2s ease;
}

.overview .delivery {
  margin: 20px 0 10px;
}

.variant-overview .delivery {
  margin: 20px 0 0;
}

.delivery .free-shipping {
  color: #8c8c8c;
  font-size: 14px;
}

.delivery .delivery-date {
  font-size: 14px;
  color: #8c8c8c;
}

.free-shipping + .delivery-date {
  margin: 5px 0 0;
}

.download-sample {
  font-size: 0;
  margin: 30px 0;
}

  .download-sample a {
    font-size: 13px;
    color: #97c300;
    font-weight: bold;
    text-transform: uppercase;
  }

    .download-sample a:before {
      content: "\4a";
      display: inline-block;
      margin-right: 10px;
      font-size: 18px;
      text-transform: none;
      font-weight: normal;
      vertical-align: text-bottom;
      color: black;
    }

.overview-buttons div {
  display: inline-block;
  margin: 0 5px 10px;
}

.product-estimate-shipping {
  margin: 20px 0 10px;
  color: #8c8c8c;
}

  .product-estimate-shipping a {
    display: block;
  }

  .product-estimate-shipping i {
    display: inline-block;
    transform: rotate(45deg);
    margin: 0 0 6px 9px;
    border: solid black;
    border-width: 0 1px 1px 0;
    padding: 3px 3px;
  }

  .product-estimate-shipping .shipping-loading {
    display: none !important; /*disable preloader*/
  }

  .product-estimate-shipping .shipping-title {
    margin: 0 0 5px;
    font-size: 15px;
  }

  .product-estimate-shipping .shipping-price {
    margin: 0 0 0 5px;
    vertical-align: middle;
    color: #000;
  }

  .product-estimate-shipping .shipping-address {
    white-space: nowrap;
    font-size: 12px;
  }

    .product-estimate-shipping .shipping-address span {
      display: inline-block;
      max-width: calc(100% - 30px);
      overflow: hidden;
      text-overflow: ellipsis;
    }

  .product-estimate-shipping .shipping-date {
    margin: 15px 0 0;
    font-size: 14px;
  }



.attributes .qty-box {
  margin: 0 0 0 5px;
}

  .attributes .qty-box label {
    display: none;
  }

  .attributes .qty-box input[type="text"] {
    width: 50px;
    height: 45px;
    text-align: center;
    border-radius: 3px;
  }

.html-product-details-page div.k-window.ajaxCart:has(.addProductVariantToCartErrors) {
  padding: 20px 25px !important;
  width: 500px !important;
}

.product-details-page .product-grid {
  width: 100%;
}

.product-details-page-body #myralis-modal .modal-content,
.product-details-page-body #myralis-modal-SucessAdded .modal-content {
  z-index: 2100;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 48px;
}

.product-details-page-body #myralis-modal .close-modal,
.product-details-page-body #myralis-modal-SucessAdded .close-modal {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0;
  display: flex;
}

.product-details-page-body #myralis-modal #myralis-icon-close {
  margin: 0;
}

.product-details-page-body #myralis-modal .buttons {
  display: flex;
  justify-content: center;
}

.productTabs-body #quickTab-specifications {
  padding: 40px 10%;
}



.myralis-input-disabled {
  background-color: #e8e6e6;
}

.myralis-input-new-address select#StateProvinceId {
  width: 110px;
}

.myralis-city-estado-div input#address_attribute_1 {
  width: 110px;
}

textarea#AddProductReview_ReviewText {
  resize: none;
}

input#AddProductReview_Title {
  height: 40px;
  border-radius: 5px;
}


.product-essential:after {
  content: "";
  display: block;
  clear: both;
}

.gallery {
  margin: 0 auto 32px;
  max-width: 500px;
}

  .gallery .picture {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    font-size: 0;
  }

    .gallery .picture:before {
      content: "";
      display: block;
      width: 100%;
      padding-top: 100%;
    }

    .gallery .picture img {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      max-height: 100%;
    }

  .gallery .picture-thumbs {
    margin: 10px 0 0;
    overflow: hidden;
    text-align: center;
    font-size: 0;
  }

  .gallery .thumb-item {
    display: inline-block;
    position: relative;
    width: 85px;
    margin: 0 4px 10px;
    border-radius: 3px;
    border: 1px solid #eeeeee;
    overflow: hidden;
    background-color: #fff;
    cursor: pointer;
  }

    .gallery .thumb-item:before {
      content: "";
      display: block;
      padding-top: 100%;
    }

    .gallery .thumb-item img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: 100%;
      max-height: 100%;
      margin: auto;
    }

select.myralis-input {
  font-weight: 400;
  font-size: 16px;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border-color: #ccc;
  color: var(--text-default);
  padding: 4px 0 4px 13px !important;
}

  select.myralis-input > option {
    color: var(--text-default);
  }



.myralis_aproveite_leve .product-ribbon.sale-ribbon {
  background-color: transparent !important;
}

.myralis_aproveite_leve div#myralis-ribbon {
  background-color: #89606000 !important;
}

.product-no-reviews a {
  font-size: 14px;
  color: #8c8c8c;
  transition: color 0.2s ease;
}

  .product-review-links a:hover,
  .product-no-reviews a:hover {
    color: #97c300;
  }

.product-review-links {
  font-size: 14px;
  color: #8c8c8c;
}

  .product-review-links .separator {
    margin: 0 5px;
  }

  .product-review-links a {
    transition: color 0.2s ease;
  }

.overview .compare-products {
  margin-bottom: 40px;
}

.compare-products .add-to-compare-list-button {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #8c8c8c;
  text-transform: uppercase;
  border: none;
  background: transparent;
  transition: all 0.2s ease;
}

  .compare-products .add-to-compare-list-button:before {
    content: "\62";
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 10px;
    font-size: 18px;
    color: #8c8c8c;
    text-transform: none;
    font-weight: normal;
    transition: all 0.2s ease;
  }

  .compare-products .add-to-compare-list-button:hover,
  .compare-products .add-to-compare-list-button:hover:before {
    color: #97c300;
  }

    .compare-products .add-to-compare-list-button:hover:before {
      -webkit-transform: rotate3d(1, 0, 0, 180deg);
      -ms-transform: rotate3d(1, 0, 0, 180deg);
      transform: rotate3d(1, 0, 0, 180deg);
    }



.subscription-bell:before {
  content: "\45";
  display: inline-block;
  margin-right: 7px;
  vertical-align: bottom;
  color: #8c8c8c;
  font-size: 17px;
  transition: color 0.2s ease;
}

.back-in-stock-subscription:hover:before {
  color: #97c300;
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -moz-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.overview .delivery {
  margin: 20px 0 10px;
}

.variant-overview .delivery {
  margin: 20px 0 0;
}

.delivery .free-shipping {
  color: #8c8c8c;
  font-size: 14px;
}

.delivery .delivery-date {
  font-size: 14px;
  color: #8c8c8c;
}

.free-shipping + .delivery-date {
  margin: 5px 0 0;
}

.download-sample {
  font-size: 0;
  margin: 30px 0;
}

  .download-sample a {
    font-size: 13px;
    color: #97c300;
    font-weight: bold;
    text-transform: uppercase;
  }

    .download-sample a:before {
      content: "\4a";
      display: inline-block;
      margin-right: 10px;
      font-size: 18px;
      text-transform: none;
      font-weight: normal;
      vertical-align: text-bottom;
      color: black;
    }

.overview-buttons div {
  display: inline-block;
  margin: 0 5px 10px;
}


.product-estimate-shipping {
  margin: 20px 0 10px;
  color: #8c8c8c;
}

  .product-estimate-shipping a {
    display: block;
  }

  .product-estimate-shipping i {
    display: inline-block;
    transform: rotate(45deg);
    margin: 0 0 6px 9px;
    border: solid black;
    border-width: 0 1px 1px 0;
    padding: 3px 3px;
  }

  .product-estimate-shipping .shipping-loading {
    display: none !important; /*disable preloader*/
  }

  .product-estimate-shipping .shipping-title {
    margin: 0 0 5px;
    font-size: 15px;
  }

  .product-estimate-shipping .shipping-price {
    margin: 0 0 0 5px;
    vertical-align: middle;
    color: #000;
  }

  .product-estimate-shipping .shipping-address {
    white-space: nowrap;
    font-size: 12px;
  }

    .product-estimate-shipping .shipping-address span {
      display: inline-block;
      max-width: calc(100% - 30px);
      overflow: hidden;
      text-overflow: ellipsis;
    }

  .product-estimate-shipping .shipping-date {
    margin: 15px 0 0;
    font-size: 14px;
  }

.attributes .qty-box {
  margin: 0 0 0 5px;
}

  .attributes .qty-box label {
    display: none;
  }

  .attributes .qty-box input[type="text"] {
    width: 50px;
    height: 45px;
    text-align: center;
    border-radius: 3px;
  }

.html-product-details-page div.k-window.ajaxCart:has(.addProductVariantToCartErrors) {
  padding: 20px 25px !important;
  width: 500px !important;
}


.shopping-cart-page .common-buttons {
  display: flex;
  gap: calc(100% + -447px);
  margin-top: 12px;
}

.ajax-cart-button-wrapper.qty-enabled a.button-base {
  margin: 0;
  text-transform: uppercase;
}

a[id^='product_attribute_'] > div {
  width: 100%;
}

.product-details-page .error-attribute:before {
  content: "";
  display: block;
  background-image: url("../icons/exclamation-circle.svg");
  min-width: 14px;
  min-height: 15px;
  color: var(--error);
  background-repeat: no-repeat;
}

span[id^="product_attribute_error_product_attribute_"] {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

.product-details-page .error-attribute {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  color: var(--error);
  /* margin: 0 12px; */
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
  gap: 6px;
  margin-top: 6px;
  /* align-items: center; */
  /* justify-content: center; */
  text-align: left;
}


.product-details-page .product-prices-box > div:first-child {
  border-radius: 16px;
}

.product-details-page .button-clicked-notify {
  display: none;
  border: 1px solid #28a745;
  padding: 12px 8px;
}

  .product-details-page .button-clicked-notify span {
    color: #28a745;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
  }






.discontinued-product {
  margin: 0 0 20px;
  color: #ff4f60;
}

/* #endregion Product Details */

/* #region CardProduto */
/* CARD PRODUTO*/
.myralis-home-categoria {
  width: 100%;
  height: 300px;
  margin: 0;
  padding: 16px;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.16);
  border-radius: 16px !important;
}

  .myralis-home-categoria div.product-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .myralis-home-categoria .ribbon-position.top-left {
    transform: translate(-25%);
  }

  .myralis-home-categoria .pay1get2tag {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 73px;
    height: 48px;
    align-items: center;
    background-color: #ff5c00;
    display: flex;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    border-radius: 0px 16px 0px 40px;
  }

  .myralis-home-categoria .myralis-text-cada-por-area {
    left: 50%;
    transform: translateX(-50%);
    width: 186px;
  }

    .myralis-home-categoria .myralis-text-cada-por-area .pay1get2tag span {
      padding-left: 6px;
    }

    .myralis-home-categoria .myralis-text-cada-por-area .myralis-tag2-leve,
    .myralis-home-categoria .myralis-text-cada-por-area .myralis-tag2-cada-por {
      padding: 4px 8px;
      width: fit-content;
    }


div.product-ribbon {
  width: 44px !important;
  height: 44px !important;
  margin-top: -15px !important;
  margin-right: -30px !important;
  border: 0px !important;
  justify-content: center !important;
  align-items: center !important;
  display: flex !important;
}

  div.product-ribbon .ribbon-text {
    font: normal 13px var(--myralis-font-family);
    font-weight: 400px;
  }

.myralis-home-categoria .details {
  display: flex;
  flex-direction: column;
  /*gap: 12px;*/
}


  .myralis-home-categoria .details .product-rating-box,
  .myralis-homepage-products .details .product-rating-box,
  .myralis-newsletter-carrousel-area .details .product-rating-box {
    display: none;
  }

.manufacturer-page-body .myralis-newsletter-footer.master-wrapper-content {
  padding: 0 125px !important;
}

.checkout-pages-body .myralis-newsletter-footer-form {
  padding: 30px;
  padding-bottom: 0;
}

.myralis-newsletter-carrousel-area .details .product-title,
.myralis-home-categoria .details .product-title {
  font-size: 12px;
  line-height: 18px;
  height: 40px;
  font-weight: 500;
  color: var(--text-default);
  padding: 0;
}

.myralis-price-und {
  color: var(--myracolors-2);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /*margin-left: 5px;*/
}

.myralis-price-und-salesofday {
  color: var(--myracolors-2);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-left: 5px;
  margin-bottom: 9px !important;
}

.myralis-price-leve {
  color: var(--myracolors-2);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /*margin-left: 5px;*/
}

.myralis-promotion-price-salesofday {
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  color: var(--myracolors-primary);
}

.myralis-price-leve-salesofday {
  color: var(--myracolors-2);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-left: 5px;
}


.details h2.product-title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-family: 'Barlow';
  font-size: 16px;
}

.myralis-mecprogression-nomember-progression {
  display: flex;
  height: 30px;
  align-items: center;
  font-size: 13px;
  color: var(--text-3);
  font-weight: 500;
  background: var(--myralis-progression-nomember-bg);
  border-radius: 16px;
  border: 0.5px solid var(--myracolors-2);
  border-right: none;
}

.product-details-page .myralis-mecprogression-nomember-progression {
  font-size: 16px;
}

.myralis-mecprogression-1 {
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.myralis-mecprogression-2 {
  height: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 16px;
  border: 1px solid var(--myralis-progression-nomember-bg-2);
  background: var(--myralis-progression-nomember-bg-2);
}

.myralis_aproveite_leve .myralis-new-h2.product-title a {
  height: 41px;
}

.myralis_aproveite_leve .prices {
  height: 35px;
}

.myralis-price-und {
  color: var(--myracolors-2);
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /*margin-left: 5px;*/
}

.myralis-price-und-salesofday {
  color: var(--myracolors-2);
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-left: 5px;
  margin-bottom: 9px !important;
}

.myralis-price-leve {
  color: var(--myracolors-2);
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /*margin-left: 5px;*/
}

.myralis-home-categoria .myralis-price-und {
  font-size: 14px;
}

.myralis-home-categoria .myralis-price-leve {
  font-size: 14px;
}

.myralis-home-categoria .myralis-promotion-price {
  font-size: 20px;
}


.myralis-price-leve-salesofday {
  color: var(--myracolors-2);
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-left: 5px;
}

.myralis-promotion-price-salesofday {
  font-family: Barlow;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  color: var(--myracolors-primary);
}

.myralis-newsletter-carrousel-area .details .add-info,
.myralis-home-categoria .details .add-info {
  display: flex;
  flex-direction: column;
  gap: 0;
}

  .myralis-home-categoria .details .add-info:has(.unavailable-product) {
    gap: 0px;
  }

.myralis-home-categoria .row-valor.prices-star {
  height: 67px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.myralis-home-categoria .details .add-info .actual-price {
  /*color: var(--text-primary) !important;*/
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 24px !important;
  white-space: nowrap;
  font-family: 'Barlow';
}

.myralis-home-categoria div.buttons {
  display: flex;
}

  .myralis-home-categoria div.buttons > div,
  .myralis-home-categoria div.buttons > div > a {
    display: flex;
    width: 100%;
  }

.myralis-home-categoria .pay1get2tag-price {
  position: absolute;
  display: flex;
  align-self: flex-end;
  width: 100%;
  height: 24px;
  justify-content: center;
  border-radius: 8px;
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.15));
  margin-bottom: 5px;
  z-index: 2;
  left: 0;
  top: 42%;
}

  .myralis-home-categoria .pay1get2tag-price div {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .myralis-home-categoria .pay1get2tag-price .leve2 {
    color: #fff;
    background-color: #ff5c00;
    font-weight: 600;
  }

  .myralis-home-categoria .pay1get2tag-price .pricetag {
    color: #ff5c00;
    background-color: #fff;
    font-weight: 600;
  }

.add-to-cart-qty-wrapper {
  width: 60px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  border: 1px solid #ced4da;
  text-align: left;
  border-radius: 8px;
}

.category-page .myralis-buy-btn-colors, .myralis-home-categoria .myralis-buy-btn-colors {
  background-color: var(--myracolors-buy-btn) !important;
}

  .category-page .myralis-buy-btn-colors span, .myralis-home-categoria .myralis-buy-btn-colors span {
    color: var(--text-primary) !important;
  }

.myralis-home-categoria div.buttons .add-to-cart-qty-wrapper {
  display: flex;
  width: 62px !important;
  height: 32px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  align-items: center;
  box-shadow: unset !important;
}


.add-to-cart-qty-wrapper .qty-input,
.add-to-cart-qty-wrapper .qty-dropdown {
  width: 60px;
  height: 30px;
  border: none;
  background: none;
  padding: 12px 27px 12px 0;
  color: var(--text-primary);
  font-size: 14px;
  font-style: normal;
  line-height: 24px;
  font-weight: 600;
}

.myralis-order-filter-name {
  color: var(--myracolors-2);
  margin-top: 15px;
  margin-left: 16px;
  white-space: nowrap;
  color: var(--myracolors-2);
  font-family: Ubuntu;
  font-size: 16px;
  font-weight: 500;
}

div.buttons .add-to-cart-qty-wrapper span {
  color: #ced4da;
}

div.buttons .add-to-cart-qty-wrapper .plus {
  top: 33%;
}

div.buttons .add-to-cart-qty-wrapper .minus {
  bottom: 27%;
}

div.buttons .add-to-cart-qty-wrapper .plus,
div.buttons .add-to-cart-qty-wrapper .minus {
  position: absolute;
  right: 3px;
  height: 0 !important;
  display: flex;
  align-items: center;
  width: 30%;
  color: #8e8e8e;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease;
}

div.buttons .add-to-cart-qty-wrapper .productQuantityTextBox {
  width: 70%;
  height: 100%;
  color: var(--text-default);
  font-weight: 500;
  border: 0;
  padding: 0 !important;
  text-align: center !important;
  font-family: var(--myralis-font-family);
  font-size: 16px;
  padding: 6px !important;
}

.myralis-home-categoria div.buttons button {
  min-height: 32px;
  width: 100% !important;
  margin: 0;
}

/* card produto carrousel newsletter */

.myralis-newsletter-carrousel-area div.product-ribbon {
  margin: 0 !important;
  border: 0px !important;
}

.myralis-newsletter-carrousel-area .ajax-cart-button-wrapper.qty-enabled {
  display: flex !important;
}

.myralis-newsletter-carrousel-area img.picture-img {
  width: 164px !important;
}

.myralis-newsletter-carrousel-area .item-box .product-title,
.item-box .title {
  height: 100%;
  min-height: 60px;
}

.myralis-newsletter-carrousel-area .product-box-add-to-cart-button {
  height: 100% !important;
}

.myralis-newsletter-carrousel-area .add-info .buttons {
  margin: 0 !important;
}

.myralis-newsletter-carrousel-area a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
}

/* #endregion CardProduto*/

.search-input input + label {
  display: inline;
  margin: 0 0 0 2px;
}

.basic-search {
  padding: 0 20px 30px;
}

.advanced-search {
  padding: 30px 20px;
  border-top: 2px solid #fff;
}

  .basic-search > .inputs,
  .advanced-search > .inputs {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .advanced-search .price-range {
    display: block;
    width: 100%;
    font-size: 0;
  }

    .advanced-search .price-range input {
      width: calc(50% - 5px);
      font-size: 13px;
    }

      .advanced-search .price-range input:nth-child(2) {
        margin-left: 10px;
      }

.search-input .warning,
.search-results .result {
  display: block;
  margin: 10px 0 0;
  font-weight: normal;
  color: #ff4f60;
}

.search-results {
  margin: 30px 0 0;
  background-color: #fff;
  border-radius: 12px;
}

/* #region SiteMap*/
.sitemap-page .description {
  margin: 0 auto 30px;
  max-width: 1000px;
  font-size: 15px;
  color: #8c8c8c;
  text-align: center;
}

.sitemap-page .entity {
  border: 1px solid #eee;
  border-radius: 3px 3px 0 0;
  border-bottom: none;
  padding: 30px 20px;
  text-align: center;
}

  .sitemap-page .entity + .entity {
    border-radius: 0;
  }

.myralis-price-leve {
  color: var(--myracolors-2);
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /*margin-left: 5px;*/
}

.myralis-promotion-price {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  color: var(--myracolors-1);
}

.myralis-promotion-price-salesofday {
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  color: var(--myracolors-1);
}

.myralis-price-leve-salesofday {
  color: var(--myracolors-2);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-left: 5px;
}

.sitemap-page .entity:last-child {
  border-radius: 0 0 3px 3px;
  border-bottom: 1px solid #eee;
}

.sitemap-page .entity-title {
  margin: 0 0 20px;
}

  .sitemap-page .entity-title h2 {
    font-size: 17px;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 2px;
  }

.sitemap-page .entity-body {
  line-height: 24px;
}

.sitemap-page li {
  display: inline-block;
  margin: 0 5px;
}

.sitemap-page a {
  display: block;
  padding: 5px;
  color: #97c300;
  font-size: 15px;
  transition: all 0.2s ease;
}

  .sitemap-page a:hover {
    color: #7c9a16;
  }

  .sitemap-page a:empty {
    display: none;
  }

/* #endregion SiteMap*/

/* #region Blog, News*/
/********** BLOG & NEWS **********/

.block-blog-archive .year {
  margin-top: 10px;
}

.year strong {
  display: block;
  cursor: default;
}

.blog-page .post,
.news-items .news-item {
  position: relative;
  margin: 0 0 20px;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  overflow: hidden;
}

.blog-page .post-details,
.news-items .news-item {
  padding: 30px 15px;
}

.search-input {
  background-color: #fff;
  border-radius: 12px;
}

.center-2 .blog-page .post,
.center-2 .news-items .news-item {
  text-align: left;
}

.blog-page .post:after,
.news-items .item:after {
  content: "";
  display: block;
  clear: both;
}

.post-title,
.news-title {
  display: block;
  margin: 0 0 20px;
  font-size: 25px;
  font-weight: 300;
  color: #444444;
}

.post-date,
.news-date {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.3px;
  color: #97c300;
  margin-bottom: 10px;
  text-transform: uppercase;
}

  .post-date + .read-comments {
    margin-left: 15px;
  }

.post-body,
.news-body {
  line-height: 1.5;
  font-size: 16px;
  color: #8c8c8c;
  font-weight: 400;
}

  .post-body + .buttons,
  .news-body + .buttons {
    margin-top: 25px;
  }

  .post-body p:first-child,
  .news-body p:first-child {
    margin-top: 0;
  }

.back-to-all-button {
  display: inline-block;
  margin: 0 auto 20px;
  width: auto;
  text-align: center;
  font-size: 13px;
  color: #959595;
  text-transform: uppercase;
  font-weight: 700;
  transition: all 0.2s ease;
}

  .back-to-all-button:before {
    content: "\6b";
    display: inline-block;
    margin-right: 7px;
    color: #959595;
    text-transform: none;
    font-weight: normal;
    font-size: 10px;
    transition: all 0.2s ease;
  }

.search-input .warning,
.search-results .result {
  display: block;
  margin: 10px 0 0;
  font-weight: normal;
  color: #ff4f60;
  text-align: center;
}

.back-to-all-button:hover,
.back-to-all-button:hover:before {
  color: #97c300;
}

.blogpost-page .page-title,
.news-item-page .page-title {
  margin-bottom: 15px;
}

.blogpost-page .post-date,
.news-item-page .news-date {
  display: block;
  margin-bottom: 25px;
}

.blogpost-page .post-body,
.news-item-page .news-body {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 900px;
  text-align: justify;
}

.blogpost-page .post-body {
  border-bottom: 1px solid #eee;
  padding: 0 30px;
  margin: 0 -10px 20px;
}

.blog-page .tags,
.blogpost-page .tags {
  margin: 0 0 5px;
  overflow: hidden;
}

  .blog-page .tags label,
  .blogpost-page .tags label {
    display: inline-block;
    font-size: 0;
  }

    .blog-page .tags label:before,
    .blogpost-page .tags label:before {
      content: "\58";
      display: inline-block;
      margin-right: 7px;
      font-size: 16px;
      color: #8c8c8c;
    }

  .blog-page .tags ul,
  .blogpost-page .tags ul {
    display: inline-block;
    font-size: 0;
  }

  .blog-page .tags li,
  .blogpost-page .tags li {
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
  }

    .blog-page .tags li.separator,
    .blogpost-page .tags li.separator {
      margin: 0 5px 0 3px;
    }

  .blog-page .tags a,
  .blogpost-page .tags a {
    display: inline-block;
    color: #97c300;
    line-height: 24px;
    transition: all 0.2s ease;
  }

    .blog-page .tags a:hover,
    .blogpost-page .tags a:hover {
      color: #7c9a16;
    }

.blog-posts .buttons,
.news-items .buttons {
  text-align: left;
}

.blog-posts .read-more,
.news-items .read-more {
  display: inline-block;
  padding: 0 25px;
  border-radius: 3px;
  background-color: #eebe00;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.2s ease;
}

  .blog-posts .read-more:hover,
  .news-items .read-more:hover {
    background-color: #e8af00;
  }

.read-comments {
  font-size: 13px;
  color: #8c8c8c;
  font-weight: 700;
  transition: all 0.2s ease;
}

  .read-comments:before {
    content: "\52";
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    font-weight: normal;
    text-transform: none;
    color: #8c8c8c;
    font-size: 16px;
    transition: all 0.2s ease;
  }

  .read-comments:hover,
  .read-comments:hover:before {
    color: #97c300;
  }

.new-comment {
  padding: 40px 20px;
}

.comment-list {
  padding: 0 10px 40px;
}

.new-comment,
.comment-list {
  margin: 70px -10px 0;
  background-color: #f6f6f6;
}

  .new-comment > *,
  .comment {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }

  .new-comment + .comment-list {
    margin-top: 0;
  }

  .new-comment .title {
    margin: 0 auto 20px;
  }

    .new-comment .title strong {
      font-weight: 700;
      font-size: 26px;
      color: #444;
    }

  .new-comment form {
    display: none;
  }

.comment-form-btn strong:before {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 10px;
  font-size: 16px;
  text-transform: none;
  font-weight: normal;
}

.open-comment-form:hover {
  background-color: #e8af00;
}

.open-comment-form:before {
  content: "\52";
  color: #fff;
}

.new-comment .notifications {
  font-size: 15px;
  color: #8c8c8c;
}

.new-comment .result {
  margin: 20px 0 0;
  color: #97c300;
}

.comment-list .comment {
  background-color: #fff;
  border: 1px solid #eee;
  border-top: none;
  padding: 30px 20px;
  text-align: left;
}

  .comment-list .comment:first-child {
    border-top: 1px solid #eee;
    border-radius: 3px 3px 0 0;
  }

  .comment-list .comment:last-child {
    border-radius: 0 0 3px 3px;
  }

.new-comment .form-fields {
  padding-top: 30px;
  margin: 0 auto 15px;
  max-width: 500px;
}

.new-comment textarea {
  width: 100%;
}

.comment-list .title {
  margin: 0 0 10px;
  font-weight: bold;
}

.blog-comment:after,
.news-comment:after {
  content: "";
  display: block;
  clear: both;
}

.comment-info {
  margin: 0 0 15px;
  font-size: 0;
  overflow: hidden;
}

  .comment-info .username {
    display: inline-block;
    margin-bottom: 3px;
    font-size: 17px;
    color: #444;
    font-weight: 700;
  }

  .comment-info .avatar {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    height: 70px;
    overflow: hidden;
  }

    .comment-info .avatar img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: 100%;
      height: auto;
      margin: auto;
    }

.name-and-time {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: calc(100% - 80px);
  text-align: left;
}

.comment-time {
  font-size: 14px;
  color: #aaa;
}

.comment-body,
.comment-text {
  font-size: 15px;
  color: #8c8c8c;
  line-height: 1.5;
}

.news-item-page .inputs:first-child label {
  display: block;
}

.news-list-homepage {
  margin: 0 auto 50px;
  text-align: center;
}

  .news-list-homepage .title {
    margin: 0 0 7px;
    font-size: 28px;
    color: #444444;
  }

    .news-list-homepage .title strong {
      font-weight: bold;
    }

  .news-list-homepage .view-all {
    margin-bottom: 15px;
  }

    .news-list-homepage .view-all a {
      display: inline-block;
      line-height: 32px;
      color: #97c300;
      letter-spacing: 1.3px;
      text-transform: uppercase;
      font-size: 13px;
      font-weight: bold;
      transition: all 0.2s ease;
    }

      .news-list-homepage .view-all a:after {
        content: "\57";
        display: inline-block;
        margin-left: 7px;
        font-size: 8px;
        color: #97c300;
        vertical-align: bottom;
        text-transform: none;
        transition: all 0.2s ease;
      }

      .news-list-homepage .view-all a:hover,
      .news-list-homepage .view-all a:hover:after {
        color: #7c9a16;
      }

.post-details,
.news-item {
  padding: 30px 15px;
}
/* #endregion Blog, News*/

/* #region Forum Pages (Macro)*/

/* #region Forum, Profile, Search*/

/********** FORUM & PROFILE **********/

.forums-main-page .topic-block {
  margin-bottom: 0;
}

.forums-main-page .topic-block-title h2 {
  color: #444;
  font-size: 28px;
}

.forums-header {
  margin: 0 0 30px;
  text-align: center;
}

  .forums-header:after {
    content: "";
    display: block;
    clear: both;
  }

.current-time {
  margin: 27px 0 30px;
  color: #97c300;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
}

.forum-search-box {
  margin: 0 0 45px;
  text-align: center;
}

.forum-search-box {
  display: block;
  padding: 0 !important;
  margin: 0 auto 20px;
  width: 100%;
  max-width: 600px;
}

  .forum-search-box form {
    padding: 0 !important;
  }

  .forum-search-box .basic {
    overflow: hidden;
    margin: 0 0 15px;
  }

  .forum-search-box.search-box input.search-box-text {
    padding: 0 5px 0 15px;
    width: calc(100% - 45px);
    height: 45px;
  }

  .forum-search-box.search-box .search-box-button {
    float: left;
    width: 45px;
    height: 45px;
    border: none;
    background: #ccc url("../img/search-button.png") center no-repeat;
    font-size: 0;
    border: 1px solid #eeeeee;
    border-left: 0;
    border-radius: 0 3px 3px 0;
  }

    .forum-search-box.search-box .search-box-button:hover {
      background-color: #97c300;
    }

  .forum-search-box .advanced > a {
    font-size: 15px;
    color: #8c8c8c;
    transition: color 0.2s ease;
  }

    .forum-search-box .advanced > a:hover {
      color: #97c300;
    }

.forum-search-page .basic-search .forum-search-text {
  text-align: center;
  font-size: 15px;
}

  .forum-search-page .basic-search .forum-search-text::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #aaa;
  }

  .forum-search-page .basic-search .forum-search-text::-moz-placeholder {
    /* Firefox 19+ */
    color: #aaa;
  }

  .forum-search-page .basic-search .forum-search-text:-ms-input-placeholder {
    /* IE 10+ */
    color: #aaa;
  }

  .forum-search-page .basic-search .forum-search-text:-moz-placeholder {
    /* Firefox 18- */
    color: #aaa;
  }

.forum-search-page .inputs.reversed {
  text-align: center;
}

.forum-search-page .advanced-search {
  margin: 0 -10px 30px;
  padding: 30px;
  max-width: 800px;
  background-color: #f6f6f6;
}

.forum-search-page .search-error {
  padding: 15px;
  margin: 30px 0 0;
  font-size: 13px;
  color: var(--error);
  font-weight: 700;
  text-align: center;
}

.forum-search-page .fieldset {
  margin: 0;
}

.forum-search-page .search-results {
  margin: 40px 0 0;
}

.no-result {
  font-size: 15px;
  color: #8c8c8c;
  text-align: center;
}

/* #endregion Forum, Profile, Search*/

/* #region Forum Group*/
/* forum group */

.forums-table-section {
  margin: 0 0 50px;
}

  .forums-table-section a {
    vertical-align: middle;
  }

.no-result {
  font-size: 15px;
  display: flex;
  color: var(--text-primary);
  font-weight: 600;
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  padding-bottom: 48px;
}

.forums-table-section-title {
  margin: 0 0 25px;
  overflow: hidden;
  text-align: center;
}

  .forums-table-section-title > a,
  .forums-table-section-title strong {
    font-size: 24px;
    font-weight: 700;
    color: #444;
  }

.forums-table-section .view-all a {
  display: inline-block;
  margin-top: 10px;
  height: 45px;
  line-height: 45px;
  padding: 0 25px;
  border-radius: 3px;
  background-color: #eebe00;
  color: #fff !important;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  transition: all 0.2s ease;
}

  .forums-table-section .view-all a:hover {
    background-color: #e8af00;
  }

.forums-table-section .image div {
  font-size: 0;
  width: 24px;
  height: 24px;
  margin: auto;
}

  .forums-table-section .image div:before {
    content: "\32";
    display: block;
    color: #8e8e8e;
    font-size: 24px;
    font-weight: normal;
    text-transform: none;
  }

  .forums-table-section .image div.sticky:before {
    color: #ffa20f;
  }

  .forums-table-section .image div.announcement:before {
    color: #e5323f;
  }

.forums-table-section .latest-post {
  white-space: nowrap;
}
/* #endregion Forum Group*/

/* #region Forum, Topic*/
/* forum-page, topic-page */
.forum-page .forum-info,
.forum-topic-page .topic-name,
.forum-page .forum-name {
  margin: 0 0 30px;
  text-align: center;
}

.forum-page .forums-table-section {
  margin: 0;
}

.forum-page .forum-description {
  margin-top: -5px;
}

  .forum-page .forum-description p {
    font-size: 15px;
    color: #8c8c8c;
  }

.forum-actions,
.topic-actions {
  margin: 0 0 25px;
  font-size: 0;
  text-align: center;
}

  .forum-actions .actions a,
  .topic-actions .actions a {
    display: inline-block;
    padding: 0 10px;
    margin: 0 0 6px 6px;
    width: calc(50% - 3px);
    height: 45px;
    line-height: 45px;
    font-size: 13px;
    color: #8c8c8c;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #f1f1f1;
    border-radius: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all 0.2s ease;
  }

    .topic-actions .actions a:nth-child(2n),
    .forum-actions .actions a:nth-child(2n + 1) {
      margin-left: 0;
    }

  .topic-actions .pager {
    margin-top: 50px;
  }

.pager.upper {
  display: none;
}

.forum-actions .actions a:hover,
.topic-actions .actions a:hover {
  background-color: #eaeaea;
}

.forum-actions .actions a:before,
.topic-actions .actions a:before,
.topic-post .post-actions a:before {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 10px;
  color: #8c8c8c;
  font-size: 17px;
  text-transform: none;
  font-weight: normal;
}

.forum-actions .actions a.edit-topic-button,
.topic-actions .actions a.edit-topic-button {
  width: 100%;
  margin: 0 0 6px;
}

.forum-actions .actions .new-topic:before {
  content: "\52";
}

.forum-actions .actions .watch-forum:before,
.topic-actions .actions .watch-forum:before,
.topic-actions .watch-topic-button:before {
  content: "\31";
}

.topic-actions .reply-topic-button:before {
  content: "\4f";
}

.topic-actions .move-topic-button:before {
  content: "\33";
}

.topic-actions .edit-topic-button:before {
  content: "\4c";
}

.topic-actions .delete-topic-button:before {
  content: "\4d";
}

.topic-actions.lower .actions {
  display: none;
}

.forum-table a {
  color: #444;
  font-weight: 700;
  transition: color 0.2s ease;
}

  .forum-table a:hover {
    color: #97c300;
  }

.forum-details .forum-title a,
.topic-details .topic-title a {
  font-size: 18px;
}

.forum-description,
.topic-details .topic-pager,
.topic-details .topic-starter,
.topic-details .topic-starter,
td.latest-post {
  font-size: 16px;
  color: #8c8c8c;
}

.forum-page .pager {
  margin-top: 30px;
}

td.topics,
td.posts,
td.views,
td.replies,
td.votes {
  font-weight: 700;
}
/* #endregion Forum, Topic*/

/* #region Topic post*/
/* topic post */
.topic-post {
  margin: 0 0 20px;
  border: 1px solid #eee;
  border-radius: 3px;
  overflow: hidden;
}

  .topic-post:after {
    content: "";
    display: block;
    clear: both;
  }

  .topic-post .post-head {
    padding: 0 17px;
    background-color: #f6f6f6;
    text-align: left;
    height: 45px;
  }

  .topic-post .post-time {
    display: inline-block;
  }

    .topic-post .post-time span,
    .topic-post .post-time label {
      display: inline-block;
      color: #aaa;
      font-size: 14px;
      line-height: 43px;
    }

  .topic-post .post-link-button {
    float: right;
    font-size: 15px;
    font-weight: 700;
    line-height: 43px;
    color: #8c8c8c;
  }

  .topic-post .post-info {
    padding: 15px 10px;
    text-align: left;
    font-size: 0;
  }

  .topic-post .user-info {
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-height: 105px;
    padding-left: 120px;
  }

  .topic-post .username {
    display: block;
    margin-bottom: 5px;
    font-size: 17px;
    color: #444;
    font-weight: 700;
  }

  .topic-post .avatar {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    vertical-align: top;
    width: 105px;
    overflow: hidden;
    font-size: 0;
  }

    .topic-post .avatar a {
      display: block;
    }

    .topic-post .avatar img {
      max-width: 100%;
    }

  .topic-post .user-stats {
    margin: 0 0 15px;
    font-size: 14px;
    color: #8c8c8c;
    line-height: 1.1;
  }

    .topic-post .user-stats span {
      margin: 0 0 0 3px;
    }

  .topic-post .pm-button {
    display: inline-block;
    margin: 0;
    padding: 0;
    height: auto;
    background-color: transparent;
    font-size: 13px;
    line-height: 16px;
  }

    .topic-post .pm-button:before {
      position: static;
      margin-right: 10px;
      vertical-align: bottom;
      color: #97c300;
    }

  .topic-post .post-actions {
    font-size: 0;
    text-align: right;
    overflow: hidden;
  }

    .topic-post .post-actions > div {
      display: inline-block;
      float: right;
      vertical-align: top;
    }

    .topic-post .post-actions a {
      display: inline-block;
      vertical-align: top;
      margin: 0 0 0 5px;
      font-size: 0;
      width: 40px;
      height: 40px;
      line-height: 40px;
      background-color: #f1f1f1;
      border-radius: 3px;
      text-align: center;
      transition: all 0.2s ease;
    }

      .topic-post .post-actions a:hover {
        background-color: #eaeaea;
      }

      .topic-post .post-actions a:before {
        margin: 0;
      }

    .topic-post .post-actions .edit-post-button:before {
      content: "\4c";
    }

    .topic-post .post-actions .delete-post-button:before {
      content: "\4d";
    }

    .topic-post .post-actions .quote-post-button {
      width: auto;
      padding: 0 25px;
      background-color: #eebe00;
      color: #fff;
      font-size: 13px;
      text-transform: uppercase;
      font-weight: 700;
    }

      .topic-post .post-actions .quote-post-button:hover {
        background-color: #e8af00;
      }

  .topic-post .post-content {
    padding: 20px;
  }

  .topic-post .post-body {
    position: relative;
    text-align: left;
    font-size: 15px;
    margin-bottom: 40px;
  }

  .topic-post .user-posted-image,
  .latest-posts .user-posted-image {
    max-width: 100%;
    height: auto;
  }

  .topic-post .quote,
  .latest-posts .quote {
    margin: 10px 0;
    background-color: #f6f6f6;
    border-radius: 3px;
    padding: 15px 10px;
  }

  .topic-post .post-actions > div.post-vote {
    float: left;
  }

  .topic-post .post-vote > span {
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
  }

    .topic-post .post-vote > span:before {
      display: block;
      font-size: 20px;
      color: #8c8c8c;
      text-align: center;
    }

  .topic-post .post-vote > .vote.up:before {
    content: "\46";
  }

  .topic-post .post-vote > .vote.down:before {
    content: "\47";
  }

  .topic-post .post-vote > .vote.up:hover:before {
    content: "\e902";
    color: #97c300;
  }

  .topic-post .post-vote > .vote.down:hover:before {
    content: "\e901";
    color: #97c300;
  }

  .topic-post .post-vote > div {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    font-weight: 700;
    color: #8c8c8c;
  }

  .topic-post .signature {
    border-top: 1px dashed #eee;
    padding: 20px 0 0;
    margin-bottom: 30px;
    font-size: 15px;
    color: #aaa;
    text-align: left;
  }
/* #endregion Topic post*/

/* #region Forum */
/* forum edit & send message */
.forum-edit-page strong,
.private-message-send-page a {
  font-size: 18px;
  font-weight: normal;
  vertical-align: middle;
}

.forum-edit-page .buttons,
.private-message-send-page .buttons {
  margin: 15px 0 0;
  text-align: center;
}

  .forum-edit-page .buttons button,
  .move-topic-page .buttons button,
  .private-messages .buttons button {
    min-width: 115px;
    border: none;
    padding: 0 25px;
    height: 45px;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.1s ease;
  }

.forum-edit-page button.button-2,
.move-topic-page button.button-2,
.private-messages button.button-2 {
  color: #8c8c8c;
  background-color: #f1f1f1;
}

  .forum-edit-page button.button-2:hover,
  .move-topic-page button.button-2:hover,
  .private-messages button.button-2:hover {
    background-color: #dfdfdf;
  }

.forum-edit-page .inputs span {
  vertical-align: middle;
  margin-left: 5px;
  font-size: 12px; /*reset zeroing*/
}
/* #endregion Forum */

/* #region Private Message*/

.private-message-send-page .message label {
  display: none;
}

/* inbox & view message */

.private-message-view-page .buttons .button-2 {
  background-color: #f1f1f1;
}

.private-messages .page-title {
  text-align: center;
}

.private-messages-page td.date {
  white-space: normal;
}

.private-messages-page .td-title {
  display: none;
}

.private-messages .data-table a,
.private-messages .data-table td {
  color: #8c8c8c;
  font-weight: 400;
}

.private-messages-page td,
.private-messages-page th {
  text-align: left;
}

.private-messages-page .data-table .pm-unread {
  color: #444;
  font-weight: 700;
}

.private-messages-page .buttons button {
  width: 80%;
  max-width: 200px;
  margin: 0 5px;
}

.private-messages-page buttons + button {
  margin-top: 15px;
}

.private-message-view-page .view-message {
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 30px 20px;
  margin: 0 auto 30px;
  max-width: 800px;
}

.private-message-view-page .message-head li {
  margin-bottom: 10px;
  font-size: 15px;
  color: #8c8c8c;
}

.private-message-view-page .message-head label {
  font-weight: 300;
}

.private-message-view-page .message-head {
  margin-bottom: 30px;
}

  .private-message-view-page .message-head span {
    font-weight: 700;
    margin: 0 0 0 5px;
    vertical-align: middle;
  }

.private-message-view-page .message-body {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  color: #8c8c8c;
}

.private-message-view-page .message {
  display: block !important;
  margin: 15px 0;
  border: 1px solid #ccc;
  padding: 15px;
}

.private-message-view-page .buttons {
  font-size: 0;
}

.private-message-view-page .reply-pm-button,
.private-message-view-page .delete-pm-button {
  display: inline-block;
  width: calc(40% - 5px);
  margin-bottom: 10px;
  max-width: 150px;
}

.private-message-view-page .reply-pm-button {
  margin-right: 10px;
}

.private-message-view-page .back-pm-button {
  display: block;
  margin: 0 auto;
  width: 80%;
  max-width: 310px;
}
/* #endregion Private Message */

/* #region Profile Page */
/* profile page  */

.profile-info-box {
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 30px 20px;
  max-width: 650px;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
}

  .profile-info-box .avatar {
    margin: 0 auto 20px;
    font-size: 0;
  }

  .profile-info-box .profile-stats {
    margin: 0 0 10px;
  }

  .profile-info-box .title {
    margin: 0 0 13px;
    font-size: 16px;
    color: #444;
  }

  .profile-info-box .avatar {
    max-width: 180px;
    border-radius: 3px;
    overflow: hidden;
  }

  .profile-info-box .stats {
    font-size: 15px;
    color: #8c8c8c;
    font-weight: 300;
  }

    .profile-info-box .stats li {
      margin-bottom: 6px;
    }

    .profile-info-box .stats span {
      font-weight: 700;
    }

.profile-page .ui-tabs-nav,
.private-messages-page .ui-tabs-nav {
  font-size: 0;
}

  .profile-page .ui-tabs-nav li,
  .private-messages-page .ui-tabs-nav li {
    max-width: calc(50% - 10px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 5px;
  }

.profile-page .topic {
  padding: 30px 20px;
  background-color: #fff;
  border: 1px solid #eee;
  border-top: 0;
}

  .profile-page .topic:first-child {
    border-top: 1px solid #eee;
    border-radius: 3px 3px 0 0;
  }

  .profile-page .topic:last-child {
    border-radius: 0 0 3px 3px;
  }

  .profile-page .topic:only-child {
    border-radius: 3px;
  }

.profile-page .topic-title {
  margin: 0 0 7px;
  font-size: 16px;
}

  .profile-page .topic-title label {
    font-weight: 300;
    color: #8c8c8c;
  }

  .profile-page .topic-title a {
    font-weight: 700;
    color: #444;
  }

.profile-page .topic-data {
  color: #8c8c8c;
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 300;
}

.profile-page .topic-body {
  font-size: 15px;
  font-weight: 400;
  color: #8c8c8c;
  line-height: 1.5;
}
/* #endregion Profile Page */

/* #endregion Forum Pages*/

.pm-button {
  position: relative;
  display: inline-block;
  border: none;
  height: 45px;
  line-height: 45px;
  max-width: 80%;
  padding: 0 25px 0 55px;
  margin: 15px auto 0;
  background-color: #f1f1f1;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #8c8c8c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.1s ease, padding 0.3s ease;
}

  .pm-button:before {
    content: "\6d";
    position: absolute;
    display: inline-block;
    top: 0;
    left: 25px;
    font-size: 20px;
    color: #8c8c8c;
    text-transform: none;
    transition: all 0.3s linear !important;
    font-weight: normal;
  }

  .pm-button:hover::before {
    -webkit-animation: emailing 0.2s linear;
    -moz-animation: emailing 0.2s linear;
    animation: emailing 0.2s linear;
  }

.csharpcode {
  margin: 10px 0;
  padding: 10px 15px;
  color: #444;
  white-space: normal;
  text-align: left;
  border: 1px dotted #cacaca;
  border-radius: 3px;
}



.recovery-user-input {
  height: 29px !important;
}

.recovery-user-texto {
  font-size: 16px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 24px;
}

.button-recovery-user {
  padding: 6px 12px;
  width: 240px;
}

.body-page-recovery {
  border: 0px !important;
  margin: 0 auto;
}

.recovery-Form {
  max-width: 600px;
  margin: 0 auto 30px;
  border: 1px solid #eee;
  background-color: white;
  width: auto;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16);
}

.recovery-Formfilds {
  padding: 36px 56px;
  /*border: 1px solid #cccccc;*/
  border-radius: 0 0 16px 16px !important;
}

.page-title.page-title-myralis {
  margin-bottom: 62px;
}

.body-page-recovery .page-title.page-title-myralis {
  margin-bottom: 0px;
}

.recovery-tooltip {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  align-items: center;
}

.recovery-buttons {
  margin-bottom: 20px;
  padding: 10px 20px 20px;
}

.backgroud-item-color {
  background-color: white;
}

.also-purchased-item-grid {
  display: flex;
  gap: 22.5px;
}

.overview .compare-products {
  margin-bottom: 12px;
}

.myralis-payment-method th.subtotal {
  text-align: center;
}

span.myralis-subtotal-suasaude-old.old-price-step3-nomember {
  color: var(--myracolors-1) !important;
}

.myralis-payment-method .myralis-subtotal-suasaude-old {
  margin-left: 19px;
}

.myralis-payment-method #shopping-cart-form .product-subtotal {
  justify-content: center;
}

.myralis-payment-method .myralis-subtotal-suasaude-price {
  margin-left: 19px;
}

.myralis-payment-method .order-summary-content .old-product-price {
  justify-content: center;
}

th .subtotal {
  justify-content: center;
}

@media (min-width: 800px) {
  .display-title {
    display: block !important;
  }
}

.myralis-progression-list-area-mobile {
  display: none;
}

.myralis-mobile-selected-products-title {
  display: none;
  height: 46px;
  padding: 16px;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 8px 8px 0px 0px;
  background: var(--myracolors-cart-grid);
  color: var(--text-primary);
  font-family: Ubuntu;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.myralis-step3-grid-mobile {
  display: none;
}

.tr-lastchild-mobile:last-child {
  border-bottom: unset !important;
}

.only-points {
  display: flex;
  white-space: nowrap;
}

.myralis-step3-flags-cards {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

.th.brinde {
  display: flex;
  align-items: revert;
  justify-content: flex-start;
  margin-top: 20%;
  vertical-align: middle;
}


.myralis-table-step1-mobile {
  display: none;
}

a.button-base.button-primary.full-width-desktop {
  background-color: white;
  border: 1px solid var(--myracolors-2);
}

.search-page-body .myralis-newsletter-footer.master-wrapper-content {
  padding: 0 0px !important;
}

.discount-info {
  display: inline; /* Mantém o comportamento de linha única */
}

span.myralis-frete-barra-divtext-1_True {
  display: flex;
  align-items: center;
}

span.myralis-frete-barra-divtext-1_False {
  display: flex;
  align-items: inherit;
}

.shopping-cart-page .myralis-progression-nosub-list {
  display: flex;
  gap: 20px;
}

.product-details-page-body .myralis-progression-nosub-list {
  flex-direction: column;
  display: flex;
  gap: 20px;
  margin-top: 8px;
}



.shopping-cart-page .myralis-mecdiscount-title {
  display: none;
}

.shopping-cart-page .myralis-mecprogression-nomember-progression {
}

.shopping-cart-page .myralis-progression-list-area {
  margin-left: unset;
  margin-right: unset;
}

.shopping-cart-page .myralis-mecprogression-1 {
  width: 100%;
  white-space: nowrap;
  padding: 15px 10px;
}

.shopping-cart-page .myralis-mecprogression-2 {
  padding: 8px;
  white-space: nowrap;
}

.product-details-page .myralis-mecPromotion-tag {
  position: absolute;
  z-index: 20;
  top: 0px;
  right: 0;
}

.referencia-firstaddress {
  padding: 0px 28px;
}

.myralis-delivery-options {
  font-weight: 500;
}

@media (max-width: 1024px) {

  .myralis-recurring-cart {
    width: 100%;
  }

  .myralis-td-recurring-mobile {
    display: flex;
  }

  img.recurring-cart-icon {
    display: block !important;
  }

  div #accountBlockedModal {
    padding: 20px !important;
  }

  .closebtn {
    left: 33% !important;
  }

  #loginblock-goto-codlogin {
    width: 100% !important;
  }

  #loginblock-goto-forgetpass {
    width: 100% !important;
  }

  .custom-modal-overlay {
    padding: unset !important;
  }

  .custom-modal-footer {
    flex-direction: column-reverse !important;
  }

  .myralis-freight-container .myralis-optionfrete {
    flex-direction: column;
  }

  .myralis-full-options input[type="radio"] + label:before {
    width: 25px;
    height: 25px;
    bottom: 16px;
    position: relative
  }

  .myralis-otion-name-value-area span.myralis-transitdays {
    text-align: justify;
  }

  .myralis-step2-selected .myralis-transportadora .myralis-transitdays {
    text-align: justify;
  }

  .myralis-otion-name-value-area {
    display: flex;
    flex-direction: column-reverse;
    gap: 14px;
    justify-content: space-between;
  }

  .myralis-step2-selected label.desktop {
    display: flex;
    align-items: center;
    justify-content: start;
    justify-content: space-between;
    gap: 18px;
    flex-flow: row-reverse;
  }

  .myralis-mecdiscount-area {
    width: 100%;
  }

  .myralis-top-category-home .slick-track {
    gap: 44px;
  }

  .myralis-title-transacional-2 {
    width: 100%;
  }

  .myralis-transacional-info-login-area {
    font-size: 14px !important;
    line-height: 16px !important;
  }


  .myralis-mecdiscount-area {
    width: 100%;
  }

  .myralis-transacional-info-login-area-2 {
    margin-top: 12px;
  }

  .applied-discount-code {
    text-align: left;
    width: 96%;
  }

  .referencia-firstaddress {
    padding: 0px 20px !important;
  }

  .oldprice-nomember label.td-title {
    color: var(--myracolors-1) !important;
  }

  span.myralis-btn-step2-next {
    color: var(--myracolors-2) !important;
  }

  button-base button-primary__alternative myralis-update-address full-width-mobile span {
    color: var(--myracolors-text-1);
    font-weight: 500 !important;
  }

  .myralis-myaccount-filter-openandclose span {
    color: var(--myracolors-3);
  }

  .myralis-progression-nosub-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  span.myralis-mecPromotion-tag {
    font-size: 10px;
  }

  .myralis-items-privacy div {
    display: flex;
    gap: 5px;
    margin-left: -9px;
    margin-right: -35px;
  }

  span.myralis-privacy-edit-btn {
    color: var(--myracolors-10);
    font-family: var(--myralis-font-family-secondary);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    gap: 3px;
    cursor: pointer;
    white-space: nowrap;
  }

  span.myralis-frete-barra-divtext-1_True {
    display: block !important;
    align-items: center;
  }

  svg.myralis-svg-cart-fretebarra_True {
    position: absolute;
    right: 15px;
    top: 14px;
  }

  .mobile-break {
    display: block; /* Altera para bloco em telas menores */
  }

  .discount-info {
    display: block; /* Quebra o <span> em um novo bloco (quebra de linha) */
  }

  .frete-barra-container {
    height: 58px !important;
  }

  .frete-barra-text {
    display: flex;
    flex-direction: column;
    font-size: 16px !important;
    align-items: center !important;
  }

  .myralis-frete-barra-divtext-1 {
    display: flex;
    align-items: end;
    white-space: nowrap;
  }

  .frete-barra-progress {
    height: 58px !important;
  }

  .info-message {
    font-size: 12px !important;
  }

  .customer-pages-body .myralis-newsletter-footer.master-wrapper-content {
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .shopping-cart-page-body form#shopping-cart-form {
    display: flex !important;
    flex-direction: column;
  }

  .shopping-cart-page-body .igo_boxbody {
    padding: 2% 0%;
  }

  .password-recovery-page .page-title {
    align-items: center !important;
  }

  #myralis-addendereco-area .page-title {
    align-items: center !important
  }

  .home-page-body .myralis-newsletter-footer.master-wrapper-content {
    padding: unset !important;
  }

  .category-page-body .page-body {
    align-items: normal !important;
  }

  .myralis-category-title h1 {
    text-align: left;
  }

  .myralis-category-title h1 {
    margin-top: 14px;
  }

  .category-page-body .products-wrapper {
    margin-left: 0px;
  }

  .category-page-body .myralis-newsletter-footer.master-wrapper-content {
    padding: 0px 0vw !important;
  }

  .footer-middle {
    margin-top: 51px !important;
  }

  .black_friday .search-page .catalog-header h3 {
    text-align: left;
  }

  .myralis-payment-method .myralis-subtotal-suasaude-price {
    margin-left: 0px;
  }

  .myralis-payment-method .myralis-subtotal-suasaude-old {
    margin-left: 0px;
  }

  span.myralis-step3-oldprice {
    margin-left: 0;
  }

  .block.block-account-navigation.desktop {
    display: none;
  }

  a.button-base.button-primary.full-width-desktop {
    display: none;
  }

  .myralis-table-step1-desktop {
    display: none;
  }

  .myralis-table-step1-mobile {
    display: block;
  }

  .myralis-quantity-step3-div {
    justify-content: end !important;
  }

  div#messageErroSelect {
    margin-top: 0px !important;
  }

  button#myralis-confirm-order-btn {
    border-radius: 0;
  }

  .myra-table-ste1-mobile {
    display: flex !important;
  }

  .myra-table-ste1-desktop {
    display: none !important;
  }

  span#myralis-fly-mobile-totalPrice {
    text-align: center;
    font-family: var(--myralis-font-family-secondary);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: -15px;
  }

  .completed-page button#pix-desktop {
    display: none;
  }

  .completed-page p.desktop {
    display: none;
  }

  button#btnTipoPagamentoCartao {
    margin-top: 42px;
  }

  .myralis-step2-confirmbtn-newaddress-btn {
    display: flex;
    gap: 0px !important;
  }

  .myralis-step2-principal-address {
    margin-left: 0px !important;
    margin-top: 16px;
    text-align: left;
  }

  .myralis-cart-my-point span {
    font-size: 16px;
  }

  .myralis-mobile-selected-products-title {
    font-size: 16px;
  }

  .myralis-step2-select-address span {
    white-space: normal;
    text-align: justify;
  }

  .myralis-step2-select-address span {
    white-space: normal !important;
    width: 85%;
    margin: 0;
    border-radius: 0;
    text-align: start !important;
  }

  .myralis-btn-step2-next {
    display: flex;
    height: 36px;
    padding: 4px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background-color: white;
    border-radius: 8px;
  }

  .myralis-title-step2-mobile {
    display: flex;
    color: var(--myracolors-2);
    text-align: center;
    font-family: var(--myralis-font-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .myralis-step2-change-address {
    width: 100%;
  }

    .myralis-step2-change-address span {
      text-align: right;
      float: right;
    }

  .page-title {
    display: flex;
    flex-direction: column;
    justify-content: start !important;
    align-items: start !important;
    gap: 14px;
  }

  .myralis-step2-confirmbtn-newaddress-btn {
    display: flex !important;
    flex-direction: column-reverse;
  }

  .myralis-transportadora .myralis-full-options {
    width: 100%;
  }

  .myralis-inputs-card-2 {
    width: 100%;
  }

  .myralis-inputs-card-1 {
    width: 100%;
  }

  .myralis-btns-area-step3-full {
    flex-direction: column;
  }

  .myralis-update-modal {
    overflow: auto;
  }

  .modal-content-newAddress {
    width: 90%;
    border-radius: 0px 8px 8px 0px;
    margin: 0;
  }

  .myralis-infos-address-step3 {
    align-items: start;
  }

  .myralis-newAddress-modal {
    overflow: auto;
  }

  span.myralis-pix-info-step3.left-align {
    margin-left: 0;
    margin-right: 0;
  }

  .myralis-title-cardsflags-step3 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 6px;
  }

  .myralis-payment-method {
    order: 2;
    margin-top: 32px;
    margin-bottom: 42px;
  }

  .myralis-step3-flags-cards {
    margin-bottom: 16px;
  }

  .myralis-pix-info-step3 {
    margin-left: 38px;
    margin-right: 38px;
  }

  .card-title span {
    white-space: pre-wrap !important;
    margin-left: 28px;
    margin-right: 28px;
    font-size: 20px;
  }

  td.myralis-discount-progressions-firsttd {
    padding: 0px !important;
  }


  #myralis-title-step1 td.myralis-discount-progressions-firsttd {
    padding: 0px !important;
  }

  .shopping-cart-page .cart-footer {
    border-radius: 0px 0px 8px 8px;
    border-top: unset;
    margin-top: 22px;
    border-radius: 8px 8px 8px 8px;
    border-top: 1px solid var(--myracolors-border-1);
  }

  .table-wrapper {
    border-bottom: unset;
    border-radius: 8px 8px 0px 0px !important;
  }

  .shopping-cart-page-body tbody.product {
    margin: 0 12px !important;
  }

  tr.myralis-discount-progressions-tab1 {
    padding: 10px 0px 0px 0px;
  }

  .mobile-step2-content-btns {
    display: flex !important;
  }

    .mobile-step2-content-btns .button-base {
      margin-bottom: 0px !important;
    }

  .modal-content-update {
    width: 90%;
    margin: 0;
    border-radius: 0px 8px 8px 0px;
  }

  .myralis-step2-update-inputs {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .myralis-step2-update-address-modal-title {
    margin-bottom: 20px;
  }

  .mobile-step2-content-btns {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }

  .myralis-step2-changeaddress-btns {
    display: none !important;
  }

  .modal-content-changeAddress {
    width: 90%;
    margin: 0;
    border-radius: 0px 8px 8px 0px;
    height: 100%;
    max-height: 100vh;
    overflow-y: auto;
  }

  .myralis-optionsfrete-step2 {
    flex-direction: column !important;
  }

  button#confirm-address-btn {
    height: 38px;
    font-weight: 500;
  }

  .myralis-transportadora-select {
    width: 100%;
  }

    .myralis-transportadora-select .page-title:after {
      content: unset !important;
    }

    .myralis-transportadora-select .page-title {
      display: flex !important;
      align-items: center;
      justify-content: space-between;
    }

  .myralis-banner-page-category {
    margin-left: 0;
    margin-top: 28px;
  }

  .manufacturer-all-page-body .products-container .product-grid .item-box {
    height: 220px !important;
  }

  .checkout-pages-body .myralis-newsletter-footer-form {
    padding: 0;
  }

  .manufacturer-page-body .myralis-newsletter-footer.master-wrapper-content {
    padding: 0 !important;
  }

  .search-page-body .myralis-newsletter-footer.master-wrapper-content {
    padding: 0 !important;
  }

  .manufacturer-page-body .products-wrapper {
    margin-left: 0;
  }

  .myralis-payment-area .myralis-btns-area-step3 {
    width: 100%;
  }

  .myralis-card-payment-title-and-btn {
    display: flex;
    font-size: 20px;
    font-family: Ubuntu;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: var(--text-primary);
    flex-direction: column-reverse;
    gap: 20px;
  }

  .myralis-inputs-card-area {
    /* display: flex; */
    justify-content: center;
    gap: 0;
    margin-top: 16px;
    flex-direction: column;
  }

  .myralis-payment-area {
    width: 100%;
  }

  .myralis-payment-area {
    background-color: #FFFFFF;
    font-size: 16px;
    justify-content: center;
    align-content: unset;
    display: flex;
    border-color: #CCCCCC;
    border-radius: 0px 0px 16px 16px;
    padding: 0 24px 24px 24px;
    gap: 42px;
    flex-direction: column;
  }


  .myralis-step3-grid-mobile {
    display: block;
  }

  .myralis-step3-grid-desktop {
    display: none;
  }

  .myralis-address-text span {
    display: inline;
    overflow-wrap: break-word;
  }

  /* Remove as quebras de linha */
  .myralis-address-text br {
    display: none;
  }

  /* Adiciona um pequeno espaço entre os spans */
  .myralis-address-text span:not(:last-child)::after {
    content: " ";
  }

  span.myralis-totalcheckout-flybtn {
    display: inline-block;
  }

  #myralis-continue-shopping-order-mobile {
    display: flex;
  }

  a#myralis-continue-shopping-order-mobile {
    background-color: unset;
    border: 1px solid var(--myracolors-2);
  }

    a#myralis-continue-shopping-order-mobile span {
      color: var(--myracolors-2);
    }

  span.myralis-checkout-continuar {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 10px 14px;
    color: var(--myracolors-2) !important;
  }

  span.myralis-totalcheckout-flybtn {
    text-align: center;
    font-family: var(--myralis-font-family-secondary);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .applied-discount-code {
    padding: 0;
  }

  a #myralis-continue-shopping-order-mobile span {
    color: var(--myracolors-2);
  }

  a#myralis-continue-shopping-order-mobile {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
  }

  th.myralis-brinde-grid-title {
    background-color: unset;
    color: var(--myracolors-2);
    font-size: 18px;
  }

  .myralis-payment-brinde-tr td:first-child, #myralis-step1-brindetable-mobile tr td:first-child {
    border: unset;
  }

  .myralis-payment-brinde-tr td:last-child, #myralis-step1-brindetable-mobile tr td:last-child {
    border: unset;
  }

  #myralis-step1-brindetable-mobile tr:last-child td {
    border: unset;
  }

  .myralis-suasaude-div-porquinho {
    display: none;
  }

  .cart tr {
    border: unset;
  }

  .shopping-cart-page .table-wrapper {
    background-color: white;
    border-radius: 8px !important;
    border: 1px solid var(--myracolors-border-1);
  }

  .myralis-mobile-selected-products-title {
    display: flex;
  }

  form#shopping-cart-form {
    padding: 22px;
  }

  form #shopping-cart-form {
    padding: 22px;
    border-radius: 16px 16px;
    background-color: white;
  }

  .coupon-box .margin-cupon {
    padding: 20px 10px;
  }

  .myralis-frete-cart-step1 {
    padding: 20px 10px !important;
  }

  a#myralis-continue-shopping-order {
    display: none;
  }

  div.totals {
    padding: 10px 16px;
  }

  .cart-collaterals {
    margin: 0;
  }

  #myralis-continue-shopping-order {
  }

  #myralis-continue-shopping {
    display: flex;
  }

  span.myralis-fidelity-member-card {
    font-size: 13px !important;
  }

  .myralis-saleoftheday-viewed span.myralis-fidelity-member-card {
    font-size: 18px !important;
  }

  td .myralis-discount-progressions-firsttd {
    padding-top: 15px;
  }

  .myralis-progressive-discounts-button-span {
    gap: 42px;
  }

  .myralis-progressive-discounts-button-span {
    justify-content: normal;
    margin-left: 5px;
    margin-top: 15px;
  }


  .myralis-progression-list-area-mobile {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    background: #F5F5F5;
    padding: 14px;
    margin-top: 14px;
    border-radius: 8px;
  }

  .myralis-fidelity-prices-mobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .progression-item-mobile {
    display: flex;
    white-space: pre;
  }

  span.myralis-percentage-cart-progression-text-mobile {
    color: var(--text-primary);
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .myralis-fidelity-additional-member-mobile {
    color: var(--myracolors-1);
    text-align: center;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
    margin-top: 6px;
    margin-bottom: 6px;
  }

  span.myralis-fidelity-additional-info-text-mobile {
    color: var(--myracolors-11);
    text-align: center;
    font-family: Barlow;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
  }

  .myralis-mobile-td-trash {
    display: none !important;
  }

  .myralis-fidelity-top-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 55px;
    margin-bottom: 8px;
  }

  span.myralis-percentage-cart-progression-mobile {
    color: var(--myracolors-3);
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .myralis-crm-area {
    flex-direction: column;
  }

  .overview .myralis-freight .freight-header {
    flex: 1 1 calc(50% - 10px);
    flex-wrap: wrap;
    margin-top: 7px;
  }

  input#myralis-input-cep-produto {
    width: 60%;
  }

  button#myralis-calculate-btn-produto {
    width: 37%;
  }

  .myralis-newsletter-footer.master-wrapper-content {
    background-color: var(--myracolors-master-wrapper);
  }

  .ico-cart:before {
    transform: scale(1.0);
  }

  .page-title-myralis h1 {
    font-size: 20px !important;
  }

  .myralis-header-notfind {
    text-align: left;
  }

  .myralis-newsletter-policy {
    margin-left: unset;
    color: var(--text-primary);
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    background-color: white;
    background-color: white;
    padding: 14px;
    text-align: center;
  }


  .myralis-header-notfind {
    align-items: baseline;
  }

  .myralis-dicas-notfind {
    text-align: left;
  }

  .search-page .search-input {
    padding: 28px;
  }

  .myralis-price-und {
    font-size: 14px;
  }

  .myralis-price-leve {
    font-size: 14px;
  }

  .myralis-promotion-price {
    font-size: 16px;
  }

  .myralis-receba-em-mobile {
    text-align: left;
  }

  .myralis-payment-method .section.order-summary {
    display: flex;
    flex-direction: column;
  }

  .myralis-payment-method .myralis-brinde-paymentarea {
    order: 3;
    margin-top: 30px;
  }



  .myralis-suasaude-button-nao-participar {
    width: 50% !important;
  }
  /*MARGINS LATERAL BODY */


  #myralis-title-step1 .cart-footer {
    border-top: unset !important;
  }

  #myralis-step1-brindetable-mobile .cart-header-row th {
    background-color: unset;
    color: var(--myracolors-2);
    font-size: 20px;
  }

  .myralis-payment-method .cart-footer {
    margin: unset;
  }

  .shopping-cart-page .common-buttons {
    padding: 0 22px;
  }

  .page-body.checkout-data {
    margin: 15px;
  }
  /* *** MARGINS End*/

  /* #region Checkout Payment*/

  /* #region Step 3*/
  /**PAYMENT STEP 3 OPEN **/


  .myralis-confirm-order-btn {
    position: fixed;
    bottom: 0px;
    right: 0px;
    height: 58px !important;
    width: 100%;
    z-index: 2;
    margin: 0
  }

  td.product-picture {
    align-items: center;
    justify-content: center;
    display: flex;
  }

  span.myralis-quantity-payment {
    margin-left: auto;
    margin-right: auto;
  }

  .myralis-payment-area {
    align-items: center;
    flex-direction: column;
    padding: 0px 38px;
  }

  .btnTipoPagamento {
    margin: unset;
    margin-bottom: 20px;
    width: 100%;
    margin-top: 12px;
  }

  .checkout-page .section .title {
    margin: unset;
  }

  .fieldset .title,
  .section .title {
    margin: unset;
    height: 48px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #myralis-title-payment {
    text-align: center;
  }

  .checkout-page .order-summary > .title strong {
    display: none;
  }

  .checkout-page .section {
    margin: unset;
  }

  .section.payment-method {
    display: flex;
    flex-direction: column;
  }

  .payment-method-page .checkout-data {
    display: block;
  }

  .payment-method-page .payment-method {
    width: 100%;
  }

  .payment-method-page .order-summary {
    width: 100%;
  }

  .payment-method-page .payment-method .card {
    margin-bottom: 32px;
  }

  .myralis-mobile-orderinfo {
    padding: 16px 8px;
    /* gap: 24px; */
    min-height: 260px;
    background: #ffffff;
    border-radius: 0px 0px 16px 16px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    flex-direction: column;
  }

  .myralis-mobile-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--myracolors-14);
  }

  .myralis-mobile-email {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--myracolors-14);
    margin-top: 16px;
  }

  .myralis-mobile-telephone {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--myracolors-14);
  }

  .myralis-mobile-address1 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--myracolors-14);
  }

  .myralis-show-more-area {
    margin-top: unset;
  }

  tr.cart-item-row {
    border-radius: 16px;
  }

  .cart-collaterals {
  }

  .myralis-brinde-font {
    font-size: 12px;
  }

  .myralis_aproveite_leve .ribbon-text {
    background-color: var(--myracolors-fg-2) !important;
    color: #fff !important;
    left: 80px;
  }

  .myralis-aproveite-leve-btn {
    text-transform: uppercase !important;
    width: 200px;
    background-color: var(--myracolors-fg-4);
    color: var(--text-primary);
    font-weight: 600;
    text-transform: none;
    padding: 4px 0 !important;
  }

  #myralis-step1-brindetable-mobile {
    padding: 0 22px;
    margin-bottom: 16px;
  }

  /****PAYMENT CLOSE STEP3 ****/
  /* #endregion Step 3*/
  /* #endregion */

  .product-essential {
    padding: 24px 16.5px;
  }

  .product-details-mobile-container {
    display: block;
    background-color: #f0f0f0;
    padding: 32px 20px 0 20px;
  }

  .product-detailsInfo-mobile-container {
    display: block;
    background-color: #f0f0f0;
    padding: 0 20px;
  }

  .product-essential .breadcrumb,
  .product-name h1,
  .product-name .manufacturers,
  .overview .manufacturers,
  .overview .short-description,
  .overview .additional-details div {
    text-align: left;
  }

  .overview .compare-products {
    margin-bottom: 24px;
  }

  .overview .add-to-wishlist button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 32px;
    border: none;
    font-size: 0;
    background: transparent;
    margin-left: 10px;
  }

    .overview .add-to-wishlist button:hover {
      background-color: transparent;
    }

  .overview .additional-details {
    /*margin-bottom: 32px;*/
  }

  .myralis-frete {
    margin-top: 32px;
  }

  .myralis-product-crm-title,
  .myralis-payment-title,
  .myralis-product-uf-title {
    font-size: 12px;
    font-weight: 500;
  }

  .productTabs-list-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 16px;
  }

  .ui-tabs .ui-tabs-nav li a {
    padding: 12px 0;
    margin: 0 8px;
  }

  .product-tags-box .title,
  .product-details-page .product-grid .title {
    font-size: 22px !important;
    padding: 0 22.5px;
    text-align: left;
    line-height: 29px;
  }

  .also-purchased-item-grid {
    padding: 0 22.5px;
  }

  .also-purchased-item-box {
    width: 100% !important;
  }
}

.login-form-in-header .title {
  display: none;
}

.html-login-page .button-base {
  max-width: 200px;
}

.html-login-page .button-base-larger {
  max-width: 270px;
}

.in-header-register .button-base-larger {
  max-width: 320px;
  margin: auto;
}

.myralis-entrecom-area {
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 10px;
}

.login-page .myralis-entrecom-area {
  max-width: 290px;
  margin: 0px auto;
  margin-bottom: -13px;
}

.myralis-address-buttons .button-base {
  min-width: 120px;
}

.myralis-cadastrese {
  border: 1px solid #002051;
}

.myralis-mobile-infos {
  display: none;
  padding-top: 32px;
}

@media (max-width: 799px) {
  input[type="radio"] + label:before,
  input[type="checkbox"] + label:before {
    float: left;
  }

  .myralis_aproveite_leve div.title {
    margin-top: 10px;
  }

  .shopping-cart-page .common-buttons button {
    width: 100% !important;
  }

  .myralis-buttons-quantity-items {
    display: inline-flex;
  }

  #myralis-numero-address {
    width: 100% !important;
  }

  .myralis-infos-address-modal {
    width: 100%;
  }

  .modal-content-delete {
    width: 100%;
    margin-top: 50%;
  }

  .myralis-principal-shipping-area {
    display: block;
  }

  .myralis-endereco-select {
    width: unset;
    height: 73%;
    max-height: 64vh;
    overflow-y: auto;
  }

  .myralis-transportadora-select {
    margin-left: auto;
  }

  .myralis-mini-address-select input[type="radio"] + label:before,
  .myralis-mini-address-select input[type="radio"]:checked + label:before {
    float: left;
    margin-left: 8px;
  }

  .myralis-address-custumerName-area {
    text-align: left;
  }

  .myralis-address-area {
    text-align: left;
  }

  .myralis-new-address {
    width: 100%;
    justify-content: center;
  }

  .myralis-select-shipping-btn {
    width: 100%;
  }

  .myralis-delete-address {
    width: 60%;
    margin-bottom: 12px !important;
  }

  .myralis-update-address {
    width: 60%;
    margin-right: 5%;
  }


  .myralis-table-shipping td {
    background: none;
    border-radius: 10px;
  }

  /*Cadastro primeiro endereço cart*/

  div#myralis-addendereco-area {
    width: unset;
    margin-bottom: 36px;
  }

  .myralis-div-inputs-firstaddress {
    display: block !important;
    margin-top: 12px;
  }

  .myralis-register-title {
    width: 100%;
    display: flex;
    margin-top: 40px;
  }

  .myralis-buscar-cep {
    float: right !important;
  }

  .myralis-registration-btn {
    display: flow-root !important;
    margin-top: 30px !important;
  }

  .myralis-naoseicep {
    margin: 0 !important;
  }

  .myralis-customer-register {
    display: flow-root;
    width: 100% !important;
    margin-left: 0px !important;
  }

  .returning-wrapper .form-fields,
  .registration-page .form-fields {
    padding: 16px !important;
  }

  form-fields form-login-myralis {
    padding: 16px !important;
  }

  .registration-page .myralis-customer-register-privacidade {
    margin-top: 20px;
    height: 12px !important;
    padding: 0 !important;
  }

  .registration-page {
    padding: 23px;
    margin-top: 32px;
  }

    .registration-page .myralis-customer-register-privacidade {
      display: flex !important;
    }

  .inputs {
    width: 100% !important;
    margin-left: 0px !important;
  }

  .myralis-cep-div {
    width: 100%;
  }

  .myralis-input-new-address select#StateProvinceId {
    width: 100%;
  }

  .myralis-city-estado-div {
    margin: unset;
    display: block;
    margin-left: 0px;
    width: 100%;
    margin-left: 0px;
  }

    .myralis-city-estado-div input#address_attribute_1 {
      width: 100%;
      margin-left: 10px;
    }

  .myralis-inputs-menores {
    display: block !important;
  }

  #myralis-submit-address {
    width: 95%;
  }

  .myralis-td:first-child {
    display: none;
  }

  .myralis-shipping-accordeon {
    display: block;
  }

  .myralis-transportadora-tdname {
    position: fixed;
    border-bottom: 1px solid #ffffff00 !important;
    font-size: 0px !important;
  }

  .myralis-shipping-accordeon-infos {
    width: 22px;
    display: block !important;
    height: 22px;
    background: var(--myracolors-bg-2);
    border-radius: 4px;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
  }

  #myralis-transportadora-name {
    display: none;
  }

  td.myralis-td {
    text-align: unset;
  }

  #myralis-fee-td {
    text-align: center;
  }

  .myralis-select-shipping-tdname {
    display: none;
  }

  #myralis-select-shipping {
    text-align: center;
  }

  .myralis-button-infos-acordeon {
    display: unset !important;
  }

  .myralis-table-shipping td {
    text-align: left;
  }

  /*  div.totals {    
    height: 150px;
  }  */

  .password-recovery-page .inputs input[type="email"] {
    height: 40px;
    display: flex;
  }

  .myralis-inputs-recovery {
    display: grid;
  }

  .button-recovery-user {
    padding: 6px 12px;
    width: 100%;
    height: 36px;
    background: var(--myracolors-15) !important;
    color: var(--myracolors-text-1);
    font-family: var(--myralis-font-family) !important;
    line-height: 24px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
  }

  .recovery-Formfilds {
    padding: 24px 16px;
  }


  .page-title.page-title-myralis {
    margin-bottom: unset;
    padding-bottom: 16px;
  }

  .password-recovery-page .captcha-box {
    padding: 24px 16px;
    margin: inherit;
  }

  .myralis-title-newsletter {
    font-size: 20px !important;
  }

  /* NEWSLETTER LAYOUT*/

  .myralis-newsletter-footer {
    width: 100%;
  }

  .myralis-space-footer {
    height: 98px;
    overflow: hidden;
  }

  .myralis-newsletter-footer-form {
    background-color: var(--bg-primary);
    display: inline-block;
    width: 100%;
    height: 100%;
  }

    .myralis-newsletter-footer-form .myralis-img-newslleter > img {
      align-items: flex-end;
    }

  .myralis-text-newsletter-footer {
    margin-top: 34.82px;
    margin-left: 24px;
    height: auto;
    width: 198px;
  }

  .myralis-title-newsletter-footer {
    font-family: var(--myralis-font-family);
    font-size: 32px;
    color: var(--el-text-primary);
    line-height: 49px;
    font-weight: 700;
    font-style: normal;
    height: 39px;
    width: 224px;
  }

  .myralis-subtitle-newsletter-footer {
    font-family: var(--myralis-font-family);
    font-size: 16px;
    color: #ffffff;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    height: auto;
    display: block;
    width: 154px;
  }

  .myralis-newsletter-next-step-button {
    width: 90%;
    height: 40px;
  }

  .myralis-img-newslleter {
    /*margin-top: -188px;*/
    margin-right: 0;
    /*float: right;*/


    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--myracolors-7);
  }

  .myralis-newsletter-footer-form img {
    max-width: 358px;
  }

  .myralis-newsletter-register {
    display: block;
    height: auto;
    width: 100% !important;
  }

  .form-fields-newsletter {
    display: block !important;
    background-color: var(--myracolors-newsletter-background);
    padding: 20px !important;
  }

  .myralis-form-newsletter {
    /*margin-top: -31px;*/
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--myracolors-newsletter-background);
  }

  .myralis-newsletter-footer {
    background-color: var(--myracolors-newsletter-background);
  }

  .myralis-customer-newsletter-inputs {
    width: 100% !important;
    padding-left: unset;
    padding: 0;
  }

    .myralis-customer-newsletter-inputs label {
      color: var(--myracolors-2) !important;
    }

  .inputs-newsletter > label {
    display: inline-block;
    max-width: calc(100% - 10px);
    width: auto;
    font-size: 15px;
    margin: 0 0 8px;
    color: #ffffff;
    text-align: left;
    white-space: normal;
    float: left;
  }

  .inputs-newsletter > input {
    width: 255px !important;
    height: 40px !important;
  }

  .myralis-btn-newsletter {
    margin-top: 8px;
    /* padding-left: unset; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: unset;
    margin-right: unset;
    width: 100%;
    padding: unset;
    margin-bottom: 26px;
  }
}

.myralis-infos-mobile-acordeon {
  display: none;
}

.myralis-button-infos-acordeon {
  display: none;
}

#myralis-shipping-accordeon-infos {
  display: none;
}

.myralis-delete-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1080; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
  z-index: 2001;
}

.myralis-update-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1080; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
  z-index: 2001;
}

.myralis-title-deletemodal {
  color: var(--myracolors-2);
  text-align: center;
  font-family: var(--myralis-font-family-secondary);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.myralis-changeAddress-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1020;
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
  z-index: 2000;
}

.myralis-newAddress-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1020;
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.myralis-title-changeAddress {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  display: flex;
  align-items: center;
  color: var(--myracolors-14);
  margin-left: 11px;
}

.myralis-linkCopy-sucess {
  text-align: center;
  color: var(--myracolors-bg-2);
  font-weight: bold;
}

.myralis-status-pedido-button {
  width: 184px;
}

.product-box-add-to-cart-button {
  align-items: center !important;
  background-color: var(--myracolors-buy-btn) !important;
  color: var(--el-text-alternative) !important;
  border-radius: 8px !important;
}

.product-box-add-to-cart-button1 {
  width: 138px !important;
  align-items: center !important;
  background-color: var(--myracolors-buy-btn) !important;
  color: var(--text-primary) !important;
  border-radius: 8px !important;
}


.product-box-add-to-cart-button:hover {
  background-color: var(--myracolors-hover-1) !important;
}

.product-box-add-to-cart-button1:hover {
  background-color: var(--myracolors-hover-1) !important;
}

.product-details-page .button-primary.add-to-cart-button {
  background-color: var(--myracolors-1);
}

  .product-details-page .button-primary.add-to-cart-button span {
    color: #fff;
  }

.out-of-stock-wrapper {
  margin-top: -36px;
  flex-direction: column;
}

.item-box .unavailable-product {
  width: 100%;
  height: 40px;
  background-color: transparent;
  border-radius: 8px;
  border: 1px solid var(--myracolors-10);
  padding: 4px 12px;
  margin-top: 12px !important;
}

  .item-box .unavailable-product span {
    color: var(--myracolors-10);
    font-weight: 500;
    font-family: var(--myralis-font-family);
    font-size: 16px;
    display: contents;
  }

.picture-Home {
  width: 100% !important;
  height: 134px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.myralis-customer-info {
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  gap: 16px;
}

  .myralis-customer-info .inputs {
    width: 55%;
    padding: 0;
  }

    .myralis-customer-info .inputs label {
      display: flex;
      align-items: center;
      font-size: 16px !important;
      margin: 0;
      padding-bottom: 1px;
      padding-bottom: 8px !important;
    }

.picture-Home {
  width: 100% !important;
  height: 134px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

  .picture-Home .productimage {
    width: 100%;
    height: 134px;
  }

/* .product-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  height: 48px !important;
 } */

.field-required {
  color: #e5323f;
}

.myralis-modal-content {
  padding: 0 !important;
}

.myralis-modal-row {
  align-items: flex-start !important;
  border-style: none !important;
  margin-right: auto !important;
  width: auto;
}

.html-category-page .view-all {
  font-size: 16px !important;
  color: var(--myracolors-bg-2) !important;
}

  .html-category-page .view-all a {
    color: var(--text-secondary) !important;
  }

.myralis-modal-logo {
  margin-top: 50px;
  text-align: center;
}

.myralis-modal-form {
  margin-top: 68px;
  margin-left: 4%;
  width: inherit;
}

.myralis-modal-div-btn {
  margin-top: 24px;
  text-align: center;
}

.myralis-modal-btn {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  width: 220px;
  height: 36px;
  background: var(--myracolors-fg-1);
  border-radius: 4px;
  color: var(--text-primary);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}

.myralis-modal-div-aviso {
  margin-top: 16px;
  height: 48px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
}

.myralis-modal-input {
  padding: 4px 8px !important;
  width: 100% !important;
  height: 29px !important;
  background: #ffffff !important;
  border: 1px solid #ced4da !important;
  border-radius: 4px !important;
}

.myralis_erro {
  border-bottom: 2px solid #ff4f60 !important;
}

#myralis-modal-discount {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 2200; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.myralis-home-categoria .row-valor {
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: unset;
  align-items: baseline;
  /*margin-top: 19px;*/
  min-height: 50px;
}

.row-valor {
  flex-direction: column;
  justify-content: start;
  /*gap: 8px;*/
  display: flex;
  align-items: start;
}

.product-flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.price-old-price {
  text-decoration: line-through;
  margin-left: -10px;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  color: var(--text-muted) !important;
  margin: 0 !important;
  white-space: nowrap;
  font-family: 'Barlow';
}

.price-old-price-cart {
  text-decoration: line-through;
  margin-left: -10px;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  line-height: 12px !important;
  color: #878787 !important;
  margin: 0 !important;
  white-space: nowrap;
  padding-right: 8px;
}

div.product-ribbon {
  margin-top: -3px !important;
  margin-right: -10px !important;
  border: 0px !important;
}

.plus-minus-wrapper img {
  width: 9px;
}


.category-page .filter {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: flex-end;
}

  .category-page .filter img {
    cursor: pointer;
  }

.manufacturer-page-body div#myralis-categoryfilters-listbox {
  padding: 12px;
}

.manufacturer-page-body .filter {
  display: none;
}

.manufacturer-page-body .product-selectors {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  align-content: normal;
  justify-content: center;
}

.manufacturer-page-body .div-filter-dimatrix {
  width: 100% !important;
  padding: 8px !important;
  text-align: left;
}

.manufacturer-page-body li.active {
  background: #f0f0f0;
  border-radius: 6px;
}

.manufacturer-page-body .list .active a {
  color: var(--myracolors-2) !important;
  font-weight: 500 !important;
}

.manufacturer-page-body .list a {
  padding: 8px;
}

.myralis-manufacture-areacateg h1 {
  /*position: absolute;
  top: 215px;
  font-size: 13px !important;
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  color: #424242;*/
}

.myralis-manufacture-areacateg .pay1get2tag {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 73px;
  height: 48px;
  align-items: center;
  background-color: #ff5c00;
  display: flex;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  border-radius: 0px 16px 0px 40px;
}

.product-grid.featured-product-grid {
  display: none;
}

.category-page-body .ajax-cart-button-wrapper {
  display: flex;
}

.manufacturer-page-body .breadcrumb,
.category-page-body .breadcrumb {
  text-align: left !important;
  margin: 0 0px 12px;
}

.category-page-body .side-2 {
  margin-top: 46px;
}

.manufacturer-page-body .side-2 {
  margin-top: 46px;
}

.category-page-body .list .active {
  background: #F4F5FF;
  border-radius: 6px;
  color: var(--myracolors-2);
}

  .category-page-body .list .active a {
    color: var(--text-primary) !important;
    font-weight: 500 !important;
  }

.category-page-body .list a {
  padding: 8px;
  font-family: 'Barlow';
}

@media (max-width: 492px) {
  .also-purchased-item-grid {
    flex-direction: column;
  }
}

@media (max-width: 626px) {
  .myralis-text-cada-por-area {
    width: 90%;
  }
}

@media (min-width: 626px) {
  .category-page .item-grid {
    grid-template-columns: 32% 32% 32%;
  }
}

.category-page .item-grid {
  gap: 16px;
}

.manufacturer-list-page .closeIcon,
.category-page .filter .closeIcon {
  display: none;
  margin-bottom: -3px;
}

.manufacturer-list-page .filterIcon,
.category-page .filter .filterIcon {
  display: block;
  margin-bottom: -3px;
}

.category-page .pay1get2tag {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 73px;
  height: 48px;
  align-items: center;
  background-color: #ff5c00;
  display: flex;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  border-radius: 0px 16px 0px 40px;
}

  .category-page .pay1get2tag span {
    padding-left: 6px;
  }

.field-required {
  color: #e5323f;
}

/* #region Modal desconto*/

.myralys-modal-content {
  background-color: #fefefe;
  margin: 7% auto;
  display: flex;
  flex-direction: row-reverse;
  padding: 20px 16px 0px 20px;
  /*border: 1px solid #888;*/
  border-radius: 10px;
  width: 912px;
  height: 500px;
  overflow: hidden;
}

.myralis-aviso-sucesso {
  font-weight: 700;
  font-size: 32px;
  line-height: 39px;
  color: var(--el-text-primary);
}

.myralys-modal-disconto {
  flex-direction: row;
  display: flex !important;
}

.myralis-modal-form-desconto {
  margin-top: 32px;
}

.myralys-modal-disconto {
  display: inline-flex;
  width: 100%;
  gap: 32px;
  height: 841px;
}

#myralys-modal-disconto-img-desktop {
  max-width: 368px;
}

@media (max-width: 1000px) {

  .myralis-modal-form-desconto {
    margin: 0px;
  }

  .myralys-modal-content {
    height: auto;
    width: 100%;
    border-radius: 20px 20px 0px 0px;
    border: unset;
    /*margin: auto !important;*/
    margin-bottom: 0px;
    flex-direction: column;
  }

  .myralys-modal-disconto {
    height: 100% !important;
    flex-direction: column;
    gap: 0px;
  }

  div#myralis-modal-discount {
    /*height: unset;*/
    top: unset;
    bottom: 0px;
    /*background-color: unset !important;*/
    align-items: flex-end;
  }

  .myralys-modal-disconto-img-direta {
    width: 100%;
  }

  .myralis-modal-logo-desconto {
    display: none;
  }

  .myralys-modal-disconto-img-esquerda {
    display: none;
  }

  #myralys-modal-disconto-img-esquerda-mobile {
    display: block;
    background-image: url("../img/Banner_Desconto_mobile.png");
    width: 100%;
    height: 20vh;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  #img-discount-mobile {
    max-width: unset;
    width: 100%;
  }

  .myralis-modal-disconto-aviso {
    width: 100% !important;
    height: unset !important;
    padding-bottom: 16px;
  }

  .myralis-modal-desconto-input {
    width: 100%;
    height: 25px !important;
    background: #ffffff;
    border: 1px solid #ced4da;
  }

  .myralys-modal-sucess {
    width: 100% !important;
    height: 150px !important;
  }

  .myralys-modal-message-img {
    margin-top: 0px !important;
  }

  .inputs .myralis-inputs-recovery {
    width: 298px !important;
  }

  .myralis-recovery-email {
    margin-top: 24px;
    padding: 0 !important;
  }

  .myralis-recovery-tooltip {
    padding: 0 !important;
    align-items: normal;
    text-align: justify;
  }

  .buttons.myralis-recovery-btn-send {
    flex-direction: column;
    margin-top: 16px;
  }

  .myralis-recovery-btn-send .button-3 span {
    font-weight: 500;
  }


  .buttons.myralis-recovery-btn-send .button-base + .button-base {
    margin-top: 0;
  }
}

@media (max-width: 600px) {
  .myralis-add-endereco {
    grid-template-columns: 1fr;
  }

  .myralis_aproveite_leve .slick-list {
    border-radius: 0;
  }
}

.myralys-modal-disconto-img-esquerda-mobile {
  display: none;
}

.myralys-modal-disconto-img-esquerda {
  background-image: url("../img/Banner_Desconto_desktop.png");
  width: 400px;
  height: auto;
  background-repeat: no-repeat;
  background-size: contain;
}

.myralys-modal-disconto-img-direita {
  margin-left: 30px;
}

.myralis-modal-logo-desconto {
  text-align: center;
}

#myralis-modal-logo-desconto-img {
  width: 163px;
  height: 98px;
}

.myralis-modal-desconto-input {
  width: 100%;
  height: 40px;
  background: #ffffff;
  border: 1px solid #ced4da;
}

.myralis-modal-desconto-btn {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.myralis-modal-desconto-button {
  padding: 6px 12px;
  width: 220px;
}

.myralis-modal-disconto-aviso {
  margin-top: 16px;
  width: 422px;
  height: 48px;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
}

.myralis-modal-disconto-form-infs {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  text-align: center;
  color: #ffffff;
}

.myralys-modal-disconto-img-esquerda img {
  max-width: unset;
}

.myralys-modal-sucess {
  text-align: center;
  width: 426px;
  height: 168px;
}

.myralys-modal-message-img {
  display: flex;
  justify-content: center;
  margin-top: 79px;
}
/* #endregion modal desconto*/



.title-payment-type {
  width: 100%;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.myralis-payment-method .order-summary-content {
  display: flex;
  flex-direction: column;
}

  .myralis-payment-method .order-summary-content .cart-footer {
    width: 100% !important;
  }

.payment-method-page .product-picture {
  margin-left: 14px !important;
  padding: 0 !important;
}

.payment-method-page .product-picture-header {
  border-radius: 8px 0px 0px 0px;
  height: 48px;
  text-align: left;
  padding-left: 14px !important;
}

.payment-method-page .product-picture a {
  width: 45px;
}

#btnTipoPagamentoPix {
}

.customer-info-page .form-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 56px;
}

.myralis-principais-marcas {
  margin-top: 20px;
  margin-block: 24px;
  color: var(--myracolors-2);
}

.myralis-product-name {
  color: #343a40 !important;
}

.myralis-button-continueShopping {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.shopping-cart-wrapper {
  padding-bottom: 38px;
}

.html-address-edit-page .center-2 {
  padding: 0 22px;
}



input#myralis-modal-desconto-email {
  width: 343px;
  height: 40px !important;
}

input#myralis-modal-desconto-nome {
  width: 343px;
  height: 40px !important;
}

.myralis-modal-form-desconto {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.myralis-modal-email-erro {
  margin-top: 8px;
}

.myralis-modal-nome-erro {
  margin-top: 8px;
}

.header-links {
  margin-top: 10px;
}


.customer-info-page .form-fields .inputs {
  border-color: #ced4da;
}

@media (max-width: 768px) {
  .customer-info-page .form-fields {
    padding: 0 16px !important;
  }

  .account-page .buttons {
    padding: 0 16px !important;
    border-radius: 8px;
  }
}

/*  Product Details PAGE Version1.05    */



.myralis-address-myaccount-area {
  display: flex;
  padding: 24px;
  flex-direction: column;
  /* align-items: center; */
  gap: 32px;
  border-radius: 16px;
  background: var(--WhitePrimary, #FFF);
}

.myralis-referencia-div {
  display: flex;
  justify-content: right;
  display: flex;
  align-items: end;
  font-size: 16px;
  color: var(--myracolors-10);
  cursor: pointer;
  gap: 6px;
  margin-bottom: 12px;
}

.input-referencia {
  min-height: 60px;
  padding: 12px 6px;
}

.no-resize {
  resize: none;
}

.goBack {
  text-align: right;
  margin-right: 29px;
  position: absolute;
  top: -92px;
  display: flex;
  align-items: center;
  justify-content: right;
  right: 0;
}

  .goBack:before {
    content: url(../../Content/icons/seta-esquerda.svg);
    cursor: pointer;
    margin-right: -12px;
  }

  .goBack span.p.font-1.fw-normal.text-secondary {
    color: var(--myracolors-10);
  }

.address-delete span {
  color: var(--myracolors-text-1);
}

.myralis-new-address span {
  color: var(--myracolors-2);
}

.myralis-step2-confirmbtn-newaddress-btn {
  display: flex;
  gap: 24px;
}

button#confirm-address-btn {
  border: unset;
  background-color: var(--myracolors-buy-btn);
  color: var(--text-primary);
  font-size: 16px;
  line-height: 24px;
  font-family: var(--myralis-font-family);
}

.myralis-delete-modal-buttons button.button-base.button-primary__alternative.myralis-update-address.full-width-mobile {
  background-color: var(--myracolors-6);
  color: var(--text-primary);
}

.myralis-suasaude-porquinho-area-desk td {
  padding: 0 !important;
}

.myralis-step1-fidelity-title {
  color: var(--myracolors-2);
  font-family: var(--myralis-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.myralis-cart-point-finish {
  color: var(--myracolors-2);
  font-family: var(--myralis-font-family-secondary);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.myralis-inputs-labels-myaccount {
  display: flex;
  width: 367px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.myralis-myaddresses-noaddress {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  gap: 15px;
}

.myralis-addaddreess-myaccount {
  display: flex;
  width: 240px;
  height: 36px;
  padding: 4px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: var(--myracolors-7);
  border: none;
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 67px;
  color: var(--myracolors-2);
}

#partialViewContainer {
  display: none;
}

  #partialViewContainer .input-wrapper {
    width: 100%;
  }

.myralis-noaddress-text2 {
  text-align: center;
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
  color: var(--text-default);
}

.myralis-noaddress-text1 {
  font-family: Ubuntu;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--myracolors-2);
}

.address-edit-page .input-wrapper.cep-input {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}

.myralis-myaccount-address-inputs select {
  height: 40px;
  border: 1px solid #bbb4b4
}

.myralis-inputs-labels-myaccount {
  position: relative;
  width: 100%;
}

.input-wrapper {
  position: relative;
  display: inline-block;
}

.myralis-myaccount-cep-input {
  padding-right: 30px; /* Ajuste o valor conforme necessário para garantir que o texto não fique sobreposto à imagem */
  width: 100%;
}

.address-edit-page .fieldset {
  margin-bottom: 30px;
}

.address-edit-page .button-input {
  position: relative;
  width: 370px;
  border-radius: 4px;
  border: 1px solid #ccc;
  overflow: hidden;
}

  .address-edit-page .button-input input {
    width: calc(100% - 40px);
    border: 0;
  }

  .address-edit-page .button-input input {
    width: calc(100% - 40px);
    border: 0;
    border-radius: 0;
  }

.address-edit-page .myralis-myaccount-cep-search-btn {
  position: absolute;
  margin: 0;
  top: 0;
  right: 0;
  border-radius: 0;
  cursor: pointer;
  height: 100%;
  padding: 10px;
}

.address-edit-page .inputs select {
  height: 40px;
}

.address-list-page .page-body {
  background-color: white;
  border-radius: 16px;
  border: 1px solid var(--Border2, #F0F0F0);
}

.page.account-page.address-edit-page .input-wrapper {
  width: 100%;
  padding: 0 56px;
}

.address-edit-page .form-fields {
  display: flex;
  gap: 32px;
}

.address-edit-page .inputs {
  width: 100%;
}

.account-page .fieldset

.rating-options input[type="radio"]:checked + label:before {
  color: #ffcd46 !important;
  background-color: unset !important;
}

.inputs-line {
  display: flex;
  gap: 15px;
}

.myralis-inputs-labels-myaccount .input-wrapper {
  width: 100%;
}


/* #region Minha Conta (Macro)*/
/* #region CustomerInfo */
/* Minha conta */
.customer-pages-body .master-wrapper-content {
  position: relative;
}

.customer-pages-body .address-list-page .address-title {
  display: none;
}

.sua-saude-page-body .filter {
  display: none;
}

  .sua-saude-page-body .filter .filterIcon,
  .customer-pages-body .filter .filterIcon {
    display: none;
  }

  .sua-saude-page-body .filter .closeIcon,
  .customer-pages-body .filter .closeIcon {
    display: none;
  }

  .sua-saude-page-body .filter img,
  .customer-pages-body .filter img {
    cursor: pointer;
  }

.sua-saude-page-body .select-navigation .listbox,
.customer-pages-body .select-navigation .listbox {
  position: static;
  display: block;
}

.customer-pages-body .header-title {
  background: var(--bg-primary);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  text-align: center;
}

  .customer-pages-body .header-title h2 {
    padding: 14px;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.2px;
    color: var(--el-text-primary);
  }

.customer-pages-body .my-product-reviews-list-page {
  padding-top: 0;
}

  .customer-pages-body .order-list-page .no-data,
  .customer-pages-body .my-product-reviews-list-page .no-data {
    padding: 24px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 16px
  }

    .customer-pages-body .order-list-page .no-data img,
    .customer-pages-body .my-product-reviews-list-page .no-data img {
      max-width: min(300px,100%);
      margin: 0 auto;
    }

/* #endregion */

/* #region OrderHistory */
/* Order History */
/* Meus pedidos */
.html-account-page .title-wrapper {
  padding: 0 56px;
  padding-top: 24px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

div.order-list-page {
  padding-top: 0;
}

.html-order-list-page .select-navigation #menu-mobile {
  position: relative;
  margin-top: 0;
}

.html-order-list-page .no-data {
  max-width: 370px;
  margin: 0 auto;
}

.html-order-list-page .order-list {
  margin: 0 48px;
}

.order-list table#order-list {
  border-collapse: separate;
  border-spacing: 0 16px;
  margin-top: -16px;
}

.order-list tbody tr {
  background: #fff;
}

.order-list .detail {
  display: flex;
  justify-content: center;
}

.order-list tr.table-line td:first-child {
  border-radius: 8px 0 0 8px;
  border-left: 1px solid #ccc;
}

.order-list tr.table-line td:last-child {
  border-radius: 0 8px 8px 0;
  border-right: 1px solid #ccc;
}

.order-list tr.table-line td {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.order-list tr.table-line label,
.order-list tr.table-line span {
  font-size: 16px;
  line-height: 20px;
  color: var(--text-default);
}

.order-list tr.table-line .order-details-button {
  border: 0;
  margin: 0;
  background: transparent;
}

  .order-list tr.table-line .order-details-button span {
    color: var(--myracolors-10);
    background: transparent;
  }

.html-order-list-page .no-data-btn.button-base,
.html-my-product-reviews-list-page .no-data-btn.button-base {
  width: 240px;
}
/* #endregion */

/* #region OrderDetail */
/* Order Detail */
/* Detalhe de pedido */
.order-details-page {
  padding: 0 40px;
}

#backTop {
  position: fixed;
  bottom: 40px;
  right: 40px;
  width: 48px;
  height: 48px;
  background: var(--myracolors-3);
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  z-index: 1000;
}

  #backTop::after {
    content: "";
    transform: rotate(45deg);
    border-left: 1px solid var(--white);
    border-top: 1px solid var(--white);
    width: 8px;
    height: 8px;
    margin-bottom: calc(8px * 0.7 * -1);
  }

.order-details-page .content-body {
  background: #fff;
  border-radius: 16px;
}

.order-details-page .action-buttons {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

  .order-details-page .action-buttons .button-base {
    margin: 0;
  }

  .order-details-page .action-buttons span {
    text-decoration: none
  }

span.p.myralis-backto-order {
  color: var(--myracolors-10);
}

.order-details-page .orderWrapper {
  display: grid;
  background: #fff;
  padding: 24px;
  border-radius: 16px;
  justify-items: start;
  align-items: start;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(6, auto);
  grid-template-areas:
    "status   status   status   status  general  general"
    "options  options  options  options  options  options"
    "products products products products products products"
    "shipment shipment shipment shipment shipment shipment"
    "tax      tax      tax      tax      tax      tax"
    "delivery delivery payment  payment  totals   totals";
}

.order-details-page .myralis-status {
  grid-area: status;
  gap: 12px;
}


.order-details-page .pix-area {
  gap: 16px;
  max-width: 306px;
  margin: 8px auto;
  padding-bottom: 16px;
}

  .order-details-page .pix-area span {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    width: 100%
  }

#myralis-copypaste {
  position: relative;
}

.order-details-page .myralis-status .button-base {
  width: 100%;
  margin: 0;
}

.order-details-page .pix-copy-paste-area .copy-success {
  width: 200px;
  background-color: var(--white);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  color: var(--myracolors-primary);
  text-align: center;
  font-size: 14px;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

  .order-details-page .pix-copy-paste-area .copy-success::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--white) transparent transparent transparent;
  }

.order-details-page .order-overview {
  grid-area: general;
  display: flex;
  margin-left: auto;
  align-items: flex-end;
  width: 100%;
  gap: 12px;
}

  .order-details-page .order-overview .myralis-nf {
    margin: 0 auto;
  }

    .order-details-page .order-overview .myralis-nf span {
      color: var(--text-secondary);
      padding: 0 8px;
    }

.order-details-page .options {
  grid-area: options;
}

.order-details-page .products {
  grid-area: products;
  width: 100%;
}

.order-details-page .shipments {
  grid-area: shipment;
}

.order-details-page .tax-shipping-info {
  grid-area: tax;
}

.order-details-page .shipping-info {
  grid-area: delivery;
  position: relative;
  padding: 16px;
  margin-top: 24px;
  max-height: 280px;
  height: 100%;
  width: 100%;
}

  .order-details-page .shipping-info::after {
    content: "";
    width: 1px;
    height: 100%;
    max-height: 280px;
    background: var(--myracolors-14);
    position: absolute;
    right: 0;
    top: 0;
    filter: opacity(0.3);
    margin: 4px 0;
  }

.order-details-page .shipping-method-info {
  grid-area: payment;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 16px;
  max-height: 200px;
  margin-top: 24px;
}

  .order-details-page .shipping-method-info::after {
    content: "";
    width: 1px;
    height: 100%;
    max-height: 280px;
    background: var(--myracolors-14);
    position: absolute;
    right: 0;
    top: 0;
    filter: opacity(0.3);
    margin: 4px 0;
  }

.order-details-page .total-info {
  grid-area: totals;
  padding: 16px;
  height: 100%;
  width: 100%;
  margin-top: 24px;
}

  .order-details-page .total-info > div {
    gap: 8px;
  }

  .order-details-page .total-info .total {
    color: var(--text-primary);
  }

  .order-details-page .total-info .button-base {
    margin-top: 24px;
    width: 100%;
    max-width: 412px;
  }

.order-details-page .myralis-status .order-status {
  text-align: left;
  color: var(--text-primary);
  font-size: 22px;
  line-height: 20px;
  font-weight: 700;
}

.order-details-page .myralis-status blockquote {
  color: var(--myracolors-14);
  font-size: 16px;
  text-align: left;
  line-height: 20px;
  font-weight: 400;
}

.order-details-page .myralis-tracking {
  margin-bottom: 24px;
  margin-top: 12px;
}

.order-details-page .myralis-status .shipping-tracking {
  color: var(--text-default);
  font-size: 16px;
  margin-bottom: 12px;
}


.order-details-page dl.order-overview-content {
  background: #f4f5ff;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border-radius: 8px;
  max-width: 306px;
  width: 100%;
}

  .order-details-page dl.order-overview-content dd {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .order-details-page dl.order-overview-content span {
    color: var(--text-default);
    font-size: 16px;
    line-height: 20px;
  }

.order-details-page .order-overview div.contact-us {
  display: flex;
  flex-direction: row;
  gap: 8px;
  max-width: 306px;
  width: 100%;
}

  .order-details-page .order-overview div.contact-us .button-base {
    margin: 0;
  }

.order-details-page .products .title {
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 24px;
  color: var(--text-primary);
}

.order-details-page .products .divider {
  border: 0;
  border-top: 1px solid #ccc;
  filter: opacity(0.3);
  margin: 4px 0;
}

  .order-details-page .products .divider:last-of-type {
    border-top: 0;
    display: none;
  }

.order-details-page .products .product {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}

.order-details-page .products #product-info-wrapper {
  --column-width: 192px;
  max-width: calc(100vw - var(--filters-width) - 2 * var(--column-width));
}

.order-details-page .products .item-1 {
  transition: all 0.3s ease-in-out;
}

.order-details-page .product .myralis-image-name {
  display: flex;
  align-items: center;
}

.order-details-page .product img.image {
  width: 100%;
  height: 100%;
  max-height: 45px;
  max-width: 45px;
}

.order-details-page .product .name {
  margin-left: 8px;
}

  .order-details-page .product .name span {
    color: var(--text-default-2);
    font-size: 16px;
    line-height: 18px;
  }

.order-details-page .product .attributes {
  margin-top: 8px;
  margin-left: 8px;
  font-size: 14px;
  color: var(--myracolors-11);
}

.order-details-page .product .myralis-quantity-price {
  gap: 42px;
  width: 192px;
  height: 100%;
  padding-bottom: 4px;
  justify-content: space-between;
  align-items: flex-end;
}

.order-details-page .product .quantity .product-quantity {
  color: var(--text-default);
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
}

.order-details-page .product .total > div {
  gap: 4px;
}

.order-details-page .product .total .price-old {
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  text-decoration: line-through;
  text-align: right;
}

.order-details-page .product .total .price {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  text-align: right;
}

.order-details-page .product .total .product-oldprice {
  color: var(--myracolors-11);
}

.order-details-page .product .total .product-subtotal {
  color: var(--text-primary);
}

.order-details-page .product .total .myralis-suasaude-old {
  color: var(--myracolors-cart-suasaude-text);
}

span.price-old.myralis-suasaude-old.mecprogressive-layout {
  color: var(--myracolors-1) !important;
}

.myralis-try-again-btn {
  background-color: var(--myracolors-15) !important;
}

  .myralis-try-again-btn span {
    color: var(--text-primary) !important;
  }

.order-details-page .product .total .myralis-suasaude {
  color: var(--text-primary);
}

.order-details-page .show-more {
  margin-top: 12px;
}

.order-details-page .v-divider {
  border: 0;
  border-left: 1px solid #ccc;
  filter: opacity(0.3);
  margin: 0 4px;
}

.order-details-page .shipping-info h3,
.order-details-page .shipping-method-info h3,
.order-details-page .total-info h3 {
  width: 100%;
  color: var(--text-primary);
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 24px;
}

.order-details-page .shipping-info li,
.order-details-page .shipping-method-info li > span {
  color: var(--text-default);
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  overflow-wrap: break-word;
}

.order-details-page .warning-recomendation-wrapper {
  padding: 8px 4px;
}

.order-details-page .warning-recomendation {
  color: var(--text-primary);
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}

/* #endregion */

/* #region Sua Saúde */

.myralis-tag-promocao.myralis-sua-saude-cardtag {
  background-color: var(--myracolors-suaSaude-tag);
  font-weight: 700;
  z-index: 10;
}

span.myralis-promotion-price.myralis-fidelity-price-card {
  color: var(--myracolors-suaSaude-tag);
}

span.myralis-fidelity-member-card {
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--myracolors-suaSaude-tag);
  margin-bottom: 5px;
}

  span.myralis-fidelity-member-card:after {
    content: url(../icons/ssm_simbolo.svg);
    margin-left: 5px;
  }

.myralis-saleoftheday-viewed span.myralis-fidelity-member-card:after {
  content: url(../icons/ssm_simbolo.svg);
}

.myralis-myaccount-filter {
  height: 50px;
  background-color: white;
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--text-primary);
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  border-radius: 8px;
  border-radius: 8px;
  border: 1px solid var(--Border1, #CCC);
}

.myralis-myaccount-filter-openandclose {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

  .myralis-myaccount-filter-openandclose > span {
    font-size: 18px;
  }


#show-address-mobile {
  display: none;
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.myralis-info-frete-type-step3 span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: var(--myracolors-14);
}

#show-address-desktop {
  display: block;
  /*width: 74%;*/
  overflow-wrap: break-word;
}


/*SLIDER TOOGLE*/
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 22px;
}

  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

  .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

.header .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 19px;
}

  .header .slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 7px;
    left: 2px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    min-width: 17px;
  }

.header input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(15px);
}

input:checked + .slider {
  background-color: var(--myracolors-10);
}

input:focus + .slider {
  box-shadow: 0 0 1px gray;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
  min-width: 36px;
}

  .slider.round:before {
    border-radius: 50%;
  }

input::placeholder {
  color: #878787 !important;
}


.myralis-sua-saude1 {
  height: 14px;
  font-weight: 700;
  font-size: 32px;
  line-height: 14px;
  color: var(--text-primary);
}

.myralis-sua-saude2 {
  padding: 34px 0 34px 50px;
  height: 29px;
  font-weight: 400;
  font-size: 19px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--text-primary);
  width: 527px;
}

.myralis-sua-saude-pontuacao {
  padding: 34px 0 25px 110px;
  height: 29px;
  font-weight: 400;
  font-size: 19px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--text-primary);
  width: 527px;
}

.myralis-sua-saude3 {
  padding-left: 60px;
  height: 14px;
  font-weight: 700;
  font-size: 32px;
  line-height: 14px;
  color: var(--text-primary);
}

.myralis-sua-saude-cadastro1 {
  width: 628px;
  padding: 34px 0 34px 0;
  height: 50px;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: var(--text-primary);
}

.myralis-sua-saude-cadastro2 {
  padding-left: 90px;
  height: 29px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--text-primary);
  margin-top: 12px;
}

.myralis-sua-saude-div-button {
  padding: 34px 0 0 150px;
}

.myralis-sua-saude-div-button-pontuacao {
  padding: 34px 0 0 120px;
}

.myralis-sua-saude-div-button-myralis {
  padding: 34px 0 0 75px;
}

.myralis-sua-saude-div-button-myralis-cadastro {
  padding: 34px 0 0 106px;
}

.myralis-sua-saude-button {
  padding: 6px 12px;
  height: 36px;
  width: 352px;
  font-family: var(--myralis-font-family-secondary);
  font-weight: 500;
}

.myralis-sua-saude-div-toggle {
  padding: 34px 0 0 90px;
  height: 29px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: center;
}

.myralis-sua-saude-ajuda {
  padding: 34px 0 0 34px;
  height: 17px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
}

.myralis-sua-saude-ajuda-cadastrado {
  padding: 34px 0 0 0;
  height: 17px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
}

.myralis-sua-saude-ajuda-pontuacao {
  padding: 34px 0 0 0px;
  height: 17px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
}

.myralis-sua-saude-img {
  width: 100%;
  height: 194px;
}

.myralis-sua-saude-img-presente {
  height: 32px !important;
  width: 32px;
}

.myralis-sua-saude-link {
  text-decoration: underline;
  padding: 0;
}

.myralis-sua-saude-cadastre-span {
  padding-top: 32px;
  height: 29px;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  align-items: center;
  text-align: center;
  color: var(--text-primary);
}

.myralis-sua-saude-div-button-cadastro {
  padding: 25px 0 0 134px;
}

.myralis-sua-saude-myralis {
  height: 14px;
  font-weight: 700;
  font-size: 32px;
  line-height: 14px;
  color: var(--text-primary);
}

.myralis-sua-saude-myralis1 {
  padding: 34px 0 34px 75px;
  height: 29px;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--text-primary);
}

.myralis-sua-saude-myralis2 {
  width: 568px;
  padding: 0px 0 20px 15px;
  height: 17px;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: var(--text-primary);
}

.myralis-sua-saude-myralis3 {
  padding: 34px 0 0px 75px;
  height: 29px;
  font-weight: 400;
  font-size: 16px;
  line-height: 14px;
  display: flex;
  text-align: center;
  color: var(--text-primary);
}

.myralis-sua-saude-ajuda-myralis {
  padding: 34px 0 0 39px;
  height: 17px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
}

.erroTermoSuaSaude {
  padding-right: 110px;
}

.title-sua-saude {
  height: 48px;
  background-color: var(--bg-primary);
  border-radius: 16px 16px 0 0;
  padding: 15px;
  text-align: center;
}

.myralis-sua-saude-cadastrado {
  padding: 34px 0 34px 14px;
  height: 29px;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--text-primary);
  width: 641px;
}

.myralis-sua-saude-div-pricipal {
  display: grid;
  text-align: center;
  width: 500px;
  margin-top: 34px;
  padding-left: 5px;
}

.myralis-sua-saude-div-img-pricipal {
  text-align: end;
  width: 327px;
  height: 211px;
}

@media (max-width: 799px) {
  .title-sua-saude {
    height: 48px;
  }

  .myralis-sua-saude-div-pricipal {
    text-align: center;
    width: 240px;
    margin-top: 34px;
    padding-left: 0;
  }

  .myralis-sua-saude-div-button-myralis-cadastro {
    padding: 24px 0 0 30px;
  }

  .myralis-sua-saude2 {
    padding: 34px 0 34px 14px;
  }

  myralis-sua-saude-img-presente {
    height: 17px;
    width: 20px;
  }

  .myralis-sua-saude3 {
    padding-left: 30px;
    font-size: 16px;
    line-height: 14px;
    text-align: center;
  }

  .myralis-sua-saude-cadastro1 {
    width: 290px;
    padding: 34px 0 34px 14px;
    font-size: 16px;
    line-height: 17px;
    display: flex;
    align-items: flex-start;
    text-align: start;
  }

  .myralis-sua-saude-div-button {
    padding: 25px 0 0 14px;
  }

  .myralis-sua-saude-img {
    width: 100%;
    height: 84px;
  }

  .myralis-sua-saude-ajuda {
    width: 326px;
    padding: 31px 0 0 14px;
  }

  .myralis-sua-saude-ajuda-cadastrado {
    width: 326px;
    padding: 31px 0 0 40px;
  }

  .myralis-sua-saude-div-button-cadastro {
    padding: 25px 0 0 30px;
  }

  .myralis-sua-saude-ajuda-pontuacao {
    width: 115%;
    padding: 31px 0 0 14px;
  }

  .myralis-sua-saude-pontuacao {
    padding: 42px 0 25px 14px;
    height: 29px;
    font-weight: 400;
    font-size: 19px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--text-primary);
    width: 527px;
  }

  .myralis-sua-saude-cadastre-span {
    padding: 31px 0 0 14px;
    height: 29px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: flex-start;
    text-align: start;
    color: var(--text-primary);
  }

  .myralis-sua-saude-cadastro2 {
    padding: 31px 0 0 14px;
    height: 29px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: flex-start;
    text-align: start;
    width: 335px;
  }

  .myralis-sua-saude-cadastre-span1 {
    padding: 8px 0 0 0px;
    height: 29px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-align: start;
    color: var(--text-primary);
  }

  .myralis-sua-saude-cadastre-div {
    padding-left: 0px;
    width: 300px;
  }

  .myralis-sua-saude-div-toggle {
    padding: 60px 0 0 14px;
    height: 29px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: flex-start;
    width: 350px;
  }

  .myralis-sua-saude-myralis {
    height: 14px;
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    color: var(--text-primary);
  }

  .myralis-sua-saude-myralis1 {
    padding: 26px 0 24px 24px;
    height: 29px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--text-primary);
    width: 266px;
  }

  .myralis-sua-saude1 {
    height: 14px;
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    color: var(--text-primary);
    width: 230px;
    padding-left: 40px;
  }

  .myralis-sua-saude-myralis2 {
    padding: 24px 0 8px 14px;
    height: 29px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-primary);
    width: 328px;
    text-align: left;
  }

  .myralis-sua-saude-cadastrado {
    padding: 34px 0 34px 0px;
    color: var(--text-primary);
    width: 260px;
    height: 29px;
    font-weight: 400;
    font-size: 14px;
    line-height: 29px;
    display: flex;
    align-items: center;
    text-align: center;
  }

  .myralis-sua-saude2 {
    padding: 34px 0px 24px 0px;
    height: 17px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--text-primary);
    width: 240px;
  }

  .myralis-sua-saude-myralis3 {
    padding: 25px 0px 0px 14px;
    height: 29px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--text-primary);
    width: 320px;
    text-align: left;
    margin-top: 24px;
  }

  .myralis-sua-saude-div-button-myralis {
    padding: 40px 30px 0px 40px;
  }

  .myralis-sua-saude-div-button-cadastrado {
    padding: 24px 30px 0px 20px;
  }

  .myralis-sua-saude-ajuda-myralis {
    padding: 34px 49px 0 43px;
    height: 17px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    width: 350px;
  }

  .erroTermoSuaSaude {
    width: 318px;
    margin-top: 33px;
    padding-left: 0px;
    font-size: 24px;
    padding-top: 12px;
  }

  .myralis-sua-saude-button {
    border-radius: 8px;
    height: 36px;
    width: 264px;
  }

  .myralis-sua-saude-button-resgatar {
    width: 217px !important;
  }
}

.myralis-sua-saude-button-resgatar {
  border: none;
  width: 287px;
  height: 36px;
  background: var(--myracolors-fg-1);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  color: var(--text-primary);
}

.myralis-sua-saude-pontuacao-componente {
  display: flex;
  flex-direction: column;
  max-width: 294px;
}

  .myralis-sua-saude-pontuacao-componente span {
    color: var(--text-primary);
    font-size: 16px;
    line-height: 24px;
  }

.myralis-sua-saude-pontuacao-content {
  border: 1px dashed #5468c9;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.myralis-sua-saude-pontuacao-componente .myralis-pontuacao {
  min-width: 17px;
  min-height: 22px;
}

.myralis-sua-saude-pontuacao-componente span.myralis-title {
  font-weight: 700;
  font-size: 20px;
}

.myralis-sua-saude-pontuacao-componente span.myralis-pontuacao-value {
  font-weight: 700;
  color: #28a745;
  font-size: 16px;
  padding: 0;
}

.myralis-sua-saude-pontuacao-componente .myralis-sua-saude-advertencia {
  padding: 10px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: var(--myracolors-14);
}



/* #endregion Sua Saúde*/

/* #region Produtos avaliados */

/* #endregion Produtos avaliados */

/* #endregion Minha conta */

/* #region Policy */
/* Politicas */
.politica-div span div > h2:first-of-type {
  font-size: 24px;
  font-family: Ubuntu;
  color: var(--text-default-2);
}

.politica-div span div > * {
  font-size: 16px;
  line-height: 130%;
  margin-bottom: 14px;
  color: var(--text-default-2);
}

.politica-div span div > br {
  font-size: 8px;
  line-height: 100%;
  font-family: var(--myralis-font-family-secondary);
  margin-bottom: 0;
}

.politica-div span div > h2 {
  margin-top: 16px;
  font-weight: 600;
  font-family: Ubuntu;
}

.politica-div span div a {
  text-decoration: underline;
  color: var(--text-secondary);
}

.politica-div span div ul {
  list-style-type: none;
  margin-left: 16px;
}

.arrow {
  background: var(--el-secondary);
  border: solid #fff;
  border-width: 0 2px 2px 0;
  padding: 6px;
  margin-top: 7px;
  display: inline-block;
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

#btntop {
  overflow-y: hidden;
  position: fixed;
  bottom: 50px;
  width: 50px;
  right: 20px;
  height: 50px;
  background: var(--el-secondary);
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 100;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
}
/* #endregion */


/* #region RelatedProducts */
/* Produtos Relacionados carousel */
/* Related products */
#myralis-relational-products {
  background: #ffffff;
  padding: 0;
  --tag-promocao-width: 61px;
}

  #myralis-relational-products:has(div) {
    padding: 100px;
  }

  #myralis-relational-products .myralis-cada-um-por {
    display: none;
  }

  #myralis-relational-products .slick-carousel {
    border: 1px solid #CCCCCC;
    border-radius: 16px;
    padding: 24px;
    position: relative
  }

  #myralis-relational-products .item-box {
    position: relative
  }

    #myralis-relational-products .item-box .product-item {
      display: flex;
      flex-direction: row;
    }

  #myralis-relational-products .product-item .ribbon-wrapper {
    position: unset;
    display: flex;
    align-items: center;
    width: auto;
    min-height: 189px;
  }

  #myralis-relational-products .product-item a.ribbon-position {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-25px) translateY(10px);
  }

  #myralis-relational-products .product-item .product-ribbon {
    /* reset de margin */
    margin: 0 !important;
  }

  #myralis-relational-products .product-item .myralis-tag-promocao {
    width: var(--tag-promocao-width);
    height: 44px;
    right: 8px;
    display: flex;
    padding-left: 4px;
    border-radius: 0px 16px 0px 32px;
  }

  #myralis-relational-products .myralis-tag-promocao .myralis-text-promocao-area {
    margin: 0;
  }

    #myralis-relational-products .myralis-tag-promocao .myralis-text-promocao-area > div {
      font-size: 10px;
      line-height: 12px;
    }

  #myralis-relational-products .product-item .picture {
    max-height: 160px;
    max-width: 160px;
    height: auto;
    width: auto;
    margin: 0 28px;
  }

    #myralis-relational-products .product-item .picture img {
      width: 100%;
    }

  #myralis-relational-products .product-item .details {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  #myralis-relational-products .details .product-title {
    max-width: calc(100% - var(--tag-promocao-width));
    min-height: 52px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }

    #myralis-relational-products .details .product-title a {
      font-size: 12px;
      line-height: 16px;
      color: #878787;
    }

  #myralis-relational-products .details .product-rating-box {
    margin: 8px 0;
  }

  #myralis-relational-products .prices .actual-price {
    color: var(--text-primary)
  }


/* #endregion */

/* #region Not Found */
.myralis-no-account-found {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 14px;
  gap: 32px;
  width: 852px;
  /*height: 460px;*/
  background: #FFFFFF;
  border-radius: 12px;
  margin: auto
}

.manufacturer-page .item-grid {
  margin-bottom: 22px;
}

.myralis-no-account-found .img {
  width: 192px;
  height: 139px;
}

.myralis-no-account-found .myralis-no-account-found1 {
  line-height: 28px;
}

.myralis-no-account-found .myralis-no-account-found2 {
  line-height: 22px;
}

.myralis-no-account-found .button-base {
  min-width: 200px
}
/* #endregion NotFound*/


#loading {
  display: none;
  width: 20px;
  height: 20px;
  border: 3px solid var(--myracolors-text-1); /*#33 => 20% */
  border-radius: 50%;
  border-top-color: var(--myracolors-3);
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

#blip-chat-container {
  z-index: 2000 !important;
}

.myralis-transportadora-select .page-title {
  display: block;
}

.myralis-transportadora-select span.desktop {
  font-size: 20px;
  font-family: var(--myralis-font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--text-primary);
}

.myralis-step2-title-1 {
  float: left;
  display: flex;
  gap: 5px;
}

.myralis-step2-change-address {
  float: right;
}

  .myralis-step2-change-address span {
    color: var(--myracolors-10);
    text-align: center;
    font-family: var(--myralis-font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
  }

.myralis-step2-principal-address span {
  color: var(--text-default);
  font-family: var(--myralis-font-family-secondary);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 175% */
  overflow-wrap: break-word;
}

.myralis-step2-truck span {
  font-family: var(--myralis-font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--text-primary);
}

.myralis-optionsfrete-step2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 22px;
}

.myralis-step2-truck {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 42px;
}

.myralis-step2-principal-address {
  margin-left: 28px;
  margin-top: 16px;
}

.myralis-step2-changeaddress-title {
  color: var(--myracolors-2);
  font-family: var(--myralis-font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  margin-bottom: 20px;
}

.myralis-step2-changeaddress-description {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  color: var(--myracolors-2);
}

.myralis-step2-select-address {
  display: flex;
  align-items: center;
  gap: 6px;
}

.myralis-step2-modal-changeaddress-title-description {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.myralis-step2-changeaddress-btns {
  display: flex;
  gap: 8px;
}

.myralis-step2-changeaddress-modal-option-btns {
  display: flex;
  justify-content: space-between;
}

.myralis-step2-select-address span {
  color: var(--text-default);
  text-align: center;
  font-family: var(--myralis-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
}

.myralis-step2-update-address-modal-title span {
  text-align: center;
  font-family: var(--myralis-font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--myracolors-2);
}

.inputs.myralis-cep-step2-modal-update {
  width: 50%;
}

.myralis-step2-update-inputs {
  display: flex;
  justify-content: space-between;
}

.modal-content-update .inputs {
  width: 45%;
}

.modal-content-newAddress .inputs {
  width: 45%;
}

.myralis-step2-newaddress-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  width: 100%;
  text-align: center;
}

.myralis-update-address-inputs button.button-base.button-primary__alternative {
  background-color: var(--myracolors-fg-4);
}

  .myralis-update-address-inputs button.button-base.button-primary__alternative span {
    color: var(--myracolors-2);
    font-weight: 500;
  }

.modal-content-newAddress button.button-base.button-primary__alternative {
  background-color: var(--myracolors-fg-4);
}

  .modal-content-newAddress button.button-base.button-primary__alternative span {
    color: var(--myracolors-2);
    font-weight: 500;
  }

.myralis-delete-address-step2 {
  width: 100%;
}

.mobile-step2-content-btns {
  display: none;
}

tr.myralis-step1-brinde-title.cart-header-row th {
  font-size: 18px;
}

.cart-header-row th.product-picture {
  font-size: 18px;
}

.cart-header-row th.unit-price {
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-header-row th.quantity {
  font-size: 18px;
}

.myra-table-ste1-mobile {
  display: none;
}

.cart-header-row th.subtotal {
  font-size: 18px;
}

.shopping-cart-page-body .table-wrapper {
  width: 100%;
}

.shopping-cart-page-body form#shopping-cart-form {
  display: flex;
}

.shopping-cart-page-body .column-left {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.category-item.myralis-categories-home.layout_1 {
  border-radius: 50%;
  padding: 6px;
}


.category-item.myralis-categories-home.layout_2 {
  border-radius: 50%;
  padding: 6px;
}

.category-item.myralis-categories-home.layout_3 {
  border-radius: 50%;
  padding: 6px;
}

.category-item.myralis-categories-home.layout_4 {
  border-radius: 50%;
  padding: 6px;
}

.category-item.myralis-categories-home.layout_5 {
  border-radius: 50%;
  padding: 6px;
}

.category-item.myralis-categories-home.layout_6 {
  border-radius: 50%;
  padding: 6px;
}

img.myralis-icon-categorylayout {
  position: absolute;
  z-index: 3;
  top: 37%;
  width: 58%;
}

.category-item .picture a {
  border-radius: 50%;
}

img.myralis-icon-categorylayout {
  position: absolute;
  top: 0;
  width: 100%;
  cursor: pointer;
}

span.myralis-back-tostep1-btn {
  justify-content: left;
  align-items: center;
  margin-left: 2%;
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #006DFF;
  cursor: pointer;
  display: none;
}

.shipping-method-page span.myralis-back-tostep1-btn {
  display: flex;
}

span.myralis-order-step4-partnerdelivery-2 {
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

span.myralis-order-step4-partnerdelivery {
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.myralis-btn-notafiscal {
  display: flex;
  width: 140px;
  height: 30px;
  padding: 4px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--el-secondary);
  border-radius: 8px;
  color: var(--myracolors-3);
  cursor: pointer;
  font-weight: 500;
  margin-bottom: 2px;
  white-space: nowrap;
}


.myralis-btn-tracking {
  display: flex;
  width: 140px;
  height: 30px;
  padding: 4px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--el-secondary);
  border-radius: 8px;
  color: white;
  cursor: pointer;
  font-weight: 500;
  margin-bottom: 2px;
  background-color: var(--myracolors-3);
  white-space: nowrap;
}

span.myralis-btn-tracking.shippingUrl-disable {
  background-color: gray !important;
  border: unset !important;
}

.buttons.button-login-padding {
  padding-top: 0px !important;
  padding-bottom: 6px !important;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
/* Overlay escuro */
.custom-modal-overlay {
  padding: 20px 30vw;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  right: 0;
}

/* Caixa da modal */
.custom-modal {
  background: #fff;
  border-radius: 10px;
  width: 100%;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  animation: modalFadeIn 0.3s ease;
  overflow: hidden;
}

/* Cabeçalho */
.custom-modal-header {
  color: #fff;
  padding: 12px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom-modal-title {
  margin: 0;
  font-size: 18px;
}

/* Botão de fechar (X) */
.custom-close-btn {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  line-height: 1;
  left: -10px;
  top: 8px;
}

  .custom-close-btn:hover {
    opacity: 0.8;
  }

/* Corpo */
.custom-modal-body {
  gap: 20px;
  padding: 20px 16px;
  font-size: 16px;
  color: #3C3C4F;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
}

/* Rodapé */
.custom-modal-footer {
  display: flex;
  justify-content: center;
  padding: 12px 16px;
  gap: 20px;
}




.custom-btn-secondary:hover {
  background: #5a6268;
}

/* Animação */
@keyframes modalFadeIn {
  from {
    transform: translateY(-20px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

#loginblock-goto-codlogin {
  display: flex;
  justify-content: center;
  background-color: white;
  border: 1px solid #A6B3FF;
  color: #08447E;
  height: 40px;
  padding: 4px 12px;
  font-weight: 500;
  border-radius: 8px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  width: 16vw;
  font-family: Ubuntu;
}


#loginblock-goto-forgetpass {
  font-family: Ubuntu;
  display: flex;
  justify-content: center;
  background-color: var(--myracolors-buy-btn);
  border: 1px solid var(--myracolors-buy-btn);
  color: #08447E;
  height: 40px;
  padding: 4px 12px;
  font-weight: 500;
  border-radius: 8px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  width: 16vw;
}

/* ========================================= */
/* ==== BLOCO: Recorrência / Sempre em Casa ==== */
/* ========================================= */


.myralis-recurring-button-add {
  font-size: 16px;
  margin-top: 20px;
  border: 1px solid #FF5429;
  padding: 12px;
  border-radius: 8px;
  color: #FF5429;
  width: 100%;
  height: 40px;
  background-color: white;
  display: flex;
  justify-content: center;
  gap: 7px;
  align-items: center;
  font-weight: 500;
  font-family: 'Ubuntu';
  cursor: pointer;
}


  .myralis-recurring-button-add:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../icons/icone_carrinho_laranja.svg) no-repeat center;
    background-size: contain;
  }

.closebtn {
  display: flex;
  justify-content: end;
  position: relative;
  left: 38%;
  top: -22px;
}

.myralis-sempreemcasa-borda {
  border: 1px dashed #ff5429;
  border-radius: 8px;
  padding: 6px 20px;
  width: 100%;
}

.myralis-img-sempre-casa {
  display: flex;
  align-items: center;
  justify-content: center;
}

.myralis-texto-principal-sempre-casa {
  color: #ff5429;
  font-size: 18px;
  font-weight: 500;
  font-family: Ubuntu;
}

.myralis-texto-descricao-sempre-casa {
  color: #3C3C4F;
  font-size: 14px;
  text-align: center;
}

/* ========================================= */
/* ============== MODAL RECORRÊNCIA ========= */
/* ========================================= */

/* Fundo escuro */
.myralis-recurring-modal-overlay {
  display: none;
  position: fixed;
  z-index: 2001;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.6);
  animation: fadeIn 0.3s ease;
  backdrop-filter: blur(2px);
}

.recurring-custom-dropdown::after {
  pointer-events: none; /* garante que o ícone não capture o click */
}


/* Caixa principal da modal */
.myralis-recurring-modal-container {
  background: #fff;
  max-width: 700px;
  margin: 60px auto;
  border-radius: 12px;
  overflow: hidden;
  padding: 24px;
  position: relative;
  animation: slideUp 0.3s ease;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
}

.recurring-custom-dropdown {
  display: flex;
  flex-direction: column;
  gap: 8px;
}


/* Botão de fechar */
.myralis-recurring-modal-close {
  color: #aaa;
  font-size: 32px;
  font-weight: bold;
  position: absolute;
  top: 16px;
  right: 20px;
  cursor: pointer;
  transition: color 0.2s;
}

  .myralis-recurring-modal-close:hover {
    color: #333;
  }

/* Cabeçalho */
.myralis-recurring-modal-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

  .myralis-recurring-modal-header img {
    width: 58px;
  }

.myralis-recurring-modal-header-texts {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.myralis-recurring-modal-title {
  color: #FF5429;
  font-size: 26px;
  font-weight: 500;
  font-family: 'Ubuntu';
  margin: 0;
}

.myralis-recurring-modal-subtitle {
  font-size: 20px;
  color: var(--myracolors-3);
  line-height: 1.4;
  font-family: 'Ubuntu';
}

span.myralis-modal-title-details-sub-sempre-em-casa {
  font-size: 26px;
  font-weight: 500;
}

span.myralis-modal-title-details-programada-3 {
  font-weight: 500;
  font-size: 24px;
  font-family: 'Ubuntu';
}

span.myralis-description-beneficio {
  color: #006DFF;
  font-size: 16px;
  text-align: left;
  display: flex;
}

/* Produto */
.myralis-recurring-modal-product {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  flex-wrap: wrap;
  margin-top: 42px;
}

.myralis-recurring-modal-product-image img {
  width: 16em;
  border-radius: 8px;
  border: 2px solid #F0F0F0;
}

.myralis-recurring-modal-product-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
  text-align: left;
  font-size: 20px;
  color: #3C3C4F;
}

.myralis-recurring-modal-price {
  color: #08447E;
  font-weight: 700;
  font-size: 24px;
  margin-top: 24px;
  margin-bottom: 16px;
}

.myralis-recurring-price-2 {
  font-size: 16px;
}
/* Dropdown custom */
.myralis-recurring-modal-dropdowns {
  display: flex;
  gap: 16px;
  margin-top: 24px;
}

.recurring-custom-dropdown {
  width: 100%;
  position: relative;
  border: 2px solid #CCCCCC;
  border-radius: 6px;
  background: white;
  cursor: pointer;
  padding: 12px 36px 12px 12px;
  text-align: left;
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.recurring-custom-dropdown-label {
  display: block;
  font-size: 16px;
  color: #6B6B6B;
  margin-bottom: 2px;
  font-weight: 400;
}

.recurring-custom-dropdown-value {
  font-weight: 500;
  font-size: 18px;
  color: #424242;
}

.recurring-custom-dropdown::after {
  content: url(../icons/arrow-down-recurring.svg);
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  border: 6px solid transparent;
  pointer-events: none;
}

.recurring-custom-dropdown-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-top: 4px;
  z-index: 10;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  overflow-y: scroll;
  height: 100px;
}

  .recurring-custom-dropdown-list div {
    padding: 10px;
    cursor: pointer;
    color: #424242;
    font-family: 'Barlow';
    font-size: 16px;
  }

    .recurring-custom-dropdown-list div:hover {
      background-color: #f2f2f2;
    }

/* Rodapé */
.myralis-recurring-modal-footer {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.myralis-recurring-infos-2-area {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 14px;
  color: #555;
}

.myralis-recurring-infos-promotions-validation {
  font-size: 13px;
  font-weight: 500;
}

/* Botão de adicionar */
.myralis-recurring-add-button {
  cursor: pointer;
  width: 38%;
  font-size: 16px;
  background-color: #FF5429;
  color: white;
  padding: 12px;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  gap: 8px;
  transition: background 0.3s ease;
  font-family: 'Ubuntu';
}

  .myralis-recurring-add-button:before {
    content: url(../icons/icone_carrinho_branco.svg);
    width: 24px;
    height: 24px;
  }

  .myralis-recurring-add-button:hover {
    background-color: #e0531d;
  }

.recurring-custom-dropdown::after {
  pointer-events: none;
}

/* Área do botão centralizada */
.myralis-recurring-modal-button-area {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  justify-content: center;
  align-items: center;
  gap: 23px;
  flex-direction: row-reverse;
}

span#myralis-recurring-infos-button {
  display: flex;
  align-items: center;
  text-decoration: underline;
  font-size: 16px;
  flex-direction: row;
  text-align: left;
  align-items: center;
  justify-content: start;
  text-decoration-thickness: from-font;
}

/* Texto de entrega */
#deliveryText {
  font-size: 18px;
  display: none;
  color: #000000;
  font-weight: 400;
  line-height: 1.6;
}

#deliveryText2 {
  display: none;
}
/* Animações */
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    transform: translateY(40px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/* ========================================= */
/* Responsivo */
/* ========================================= */

@media (max-height: 760px) and (min-width: 768px) {
  .myralis-recurring-modal-container {
    margin: 2vh auto;
    max-height: 90vh;
  }

    .myralis-recurring-modal-container .scroll-area {
      overflow-y: scroll;
      max-height: 80vh;
      scrollbar-width: none;
    }
}

@media (min-height: 760px) {
  .myralis-recurring-modal-container {
    max-height: 95vh;
  }

    .myralis-recurring-modal-container .scroll-area {
      max-height: 100vh;
    }
}

@media (max-width: 768px) {
  #deliveryText {
    margin-top: 22px;
  }

  .myralis-recurring-modal-footer {
    margin-top: 0px;
  }

  span.myralis-modal-title-details-sub-sempre-em-casa {
    font-size: 18px;
    margin-left: 4px;
  }


  span.myralis-description-beneficio {
    font-size: 14px;
  }

  .myralis-recurring-modal-container {
    max-height: 90vh; /* garantir que nunca ultrapasse a tela */
    overflow-y: auto; /* rolagem interna */
  }

  span.myralis-recurring-modal-close {
    top: 7px;
  }

  .myralis-recurring-modal-button-area {
    flex-direction: column;
    margin-top: 32px;
    gap: 32px;
  }

  .myralis-recurring-modal-container {
    width: 90%;
    margin: 40px auto;
    padding: 16px;
  }

  .myralis-recurring-modal-header {
    flex-direction: row;
    align-items: flex-start;
    margin-top: 32px;
    align-items: center;
  }

  span.myralis-recurring-modal-subtitle {
    font-size: 14px;
  }

  span.myralis-modal-title-details-programada-3 {
    font-size: 18px;
  }

  .myralis-recurring-modal-title {
    font-size: 20px;
  }

  .myralis-recurring-modal-product {
    flex-direction: column;
    align-items: center;
  }

  .myralis-recurring-modal-product-image img {
    width: 124px;
  }

  .myralis-recurring-add-button {
    width: 220px;
    height: 40px;
  }

  .myralis-recurring-modal-product-info {
    font-size: 18px;
  }

  .myralis-recurring-modal-product-info {
    gap: 0px;
  }
}


.myralis-recurring-infos-button {
  color: #FF5429;
  cursor: pointer;
  text-decoration: underline;
  font-family: 'Ubuntu';
  font-weight: 500;
}

  .myralis-recurring-infos-button:after {
    content: url(../icons/arrow-right.svg);
  }

.myralis-recurring-beneficios-text1 {
  text-align: left;
  margin-top: 16px;
  font-size: 16px;
  color: #08447E;
  font-family: 'Ubuntu';
  font-weight: 500;
}

.myralis-double-points-text {
  font-size: 16px;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #08447E;
}



.myralis-double-points-text-principal {
  color: var(--myracolors-3);
  font-weight: 700;
}




.myralis-recurring-details-area {
  padding: 0 7.5px;
}

.myralis-recurring-beneficios {
  padding: 0 7.5px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}



.payment-method-page img.recurring-cart-icon {
  width: 34px;
}

.myralis-td-recurring-mobile img {
  width: 40px;
}

.myralis-td-recurring-mobile {
  position: absolute;
  top: 103px;
  right: 40%;
  width: 18%;
  z-index: 3;
  display: none;
}


.block-account-navigation .customer-recurring.active a:after {
  content: url(../icons/recurring-icon-account-on.svg)
}


.block-account-navigation .customer-recurring.inactive a:after {
  content: url(../icons/recurring-icon-account-off.svg)
}


.recurring-removefrequency-cart {
  display: flex;
  justify-content: center;
  font-size: 10px;
  color: #FF5429;
  text-decoration: underline;
  font-weight: 500;
  font-family: 'Ubuntu';
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

img.mfp-img {
  background-color: white;
}