:root {
  --pink: #f2dfe9;
  --sky-blue: #a1fff6;
  --light-blue: #cbe0ef;
  --black: #000000;
  --gray-dark: #333333;
  --gray-light: #eeeeee;
  --magenta: #ce5174;
  --gray: #666666;
  --yellow: #fff100;
  --violet: #6f00e5;
  --primary-color: #A64F3C;
  --primary-color-light: rgba(246, 229, 225, 0.5);
  --Azul-Oscuro: #29496d;
  --SC-Secondary: #f6e5e1;

  --swiper-pagination-color: #545454 !important;

  --oke-highlightColor: var(--Azul-Oscuro) !important;
  --oke-stars-foregroundColor: #FFA41C;
  --oke-button-backgroundColor: #e5e5eb !important;
  --oke-button-backgroundColorHover: #e5e5eb !important;
  --oke-button-backgroundColorActive: #e5e5eb !important;
  --oke-button-borderColorActive: #e5e5eb !important;
  --oke-button-textColor: var(--black) !important;
}

*:focus {
  outline: none;
  border-color: transparent;
}

/* latin-ext */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url("//copperslim.com/cdn/shop/t/69/assets/Jqz_5SSPQuCQF3t8uOwiUL-taUTtap9DWyYpchFP.woff2?v=87072856285689201811762374893") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url("//copperslim.com/cdn/shop/t/69/assets/Jqz_5SSPQuCQF3t8uOwiUL-taUTtap9DWygpcg.woff2?v=88676566029849420501762374894") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("//copperslim.com/cdn/shop/t/69/assets/Jqz55SSPQuCQF3t8uOwiUL-taUTtap9Iayoxdg.woff2?v=4492632443811573381762374893") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("//copperslim.com/cdn/shop/t/69/assets/Jqz55SSPQuCQF3t8uOwiUL-taUTtap9Gayo.woff2?v=171057072598057655121762374892") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Azo Sans";
  src: url("//copperslim.com/cdn/shop/t/69/assets/AzoSans-Thin.woff?32972") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Azo Sans";
  src: url("//copperslim.com/cdn/shop/t/69/assets/AzoSans-ThinItalic.woff?32972") format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Azo Sans";
  src: url("//copperslim.com/cdn/shop/t/69/assets/AzoSans-Light.woff?v=64855083172196885181762374895") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Azo Sans";
  src: url("//copperslim.com/cdn/shop/t/69/assets/AzoSans-LightItalic.woff?v=14433002563987651581762374892") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Azo Sans";
  src: url("//copperslim.com/cdn/shop/t/69/assets/AzoSans-Regular.woff?v=163084740117671573401762374894") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Azo Sans";
  src: url("//copperslim.com/cdn/shop/t/69/assets/AzoSans-RegularItalic.woff?v=43460090215014061801762374895") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Azo Sans";
  src: url("//copperslim.com/cdn/shop/t/69/assets/AzoSans-Medium.woff?v=32141549871587006111762374893") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Azo Sans";
  src: url("//copperslim.com/cdn/shop/t/69/assets/AzoSans-MediumItalic.woff?v=123755219674085502061762374893") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Azo Sans";
  src: url("//copperslim.com/cdn/shop/t/69/assets/AzoSans-Bold.woff?v=18637824754161870631762374893") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Azo Sans";
  src: url("//copperslim.com/cdn/shop/t/69/assets/AzoSans-BoldItalic.woff?v=175530468163304329611762374894") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Azo Sans";
  src: url("//copperslim.com/cdn/shop/t/69/assets/AzoSans-Black.woff?v=137143699917385345811762374892") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Azo Sans";
  src: url("//copperslim.com/cdn/shop/t/69/assets/AzoSans-BlackItalic.woff?v=82309119698309081781762374892") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

body {
  font-family: "Schibsted Grotesk", "Azo Sans", -apple-system, BlinkMacSystemFont,
    "Helvetica Neue", sans-serif, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
    Cantarell;
  font-size: 1rem;
  color: var(--black);
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  font-weight: 400;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

body.rebuy-modal-visible {
  overflow: visible !important;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
p,
input,
textarea,
button,
span,
select,
label {
  color: var(--black);
  font-family: "Schibsted Grotesk", -apple-system, BlinkMacSystemFont, "Helvetica Neue",
    sans-serif, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell;
  margin: 0;
}

img,
video {
  max-width: 100%;
  height: auto;
}

main {
  flex: 1;
}

.oke-w-breakdownModule-distribution-bar-fill {
  background-color: #000 !important;
}

.swiper-pagination {
  position: static;
  margin-top: 1rem;
}

.swiper-scrollbar {
  position: static !important;
  width: 100% !important;
}

.scrollbar-container {
  margin: 0 auto;
  margin-top: 20px;
  max-width: 500px;
  width: calc(100% - 20px) !important;
}

.swiper-scrollbar-drag {
  background: var(--primary-color) !important;
  border-radius: 0 !important;
}

.responsive-img {
  width: 100%;
  height: auto;
}

.is-hidden {
  display: none !important;
}

.has-text-centered {
  text-align: center !important;
}

.shopify-challenge__container {
  max-width: 500px;
  margin: 40px auto !important;
}
.shopify-challenge__button.btn {
  background-color: var(--primary-color) !important;
  padding: 10px !important;
  color: #fff !important;
  margin-top: 12px !important;
  border: none !important;
}

section.rc-login {
  margin-top: 0px;
}
.rc-login-form-button.animated span {
  color: #fff;
}

.shopify-policy__container {
  max-width: 900px;
  margin: 40px auto !important;
  width: calc(100% - 40px);
  overflow: hidden;
}
.shopify-policy__title > h1 {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 20px;
  text-align: center;
  font-weight: 400;
}
.shopify-policy__body p {
  font-weight: 350;
  margin: 20px 0;
}
.shopify-policy__body :is(h1, h2, h3, h4, h5, h6) {
  margin: 20px 0 10px;
  letter-spacing: 0.54px;
  font-size: 18px;
  font-weight: 700;
  color: #000;
}
.shopify-policy__body a {
  color: var(--primary-color);
}
.shopify-policy__body ul,
.shopify-policy__body ol {
  padding-left: 20px;
}
.shopify-policy__body li {
  margin: 10px 0;
}
.shopify-policy__body .icon-more-details-open {
  display: none !important;
}

@media (min-width: 769px) {
  .is-hidden-tablet {
    display: none !important;
  }
  .has-text-centered-tablet {
    text-align: center !important;
  }
}

@media (max-width: 768px) {
  .is-hidden-mobile {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .is-hidden-mobile-tablet {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .is-hidden-desktop {
    display: none !important;
  }
}
.swiper-wrapper {
  height: auto !important;
}

main:has(.klaviyo-form-TdPJqg) {
  display: flex;
}

.shopify-section:has(.klaviyo-form-TdPJqg) {
  height: auto;
  width: 100%;
}

.klaviyo-form-TdPJqg {
  height: 100%;
  width: 100%;
  background-color: #F3F3F3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.klaviyo-form-TdPJqg [data-testid="form-row"] {
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
}

.klaviyo-form-TdPJqg:not(.klaviyo-form)::after {
  content: "Loading...";
}

.klaviyo-form-TdPJqg:not(.klaviyo-form) {
  text-align: center;
  font-size: 35px;
  font-weight: 600;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rebuy-widget,
.rebuy-recommended-products {
  padding: 0 !important;
}

.oke-w-review-side-expandContent .oke-w-review-product,
.oke-reviewContent-date {
  display: none;
}

div#attentive_overlay {
  z-index: 999 !important;
}
.klaviyo-close-form {
  z-index: 999 !important;
}

.klaviyo-close-form {
  z-index: 999 !important;
}

.oke-w-breakdownModule-distribution-label {
  position: relative;
  cursor: pointer;
}
.oke-w-breakdownModule-distribution-label::before {
  cursor: pointer;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1500%;
  height: 100%;
  background-color: transparent;
}

button.needsclick[class*="kl-teaser"] {
  margin: 120px 10px !important;
  max-width: 125px !important;
  width: 100% !important;
}

@media (min-width: 769px) {
  button.needsclick[class*="kl-teaser"] {
    margin: 15px !important;
  }
}

/* SKIO */
/* .SubscriptionModal div:has(select) + div {
  display: none !important;
} */

.SubscriptionModal select {
  display: block !important;
}

.SubscriptionCard .SubscriptionFooter:not(:has(button[aria-label="Cancel"])) {
  position: relative;
  padding-bottom: 155px;
}

@media (min-width: 464px) {
  .SubscriptionCard .SubscriptionFooter:not(:has(button[aria-label="Cancel"])) {
    padding-bottom: 105px;
  }
}

.SubscriptionCard
  .SubscriptionFooter:not(:has(button[aria-label="Cancel"]))::after {
  content: "You can cancel your subscription after your second billing cycle. If you meant to make a one-time purchase instead, please email us at customercare@copperslim.com to adjust your order. Just a heads-up: switching to a one-time purchase means you'll be charged the regular full price.";
  position: absolute;
  bottom: 0px;
  left: 50%;
  font-size: 14px;
  width: 100%;
  text-align: center;
  padding-top: 20px;
  border-top: 1px solid #eaeced;
  width: 100%;
  transform: translateX(-50%);
}

button[aria-label="Cancel subscription"],
button[aria-label="Continue"]  {
  background-color: #c3c3c3 !important;
}

div#__next {
  text-align: left;
  /* background-color: #FF605F0D; */
}
div#__next div[data-testid="pagegrid"] > div:first-child {
  grid-column: 1 / 9 !important;
}
div#__next h2 {
  font-weight: 500 !important;
}
div#__next div:has(h2) {
  padding-bottom: 0 !important;
}
div#__next div:has(h2) + div:has(h3) {
  padding-top: 10px !important;
}
div#__next div:has(h2) + div h3 {
  font-size: 18px !important;
  font-weight: 400 !important;
}
div#__next div:has(h2) + div:has(h3) + div button {
  color: #fff !important;
  border: 1px solid #cb8370 !important;
  background-color: #cb8370 !important;
  border-radius: 0px !important;
}
div#__next div:has(h2) + div:has(h3) + div button span {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
div#__next div:has(h2) + div:has(h3) + div button svg path {
  stroke: #fff !important;
}

div#__next .SubscriptionHeader > div {
  position: relative;
  align-items: center;
  flex-direction: row-reverse !important;
}
div#__next .SubscriptionHeader * {
  font-weight: 400 !important;
}
div#__next .SubscriptionHeader div[data-chipname="paused"] span {
  color: #000 !important;
}
div#__next
  .SubscriptionCard:has(button[aria-label="Reactivate"])
  .SubscriptionHeader
  > div::before {
  content: "";
  position: absolute;
  width: calc(100% + 48px);
  height: calc(100% + 48px);
  left: -24px;
  z-index: 0;
  background-color: #f2dfe9;
  border-radius: 24px 24px 0px 0px;
}
div#__next
  .SubscriptionCard:has(button[aria-label="Reactivate"])
  .SubscriptionHeader
  > div
  * {
  color: #000 !important;
}
div#__next
  .SubscriptionCard:has(button[aria-label="Reactivate"])
  .SubscriptionHeader
  > div
  > div:first-child
  > div
  > div {
  background-color: #fff !important;
}
div#__next .SubscriptionHeader > div * {
  position: relative;
  z-index: 1;
}
div#__next .SubscriptionHeader > div > div:last-child {
  margin-top: 0px !important;
}
div#__next img {
  border-radius: 0px !important;
}
div#__next .SubscriptionCard {
  border-radius: 0px;
}
div#__next
  .SubscriptionCard
  > div:has(.EditInfoContainer--section)
  > div:has(.EditInfoContainer--section + .EditInfoContainer--section) {
  position: relative;
  gap: 60px;
}
div#__next
  .SubscriptionCard
  > div:has(.EditInfoContainer--section)
  > div:has(.EditInfoContainer--section + .EditInfoContainer--section)::before {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 90%;
  background-color: #ececec;
}
@media screen and (min-width: 1061px) {
  div#__next
    .SubscriptionCard
    > div:has(.EditInfoContainer--section)
    > div:has(
      .EditInfoContainer--section + .EditInfoContainer--section
    )::before {
    display: block;
  }
}
div#__next
  .SubscriptionCard
  > div:has(.EditInfoContainer--section)
  .EditInfoContainer--section
  > div:first-child {
  display: flex !important;
  justify-content: space-between !important;
}
div#__next .SubscriptionCard button[aria-label="Edit"] {
  color: #cb8370 !important;
}

div#__next .SubscriptionFooter {
  display: flex;
  flex-wrap: wrap !important;
  gap: 24px;
}

div#__next .SubscriptionFooter > div,
div#__next .SubscriptionCard div:has(> button[aria-label="Reactivate"] + span) {
  position: relative;
  align-items: center;
  flex-direction: row !important;
  background-color: #cb8370;
  border-radius: 0px;
  padding: 8px 8px 8px 4px;
  overflow: hidden;
}

div#__next .SubscriptionFooter > div:has(> div) {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  z-index: 999;
  border-radius: 0px;
}
div#__next .SubscriptionFooter > div:has(> div)> div *  {
  max-height: none !important;
}
div#__next .SubscriptionFooter > div:has(> div) button::before {
  display: none;
}

div#__next .SubscriptionFooter > div button,
div#__next
  .SubscriptionCard
  div:has(> button[aria-label="Reactivate"] + span)
  button {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  box-shadow: none !important;
  border: none !important;
}
div#__next .SubscriptionFooter > div button::before,
div#__next
  .SubscriptionCard
  div:has(> button[aria-label="Reactivate"] + span)
  button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
div#__next .SubscriptionFooter > div span,
div#__next
  .SubscriptionCard
  div:has(> button[aria-label="Reactivate"] + span)
  span {
  color: #fff !important;
}

div.SubscriptionHeader > div > div:first-child span {
  color: #fff !important;
}

div#__next
  .SubscriptionFooter
  > div:has(> div)
  div
  > div
  > div:first-child
  select {
  display: block;
}

div#__next
  .SubscriptionFooter
  > div:has(> div)
  div
  > div
  > div:nth-child(2):has(.rdp) {
  display: none !important;
}

@media (max-width: 567px) {
  div#__next
    .SubscriptionCard:has(button[aria-label="Reactivate"])
    .SubscriptionHeader
    > div::before {
    width: calc(100% + 44px);
    height: calc(100% + 44px);
    left: -22px;
    top: -22px;
  }
}
@media (max-width: 568px) {
  div#__next .SubscriptionHeader > div {
    flex-direction: column-reverse !important;
    align-items: normal;
    justify-content: start !important;
  }
  div#__next .SubscriptionFooter {
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex-wrap: wrap !important;
    gap: 20px !important;
    row-gap: 10px !important;
  }

  div#__next .SubscriptionFooter > div,
  div#__next
    .SubscriptionCard
    div:has(> button[aria-label="Reactivate"] + span) {
    padding: 4px 0px;
  }
}

div#__next .SubscriptionFooter {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 13px;
}
@media (max-width: 568px) {
  div#__next .SubscriptionFooter > div, div#__next .SubscriptionCard div:has(> button[aria-label="Reactivate"] + span) {
    padding: 7px;
  }
}
/* SKIO */

/* OKENDO REFERRAL STYLES */
div.c-okeReferralsApp:not(.c-okeReferralsApp--modal) {
  width: 100%;
  border: none;
  margin: 0px 0px 30px;
}
div.c-okeReferralsApp input[type="text"] {
  border: 1px solid #dadada;
  height: 42px;
  padding: 0px 14px;
  box-sizing: border-box;
  margin: 0px;
  border-radius: 5px;
}

div.c-okeReferralsApp label {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

div.c-okeReferralsApp form.c-referralSenderDetails div.c-headerText,
div.c-okeReferralsApp div.c-referralSenderShare div.c-headerText {
  position: initial;
}
div.c-okeReferralsApp
  form.c-referralSenderDetails
  div.c-headerText
  .c-headerText-title,
div.c-okeReferralsApp
  div.c-referralSenderShare
  div.c-headerText
  .c-headerText-title {
  color: #cb8370;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px; /* 108.333% */
  text-transform: uppercase;
}
div.c-okeReferralsApp
  form.c-referralSenderDetails
  div.c-headerText
  .c-headerText-subtitle,
div.c-okeReferralsApp
  div.c-referralSenderShare
  div.c-headerText
  .c-headerText-subtitle {
  color: #000;
  font-size: 16px;
  font-weight: 350;
  line-height: normal;
}
div.c-okeReferralsApp form.c-referralSenderDetails div.c-headerText::after,
div.c-okeReferralsApp form.c-referralSenderDetails div.c-headerText::after {
  content: "Enter your info to get started";
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-align: start;
  display: block;
  margin-top: 20px;
}

div.c-okeReferralsApp div.c-okeReferralsApp-page {
  padding: 30px 15px 0px;
}

div.c-okeReferralsApp .c-okeReferralsApp-page .c-headerText--centredOnMobile {
  text-align: left;
}

div.c-okeReferralsApp form.c-referralSenderDetails div.c-headerText,
div.c-okeReferralsApp div.c-referralSenderShare div.c-headerText,
div.c-okeReferralsApp form.c-referralRecipientDetails div.c-headerText {
  margin-bottom: 20px !important;
}
div.c-okeReferralsApp
  .c-okeReferralsApp-page
  .c-headerText--centredOnMobile
  div,
div.c-okeReferralsApp form.c-referralRecipientDetails div.c-headerText div {
  font-size: 18px;
  font-weight: 400;
}

div.c-okeReferralsApp form.c-referralSenderDetails div.c-formItem,
div.c-okeReferralsApp form.c-referralRecipientDetails div.c-formItem {
  margin-bottom: 12px;
}
div.c-okeReferralsApp form.c-referralSenderDetails div.c-formItem label,
div.c-okeReferralsApp form.c-referralRecipientDetails div.c-formItem label {
  margin-bottom: 5px;
  font-size: 12px;
}

div.c-okeReferralsApp form.c-referralSenderDetails div.c-terms,
div.c-okeReferralsApp form.c-referralRecipientDetails div.c-terms,
div.c-okeReferralsApp form.c-referralRecipientDetails div.c-captcha {
  display: none;
}
div.c-okeReferralsApp form.c-referralSenderDetails div.c-marketingOptIn,
div.c-okeReferralsApp form.c-referralRecipientDetails div.c-marketingOptIn {
  text-align: left;
}
div.c-okeReferralsApp form.c-referralSenderDetails div.c-marketingOptIn label,
div.c-okeReferralsApp
  form.c-referralRecipientDetails
  div.c-marketingOptIn
  label {
  font-size: 14px;
  font-weight: 300;
}

div.c-okeReferralsApp form.c-referralSenderDetails button.c-button,
div.c-okeReferralsApp form.c-referralRecipientDetails button.c-button {
  width: 100%;
  border-radius: 0px;
  color: #fff;
}
div.c-okeReferralsApp button span {
  color: #fff;
}
div.c-okeReferralsApp form.c-referralSenderDetails button.c-button span,
div.c-okeReferralsApp form.c-referralRecipientDetails button.c-button span {
  color: #fff;
}
div.c-okeReferralsApp form.c-referralSenderDetails button.c-button:hover,
div.c-okeReferralsApp form.c-referralRecipientDetails button.c-button:hover {
  color: #fff;
}

.c-okeReferralsApp--modal .c-referralHeader--banner.c-referralHeader {
  display: none;
}

.c-okeReferralsApp .c-referralSenderShare hr[data-v-1405641c] {
  margin: 0 0 14px !important;
}

div.c-okeReferralsApp div.c-referralSenderShare-form {
  display: flex;
  flex-direction: column;
}
div.c-okeReferralsApp div.c-referralSenderShare-form hr {
  display: none;
}
div.c-okeReferralsApp
  div.c-referralSenderShare-form
  div.c-formItem:has(.c-copyField) {
  order: -1;
}
div.c-okeReferralsApp
  div.c-referralSenderShare-form
  div.c-formItem
  div.c-captcha {
  display: none;
}

div.c-okeReferralsApp
  div.c-referralSenderShare-form
  div.c-formItem:has(div.c-bubble) {
  display: flex;
  flex-direction: column;
  padding: 20px 0px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
div.c-okeReferralsApp
  div.c-referralSenderShare-form
  div.c-formItem
  div.c-bubble {
  display: none;
}
div.c-okeReferralsApp
  div.c-referralSenderShare-form
  div.c-formItem
  > div:has(div.c-bubble) {
  order: -1;
  margin-bottom: 20px;
}
div.c-okeReferralsApp
  div.c-referralSenderShare-form
  div.c-formItem
  > div:has(div.c-bubble):before {
  content: "Once your friend makes their first purchase you’ll find your 15% off code in your inbox.";
  font-size: 16px;
  font-weight: 300;
}
div.c-okeReferralsApp
  div.c-referralSenderShare-form
  div.c-formItem
  > div:has(div.c-bubble):after {
  content: "Don’t stop there! The more you share the more rewards you’ll get!";
  font-size: 16px;
  font-weight: 300;
  display: block;
  margin-top: 10px;
}
.needsclick {
  z-index: 998 !important;
}
@media (min-width: 769px) {
  div#PageContainer:has(div.c-okeReferralsApp) {
    display: flex;
  }
  main:has(div.c-okeReferralsApp) {
    display: flex;
    position: relative;
    width: 100%;
    background: #e5dcd0;
  }
  div.c-okeReferralsApp:not(.c-okeReferralsApp--modal) {
    width: 390px;
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
    margin: 0px;
    z-index: 1;
  }

  div.c-okeReferralsApp .c-referralHeader--banner.c-referralHeader {
    display: none;
  }
  div.c-okeReferralsApp.c-okeReferralsApp--modal {
    width: 425px;
  }
  div.c-okeReferralsApp
    .c-okeReferralsApp-page
    .c-headerText--centredOnMobile
    div {
    font-size: 12px;
  }
  div.c-okeReferralsApp div.c-okeReferralsApp-page {
    padding: 30px;
  }
}
/* OKENDO REFERRAL STYLES */

div#__next .SubscriptionFooter div[aria-role="alert"] > div span {
  color: rgb(17, 17, 17) !important;
}

div#__next .SubscriptionFooter div[aria-role="alert"] > div button {
  border: 1px solid var(--color-bg3) !important;
}

div#__next
  .SubscriptionFooter
  div[aria-role="alert"]
  .SubscriptionCartReceipt
  > button
  span {
  color: #fff !important;
}

.pd-cp-ui-container:not(.pd-cp-ui__showing){
  display: none !important;
}

/* Klaviyo */
.needsclick.kl-teaser-Xa5xfe.undefined.kl-private-reset-css-Xuajs1 {
    margin: 10px 15px !important;
}

/* OCULTA BURBUJAS FOOTER */
@media (max-width: 768px) {
  /* html:has(.WizybotShopifyWidget__iframe__outter__open__right) {
    overflow: hidden;
  } */
  div.needsclick.kl-private-reset-css-Xuajs1 {
    z-index: 11 !important;
  }
  div.needsclick[role="dialog"]  {
    z-index: 5180 !important;
  }
  #WizybotShopifyWidget__iframe__outter__id {
    z-index: 11 !important;
  }
  html:has(.WizybotShopifyWidget__iframe__outter__open__right) #WizybotShopifyWidget__iframe__outter__id {
    z-index: 120 !important;
  }
}
/* OCULTA BURBUJAS FOOTER */

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* OKENDO QUIZ */
.okeConnect.okeQuizzes .l-productRow {
  gap: 8px;
  max-width: 700px;
  margin: 0 auto;
  text-align: left;
}

.c-recommendedProduct-name {
  font-size: 16px !important;
}

.c-resultProductRating {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}

.c-resultProductRating-reviewsCount {
  margin: 0 !important;
}

.c-recommendedProduct-sellingPlans {
  display: none;
}

.okeConnect.okeQuizzes .l-productRow-item {
  max-width: 228px;
}

.c-startPanel-subtitle {
  margin: 0 0 15px !important;
}

.c-startPanel-button {
  width: 100% !important;
  max-width: 174px;
  font-size: 0 !important;
}

.c-startPanel-button::after {
  content: "Take the Quiz";
  font-size: 18px !important;
  text-transform: uppercase;
  font-weight: 400;
}

.c-recommendedProduct-price {
  font-size: 16px !important;
  font-weight: 500;
}

.okeConnect.okeQuizzes.okeQuizzes .c-resultButton.c-resultButton-secondary span {
  color: var(--oke-quiz-result-secondary-button-font-text-color);
}

.okeConnect .c-pageContent.c-pageContent--start {
  background-image: url("/cdn/shop/files/Quiz_Container.jpg?v=1757339183");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.okeConnect.okeQuizzes .c-pageContent.c-pageContent--start .c-startPanel {
  text-align: right;
  align-items: flex-end !important;
  min-height: 427px;
  justify-content: center;
  max-width: 1260px;
  padding: 20px !important;
}

.okeConnect.okeQuizzes .c-pageContent.c-pageContent--start .c-startPanel-title {
  max-width: 375px;
  text-align: right;
  line-height: 1;
  font-size: 40px !important;
  font-weight: 500 !important;
  margin: 0;
  color: #323030 !important;
  line-height: 100%;
}

.okeConnect.okeQuizzes
  .c-pageContent.c-pageContent--start
  .c-startPanel-subtitle {
  max-width: 361px;
  color: #323030 !important;
  text-align: right;
  line-height: 100%;
  font-size: 14px !important;
  margin: 16px 0 0 !important;
}

.okeConnect.okeQuizzes .c-startPanel-button {
  margin: 24px 0 0 !important;
  border-radius: 0 !important;
}

@media (max-width: 768px) {
  .okeConnect .c-pageContent.c-pageContent--start {
    background-image: url("/cdn/shop/files/Frame_1000004022.jpg?v=1757339183");
  }

  .okeConnect.okeQuizzes .c-pageContent.c-pageContent--start .c-startPanel {
    max-width: 100%;
    margin: 0 0 0 auto;
    min-height: 495px;
    justify-content: flex-end;
  }

  .okeConnect.okeQuizzes
    .c-pageContent.c-pageContent--start
    .c-startPanel-title {
    font-size: 30px !important;
  }

  .okeConnect.okeQuizzes
    .c-pageContent.c-pageContent--start
    .c-startPanel-subtitle {
    font-size: 16px !important;
  }

  .okeConnect.okeQuizzes .c-startPanel-button {
    margin-top: 24px !important;
  }
}