/** Shopify CDN: Minification failed

Line 1908:0 Comments in CSS use "/* ... */" instead of "//"
Line 2026:0 Comments in CSS use "/* ... */" instead of "//"
Line 2352:19 Unexpected "{"

**/
:root {
  --font-body-family: studiofeixen;
  --font-body-style: normal;
  --font-body-weight: 400;
  --font-heading-family: studiofeixen;
  --font-heading-style: normal;
  --font-heading-weight: 500;
  --color-base-text: 36, 69, 69;
  --color-base-background-1: 255, 255, 255;
  --color-base-background-2: 250, 241, 211;
  --color-base-solid-button-labels: 255, 255, 255;
  --color-base-outline-button-labels: 255, 198, 0;
  --color-base-accent-1: 36, 69, 69;
  --color-base-accent-2: 255, 198, 0;
  --payment-terms-background-color: #FFFFFF;
  --gradient-base-background-1: #FFFFFF;
  --gradient-base-background-2: #faf1d3;
  --gradient-base-accent-1: #312780;
  --gradient-base-accent-2: #ffc600;
  --page-width: 160rem;
  --page-width-margin: 2rem;

  --color-foreground: var(--color-base-text);
  --color-background: var(--color-base-background-1);
  --gradient-background: var(--gradient-base-background-1);
  --color-link: var(--color-base-outline-button-labels);
  --alpha-link: .85;
  --color-button: var(--color-base-accent-1);
  --color-button-text: var(--color-base-solid-button-labels);
  --alpha-button-background: 1;
  --alpha-button-border: 1;
  --duration-short: .3s;
  --duration-default: .4s;
  --duration-long: .5s;
}

body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_add_product {
  display: none !important;
}
body#recharge-novum #recharge-te .title-bold,
body#recharge-novum #recharge-te #rc_te-template-wrapper .title-bold {

}


body#recharge-novum #recharge-te ul li a,
body#recharge-novum #recharge-te a {
  color: #667D7D;
  font-family: 'studiofeixen' !important;
  font-size: 1.4rem;
  line-height: 1.9rem;
  font-weight: 500;
  transition: text-decoration var(--duration-short) ease;
}

.nav--wrapper a {
  text-decoration: none !important;
}

body#recharge-novum #recharge-te ul li a:hover:not(.teriary__button),
body#recharge-novum #recharge-te a:hover(.teriary__button) {
  color: #244545 !important;
  text-decoration: underline !important;
  text-underline-offset: 0.3rem;
  transition: text-decoration var(--duration-short) ease;
}

.nav__list--desktop li a {
  color: #667D7D !important;
  font-weight: 500 !important;
  text-transform: lowercase;
  transition: text-decoratio var(--duration-short) ease;
}

.nav__list--desktop li a:hover {
  color: #244545 !important;
  text-decoration: underline !important;
  text-underline-offset: 8px;
  text-decoration-thickness: 2px !important;
}

.nav__list--desktop li a.current {
  color: #244545 !important;
  font-size: 1.6rem !important;
  line-height: 2.1rem !important;
  text-decoration: underline !important;
  text-underline-offset: 8px;
  text-decoration-thickness: 2px !important;
}

body#recharge-novum #recharge-te .bg-light {
  background-color: #ECF166 !important;
  margin-bottom: 38px;
  padding: 21px 0 !important;
}

@media (max-width: 749px) {
  body#recharge-novum #recharge-te .bg-light {
    margin-bottom: 24px !important;
  }
}

body#recharge-novum #recharge-te #rc_te-template-wrapper h2, body#recharge-novum #recharge-te h2 {
  font-family: "studiofeixen" !important;
  color: #244545 !important;
}
body#recharge-novum #recharge-te * {
  font-family: "studiofeixen" !important;
}

body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_cancel-btn,
body#recharge-novum #recharge-te #rc_te-template-wrapper .js-add-discount-btn,
html body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_btn--secondary--color,
body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_btn--secondary--color
body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_btn--secondary,
body#recharge-novum #recharge-te .rc_btn--secondary,
body#recharge-novum #recharge-te #rc_te-template-wrapper .expired {
  background: unset !important;
  color: #244545 !important;
  font-size: 1.4rem;
  line-height: 1.9rem;
  font-weight: 500;
  border: unset !important;
  text-decoration: underline !important;
  text-underline-offset: .3rem !important;
  text-decoration-thickness: .1rem !important;
  transition: color ease 100ms, text-decoration ease 100ms !important;
}

body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_cancel-btn:hover,
body#recharge-novum #recharge-te #rc_te-template-wrapper .js-add-discount-btn:hover,
html body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_btn--secondary--color:hover,
body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_btn--secondary--color:hover,
body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_btn--secondary:hover,
body#recharge-novum #recharge-te .rc_btn--secondary:hover,
body#recharge-novum #recharge-te #rc_te-template-wrapper .expired:hover {
  background: unset !important;
  color: #3a5858 !important;
  transition: color ease 100ms, text-decoration ease 100ms !important;
  text-decoration: none !important;
}

body#recharge-novum #recharge-te .rc_photo_container img, body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_photo_container img, body#recharge-novum #recharge-te .rc_image_container img, body#recharge-novum #recharge-te img {
  border-radius: 4px;
  overflow: hidden;
}


body#recharge-novum #recharge-te {
  background-color: #fff !important;
}

body#recharge-novum #recharge-te {
  z-index: unset !important
}

body#recharge-novum #recharge-te,
#recharge-novum .rc-card,
body#recharge-novum #recharge-te #rc_te-template-wrapper h5, body#recharge-novum #recharge-te h5,
body#recharge-novum #recharge-te #rc_te-template-wrapper h4, body#recharge-novum #recharge-te h4,
body#recharge-novum #recharge-te #rc_te-template-wrapper h3, body#recharge-novum #recharge-te h3 {
  color: #244545 !important;
}

body#recharge-novum #recharge-te #ReChargeForm_variant button[type=submit]:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big):not(.vcal-date):not(.vcal-btn):not(.button-minus):not(.button-plus):not(.rc_cancel-btn):not(.update-shipping-address):not([data-type]),
body#recharge-novum #recharge-te #ReChargeForm_date button:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big):not(.vcal-date):not(.vcal-btn):not(.button-minus):not(.button-plus):not(.rc_cancel-btn):not(.update-shipping-address):not([data-type]),
body#recharge-novum #recharge-te #ReChargeForm_schedule button:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big):not(.vcal-date):not(.vcal-btn):not(.button-minus):not(.button-plus):not(.rc_cancel-btn):not(.update-shipping-address):not([data-type]),
body#recharge-novum #recharge-te #rc_manage_subscription_container div button:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big):not(.vcal-date):not(.vcal-btn):not(.button-minus):not(.button-plus):not(.rc_cancel-btn):not(.update-shipping-address):not([data-type]),
body#recharge-novum #recharge-te #ship__now--container button:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big):not(.vcal-date):not(.vcal-btn):not(.button-minus):not(.button-plus):not(.rc_cancel-btn):not(.update-shipping-address):not([data-type]),
body#recharge-novum #recharge-te #ReChargeForm_skip button:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big):not(.vcal-date):not(.vcal-btn):not(.button-minus):not(.button-plus):not(.rc_cancel-btn):not(.update-shipping-address):not([data-type]),
body#recharge-novum #recharge-te #rc_cancellation_reasons_list button:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big):not(.vcal-date):not(.vcal-btn):not(.button-minus):not(.button-plus):not(.rc_cancel-btn):not(.update-shipping-address):not([data-type]),
body#recharge-novum #recharge-te #te-modal-content button:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big):not(.vcal-date):not(.vcal-btn):not(.button-minus):not(.button-plus):not(.rc_cancel-btn):not(.update-shipping-address):not([data-type]),
body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_btn:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big),
body#recharge-novum #recharge-te .rc_btn:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big) {
  color: #fff !important;
  background-color: #244545 !important;
  border: 0.1rem solid #244545 !important;
  font-family: 'studiofeixen' !important;
  font-size: 1.4rem !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
  padding: 0.9rem 3.2rem !important;
  transition: all var(--duration-short) ease;
  border-radius: 5.4rem !important;
  width: 100% !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
}

.ReChargeForm_removeDiscount {
  border: none;
}

.ReChargeForm_removeDiscount:hover {
  background-color: transparent;
}

body#recharge-novum #recharge-te #ReChargeForm_variant button[type=submit]:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big):not(.vcal-date):not(.vcal-btn):not(.button-minus):not(.button-plus):not(.rc_cancel-btn):not(.update-shipping-address):not([data-type]):hover,
body#recharge-novum #recharge-te #ReChargeForm_date button:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big):not(.vcal-date):not(.vcal-btn):not(.button-minus):not(.button-plus):not(.rc_cancel-btn):not(.update-shipping-address):not([data-type]):hover,
body#recharge-novum #recharge-te #ReChargeForm_schedule button:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big):not(.vcal-date):not(.vcal-btn):not(.button-minus):not(.button-plus):not(.rc_cancel-btn):not(.update-shipping-address):not([data-type]):hover,
body#recharge-novum #recharge-te #rc_manage_subscription_container div button:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big):not(.vcal-date):not(.vcal-btn):not(.button-minus):not(.button-plus):not(.rc_cancel-btn):not(.update-shipping-address):not([data-type]):hover,
body#recharge-novum #recharge-te #ship__now--container button:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big):not(.vcal-date):not(.vcal-btn):not(.button-minus):not(.button-plus):not(.rc_cancel-btn):not(.update-shipping-address):not([data-type]):hover,
body#recharge-novum #recharge-te #ReChargeForm_skip button:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big):not(.vcal-date):not(.vcal-btn):not(.button-minus):not(.button-plus):not(.rc_cancel-btn):not(.update-shipping-address):not([data-type]):hover,
body#recharge-novum #recharge-te #rc_cancellation_reasons_list button:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big):not(.vcal-date):not(.vcal-btn):not(.button-minus):not(.button-plus):not(.rc_cancel-btn):not(.update-shipping-address):not([data-type]):hover,
body#recharge-novum #recharge-te #te-modal-content button:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big):not(.vcal-date):not(.vcal-btn):not(.button-minus):not(.button-plus):not(.rc_cancel-btn):not(.update-shipping-address):not([data-type]):hover,
body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_btn:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):not(.teriary__button--big):hover,
body#recharge-novum #recharge-te .rc_btn:not(.ReChargeForm_removeDiscount):not(.splide__pagination__page):hover {
  background-color: #3A5858 !important;
  border: 0.1rem solid #3A5858 !important;
  color: #fff !important;
  transition: all var(--duration-short) ease;
}

html #admin-bar-iframe,
html #preview-bar-iframe {
  display: none !important;
}

#recharge-novum .divider {
  display: block;
}

html body#recharge-novum #recharge-te button.edit-address,
html body#recharge-novum #recharge-te button.remove-shipping-info,
html body#recharge-novum #recharge-te button.edit-shopify-payment-method,
html body#recharge-novum #recharge-te #te-modal-content .address-btn-flex button.rc-btn.update-shipping-address {
  min-width: unset !important;
  min-height: unset !important;
  background: unset !important;
  padding: 0 !important;
  border: unset !important;
  text-decoration: underline !important;
  text-underline-offset: .3rem !important;
  text-decoration-thickness: .1rem !important;
  transition: color ease 100ms, text-decoration-thickness ease 100ms !important;
  width: auto !important;
  font-family: 'studiofeixen' !important;
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 500 !important;
  color: #244545 !important;
  text-transform: none !important;
}

html body#recharge-novum .text-body-2 {
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 400 !important;
}

html body#recharge-novum #recharge-te button.edit-address:hover,
html body#recharge-novum #recharge-te button.remove-shipping-info:hover,
html body#recharge-novum #recharge-te button.edit-shopify-payment-method:hover,
html body#recharge-novum #recharge-te #te-modal-content .address-btn-flex button.rc-btn.update-shipping-address:hover {
  background: unset !important;
  color: #3a5858 !important;
  transition: color ease .1s,text-decoration-thickness ease .1s !important;
  text-decoration: none !important;
}

html body#recharge-novum #recharge-te button.edit-address {
  margin: 10px 0 5px 0 !important;
}
html body#recharge-novum #recharge-te button.edit-address .rc-btn--icon {
  display: none !important;
}

.address-btn-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body#recharge-novum #recharge-te #te-modal-heading,
body#recharge-novum #recharge-te #te-card-modal-heading,
#recharge-novum .divider {
  border-bottom: none !important;
  margin: 19px 20px 0 !important;
  padding: 0 0 24px !important;
}

body#recharge-novum #recharge-te .fa-times {
  color: #312780 !important;
}
body#recharge-novum ul.rc_toaster {
  list-style-type: none !important;
}
html body#recharge-novum li.rc_toast {
  background-color: #244545 !important;
  border-radius: 3px !important;
  overflow: hidden !important;
}
#recharge-novum .rc-form__label {
  color: inherit !important;
}

body#recharge-novum #recharge-te #te-modal-content input[type=text] {
  -webkit-appearance: none;
  appearance: none;
  background-color: white !important;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  line-height: 1.9rem !important;
  width: 100% !important;
  border: 0.1rem solid transparent !important;
  padding: 10px 20px !important;
  box-sizing: border-box;
  transition: box-shadow var(--duration-short) ease;
  color: #244545 !important;
  height: 3.9rem !important;
  border-radius: 4px !important;
  box-shadow: 0 0 0 0.1rem #D3DADA !important;
}

body#recharge-novum #recharge-te #te-modal-content input[type=text]:placeholder {
  color: #91A2A2 !important;
  opacity: 1;
}

body#recharge-novum #recharge-te #te-modal-content input[type=text]:hover, body#recharge-novum #recharge-te #te-modal-content input[type=text]:focus {
  transition: box-shadow var(--duration-short) ease;
  box-shadow: 0 0 0 0.1rem #244545 !important;
}

body#recharge-novum #recharge-te #te-modal-content input[type=text]:placeholder {
  color: #244545 !important;
}

.discount_code:placeholder {
  color: #91A2A2 !important;
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 400 !important;
}

body#recharge-novum #recharge-te #rc_te-template-wrapper select,
body#recharge-novum #recharge-te select {
  background-color: white !important;
  border-radius: 4px !important;
  color: #244545 !important;
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 400 !important;
  width: 100% !important;
  box-shadow: 0 0 0 0.1rem #D3DADA !important;
  height: 3.9rem !important;
  box-sizing: border-box;
  transition: box-shadow var(--duration-short) ease;
  opacity: 1 !important;
  margin-top: 24px !important;
  padding: 10px 20px !important;

  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

   background-image: url(/cdn/shop/files/Vector_46.svg?v=1691074375) !important;
   background-repeat: no-repeat !important;
   background-position: right center !important;
   background-size: 33px 7px !important;
}

body#recharge-novum #recharge-te #rc_te-template-wrapper select:hover,
body#recharge-novum #recharge-te select:hover {
  box-shadow: 0 0 0 0.1rem #91A2A2 !important;
  color: #91A2A2 !important;
}

body#recharge-novum #recharge-te #rc_te-template-wrapper select:disabled,
body#recharge-novum #recharge-te select:disabled {
  box-shadow: 0 0 0 0.1rem #D3DADA !important;
  color: #D3DADA !important;
}

body#recharge-novum #recharge-te #te-modal-content .order-details,
body#recharge-novum #recharge-te #te-modal-content .order-details {
  color: #244545!important;
}

@media (min-width: 990px) {
  body#recharge-novum #recharge-te #rc_te-template-wrapper h3:not(.purchase-history-header),
  body#recharge-novum #recharge-te h3:not(.purchase-history-header) {
    margin-bottom: 20px !important;
    font-family: 'studiofeixen' !important;
    font-size: 2.5rem !important;
    line-height: 3rem !important;
    font-weight: 500 !important;
  }
}

@media (max-width: 768px) {
  body#recharge-novum #recharge-te #rc_te-template-wrapper h3,
  body#recharge-novum #recharge-te h3 {
    font-size: 2rem !important;
    line-height: 2.5rem !important;
    text-align: left !important;
  }
}

body#recharge-novum #recharge-te #rc_te-template-wrapper h3.primary-font-size,
body#recharge-novum #recharge-te h3.primary-font-size {
  margin-bottom: 16px !important;
}

body#recharge-novum #recharge-te #rc_te-template-wrapper #js-rc_schedule_container .scheduled-order {
  margin-bottom: 40px !important;
}

@media (min-width: 990px) {
  body#recharge-novum #recharge-te #rc_te-template-wrapper #rc__upsells--container li .rc_upsells-btns {
    background-color: #ECF166 !important;
  }
  body#recharge-novum #recharge-te #rc_te-template-wrapper #rc__upsells--container li .rc_upsells-btns button {
    min-height: unset !important;
  }
}

@media (max-width: 989px) {
  body#recharge-novum #recharge-te #rc_te-template-wrapper #rc__upsells--container li .rc_upsells-btns {
    background-color: transparent !important;
  }

  body#recharge-novum #recharge-te #rc_te-template-wrapper #rc__upsells--container li .rc_upsells-btns button {
    min-height: unset !important;
  }
}

body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_upsells-btns button,
body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_upsells-btns input[type=button] {
  color: #244545 !important;
  background: transparent !important;
  border: 0.1rem solid #244545 !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  border-radius: 5.4rem !important;
  padding: 9px 15px !important;
  white-space: initial !important;
  margin: 10px 0 !important;
  min-height: 37px;
  transition: all ease-in-out 300ms !important;
  text-transform: uppercase !important;
}
body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_upsells-btns button.big,
body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_upsells-btns input[type=button].big {
  border-radius: 5.4rem !important;
}
body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_upsells-btns button[disabled] {
  opacity: 0.5;
  cursor: wait;
  transition: all ease-in-out 300ms !important;
}
body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_upsells-btns button:hover,
body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_upsells-btns input[type=button]:hover {
  color: #fff !important;
  background: #244545 !important;
  transition: all ease-in-out 300ms !important;
}


body#recharge-novum #recharge-te #v-cal .vcal-btn {
  color: #312780 !important;
  position: relative !important;
}
body#recharge-novum #recharge-te #v-cal .vcal-btn span {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: block;
  text-align: center;
  line-height: 36px;
  font-weight: 600;
}
body#recharge-novum #recharge-te #v-cal .vcal-date--active {
  color: #244545 !important;
  background: unset !important;
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 400px !important;
}
body#recharge-novum #recharge-te #v-cal .vcal-date--selected span {
  background-color: #244545 !important
}
body#recharge-novum #recharge-te #v-cal .vcal-week span {
  font-size: 1.2rem !important
}

body#recharge-novum #recharge-te .text-font-14,
body#recharge-novum #recharge-te .rc_product_quantity input,
body#recharge-novum #recharge-te .rc_product_quantity .button-minus, body#recharge-novum #recharge-te .rc_product_quantity .button-plus {
  color: #244545 !important;
}


html body#recharge-novum #recharge-te .order-photo img {
  border-radius: 4px !important;
}


body#recharge-novum ul#rc_cancellation_reasons_list {
  margin-top: 24px !important;
}
body#recharge-novum #recharge-te .te-modal-title {
  font-family: 'studiofeixen' !important;
  font-size: 1.6rem !important;
  line-height: 2.1rem !important;
  font-weight: 500 !important;
  text-transform: uppercase;
}
body#recharge-novum #recharge-te label {
  color: #244545;
}

body#recharge-novum #recharge-te .rc_purchase_type,
body#recharge-novum #recharge-te .rc_purchase_type label {
  font-size: 1.2rem !important;
  line-height: 1.7rem !important;
  font-weight: 500 !important;
  color: #244545 !important;
}

body#recharge-novum #recharge-te textarea {
  padding: 16px 20px !important;
  color: #244545 !important;
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 500 !important;
  border-color: #E9ECEC !important;
  border-radius: 4px !important;
}

body#recharge-novum #recharge-te textarea:hover, body#recharge-novum #recharge-te textarea:focus {
  border-color: #91A2A2 !important;
}

body#recharge-novum #recharge-te .border-light:not(.rc_product_quantity), body#recharge-novum #recharge-te #rc_te-template-wrapper .border-light:not(.rc_product_quantity) {
  border-color: #91A2A2 !important;
}

body#recharge-novum #recharge-te .border-light:not(.rc_product_quantity):hover, body#recharge-novum #recharge-te #rc_te-template-wrapper .border-light:not(.rc_product_quantity):hover {
  border-color: #91A2A2 !important;
}

body#recharge-novum #recharge-te .border-light:not(.rc_product_quantity):focus, body#recharge-novum #recharge-te #rc_te-template-wrapper .border-light:not(.rc_product_quantity):focus {
  border-color: #91A2A2 !important;
}

body#recharge-novum #recharge-te input,
body#recharge-novum #recharge-te textarea {
  outline: unset !important;
}
body#recharge-novum #recharge-te textarea {
  box-shadow: unset !important;
}

#cancellation_reason_wrap label {
  font-size: 12px;
  line-height: 1.5 !important;
  display: block;
  margin-bottom: 12px !important;
}

html body#recharge-novum #MainContent #recharge-te .nav__list--mobile li {
  background: #ffc600 !important;
  color: #312780 !important;
}
html body#recharge-novum #MainContent #recharge-te .nav__list--mobile li.current {
  display: none !important;
}
html body#recharge-novum #MainContent #recharge-te .nav__list--mobile li a {
  color: #312780 !important;
}

html body#recharge-novum .chosen-title {
  font-weight: 700 !important;
  margin-right: 4px !important;
  display: inline-block;
}


body#recharge-novum #recharge-te #v-cal .vcal-date:focus-visible {
  outline: 0 !important;
  box-shadow: unset !important;
}
*:focus-visible {
  outline: 0 !important;
  box-shadow: unset !important;
}

@media (max-width: 460px) {
  body#recharge-novum #recharge-te button.back-btn,
  body#recharge-novum #recharge-te button.close-btn {
    width: auto !important;
  }
}


body#recharge-novum #recharge-te #rc_te-template-wrapper #rc__upsells--container .upsell-btn-mobile, #rc__upsells--containerModal .upsell-btn-mobile {
  color: #244545!important;
  background: transparent!important;
  border: 0.1rem solid #244545!important;
  font-weight: 500!important;
  font-size: 12px!important;
  line-height: 16px!important;
  border-radius: 5.4rem!important;
  padding: 9px 15px!important;
  white-space: initial!important;
  margin-top: 20px !important;
  min-height: 37px;
  transition: all ease-in-out .3s!important;
  text-transform: uppercase!important;
  text-decoration: none !important;
}

body#recharge-novum #recharge-te #rc_te-template-wrapper #rc__upsells--container .upsell-btn-mobile:hover, #rc__upsells--containerModal .upsell-btn-mobile:hover {
  color: #fff!important;
  background: #244545!important;
  transition: all ease-in-out .3s!important;
}

button[data-source="cancellation-flow"] + .te-modal-title {
  white-space: nowrap;
}

@media (min-width: 768px) {

  body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_schedule_wrapper {
    margin-left: 0 !important;
  }
}

body#recharge-novum #recharge-te .rc_page-width {
  max-width: 1364px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  width: 100%;
}

@media screen and (max-width: 1404px) {
  body#recharge-novum #recharge-te .rc_page-width {
    padding: 0 2rem !important;
  }
}

@media screen and (min-width: 990px) {
  body#recharge-novum #recharge-te #rc__upsells--container {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 989px) {
  body#recharge-novum #recharge-te #rc__upsells--container, #rc__upsells--containerModal {
    display: grid !important;
  }

  body#recharge-novum #recharge-te #rc_te-template-wrapper #rc__upsells--container li, #rc__upsells--containerModal li {
    height: auto !important;
  }

  .upsells--wrapper {
    margin-top: 48px !important;
    padding-bottom: 20px;
  }

  .upsells--wrapper h3 {
    text-align: center;
    font-size: 2rem !important;
    line-height: 2.5rem !important;
    font-weight: 500 !important;
    margin-bottom: 24px !important;
  }

  .upsellModal__heading {
    text-align: center;
  }
}

@media screen and (min-width: 1224px) {
  body#recharge-novum #recharge-te #rc__upsells--container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  body#recharge-novum #recharge-te #rc__upsells--container > * {
    width: calc(33.333% - 10px);
  }
  .js-rc_subs_container,
  .js-rc_schedule_container {
    max-width: 1364px !important;
  }
}

html body#recharge-novum .payment-methods-page,
html body#recharge-novum #ShippingPage {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body#recharge-novum #recharge-te .upsells--wrapper > div {
  line-height: 1.5;
}
body#recharge-novum #recharge-te .upsells--wrapper > div a {
  text-decoration: underline !important;
}

.rc_purchase_type {

}
.rc_purchase_type input {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.rc_purchase_type label {
  position: relative;
  padding: 1.7rem 1.7rem 1.7rem 4.9rem!important;
}


body#recharge-novum #recharge-te #te-modal-content {
  padding: 0 20px 24px 20px !important;
}
body#recharge-novum #recharge-te #te-modal,
body#recharge-novum #recharge-te #te-card-modal {
  height: var(--windowHeight) !important;
}

.rct_pagination__container--upsell {
  display: none !important;
}

.page-width.container_flex{
  display: flex;
  width:100%;
  padding: 0 0 0 2rem;
}

@media screen and (min-width: 1405px){
  .page-width.container_flex{
    padding:0;
  }
}

.customer.account.account_hero {
  display:flex !important;
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-right:0 !important;
  padding-left:0 !important;
  background-color: #244545;
  max-height: 200px !important;
  position: relative !important;
  max-width: 100% !important;
  justify-content: center;
}

@media (max-width: 1024px) {
  .customer.account.account_hero {
    display: none !important;
  }
}

.customer.account.account_hero .hero_img {
  display: flex;
}

.hero_img img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: unset !important;
  object-fit: none !important;
}

@media only screen and (max-width: 990px) {
  .customer.account.account_hero .hero_img .product_second {
    display: none;
  }
  .customer.account.account_hero .hero_img {
    position: absolute;
    right: 0;
  }
}

.customer.account.account_hero .acount_title {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  flex-grow:1 !important;
  padding-top: 38px !important;
  padding-bottom: 38px !important;
  position: relative !important;
  max-width: 100%;
}

.customer.account.account_hero .acount_title::after{
  /* content:'' !important; */
  background : url(/cdn/shop/files/icon_account_orders.png?v=1692952983) no-repeat ;
  background-size: cover !important;
  width: 75% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
}

.customer.account.account_hero .acount_title h1 {
  font-size: 35px !important;
  font-weight: 500 !important;
  line-height: 40px !important;
  letter-spacing: 0em !important;
  z-index: 9 !important;
  margin-bottom: 12px !important;
  color: white !important;
}

.customer.account.account_hero .acount_title p{
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
  letter-spacing: 0em !important;
  z-index: 9 !important;
  margin: 0 !important;
  color: white !important;
  max-width: 1016px;
}

@media only screen and (max-width: 989px) {

  .customer.account.account_hero {
    padding-left: 1.6rem !important;
  }
  .customer.account.account_hero .acount_title::after{
    display:none !important;
  }

  
  .customer.account.account_hero::after {
    /* content:'' !important; */
    background : url(/cdn/shop/files/Vector_7ba226b4-f80e-479a-bd87-327bd7bb4737.png?v=1696405793) no-repeat;
    background-size: cover !important;
    width: 80% !important;
    height: 50% !important;
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
  }
  .customer.account.account_hero .acount_title h1 {
    font-size:25px !important;
  }
  .customer.account.account_hero .acount_title p {
    font-size:14px !important;
  }
}

@media only screen and (max-width: 872px) {
  
  .desktop-nav {
    display: none !important;
  }
  
  .mobile-nav {
    display: block !important;
  }

  .customer.account.account_hero {
    /* max-height: 222px !important; */
  }

  .mobile-nav-wrapper .splide__track {
    overflow: visible;
  }

  body#recharge-novum #recharge-te {
    padding-bottom: 24px !important;
  }
}

@media only screen and (min-width: 873px) {
  .desktop-nav {
    display: block!important;
  }
  
  .mobile-nav {
    display: none !important;
  }

  body#recharge-novum #recharge-te {
    padding-bottom: 38px !important;
  }
}

@media only screen and (max-width: 650px) {
  
  body#recharge-novum #recharge-te .nav__list--desktop {
    display: flex !important;
  }
}

.mobile-nav-wrapper {
  padding: 0 16px !important;
}

.no-subscription {
  border: 1px solid #91A2A2;
  border-radius: 20px;
  height: 147px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.no-subscription p {
  font-family: 'studiofeixen' !important;
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 400 !important;
}

.cancelled_subscription_header {
  display: flex;
  padding: 0 24px !important;
}

.cancelled_subscription_header_wrapper {
  display: flex;
}

.cancelled_subscription_header_product {
  width: 420.58px;
}

.rc_subscription_info_container, .rc_quantity_wrapper, .rc_price_wrapper, .rc_frequency_wrapper, .rc_order_frequency_container, .rc_order_payment_container, .rc_order_price_container, .rc_order_quantity_container, .rc_order_info_container  {
  position: relative !important;
}

@media (min-width: 990px) {
  html[lang="en"] .rc_frequency_wrapper::before, html[lang="en"] .rc_schedule_container div:first-child .rc_order_frequency_container::before {
  content: 'Frequency' !important;
  left: 5px !important;
  top: -128px !important;
  }
  
  html[lang="en"] .rc_schedule_container div:first-child .rc_order_payment_container::before {
    content: 'Next payment' !important;
  }
  
  html[lang="en"] .rc_schedule_container div:first-child .rc_order_payment_container::after {
    content: '(delivery date +2/3 business days)' !important;
  }
  
  html[lang="en"] .rc_price_wrapper::before, html[lang="en"] .rc_schedule_container div:first-child .rc_order_price_container::before {
    content: 'Price' !important;
  }
  
  html[lang="en"] .rc_quantity_wrapper::before, html[lang="en"] .rc_schedule_container div:first-child .rc_order_quantity_container::before {
    content: 'Quantity' !important;
  }
}



.rc_frequency_wrapper::before, .rc_schedule_container div:first-child .rc_order_frequency_container::before {
  content: 'Częstotliwość';
  position: absolute;
  left: -15px;
  top: -136px;
  font-family: 'studiofeixen' !important;
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 500 !important;
}

.rc_inactive_subscriptions .rc_frequency_wrapper::before, .rc_inactive_subscriptions .rc_schedule_container div:first-child .rc_order_frequency_container::before {
  left: -15px;
  top: -96px;
}

.rc_schedule_container div:first-child .rc_order_payment_container::before {
  content: 'Najbliższa płatność';
  position: absolute;
  left: -29px;
  top: -136px;
  font-family: 'studiofeixen' !important;
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 500 !important;
  width: 150px;
}

.rc_schedule_container div:first-child .rc_order_payment_container::after {
  content: '(data dostawy +2/3 dni robocze)';
  position: absolute;
  left: -62px;
  top: -116px;
  font-family: 'studiofeixen' !important;
  font-size: 1.2rem !important;
  line-height: 1.7rem !important;
  font-weight: 400 !important;
  width: 202px;
}

@media (max-width: 1200px) {
  .rc_schedule_container div:first-child .rc_order_payment_container::after {
    left: 0;
    width: 140px;
    top: -96px;
  }
  .rc_frequency_wrapper::before, .rc_schedule_container div:first-child .rc_order_frequency_container::before {
    left: 0;
  }
  .rc_schedule_container div:first-child .rc_order_payment_container::before {
    left: 0;
    width: 139px;
  }
  .rc_price_wrapper::before, .rc_schedule_container div:first-child .rc_order_price_container::before {
    left: 0 !important;
  }
  .rc_quantity_wrapper::before, .rc_schedule_container div:first-child .rc_order_quantity_container::before {
    left: 0 !important;
  }
}

.rc_price_wrapper::before, .rc_schedule_container div:first-child .rc_order_price_container::before {
  content: 'Cena';
  position: absolute;
  left: 8px;
  top: -136px;
  font-family: 'studiofeixen' !important;
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 500 !important;
}

.rc_inactive_subscriptions .rc_price_wrapper::before, .rc_inactive_subscriptions .rc_schedule_container div:first-child .rc_order_price_container::before {
  left: 8px;
  top: -96px;
}

.rc_quantity_wrapper::before, .rc_schedule_container div:first-child .rc_order_quantity_container::before {
  content: 'Ilość';
  position: absolute;
  left: -12px;
  top: -136px;
  font-family: 'studiofeixen' !important;
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 500 !important;
}

.rc_inactive_subscriptions .rc_quantity_wrapper::before, .rc_inactive_subscriptions .rc_schedule_container div:first-child .rc_order_quantity_container::before {
  left: -12px;
  top: -96px;
}

.rc_inactive_subscriptions .rc_subscription_info_container::before, .rc_inactive_subscriptions .rc_schedule_container div:first-child .rc_order_info_container:not(.onetime)::before {
  left: 0;
  top: -56px;
}

@media (max-width: 989px) {
  
  
  body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_schedule_container .schedule_single_wrapper {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_schedule_container {
    gap: 40px;
  }

  body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_schedule_container > div:not(:first-child) {
    padding-top: 40px !important;
    border-top: 1px solid #c6d3d3 !important;
  }

  body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_schedule_container > div:last-child {
    padding-bottom: 40px !important;
    border-bottom: 1px solid #c6d3d3 !important;
  }

  .rc_order_info_container {
    display: flex !important;
    margin-bottom: 24px !important;
    align-items: center;
  }
  
  .rc_frequency_wrapper::before, .rc_price_wrapper::before, .rc_quantity_wrapper::before, .rc_order_info_container::before, .rc_order_quantity_container::before, .rc_order_price_container::before, .rc_order_payment_container::before, .rc_order_frequency_container::before, .rc_schedule_container div:first-child .rc_order_payment_container::after {
    content: '';
  }

  .rc_schedule_container div:first-child .rc_order_info_container::before, .rc_schedule_container div:first-child .rc_order_quantity_container::before, .rc_schedule_container div:first-child .rc_order_price_container::before, .rc_schedule_container div:first-child .rc_order_payment_container::before, .rc_schedule_container div:first-child .rc_order_frequency_container::before {
    content: '' !important;
  } 

  body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_subscription_card_element_wrapper {
    border: 1px solid #E9ECEC;
    border-radius: 8px!important;
    box-shadow: none!important;
    margin-bottom: 24px!important;
    padding: 0 !important;
  }

   .rc_frequency_wrapper, .rc_price_wrapper, .rc_quantity_wrapper {
     margin-bottom: 24px !important;
   }

  .rc_subscription_info_container {
    flex-direction: row !important;
    justify-content: flex-start !important;
  }

  .js-rc_subs_container>.rc_inactive_subscriptions {
    margin-top: 0 !important;
  }

  .subscription_info_desc {
    font-family: 'studiofeixen' !important;
    font-size: 1.4rem !important;
    line-height: 1.9rem !important;
    font-weight: 500 !important;
    color: #91A2A2 !important;
    margin-bottom: 4px !important;
    margin-top: 0 !important;
  }

  .subscription_info_content {
    font-family: 'studiofeixen' !important;
    font-size: 1.2rem !important;
    line-height: 1.7rem !important;
    font-weight: 400 !important;
    color: #91A2A2 !important;
    margin: 0 !important;
  }

  .teriary__button:not(.swap-button) {
    max-width: 188px;
  }

  .rc_schedule_wrapper span, .rc_schedule_wrapper p {
    text-align: left !important;
  }

  .rc_order_quantity_desc, .rc_order_price_desc, .rc_order_frequency_desc, .rc_order_payment_desc {
    font-size: 1.4rem !important;
    line-height: 1.9rem !important;
    font-weight: 500 !important;
  }

  .rc_order_quantity_container, .rc_order_price_container, .rc_order_frequency_container, .rc_order_payment_container {
    margin-bottom: 24px !important;
  }
}

@media (min-width: 990px) {
  .rc_order_quantity_desc, .rc_order_price_desc, .rc_order_frequency_desc, .rc_order_payment_desc {
    display: none;
  }
  
  body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_subscription_card_element_wrapper {
    border: 1px solid #E9ECEC;
    border-radius: 8px!important;
    box-shadow: none!important;
    margin-bottom: 24px!important;
    padding: 0 !important;
  }
  
  .js-rc_subs_container > .rc_inactive_subscriptions{
    margin-top: 79px !important;
  }

  .rc_quantity_wrapper p, .rc_price_wrapper p, .rc_frequency_wrapper p {
    font-family: 'studiofeixen' !important;
    font-size: 1.4rem !important;
    line-height: 1.9rem !important;
    font-weight: 400 !important;
    color: #91A2A2 !important;
  }
}

.js-rc_subs_container > .rc_inactive_subscriptions ~ .rc_inactive_subscriptions {
  margin-top: 0 !important;
}

.js-rc_subs_container > .rc_inactive_subscriptions ~ .rc_inactive_subscriptions, .js-rc_subs_container > .rc_inactive_subscriptions ~ .rc_inactive_subscriptions .rc_quantity_wrapper::before, .js-rc_subs_container > .rc_inactive_subscriptions ~ .rc_inactive_subscriptions .rc_price_wrapper::before, .js-rc_subs_container > .rc_inactive_subscriptions ~ .rc_inactive_subscriptions .rc_frequency_wrapper::before  {
  content: '' !important;
}

body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_subscription_container {
  flex-direction: column;
}

.active-wrapper-top {
  background: #FBF9F4;
  padding: 24px !important;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

@media(max-width: 1024px) {
  .active-wrapper-top {
    padding: 16px !important;
  }
}

.active-wrapper-date {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 10px !important;
  gap: 6px;
}

.active-wrapper-status {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.renewal-text, .status-text {
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 400 !important;
  color: #667D7D !important;
  text-transform: uppercase;
  margin-bottom: 4px !important;
}

.renewal-date, .status-name {
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 800 !important;
}

.skip-sub {
  background: transparent;
  margin-bottom: 0 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  text-decoration: underline !important;
  border: none !important;
  display: block !important;
  white-space: nowrap;
}

.skip-sub:hover {
  text-decoration: none !important;
}

.cancel-custom {
  text-transform: lowercase;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  display: block !important;
}

@media(max-width: 1023px) {
  .renewal-text, .status-text {
    font-size: 12px !important;
  }
  
  .renewal-date, .status-name {
    font-size: 14px !important;
  }

  .cancel-custom {
    font-size: 12px !important;
  }

  .skip-sub {
    font-size: 12px !important;
  }
}

.rc_schedule_wrapper p {
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 400 !important;
  color: #91A2A2 !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}

.teriary__button {
  min-width: unset !important;
  text-transform: uppercase !important;
  background: transparent !important;
  border: 1px solid #244545 !important;
  color: #244545 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0.5rem 1.5rem !important;
  text-decoration: none !important;
  border-radius: 5.4rem !important;
  transition: all var(--duration-short) ease !important;
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 500 !important;
}

.teriary__button:hover {
  background: #3A5858 !important;
  background-color: #3A5858 !important;
  border: 1px solid #3A5858 !important;
  color: #fff !important;
}

.teriary__button--big {
  min-width: unset;
  text-transform: uppercase;
  background: transparent;
  border: 1px solid #244545;
  color: #244545;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.9rem 3.5rem !important;
  text-decoration: none;
  border-radius: 5.4rem;
  transition: all var(--duration-short) ease;
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 500 !important;
}

.teriary__button--big:hover {
  background: #3A5858;
  background-color: #3A5858 !important;
  border: 1px solid #3A5858;
  color: #fff !important;
}

.upsellsModal--wrapper {
  visibility: hidden !important;
  position: absolute;
  width: 0;
  height: 0;
}

.upsellsModal--wrapper div {
  visibility: hidden !important;
}

.upsellsModal--wrapper.active {
  visibility: visible !important;
  position: relative;
  height: unset;
  width: 100%;
}

.upsellsModal--wrapper.active div {
  visibility: visible !important;
}

.edit-address {
  display: inline-flex !important;
}

.address-info .rc-expandable-card--arrow {
  display: none !important;
}

.shipping-address-container, .payment-method-details {
  border-right: 1px solid #91A2A2 !important;
  padding-right: 24px !important;
}

.payment-method-container, .billing-address-container {
  padding-left: 24px !important;
}

.delivery-method {
  margin-bottom: 12px !important;
}

body#recharge-novum #recharge-te #rc_te-template-wrapper h3.purchase-history-header,
  body#recharge-novum #recharge-te h3.purchase-history-header {
    margin-bottom: 32px !important;
    font-family: 'studiofeixen' !important;
    font-size: 2.5rem !important;
    line-height: 3rem !important;
    font-weight: 500 !important;
  }

.text-font-19 svg {
  vertical-align: text-top;
}

.margin-icon {
  margin-right: 16px !important;
}

.purchase-history-card {
  padding: 24px !important;
  margin-bottom: 12px !important;
}

.order-date-mobile, .order-price-mobile {
  margin-top: 16px !important;
}

.modal-order-wrapper {
  padding-bottom: 24px !important;
}

.rc_order_modal_title {
  margin-bottom: 10px !important;
  font-size: 1.6rem !important;
  line-height: 2.1rem !important;
  font-weight: 500 !important;
}

.order-type, .delivery-cost, .time-delivery-info {
  font-size: 1.2rem !important;
  line-height: 1.7rem !important;
  font-weight: 400 !important;
  color: #667D7D !important;
  margin-bottom: 6px !important;
}

.rc_layout__full .row {
  border: 1px solid #91A2A2 !important;
  border-radius: 20px;
  height: 208px;
}

.rc_layout__full .row > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.recharge .rc_title-bar {
  min-height: unset !important;
  margin-bottom: 24px;
}

@media (max-width: 800px) {
  .recharge .rc_layout {
    padding: 0 16px;
  }
}

.rc_layout__full .row a {
  min-width: unset !important;
  text-transform: uppercase !important;
  background: transparent !important;
  border: 1px solid #244545 !important;
  color: #244545 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0.9rem 3.5rem !important;
  text-decoration: none !important;
  border-radius: 5.4rem !important;
  transition: all var(--duration-short) ease !important;
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 500 !important;
}

.rc_layout__full .row a:hover {
  background: #3A5858 !important;
  background-color: #3A5858 !important;
  border: 1px solid #3A5858 !important;
  color: #fff !important;
}
.rc_layout__full .row p {
  margin: 0 !important;
}

.rc_layout__full .row br {
  display: none !important;
}

.rc_layout__full .row .rc_header-settings__description p {
  margin: 0 !important;
  font-family: 'studiofeixen' !important;
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 400 !important;
  color: #244545 !important;
}

.active-subscription-info {
    font-size: 1.6rem !important;
    line-height: 2.1rem !important;
    font-weight: 400 !important;
}

.schedule-custom-month-title {
  font-size: 2rem !important;
  line-height: 2.5rem !important;
  font-weight: 500 !important;
  margin-bottom: 12px !important;
}

.delivery-payment-output {
  font-size: 1.6rem !important;
  line-height: 2.1rem !important;
  font-weight: 400 !important;
  color: #667D7D !important;
  margin-bottom: 12px;
}

.rc_order_title_active {
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 500 !important;
  color: #244545 !important;
  text-decoration: underline;
  text-underline-offset: 0.3rem!important;
}

.empty-schedule {
  height: 208px;
  border: 1px solid #91A2A2;
  border-radius: 20px;
  padding: 24px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.empty-schedule p {
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 400 !important;
}

.nav--wrapper.hide-nav {
  display: none !important;
}

.edit-sub-card svg {
  visibility: hidden;
  position: absolute;
}

.edit-text-link {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 17px !important;
  color: #244545 !important;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: color ease .1s,text-decoration-thickness ease .1s;
  text-decoration: underline;
}

.edit-text-link:hover {
  color: #3a5858 !important;
  transition: color ease .1s,text-decoration-thickness ease .1s;
  text-decoration: none;
}

.edit-date {
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 25px !important;
  color: #3A5858 !important;
  margin-top: 16px !important;
}

.modal-description {
  background: #F5FBF9;
  padding: 20px !important;
  margin-bottom: 28px !important;
  margin-left: -20px !important;
  width: calc(100% + 40px);
}

.edit-product-heading {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 19px !important;
  margin-bottom: 10px !important;
}

.edit-product-content {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
  margin-bottom: 4px !important;
}

.edit-product-title {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 21px !important;
  margin-bottom: 0 !important;
  max-width: 50%;
}

.separator-line {
  display: block !important;
  width: 100%;
  height: 1px;
  background: #91A2A2;
  margin: 24px 0 !important;
}

.pb-subheading {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 19px !important;
  margin-bottom: 16px !important;
}

.visible-back {
  visibility: visible !important;
}

@media (max-width: 400px) {
  .edit-product-title {
    max-width: 32%;
  }

  .shipping-billing-wrapper {
    flex-direction: column;
    gap: 12px;
    max-width: 100% !important;
  }

  .rc_discount {
    max-width: 100% !important;
  }
}

.variant-price {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
}

.recomended {
  display: none ;
  margin-top: 8px !important ;
  text-wrap: wrap !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
  padding: 4px 20px !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 14px !important;
  line-height: 17px !important;
  font-weight: 800 !important;
}

.recomended.active {
  display: block;
}

.swap-button {
  width: 100%;
  padding: 9px 15px !important;
  margin-top: 12px !important;
}

.variant-image {
  max-width: 68px !important;
}

.shipping-billing-wrapper {
  display: flex;
  justify-content: space-between;
  max-width: 90%;
}

.editProduct__wrapper {
  margin-bottom: 16px !important;
  gap: 12px;
  width: 100%;
}

.address div {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
}

.rc_discount__code, .rc_discount__value {
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 21px !important;
  color: #3A5858 !important;
}

.rc_cancellation_reasons_heading {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 19px !important;
}

.rc_discount {
  max-width: 90%;
}

.payment-wrapper {
  margin-bottom: 24px !important;
}

.shipping-radio {
  padding-left: 17px !important;
  
  margin-bottom: 16px !important;
  position: relative;
}

.shipping-radio label {
  padding: 17px 17px 17px 34px !important;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  font-size: 1.2rem !important;
  line-height: 1.7rem !important;
  font-weight: 500 !important;
}

#dhlShipping, #postNlShipping, #dhlExpressShipping {
  margin-bottom: 24px !important;
  padding: 16px !important;
  background: #F1F2F6;
  border-radius: 8px;
}

#dhlShipping .rc-form__label, #postNlShipping .rc-form__label, #dhlExpressShipping .rc-form__label {
  color: #91A2A2 !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 500 !important;
}

.payment-heading {
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 500 !important;
  margin-bottom: 16px !important;
}

#email-label {
  font-size: 1.6rem !important;
  line-height: 2.1rem !important;
  font-weight: 800 !important;
  padding-bottom: 16px !important;
}

.rc_purchase_type {
  margin-top: 10px !important;
  border: 1px solid #E9ECEC !important;
  border-radius: 8px !important;
}

.rc_purchase_type:hover {
  border: 1px solid #91A2A2 !important;
}

.p0 {
    padding-left: 0 !important;
}

.p25 {
    padding-left: 25px !important;
}

.splide__pagination__page.is-active {
  background: #244545 !important;
  transform: none !important;
}

.splide__pagination__page {
  background: #D5E9E1 !important;
  opacity: 1 !important;
}

.splide__pagination {
  gap: 8px;
  display: flex !important;
}

.upsellModal__heading {
  font-size: 2rem !important;
  line-height: 2.5rem !important;
  font-weight: 500 !important;
  margin-bottom: 24px !important;
}

#v-cal {
  border: 1px solid #E9ECEC;
  border-radius: 8px;
  padding: 12px !important;
}

@media (min-width: 872px) and (max-width: 989px) {
  .splide__pagination {
    bottom: -17px !important;
  }
}

@media (max-width: 871px) {
  .splide__pagination {
    bottom: -10px !important;
  }
}

@media (min-width: 600px) {
  #rc_manage_subscription_container {
    margin-top: 38px !important;
  }
  
  .rc_order_quantity_content, .rc_order_price_content, .rc_order_frequency_content, .rc_order_payment_content {
    font-size: 1.4rem !important;
    line-height: 1.9rem !important;
    font-weight: 400 !important;
  }
  
  #recharge-novum .rc-card:not(.purchase-history-card, .edit-sub-card, .rc_single_product_card-wrapper) {
    padding: 32px !important;
  }

  .shipping-info-cards, .payment-method-cards {
    padding-top: 12px !important;
  }

  .order-price-desktop {
    display: initial;
  }

  .order-price-mobile {
    display: none;
  }

  .active-subscription-info {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 599px) {
  #rc_manage_subscription_container {
    margin-top: 24px !important;
  }
  
  .rc_order_quantity_content, .rc_order_price_content, .rc_order_frequency_content, .rc_order_payment_content {
    font-size: 1.2rem !important;
    line-height: 1.7rem !important;
    font-weight: 400 !important;
  }
  
  .shipping-address-container, .payment-method-details {
    border-right: none !important;
    padding-right: 0 !important;
    border-bottom: 1px solid #91A2A2 !important;
    padding-bottom: 24px !important;
  }

  .payment-method-container, .billing-address-container {
    padding-left: 0 !important;
    padding-top: 24px !important;
  }

  .shipping-info-cards, .payment-method-cards {
    padding-top: 0 !important;
  }

  .order-price-desktop {
    display: none;
  }

  .order-price-mobile {
    display: block;
  }

  .active-subscription-info {
    margin-bottom: 48px !important;
  }
}

//Input styling

.control {
    font-family: arial;
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    padding-top: 3px;
    cursor: pointer;
    font-size: 16px;
}
    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
.control_indicator {
    position: absolute;
    top: 14px;
    left: 17px;
    height: 21px;
    width: 21px;
    background: #ffffff;
    border: 1px solid #D9D9D9;
    border-radius: undefined;
    display: block !important;
}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #244545;
    border: 1px solid #244545;
}

.control input:checked ~ .control_indicator {
    background: #244545;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #0e6647d;
}
.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control_indicator:after {
    display: block;
}
.control-radio .control_indicator {
    border-radius: 50%;
}

.control_indicator::before {
    content: '';
    position: absolute;
    left: 6px;
    top: 6px;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #ffffff;
    transition: background 250ms;
}

.control-radio .control_indicator:after {
    left: 6px;
    top: 6px;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #ffffff;
    transition: background 250ms;
}
.control-radio input:disabled ~ .control_indicator:after {
    background: #7b7b7b;
}
@keyframes s-ripple {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    20% {
        transform: scale(1);
    }
    100% {
        opacity: 0.01;
        transform: scale(1);
    }
}
@keyframes s-ripple-dup {
   0% {
       transform: scale(0);
    }
   30% {
        transform: scale(1);
    }
    60% {
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}
.control-radio input + .control_indicator::before {
    animation: s-ripple 250ms ease-out;
}
.control-radio input:checked + .control_indicator::before {
    animation-name: s-ripple-dup;
}

//PRODUCT CARD

.js-card {
  height: 100%;
}

.upsell-header-wrapper.no-grid {
  display: grid;
  grid-template-columns: 100%;
}


.upsell-header-wrapper {
  display: grid;
  grid-template-columns: 60% 76px;
  column-gap: 14px;
}


@media(min-width: 1156px) and (max-width: 1399px) {
  .upsell-header-wrapper {
    grid-template-columns: 50% 76px !important;
  }

  .upsell-header-wrapper.no-grid {
    grid-template-columns: 100% !important;
  }
}

.upsells-title {
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 400 !important;
  color: #244545 !important;
  text-align: left;
}

@media (max-width: 500px) {
  .upsells-title {
    font-size: 1.2rem !important;
    line-height: 1.9rem !important;
    font-weight: 400 !important;
    color: #244545 !important;
    text-align: left;
  }
}

.age-category-badge {
  height: fit-content !important;
  padding: 8px 12px !important;
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
  background: #FF6E50 !important;
  color: #fff !important;
  font-size: 1.2rem !important;
  line-height: 1.7rem !important;
  font-weight: 500 !important;
  right: 0;
  position: absolute;
  min-width: 77px;
}

.age-category-badge:first-letter {
  text-transform: capitalize;
}

.rc_single_product_card-wrapper {
  position: relative;
}

.upsells_image {
  width: 166px !important;
  height: auto !important;
  margin: 36px auto 0 !important;
}

.upsells_image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  max-width: unset !important;
  max-height: unset !important;
}

#rc__upsells--containerModal .js-toggle-card {
    padding: 16px !important;
  }


.splide__track {
  overflow: visible !important;
}

#upsellsModalId, .upsells--wrapper {
  overflow: hidden !important;
}

.rc_product_list_container .price_wrapper {
  margin: 36px 0 20px !Important;
}

.rc_product_list_container .price_wrapper svg {
  display: none;
}

.rc_product_list_container .price_wrapper .onetime-price {
  display: none;
}

.rc_product_list_container .price_wrapper .sub-price {
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 400 !important;
}

#search-container input {
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 500 !important;
  color: #244545 !important;
}

#search-container svg path {
  fill: #91A2A2 !important;
}

#search-container input:placeholder {
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 500 !important;
  color: #91A2A2 !important;
}

.breadcrumbs-wrap {
  z-index: 1 !important;
  margin-bottom: 28px !important;

  @media (max-width: 800px) {
    margin-bottom: 12px !important;
  }
}

.breadcrumbs li a {
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 400 !important;
  color: #91A2A2 !important;
  opacity: 1 !important;
}

.breadcrumbs li a:hover {
  color: #244545 !important;
}

.breadcrumbs li span {
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 400 !important;
  color: #244545 !important;
}

.editSubscription__breadcrumb {
  display: none;
}

.editSubscription__breadcrumb.active {
  display: block;
}
.codeFull {
  background: #F1F2F6;
  border-radius: 8px;
  padding: 12px 16px !important;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 12px!important;
}
.codeFull span {
  font-size: 14px;
  line-height: 21px;
  font-weight: 600 !important;
}

.codeFull .codeValue, .codeFull button {
  text-align: right;
}

.codeFull button {
  font-size: 12px;
  line-height: 21px;
  color: #244545;
  vertical-align: middle;
  height: 16px;
}

.codeEmpty {
  font-size: 12px;
  line-height: 17px;
  font-weight: 400 !important;
  margin-bottom: 16px !important;
}

@media (max-width: 500px) {
  .retention-popup {
    padding: 44px 20px !important;
  }
  .retention-heading {
    font-size: 18px !important;
    line-height: 30px !important;
  }
  .retention-subheading {
    font-size: 16px !important;
    line-height: 23px !important;
  }
}

@media (min-width: 500px) {
  .retention-popup {
    padding: 96px 60px !important;
  }
}
.retention-popup .close-retention {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.retention-popup.active {
  visibility: visible;
}
.retention-popup {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: white;
  border-radius: 20px;
  z-index: 1951;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 500px;
  width: 90%;
  visibility: hidden;
}

.retention-heading {
  color: #FF6E50;
  font-size: 24px;
  line-height: 23px;
  font-weight: 500 !important;
  margin-bottom: 16px !important;
  text-align: center;
}

.retention-subheading {
  font-size: 18px;
  line-height: 23px;
  font-weight: 400 !important;
  margin-bottom: 36px !important;
  text-align: center;
}

.rc_cancel-btn-popup {
  background: #244545 !important;
  color: white !important;
  width: 100% !important;
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 400 !important;
  border-radius: 54px !important;
  padding: 9px 35px !important;
 
  -webkit-appearance: none;
  margin-bottom: 16px !important;
  text-transform: uppercase;
}

.rc_cancel-btn-popup:hover {
  background: #3A5858 !important;
  
  -webkit-appearance: none;
}

.not-retention {
  background: white !important;
  color: #244545 !important;
  width: 100% !important;
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 400 !important;
  border-radius: 54px !important;
  padding: 9px 35px !important;
  border: 1px solid #244545 !important;
  
  -webkit-appearance: none;
  text-transform: uppercase;
}

.not-retention:hover {
  background: #244545 !important;
  color: white !important;
  
  -webkit-appearance: none;
}

.active-subscription-title {
  font-size: 20px !important;
  line-height: 25px !important;
  font-weight: 400 !important;
  margin-bottom: 32px !important;
}

@media (max-width: 749px) {
  .active-subscription-title {
    margin-bottom: 24px !important;
  }
}

.rc_swap_product_details_container .charge_interval_frequency, .rc_swap_product_details_container .order_interval_unit {
  visibility: hidden;
  position: absolute;
}

.rc_purchase_type, {
  visibility: hidden;
  position: absolute;
}

/*NEW GLOBAL LAYOUT DESKTOP*/

.subscriptions-wrapper {
  display: grid;
  grid-template-columns: 73.7% 24%;
  gap: 28px;
}

#account-link {
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  text-decoration: none;
}

#account-link-wrapper {
  display: flex;
  align-items: baseline;
  gap: 26px;
}

.left-back {
  display: flex;
  align-items: baseline;
  gap: 16px;
}

.left-back a {
  color: #244545 !important;
}

.left-info1, .left-info2 {
  background: #F5FBF9;
  border-radius: 8px;
  padding: 24px !important;
  margin-top: 36px !important;
  margin-bottom: 28px !important;
}

#info1, #info12 {
  font-size: 12px;
  line-height: 17px;
  font-weight: 400 !important;
  color: #667D7D;
}

#info2, #info22 {
  font-size: 18px;
  line-height: 23px;
  font-weight: 500 !important; 
  color: #244545;
  margin-top: 12px !important;
}

#info3, #info32 {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400 !important;
  color: #244545;
  margin-top: 12px !important;
}

#info3 a {
  color: #244545 !important;
}

.button-recommend {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400 !important;
  color: #244545 !important;
  margin-top: 12px !important;
  border: 1px solid #244545;
  background: white;
  padding: 9px 16px !important;
  width: fit-content;
  text-decoration: none;
  transition: all .3s ease-in-out;
  cursor: pointer;
  border-radius: 54px;
  display: block;
}

.button-recommend:hover {
  color: white !important;
  background: #244545;
}

.subscriptions-heading-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px !important;
}

.subscriptions-heading-wrapper h2 {
  font-size: 25px !important;
  line-height: 30px !important;
  font-weight: 400 !important;
  margin-bottom: 0 !important;
}

.subscription-filter-wrapper {
  display: flex;
  gap: 10px;
  align-items: center;
}

.how-it-works {
  font-size: 12px !important;
  line-height: 17px !important;
  font-weight: 400 !important;
  color: #667D7D !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

.modal-description-text {
  font-size: 12px !important;
  line-height: 17px !important;
  font-weight: 400 !important;
}

.modal-button-wrapper {
  width: calc(100% + 40px);
  margin-left: -20px !important;
  padding: 16px 20px !important;
  -webkit-box-shadow: 0px -4px 7px 0px rgba(36, 69, 69, 0.04);
  -moz-box-shadow: 0px -4px 7px 0px rgba(36, 69, 69, 0.04);
  box-shadow: 0px -4px 7px 0px rgba(36, 69, 69, 0.04);
}

.active-wrapper-delivery {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.delivery-name, .billing-name {
  display: flex;
  gap: 8px;
}

.delivery-heading, .billing-heading {
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  color: #667D7D !important;
  margin-bottom: 4px !important;
}

.delivery-name, .billing-name {
  padding: 8px 0 !important;
}

.address, .billing {
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 400 !important;
}

.edit-delivery, .edit-delivery-inactive {
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 400 !important;
  text-decoration: underline !important;
  color: #244545 !important;
  height: fit-content;
}

.edit-delivery:hover, .edit-delivery-inactive:hover {
  text-decoration: none !important;
  color: #667D7D !important;
}

.add-product-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 24px 0 24px !important;
  margin-bottom: 14px !important;
}

.add-product-title {
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  color: #667D7D !important;
  margin-bottom: 8px !important;
}

.add-product-link, .add-product-link-inactive {
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 400 !important;
  text-decoration: underline;
  width: fit-content;
  cursor: pointer;
}

.add-product-link:hover, .add-product-link:hover {
  text-decoration: none;
  color: #667D7D;
}

.product-image-name {
  display: flex;
  align-items: center;
  gap: 12px;
}

.product-price-edit {
  display: flex;
  flex-direction: column-reverse;
  gap: 6px;
  align-items: flex-end;
  justify-content: space-between;
}

body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_subscription_info_container {
  justify-content: space-between !important;
  padding: 16px 24px !important;
}

body#recharge-novum #recharge-te .rc_photo_container img, body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_photo_container img, body#recharge-novum #recharge-te .rc_image_container img, body#recharge-novum #recharge-te img {
  width: 48px !important;
  height: 48px !important;
  display: block;
}

body#recharge-novum #recharge-te .rc_order_title {
  font-family: 'studiofeixen' !important;
  font-size: 1.6rem !important;
  line-height: 2.1rem !important;
  font-weight: 500 !important;
  color: #244545 !important;
}

.product-variant {
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 400 !important;
  margin-top: 6px !important;
}

.product-price {
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 400 !important;
  white-space: nowrap;
}

.product-edit {
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 400 !important;
  text-decoration: underline !important;
  cursor: pointer;
  text-transform: lowercase;
}

.product-edit, .product-delete, .product-edit-inactive {
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 400 !important;
  text-decoration: underline !important;
  margin-top: 0;
  cursor: pointer;
  text-transform: lowercase;
}

.product-edit:hover, .product-delete:hover, .product-edit-inactive:hover {
  text-decoration: none !important;
  color: #667D7D !important;
}

.price-sub-hide, .price-one-hide, .price-sup-connected-hide {
  display: none;
}

.subscription-subprice {
  width: 100%;
  padding: 12px 24px !important;
}

.subscription-totals {
  width: 100%;
  padding: 0 24px 24px 24px !important;
}

.subscription-subprice-price, .subscription-discount, .subscription-delivery {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0 !important;
}

.discount-name {
  display: flex;
  align-items: center;
  gap: 6px;
}

.subscription-totals-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0 !important;
  border-top: 1px solid #E9ECEC;
}

.subscription-subprice-price .name, .discount-name-heading, .deliver-name {
  font-size: 1.6rem !important;
  line-height: 2.1rem !important;
  font-weight: 400 !important;
}

.total-price, .rc_discount__value, .delivery-price {
  font-size: 1.6rem !important;
  line-height: 2.1rem !important;
  font-weight: 500 !important;
}

.rc_discount__code {
  color: #667D7D !important;
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 400 !important;
}

.discount-name svg {
  display: block;
}

.totals-name, .totals-price {
  font-size: 1.8rem !important;
  line-height: 2.1rem !important;
  font-weight: 600 !important;
}.payment-heading

.js-edit-next-charge-date {
  text-align: right;
}

.product-edit {
  text-align: right;
}

.shipping-method-div, .payment-method {
  font-size: 1.2rem !important;
  line-height: 1.7rem !important;
  font-weight: 400 !important;
}

.addDiscountLabel {
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 500 !important;
}

.button-reactivate {
  font-size: 1.2rem !important;
  line-height: 1.7rem !important;
  font-weight: 500 !important;
  color: white !important;
  background: #244545 !important;
  text-transform: uppercase !important;
  border: none !important;
  box-shadow: none !important;
  padding: 5px 15px !important;
  border-radius: 54px !important;
}

.button-reactivate:hover {
  background: #3a5858 !important;
}

.active-wrapper-error {
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 500 !important;
  color: #FF6E50 !important;
  margin-top: 20px !important;
}

#subs_list {
  display: flex;
  flex-direction: column;
  padding: 0 12px 24px 12px !important;
  gap: 8px;
}

#subs_list_all {
  padding: 0 12px !important;
}

.custom-checkbox {
  padding: 12px 0 !important;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}

.custom-checkbox input {
  width: 20px;
  height: 20px;
  accent-color: #244545;
  border-radius: 4px;
  cursor: pointer;
}

.custom-checkbox .wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cancel-product-name {
  font-size: 1.4rem !important;
  line-height: 1.9rem !important;
  font-weight: 500 !important;
  margin-bottom: 4px;
}

.cancel-product-variant  {
  display: flex;
  gap: 4px;
}

.cancel-product-variant span {
  font-size: 1.2rem !important;
  line-height: 1.7rem !important;
  font-weight: 400 !important;
  display: block;
}

.upsellSliderModal .splide__list {
  grid-template-columns: 1fr!important;
  column-gap: 0!important;
  row-gap: 0!important;
}

#rc__upsells--containerModal .js-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  column-gap: 12px;
}

.custom-label .rc-option__text {
  position: relative;
}
.custom-label .rc-option__text::before,
.custom-label .rc-option__text::after {
  content: '';
  position: absolute;
  left: -2.6rem;
  border-radius: 50%;
  border: .1rem solid #244545;
  transform: translate3d(0,0,0);
}
.custom-label .rc-option__text::before {
  top: 0;
  width: 1.6rem;
  height: 1.6rem;
}

.custom-label input:checked + .rc-option__text::before {
  background: #244545;
}

.custom-label .rc-option__text::after {
  left: -22px;
  top: 4px;
  width: 8px;
  height: 8px;
  border: none;
}

.custom-label input:checked + .rc-option__text::after {
    background-color: #fff;
}

.add-sub-variant1.active, .add-sub-variant2.active {
  border-color: #244545;
  border-width: 2px;
}

.add-sub-variant1 {
  border: 1px solid #91A2A2;
  border-radius: 8px;
  padding: 12px !important;
}

.add-sub-variant2 {
  border: 1px solid #91A2A2;
  border-radius: 8px;
  padding: 12px !important;
}

.widget-wrapper {
  margin-left: -24px !important;
  width: calc(100% + 48px);
  padding: 8px 24px 24px 24px !important;
  margin-top: 16px !important;
}

.widget-wrapper.active {
  background: #FBF9F4;
}

.cancelled-opacity .renewal-text, .cancelled-opacity .status-text {
  opacity: 0.6;
}

.cancelled-opacity .renewal-date, .cancelled-opacity .status-name {
  opacity: 0.6;
}

.cancelled-opacity .delivery-heading, .cancelled-opacity .billing-heading {
  opacity: 0.6;
}

.cancelled-opacity .delivery-name, .cancelled-opacity .billing-name {
  opacity: 0.6;
}

.cancelled-opacity .add-product-title {
  opacity: 0.6;
}

.cancelled-opacity .product-image-name {
  opacity: 0.6;
}

.cancelled-opacity .product-price {
  opacity: 0.6;
}

.left-back-mobile {
  display: none;
}

.back-mobile {
  display: none;
}

.collect-code {
  color: white;
}

/* NEW GLOBAL LAYOUT MOBILE*/

@media (max-width: 1024px) {
  #account-link {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    text-decoration: none;
  }
    .back-mobile {
    display: flex;
    gap: 12px;
    margin-left: -20px !important;
    width: calc(100% + 36px);
    padding: 28px 20px !important;
    border-bottom: 1px solid #E9ECEC;
    margin-bottom: 20px !important;
  }

  .back-mobile a {
    color: #244545 !important;
  }
  
  .left-back {
    display: none;
  }

  .left-back-mobile {
    display: block;
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
  }
  
  .subscriptions-wrapper {
    grid-template-columns: 100%;
    gap: 24px;
  }
  
  .left-info1, .left-info2 {
    margin-bottom: 24px !important;
    margin-top: 0px !important;
  }

  .subscriptions-heading-wrapper h2 {
    font-size: 18px !important;
    line-height: 23px !important;
    font-weight: 500 !important;
    margin-bottom: 0 !important;
  }

  .delivery-heading, .billing-heading {
    font-size: 12px !important;
    line-height: 17px !important;
  }

  .address, .billing {
    font-size: 12px !important;
    line-height: 17px !important;
  }

  .edit-delivery, .edit-delivery-inactive {
    font-size: 12px !important;
  }

  .add-product-title {
    font-size: 12px !important;
    line-height: 17px !important;
    margin-bottom: 0 !important;
  }

  .add-product-wrapper {
    flex-direction: row;
    padding: 0 16px 0 16px !important;
    align-items: center;
    justify-content: space-between;
  }

  .active-wrapper-delivery {
    padding: 16px !important;
  }

  .add-product-link, .add-product-link {
    font-size: 12px !important;
  }

  body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_subscription_info_container {
    padding: 16px !important;
    gap: 8px;
  }

  body#recharge-novum #recharge-te .rc_photo_container img, body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_photo_container img, body#recharge-novum #recharge-te .rc_image_container img, body#recharge-novum #recharge-te img {
    width: 40px !important;
    height: 40px !important;
  }

  body#recharge-novum #recharge-te .rc_order_title {
    font-size: 1.4rem !important;
    line-height: 1.9rem !important;
  }

  .product-variant {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }

  .product-price {
    font-size: 1.2rem !important;
    line-height: 1.7rem !important;
  }

  .product-edit, .product-delete, .product-edit-inactive {
    font-size: 1.2rem !important;
  }

  .subscription-subprice{
    padding: 8px 16px !important;
  }

  .subscription-totals {
    padding: 0 16px !important;
  }

  .subscription-subprice-price .name, .discount-name-heading, .deliver-name {
    font-size: 1.4rem !important;
    line-height: 1.9rem !important;
  }
  
  .total-price, .rc_discount__value, .delivery-price {
    font-size: 1.4rem !important;
    line-height: 1.9rem !important;
  }

  .totals-name, .totals-price {
    font-size: 1.6rem !important;
  }

  .active-wrapper-error {
    font-size: 1rem !important;
    line-height: 1.2rem !important;
  }

  .cancel-product-name {
    font-size: 1.2rem !important;
    line-height: 1.7rem !important;
  }
  
  .cancel-product-variant span {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
}

/*YOTPO STYLES*/

.yotpo-widget-referral-widget .yotpo-tile {
  margin: 0 auto !important;
}

.yotpo-referral-image {
  display: none !important;
}

.yotpo-tile-wrapper {
  background-color: #F5FBF9 !important;
}

.yotpo-container-background.yotpo-swap-container {
  justify-content: center;
  background: #F5FBF9;
  border-radius: 8px;
  padding: 24px !important;
  min-height: unset !important;
}

.yotpo-tile-wrapper, .yotpo-inputs-container, .yotpo-input-container.yotpo-email-container, .yotpo-input-container.yotpo-email-container input  {
  width: 100% !important;
}

.yotpo-tab-small-size.yotpo-lower-line-tabs {
  width: 100%;
  min-width: unset !important;
}

.yotpo-lower-line-tab-text.yotpo-tabs-text {
  font-size: 12px;
}

#yotpoReferralTitleText {
  font-size: 16px !important;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  font-weight: 500 !important;
}

#yotpoReferralDescriptionText {
  font-size: 14px !important;
  margin-bottom: 28px !important;
}

.yotpo-input-container.yotpo-email-container input {
  font-size: 10px !important;
}

#input-example {
  font-size: 10px;
  margin-top: 6px !important;
}

.yotpo-referral-widget-form {
  row-gap: 12px !important;
  margin-bottom: 12px !important;
}

.yotpo-widget-referral-widget .yotpo-share-options-headline {
  grid-template-columns: 1fr auto 1fr !important;
  margin-bottom: 8px !important;
}

.yotpo-share-options-headline-text {
  font-size: 10px !important;
}

.yotpo-copy-text-button {
  width: 100% !important;
  padding: 11px !important;
}

.yotpo-widget-referral-widget .yotpo-share-button-widget {
  border: none !important;
}

.yotpo-referral-history-grid {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.yotpo-header-text {
  font-size: 16px !important;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.yotpo-title-text {
  font-size: 14px !important;
  margin-bottom: 12px !important;
}

.yotpo-tile-wrapper, .yotpo-share-copy-link {
  min-width: 100% !important;
}

.yotpo-widget-button-text {
  font-size: 12px !important;
}

@media (max-width: 400px) {
  .yotpo-tile-wrapper {
    padding: 24px !important;
  }

  .yotpo-widget-referral-widget .yotpo-is-mobile .yotpo-lower-line-tabs {
    max-width: unset !important;
  }

  .yotpo-widget-referral-widget .yotpo-is-mobile .yotpo-main-share-body-textarea {
    height: 110px !important;
  }

  .yotpo-share-copy-link {
    margin-bottom: 8px !important;
  }
}

.rc_header-settings__title p {
  display: none !important;
}