html {
  scroll-behavior: smooth
}

body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0
}

ul[class],
ol[class] {
  padding: 0
}

body {
  min-height: 100vh;
  min-width: 320px;
  display: flex;
  flex-direction: column;
  -webkit-font-smoothing: antialiased;
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right)
}

body.modal-open {
  overflow: hidden;
  max-width: 100vw
}

ul[class],
ol[class] {
  list-style: none
}

img {
  max-width: 100%;
  display: block
}

input,
button,
textarea,
select {
  font: inherit
}

body #main-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto
}

p {
  font-size: 1.125rem;
  line-height: 1.45;
  margin-top: 0;
  margin-bottom: 1rem
}

.button {
  font-family: sans-serif;
  -webkit-font-smoothing: antialiased;
  padding: 15px 25px;
  line-height: 1.2;
  font-size: 1.375rem;
  cursor: pointer;
  border: none;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 700;
  transition: .2s ease-in-out;
  display: inline-block
}

#nav-bottom .button:hover,
#nav-bottom .button {
  padding: 8px 40px;
  margin-right: 1px;
  font-size: 20px;
  color: #000;
  line-height: 1.2;
  border-radius: .25rem;
  text-transform: uppercase;
  font-weight: 700;
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center
}

.button:hover {
  background-image: none;
  background-color: #f3ce75
}

#main {
  min-height: 100vh;
  display: flex;
  flex-direction: column
}

.slick-dots {
  position: absolute;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.subhead {
  font-weight: 400;
  text-align: center;
  margin-bottom: 25px
}

.heading {
  color: #434339;
  font-weight: 700;
  text-align: center;
  font-size: 2rem
}

.background-effect {
  height: 100%;
  position: absolute;
  content: "";
  z-index: 1;
  width: 100vw;
  top: 20px;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  display: none
}

header {
  overflow: hidden
}

.mobile-only {
  display: none
}

.desktop-only {
  display: block
}

.site-logo {
  display: flex;
  justify-content: center;
  max-width: 300px;
  margin: 15px auto;
  padding: 0 15px
}

.site-logo img {
  height: 50px;
  width: auto;
  max-height: 100%
}

@media(width <=768px), (width <=1023px)and (orientation: landscape) {
  .site-logo {
    margin: 5px auto
  }

  .site-logo img {
    height: 35px
  }
}

footer {
  overflow: hidden;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 10px;
  text-align: center;
  min-height: 346px
}

@media(width <=428px) {
  footer {
    min-height: 486px
  }
}

@media(width <=414px) {
  footer {
    min-height: 501px
  }
}

@media(width <=390px) {
  footer {
    min-height: 530px
  }
}

footer #references {
  color: #919b9a;
  font-size: 1.125rem;
  line-height: 1.667;
  text-align: center;
  margin-top: 1rem
}

footer #references a {
  font-size: 12px;
  letter-spacing: 1px;
  color: #fff;
  text-decoration: none;
  padding-left: 20px
}

footer #references a:hover {
  color: #499fdc;
  transition: .3s;
  text-decoration: underline
}

footer .disclaimer {
  margin-top: 30px;
  font-size: .6875rem
}

footer .giddy-links {
  margin: 0;
  padding: 10px 0 25px;
  list-style: none;
  text-align: center
}

footer .giddy-links li {
  display: inline;
  margin: 0 2em;
  font-size: .875rem
}

footer .giddy-links li span {
  text-decoration: none;
  cursor: pointer
}

footer .copyright {
  font-size: .75rem;
  padding: 5px 0
}

footer #footer-disclaimer {
  max-width: 710px;
  margin: 0 auto;
  padding: 10px 5px
}

footer #footer-badges {
  padding: 10px 0
}

footer #footer-badges .footer-badge-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

footer #footer-badges .footer-badge-container .payment-badge img,
footer #footer-badges .footer-badge-container .payment-badge svg {
  margin: 0 10px !important
}

footer #footer-badges .footer-badge-container .payment-badge img.guarantee,
footer #footer-badges .footer-badge-container .payment-badge svg.guarantee {
  width: 75px
}

footer #footer-badges .footer-badge-container .payment-badge img.trust-badge,
footer #footer-badges .footer-badge-container .payment-badge svg.trust-badge {
  height: 62px;
  object-fit: contain
}

footer #footer-badges .footer-badge-container .payment-badge img.paypal,
footer #footer-badges .footer-badge-container .payment-badge svg.paypal {
  width: 88px
}

footer #footer-badges .footer-badge-container .payment-badge img.stripe-secure,
footer #footer-badges .footer-badge-container .payment-badge svg.stripe-secure {
  width: 118px
}

@media(width <=768px) {
  footer #footer-badges .footer-badge-container {
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px 1%
  }

  footer #footer-badges .footer-badge-container .payment-badge img {
    margin: 0 auto !important
  }

  footer #footer-badges .footer-badge-container .payment-badge img.discover {
    max-width: 54px
  }

  footer #footer-badges .footer-badge-container .payment-badge img.american-express {
    max-width: 66px
  }

  footer #footer-badges .footer-badge-container .payment-badge img.mastercard {
    max-width: 28px
  }

  footer #footer-badges .footer-badge-container .payment-badge img.visa {
    max-width: 38px
  }

  footer #footer-badges .footer-badge-container .payment-badge img.paypal {
    max-width: 62px
  }

  footer #footer-badges .footer-badge-container .payment-badge img.stripe-secure {
    max-width: 95px
  }

  footer #footer-badges .footer-badge-container .payment-badge:first-child {
    display: none
  }

  footer #footer-badges .footer-badge-container .mobile-only.guarantee h4 {
    display: inline-block;
    padding: 5px;
    background: #fff7e3;
    font-family: sans-serif;
    font-size: .9375rem;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 15px
  }
}

.modal .modal-dialog .modal-content {
  box-shadow: 0 0 0 8px rgba(0, 0, 0, .4), 0 0 2px rgba(0, 0, 0, .1);
  border-radius: 0
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  outline: 0
}

.modal-content .modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem
}

.modal-content .close {
  padding: 0;
  margin: 0;
  position: absolute;
  opacity: 1;
  width: 30px;
  height: 30px;
  line-height: 26px;
  z-index: 999;
  cursor: pointer;
  border-radius: 0;
  border: 0;
  background: 0 0 !important;
  box-shadow: none;
  text-shadow: none;
  right: 5px;
  top: 3px;
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  color: #aaa
}

.modal.iframe-modal .modal-dialog .modal-content .modal-body {
  max-height: calc(100vh - 210px);
  height: 600px
}

.modal.iframe-modal .modal-dialog .modal-content .modal-body iframe {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 2rem 0 0
}

.slider-footer_btn {
  padding: 35px 0 25px
}

.expand-fade-enter-active *,
.expand-fade-leave-active * {
  transition: all 1s
}

.expand-fade-enter-active *,
.expand-fade-leave-active * {
  max-height: 100vh;
  opacity: 1
}

.expand-fade-enter *,
.expand-fade-leave-to * {
  max-height: 0;
  opacity: 0
}

body.intl-sweepstakes .hide-me-first {
  display: none !important
}

@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  src: url(a326ef9a2bd62d0c5394.woff2) format("woff2"), url(0b7ebb30c248fcda7217.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  src: url(f1342c5b841e614b40da.woff2) format("woff2"), url(96215ce43fd0974dfec7.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  src: url(cf99b64f6df6ea7155d1.woff2) format("woff2"), url(3d2caca3865b8f436214.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  src: url(66b322ee99e7c6fba410.woff2) format("woff2"), url(81fe4dccc3f94637c188.ttf) format("truetype")
}

:root {
  --theme-copy: #202020
}

body {
  font-family: Inter, sans-serif
}

body .content-block {
  scroll-margin-top: 56px
}

body #main-wrapper {
  max-width: none
}

body .column-wrapper {
  display: grid;
  margin: 0 auto;
  gap: 25px
}

@media only screen and (min-width: 1024px) {
  body .column-wrapper {
    grid-template-columns: minmax(0, 696px) minmax(0, 604px);
    gap: min(4vw, 48px);
    max-width: 1348px;
    align-items: start
  }
}

body .column-wrapper .column {
  display: flex;
  flex-flow: row wrap;
  color: var(--theme-copy)
}

body .column-wrapper .column section {
  width: 100%;
  padding: 0 20px
}

body .column-wrapper .column section.media-grid-section {
  padding: 0
}

@media only screen and (min-width: 1024px) {
  body .column-wrapper .column section {
    padding: 0;
    width: 100%
  }

  body .column-wrapper .column section:last-child {
    margin-bottom: 0
  }
}

@media only screen and (min-width: 1024px) {
  body .column-wrapper .column.sticky-column {
    height: 100%
  }

  body .column-wrapper .column.sticky-column section {
    position: sticky;
    overflow-anchor: none;
    top: 85px;
    align-self: flex-start
  }
}

body .column-wrapper .column>div {
  width: 100%
}

body .card-bottom_mobile-order-now {
  margin-top: 20px
}

body .card-bottom_mobile-order-now.hasInline {
  margin-top: 0
}

body .cta-btn,
body .card-bottom_mobile-order-now .button {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  background: var(--theme-primary, #009ade);
  box-shadow: none;
  border-radius: 50px;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  text-transform: none;
  text-decoration: none;
  display: block;
  transition: all .2s ease
}

body .cta-btn.disabled,
body .card-bottom_mobile-order-now .button.disabled {
  background: #e2e2e2;
  color: #fff;
  cursor: auto
}

body .cta-btn:hover,
body .card-bottom_mobile-order-now .button:hover {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))
}

body .cta-btn.hasInline:not(.inline-added),
body .card-bottom_mobile-order-now .button.hasInline:not(.inline-added) {
  color: #202020;
  background: #e7e8ea
}

body .cta-btn.hasInline:not(.inline-added):hover,
body .card-bottom_mobile-order-now .button.hasInline:not(.inline-added):hover {
  filter: none;
  opacity: .8
}

body .cta-btn {
  padding: 14px;
  font-size: 15px;
  line-height: 11px
}

body .badge {
  background: var(--theme-primary, #009ade);
  color: #fff;
  padding: 6px 8px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 25px;
  line-height: 1em;
  display: none
}

@media(min-width: 1023px) {
  body .badge {
    display: inline-block
  }
}

body main,
body header,
body footer {
  margin: 0 auto;
  box-sizing: border-box
}

body main {
  padding-top: 56px
}

@media only screen and (min-width: 1023px) {
  body main {
    padding: 85px 20px 60px;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  body main.sticky-cta {
    padding-top: 0
  }
}

body .nav>div,
body .nav>ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0
}

body .nav>div>div>div>span,
body .nav>ul>div>div>span {
  cursor: pointer
}

body .nav>div>div:not(:last-child),
body .nav>div>li:not(:last-child),
body .nav>ul>div:not(:last-child),
body .nav>ul>li:not(:last-child) {
  margin-right: 30px
}

body header {
  height: 56px;
  position: fixed;
  width: 100%;
  z-index: 3;
  top: 0;
  border-bottom: 1px solid #f2f2f2
}

body header.attention-bar {
  height: auto
}

body header.attention-bar .header-content-wrapper {
  height: auto
}

body header.attention-bar .header-content-wrapper .header-content {
  padding-top: 9px;
  padding-bottom: 9px
}

@media only screen and (max-width: 767px) {
  body header.sticky-cta {
    position: relative
  }
}

body header .header-content-wrapper {
  background: #fff;
  height: 100%
}

body header .header-content {
  display: flex;
  justify-content: space-between;
  height: 100%;
  margin: 0 auto;
  align-items: center;
  padding: 0 20px
}

@media only screen and (min-width: 1023px) {
  body header .header-content {
    max-width: 1348px
  }
}

body header .header-content .logo img {
  width: auto;
  max-height: 24px
}

body header .header-content .logo img.tall {
  max-height: 40px
}

body header .header-content .main-nav ul {
  color: var(--theme-copy, #202020);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  align-items: center
}

body header .header-content .main-nav ul li a:not(.cta-btn) {
  color: #000;
  text-decoration: none;
  text-transform: capitalize;
  letter-spacing: 1.25px
}

@media only screen and (max-width: 767px) {
  body header .header-content .main-nav ul li.menu-item {
    display: none
  }
}

body header .header-content .main-nav ul .cta-button {
  padding: 11px 15px;
  white-space: nowrap
}

@media only screen and (max-width: 767px) {
  body header .header-content .logo {
    max-width: 50%
  }
}

body .card-container {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 20px
}

body .card-container .flex-container {
  display: flex;
  flex-flow: row wrap
}

body .card-container .card {
  display: flex;
  flex-flow: row wrap;
  border-radius: 6px;
  border: none;
  box-shadow: 0 0 0 1px #f2f2f2;
  padding: 35px 20px 20px
}

body .card-container .card.unavailable {
  opacity: .5;
  pointer-events: none
}

body .card-container .card:not(:last-child) {
  margin-bottom: 10px
}

body .card-container .card.selected {
  border-color: var(--theme-primary, #009ade);
  background: rgb(var(--theme-primary-rgb, 0, 140, 209), 0.05);
  border-width: 1px
}

body .card-container .card.selected button.select-btn {
  background-color: var(--theme-primary, #009ade) !important;
  color: #fff !important
}

body .card-container .card button.select-btn {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  width: 22px;
  height: 22px;
  border: 1px solid #d1d5db !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  outline: none;
  font-size: 0;
  padding: 0;
  right: 29px;
  top: 0;
  bottom: 0;
  margin: auto
}

body .card-container .card button.select-btn::before {
  content: "";
  width: 9px;
  height: 9px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: 0;
  margin: auto
}

body .card-container .card.selected .select-btn {
  background: var(--theme-primary, #009ade) !important;
  border: none !important;
  width: 23px;
  height: 23px
}

body .card-container.selectable>.card {
  pointer-events: all
}

body section {
  box-sizing: border-box
}

body #offer-section {
  margin-bottom: 0
}

body #offer-section #offer {
  padding-top: 5px
}

body #offer-section .offer-subhead {
  color: var(--theme-copy, #202020);
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 14px
}

body #offer-section .offer-component {
  margin-bottom: 30px
}

body #offer-section .offer-section {
  margin: 0
}

body #offer-section .offer-section .pay-in-4 {
  text-align: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin-top: 20px;
  align-items: center;
  font-size: 14px
}

body #offer-section .offer-section .pay-in-4 .__PrivateStripeElement {
  width: 100%
}

body #offer-section .offer-section .pay-in-4 span {
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 15.6px;
  margin: 0 11px
}

body #offer-section .offer-section .pay-in-4 a {
  color: #000;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap
}

body #offer-section .offer-section .pay-in-4 img {
  width: 60px
}

@media only screen and (max-width: 585px) {
  body #offer-section .offer-section .pay-in-4 {
    font-size: 12px
  }

  body #offer-section .offer-section .pay-in-4 img {
    width: 50px
  }

  body #offer-section .offer-section .pay-in-4 span {
    font-size: 12px;
    margin: 0 8px
  }

  body #offer-section .offer-section .pay-in-4 a {
    color: #000;
    font-weight: 500;
    font-size: 12px
  }
}

body #offer-section .offer-section .offer-action-disclaimer {
  color: #252729;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 20px
}

body #offer-section .offer-section .cta-message {
  background: rgb(var(--theme-primary-rgb, 0, 140, 209), 0.05);
  line-height: 140%;
  font-size: 16px;
  text-align: center;
  padding: 8px;
  border-radius: 12px;
  margin: 10px 0
}

body #offer-section .offer-section .cta-message br {
  display: none
}

@media only screen and (max-width: 1024px) {
  body #offer-section .offer-section .cta-message {
    font-size: 14px;
    padding: 8px 32px;
    margin: 0
  }

  body #offer-section .offer-section .cta-message br {
    display: block
  }
}

body #offer-section .offer-section #offer.single-offer .card-bottom_mobile-order-now {
  display: flex;
  gap: 15px;
  align-items: center
}

body #offer-section .offer-section #offer.single-offer .card-bottom .select-btn {
  display: none !important
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .bundle-description {
  white-space: normal
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card {
  padding: 20px 30px 20px 20px;
  border-radius: 6px;
  border: 1px solid var(--theme-primary)
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-thumbnail {
  margin-bottom: 0;
  width: 140px;
  height: 140px;
  border-radius: 8px
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details {
  text-align: left;
  max-width: 394px;
  gap: 0
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .whats-included-link-reveal::after,
body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .whats-included-link-close::after {
  height: 10px;
  top: 0
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .whats-included-link-reveal {
  margin-bottom: 22px;
  text-transform: capitalize;
  margin-top: 0;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .whats-included-link-close {
  text-transform: capitalize;
  margin-top: 0;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .whats-included-expander {
  margin-bottom: 0
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details.open-wi .whats-included-link-reveal {
  margin-bottom: 0
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details.open-wi .whats-included-expander {
  margin-bottom: 22px
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details.open-wi .whats-included-content {
  margin-top: 17px
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details.open-wi .whats-included-content ul {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: rgba(0, 0, 0, .7)
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details.open-wi .whats-included-content ul li {
  margin-bottom: 0
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .shipping-wrapper .pricing-display_shipping {
  margin-bottom: 10px
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .bundle-pricing {
  margin-bottom: 17px
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .bundle-pricing .pricing-wrapper {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.32px
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .bundle-pricing .pricing-wrapper em {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.28px;
  color: rgba(0, 0, 0, .7);
  margin-left: 7px
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .bundle-pricing .pricing-wrapper .save {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 9px;
  display: block !important
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .bundle-pricing .select-btn {
  display: none
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .bundle-headline {
  justify-content: flex-start;
  flex: auto;
  color: #000;
  font-size: 22px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 100%;
  letter-spacing: -0.22px;
  margin-bottom: 17px;
  margin-top: 8px
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .bundle-headline .shipping-block {
  display: none
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .bundle-description {
  color: rgba(0, 0, 0, .7);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 17px
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .card-bottom {
  display: flex;
  gap: 17px;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 0
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .card-bottom .pricing-display_shipping {
  margin-top: auto;
  padding: 4px 6px;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
  text-transform: capitalize;
  margin-bottom: 10px;
  display: block
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .card-bottom .pricing-text {
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 7px
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .card-bottom .pricing-text .retail-price {
  color: rgba(0, 0, 0, .7);
  letter-spacing: -0.28px
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .card-bottom .pricing-text .save {
  margin-top: 0;
  font-size: 14px;
  display: block
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .card-bottom .qty-selector {
  display: none
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details>.whats-included-container .whats-included-content {
  margin-top: 0
}

body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details>.whats-included-container .whats-included-content ul {
  margin-top: 5px;
  margin-bottom: 22px;
  font-size: 14px;
  color: rgba(0, 0, 0, .7);
  font-style: normal;
  font-weight: 400;
  line-height: 140%
}

body #offer-section .offer-section #offer.single-offer .card-bottom_mobile-order-now {
  gap: normal
}

@media only screen and (max-width: 585px),
only screen and (min-width: 1023px)and (width <=1155px) {
  body #offer-section .offer-section #offer.single-offer .offer-bundles .card {
    padding: 20px
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details>.whats-included-container .whats-included-content {
    margin-top: 0
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details>.whats-included-container .whats-included-content ul {
    margin-top: 0;
    margin-bottom: 17px;
    color: rgba(48, 48, 48, .75);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.24px
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .card-bottom {
    flex-direction: row !important
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .bundle-headline {
    font-size: 18px !important
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .bundle-pricing {
    margin-top: 0
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .bundle-pricing .pricing-wrapper {
    font-size: 14px
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .bundle-pricing .pricing-wrapper em {
    font-size: 12px
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .bundle-pricing .pricing-wrapper .pricing-display .save {
    font-size: 12px;
    display: block
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .shipping-wrapper .display_shipping,
  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .shipping-wrapper .pricing-display_shipping {
    font-size: 12px
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .whats-included-expander {
    margin-top: 0
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .whats-included-link-reveal {
    margin-bottom: 17px
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .whats-included-link-reveal,
  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .whats-included-link-close {
    font-size: 13px;
    line-height: 12px
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details.open-wi .whats-included-link-reveal {
    margin-bottom: 0
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details.open-wi .whats-included-expander {
    margin-bottom: 17px
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details.open-wi .whats-included-content {
    margin-top: 14px;
    margin-bottom: 0
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details.open-wi .whats-included-content ul {
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.24px
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .pricing-display_shipping {
    height: auto;
    overflow: hidden
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .pricing-text {
    overflow: hidden;
    margin-bottom: 0
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .pricing-text .retail-price {
    font-size: 12px
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .pricing-text .pricing-display .save {
    font-size: 12px
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .bundle-description {
    font-size: 12px !important;
    max-width: none;
    margin-top: 0;
    margin-bottom: 17px
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-details .select-btn {
    display: none !important
  }

  body #offer-section .offer-section #offer.single-offer .offer-bundles .card .bundle-container .card-thumbnail {
    width: 80px;
    height: 80px;
    margin-right: 0
  }

  body #offer-section .offer-section #offer.single-offer .card-bottom_mobile-order-now .button {
    font-size: 16px;
    font-weight: 600
  }
}

body #offer-section .offer-section #offer .single-bundle-qta {
  margin-right: 12px
}

body #offer-section .offer-section #offer .single-bundle-qta .qty-selector {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 137px;
  border-radius: 9999px;
  border: 1px solid #f2f2f2;
  background: #fff;
  height: 53px;
  align-items: center;
  gap: 14px
}

body #offer-section .offer-section #offer .single-bundle-qta .qty-selector .label {
  display: none
}

body #offer-section .offer-section #offer .single-bundle-qta .qty-selector .ui-element {
  display: flex;
  justify-content: space-between;
  flex: 1;
  padding: 4px;
  width: 129px
}

body #offer-section .offer-section #offer .single-bundle-qta .qty-selector .ui-element input {
  text-align: center;
  border: 0;
  user-select: none;
  pointer-events: none;
  min-width: 25px;
  max-width: 35px;
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
  background: rgba(0, 0, 0, 0);
  color: #000
}

body #offer-section .offer-section #offer .single-bundle-qta .qty-selector .ui-element button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
  width: 40px;
  height: 46px;
  padding: 0;
  position: relative;
  text-align: center;
  font-size: 1rem
}

body #offer-section .offer-section #offer .single-bundle-qta .qty-selector .ui-element button[aria-label="-1"]::before {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, .7);
  width: 12px;
  height: 2px;
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIyIiB2aWV3Qm94PSIwIDAgMTIgMiIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTAgMC4zMzA3MzJWMS42NjQwNkgxMlYwLjMzMDczMkgwWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=);
  display: inline-block
}

body #offer-section .offer-section #offer .single-bundle-qta .qty-selector .ui-element button[aria-label="+1"]::before {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 13px;
  height: 14px;
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDEzIDE0IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY2NjcgMC42MDE1NjJWNS45MzQ3M0gxMi44VjguMDY4MDZINy40NjY2N1YxMy40MDE2SDUuMzMzMzNWOC4wNjgwNkgwVjUuOTM0NzNINS4zMzMzM1YwLjYwMTU2Mkg3LjQ2NjY3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+);
  display: inline-block
}

body #offer-section .offer-section #offer .single-bundle-qta .qty-selector .ui-element button[aria-label="+1"],
body #offer-section .offer-section #offer .single-bundle-qta .qty-selector .ui-element button[aria-label="-1"] {
  width: 45px;
  height: 45px;
  border-radius: 100px;
  justify-content: center;
  align-items: center
}

body #offer-section .offer-section #offer .single-bundle-qta .qty-selector .ui-element button[aria-label="+1"] {
  background: var(--theme-primary, #009ade)
}

body #offer-section .offer-section #offer .single-bundle-qta .qty-selector .ui-element button[aria-label="-1"] {
  background: rgba(0, 0, 0, .05)
}

body #offer-section .offer-section .offer-bundles .card {
  flex: 1 100%;
  position: relative;
  overflow: hidden;
  padding: 20px
}

body #offer-section .offer-section .offer-bundles .card:not(.selected) {
  box-shadow: 0 0 0 1px #dbdbdb
}

body #offer-section .offer-section .offer-bundles .bundle-container {
  width: 100%
}

body #offer-section .offer-section .offer-bundles .bundle-container picture {
  display: grid
}

body #offer-section .offer-section .offer-bundles .card-thumbnail {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: 6px;
  overflow: hidden
}

body #offer-section .offer-section .offer-bundles .card-details {
  flex: 4;
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  justify-content: flex-start;
  max-width: 320px
}

body #offer-section .offer-section .offer-bundles .card-details>* {
  width: 100%
}

body #offer-section .offer-section .offer-bundles .card-details .bundle-headline {
  font-size: 16px;
  line-height: 21px;
  font-style: normal;
  font-weight: 600
}

body #offer-section .offer-section .offer-bundles .card-details .sweepstakes-block {
  box-sizing: border-box
}

body #offer-section .offer-section .offer-bundles .card-details .sweepstakes-block span {
  background-color: #f72515;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 10px;
  color: #fff;
  display: inline-block
}

body #offer-section .offer-section .offer-bundles .card-details .sweepstakes-block:has(~.whats-included-expander) {
  margin-bottom: 5px
}

body #offer-section .offer-section .offer-bundles .card-details .bundle-subhead {
  color: #555a5f;
  font-size: 16px;
  font-weight: 400
}

body #offer-section .offer-section .offer-bundles.default .bundle-container {
  gap: 20px;
  justify-content: space-between;
  flex-wrap: nowrap
}

body #offer-section .offer-section .offer-bundles.default .pricing-display_shipping {
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 9px;
  margin-top: 0;
  padding: 4px 6px;
  border-radius: 3px;
  white-space: nowrap;
  color: var(--theme-primary, #009ade);
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--theme-primary, #009ade);
  width: fit-content;
  order: 4
}

body #offer-section .offer-section .offer-bundles.default .pricing-display_shipping_handling {
  color: #929ba9;
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
  white-space: nowrap;
  line-height: 9px;
  margin-top: 0;
  padding: 4px 6px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #dbdbdb;
  width: fit-content;
  order: 4
}

body #offer-section .offer-section .offer-bundles.default .card {
  border-radius: 9px;
  transition: all .3s ease-in-out;
  margin: 0 0 10px;
  border: 0;
  box-shadow: 0 0 0 1px #f2f2f2 inset;
  padding: 20px 30px 20px 18px
}

body #offer-section .offer-section .offer-bundles.default .card.default-variation .short-bundle .card-details {
  justify-content: space-between
}

body #offer-section .offer-section .offer-bundles.default .card .short-bundle .card-details {
  justify-content: normal;
  gap: 12px
}

body #offer-section .offer-section .offer-bundles.default .card .short-bundle .card-details .pricing-wrapper {
  margin-top: -2px
}

body #offer-section .offer-section .offer-bundles.default .card .short-bundle .bundle-headline {
  margin-top: 7px
}

body #offer-section .offer-section .offer-bundles.default .card:last-child {
  margin-bottom: 0
}

body #offer-section .offer-section .offer-bundles.default .card.selected .card-thumbnail {
  background: #fff
}

body #offer-section .offer-section .offer-bundles.default .card .card-thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f7f8fa
}

body #offer-section .offer-section .offer-bundles.default .card .card-thumbnail img {
  width: 80px;
  height: auto
}

body #offer-section .offer-section .offer-bundles.default .card .card-details {
  max-width: 300px;
  min-width: 0;
  width: 100%;
  justify-content: space-around;
  gap: 6px
}

body #offer-section .offer-section .offer-bundles.default .card .card-details>.whats-included-container .whats-included-content {
  margin-top: 0
}

body #offer-section .offer-section .offer-bundles.default .card .card-details>.whats-included-container .whats-included-content ul {
  margin-top: 0;
  margin-bottom: 17px;
  color: rgba(48, 48, 48, .75);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px
}

body #offer-section .offer-section .offer-bundles.default .card .card-details>.whats-included-container .whats-included-content:not(:has(ul)) {
  display: none
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .bundle-headline {
  box-sizing: border-box
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-link-reveal {
  color: var(--theme-copy, #202020);
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
  text-decoration: none;
  margin-top: -7px
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-link-reveal::after {
  position: relative;
  top: 4px;
  content: "";
  width: 17px;
  height: 17px;
  line-height: 17px;
  background: url(77648b10b19225934f81.svg) center center no-repeat;
  border-radius: 50%;
  display: inline-block;
  transform: rotate(360deg);
  left: 5px
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .card-thumbnail {
  margin-right: 20px
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-content {
  text-align: left
}

@media only screen and (width <=767px) {
  body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-content {
    margin-bottom: 5px
  }
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-expander {
  display: inline-block;
  font-style: normal;
  margin-bottom: 13px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-link-close::after {
  position: relative;
  top: 4px;
  content: "";
  width: 17px;
  height: 17px;
  line-height: 17px;
  background: url(77648b10b19225934f81.svg) center center no-repeat;
  border-radius: 50%;
  display: inline-block;
  transform: rotate(180deg);
  left: 5px
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .bundle-description {
  font-size: .875rem;
  flex-grow: unset;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #8b9093
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .bundle-pricing {
  font-weight: 600;
  order: 3
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .bundle-pricing .pricing-wrapper {
  display: flex;
  align-items: center
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .bundle-pricing .pricing-wrapper .per-each-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #202020
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .bundle-pricing em {
  color: rgba(48, 48, 48, .75);
  text-decoration: line-through;
  display: inline-block;
  margin-left: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.28px
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .bundle-pricing .save {
  color: var(--theme-primary, #009ade);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 9px;
  margin-left: 7px
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-link-close {
  margin-bottom: 15px;
  margin-top: -5px;
  color: #202020;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included {
  padding: 12px 0 0
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-header {
  font-size: .75rem;
  font-weight: 600;
  margin-bottom: 10px
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-title {
  display: none
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-container:not(:has(.whats-included-content ul)) {
  display: none
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-content *:not(ul, ul *) {
  display: none
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-content ul {
  list-style: disc;
  padding-left: 22px;
  margin: 0
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-content ul li {
  font-size: .875rem;
  margin-bottom: 3px;
  position: relative
}

body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-content ul li:last-child {
  margin-bottom: 0
}

body #offer-section .offer-section .offer-bundles.default .card .card-bottom {
  flex: 0;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  align-items: end;
  margin-left: auto
}

body #offer-section .offer-section .offer-bundles.default .card .card-bottom .qty-selector {
  display: flex;
  background: var(--theme-primary, #009ade);
  justify-content: center;
  max-width: 105px;
  height: 46px;
  border-radius: 100vw
}

body #offer-section .offer-section .offer-bundles.default .card .card-bottom .qty-selector .label {
  display: none
}

body #offer-section .offer-section .offer-bundles.default .card .card-bottom .qty-selector .ui-element {
  display: flex;
  justify-content: center
}

body #offer-section .offer-section .offer-bundles.default .card .card-bottom .qty-selector .ui-element button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
  width: 40px;
  height: 46px;
  padding: 0;
  position: relative;
  text-align: center;
  font-size: 1rem
}

body #offer-section .offer-section .offer-bundles.default .card .card-bottom .qty-selector .ui-element button[aria-label="+1"]::before {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 13px;
  height: 14px;
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDEzIDE0IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY2NjcgMC42MDE1NjJWNS45MzQ3M0gxMi44VjguMDY4MDZINy40NjY2N1YxMy40MDE2SDUuMzMzMzNWOC4wNjgwNkgwVjUuOTM0NzNINS4zMzMzM1YwLjYwMTU2Mkg3LjQ2NjY3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+);
  display: inline-block
}

body #offer-section .offer-section .offer-bundles.default .card .card-bottom .qty-selector .ui-element button[aria-label="-1"]::before {
  content: "";
  position: absolute;
  background-color: #f2f2f2;
  width: 12px;
  height: 2px;
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIyIiB2aWV3Qm94PSIwIDAgMTIgMiIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTAgMC4zMzA3MzJWMS42NjQwNkgxMlYwLjMzMDczMkgwWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=);
  display: inline-block
}

body #offer-section .offer-section .offer-bundles.default .card .card-bottom .qty-selector .ui-element button[aria-label="-1"]:hover::before {
  background-color: #fff
}

body #offer-section .offer-section .offer-bundles.default .card .card-bottom .qty-selector .ui-element input {
  text-align: center;
  border: 0;
  user-select: none;
  pointer-events: none;
  max-width: 25px;
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
  background: rgba(0, 0, 0, 0);
  color: #fff
}

body #offer-section .offer-section .offer-bundles.default .card .card-bottom .qty-selector+.select-btn {
  display: none
}

body #offer-section .offer-section .offer-bundles.default .card.selected {
  box-shadow: 0 0 0 1px inset var(--theme-primary, #009ade)
}

body #offer-section .offer-section .offer-bundles.default .card.selected .card-bottom .select-btn {
  border: 0 !important
}

body #offer-section .offer-section .offer-bundles.default .card.featured .card-thumbnail {
  display: flex
}

body #offer-section .offer-section .offer-bundles.default .card.featured .card-details:not(:has(.bundle-description)) .bundle-headline {
  margin-top: 6px
}

body #offer-section .offer-section .offer-bundles.default .card .shipping-wrapper {
  order: 4
}

@media screen and (width <=520px) {
  body #offer-section .offer-section .offer-bundles.default button.select-btn {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    position: absolute;
    outline: none;
    font-size: 0;
    padding: 0;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto
  }

  body #offer-section .offer-section .offer-bundles.default button.select-btn::before {
    width: 6px;
    height: 6px
  }

  body #offer-section .offer-section .offer-bundles.default.selected .select-btn {
    width: 16px;
    height: 16px
  }

  body #offer-section .offer-section .offer-bundles.default .bundle-container {
    flex-wrap: wrap;
    gap: 0 17px
  }

  body #offer-section .offer-section .offer-bundles.default .bundle-container .card-thumbnail {
    width: 74px;
    height: 74px;
    flex-shrink: 0
  }

  body #offer-section .offer-section .offer-bundles.default .bundle-container .card-thumbnail img {
    object-fit: contain;
    width: 74px;
    height: 74px
  }

  body #offer-section .offer-section .offer-bundles.default .card {
    padding: 20px 18px;
    margin-bottom: 8px
  }

  body #offer-section .offer-section .offer-bundles.default .card .short-bundle .bundle-headline {
    margin-top: 2px
  }

  body #offer-section .offer-section .offer-bundles.default .card .short-bundle .card-details .bundle-pricing {
    margin-top: 0
  }

  body #offer-section .offer-section .offer-bundles.default .card .short-bundle .card-details .bundle-pricing .pricing-wrapper {
    align-items: baseline
  }

  body #offer-section .offer-section .offer-bundles.default .card .pricing-display_shipping_handling-mobile {
    margin-top: 0;
    color: #929ba9;
    text-align: center;
    font-size: 9px;
    font-style: normal;
    font-weight: 600;
    line-height: 9px;
    text-transform: capitalize;
    display: none !important
  }

  body #offer-section .offer-section .offer-bundles.default .card .pricing-display_shipping_handling,
  body #offer-section .offer-section .offer-bundles.default .card .pricing-display_shipping,
  body #offer-section .offer-section .offer-bundles.default .card .display_shipping {
    font-size: 9px;
    font-style: normal;
    font-weight: 600;
    line-height: 9px
  }

  body #offer-section .offer-section .offer-bundles.default .card .card-details {
    justify-content: space-between;
    margin-top: 0
  }

  body #offer-section .offer-section .offer-bundles.default .card .card-details .pricing-display .save {
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%
  }

  body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-content ul {
    padding-left: 18px
  }

  body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-content ul li {
    color: rgba(48, 48, 48, .75);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.26px
  }

  body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-link-close,
  body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-link-reveal {
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px
  }

  body #offer-section .offer-section .offer-bundles.default .card .card-details .whats-included-link-close {
    margin-top: -10px;
    margin-bottom: 10px
  }

  body #offer-section .offer-section .offer-bundles.default .card .card-details .bundle-headline {
    margin-bottom: 0;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.3px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px
  }

  body #offer-section .offer-section .offer-bundles.default .card .card-details .bundle-description {
    flex-grow: unset;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    width: 100%;
    color: #8b9093;
    font-size: 12px
  }

  body #offer-section .offer-section .offer-bundles.default .card .card-details .bundle-pricing {
    color: #303030;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.28px;
    flex-direction: row;
    display: flex;
    align-items: flex-start
  }

  body #offer-section .offer-section .offer-bundles.default .card .card-details .bundle-pricing .pricing-wrapper {
    align-items: baseline
  }

  body #offer-section .offer-section .offer-bundles.default .card .card-details .bundle-pricing em {
    color: rgba(48, 48, 48, .75);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.2px;
    text-decoration-line: strikethrough;
    margin-left: 6px
  }

  body #offer-section .offer-section .offer-bundles.default .card:not(.has-qty-selector.selected) .card-bottom {
    flex: 1 105px;
    align-items: center;
    margin-top: 15px;
    gap: 20px
  }

  body #offer-section .offer-section .offer-bundles.default .card .card-bottom {
    display: none
  }

  body #offer-section .offer-section .offer-bundles.default .card .card-bottom .select-btn {
    padding: 0 10px;
    height: 34px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    width: auto
  }
}

body #offer-section .offer-section .offer-bundles.columns {
  flex-flow: row wrap
}

body #offer-section .offer-section .offer-bundles.columns .card {
  flex-basis: 18%;
  padding: 25px 20px;
  border-radius: 12px
}

body #offer-section .offer-section .offer-bundles.columns .card.selected {
  box-shadow: 0 0 0 2px var(--theme-primary, #009ade)
}

body #offer-section .offer-section .offer-bundles.columns .card.selected .card-thumbnail {
  background: #fff
}

body #offer-section .offer-section .offer-bundles.columns .card.unavailable {
  opacity: .5;
  pointer-events: none
}

body #offer-section .offer-section .offer-bundles.columns .card .card-thumbnail {
  background: #f7f8fa
}

body #offer-section .offer-section .offer-bundles.columns .card:not(:last-child) {
  margin-inline-end: 10px;
  margin-bottom: 0
}

body #offer-section .offer-section .offer-bundles.columns .card-details .pricing-display {
  display: flex;
  width: 100%;
  justify-content: center
}

body #offer-section .offer-section .offer-bundles.columns .card-details .pricing-display .save {
  color: var(--theme-primary, #009ade);
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  margin-top: 12px
}

@media only screen and (max-width: 585px),
only screen and (min-width: 1023px)and (width <=1155px) {
  body #offer-section .offer-section .offer-bundles.columns .card-details .pricing-display {
    width: auto
  }
}

body #offer-section .offer-section .offer-bundles.columns .card-details .bundle-headline {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 140%;
  min-height: 45px;
  align-items: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
  margin-bottom: 15px
}

body #offer-section .offer-section .offer-bundles.columns .card-details .sweepstakes-block {
  margin-bottom: 15px
}

body #offer-section .offer-section .offer-bundles.columns .card-details .bundle-description {
  display: block
}

body #offer-section .offer-section .offer-bundles.columns .card-details .whats-included-link-reveal {
  color: var(--theme-copy, #202020);
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
  text-decoration: none
}

body #offer-section .offer-section .offer-bundles.columns .card-details .whats-included-expander {
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
  margin-bottom: 15px;
  margin-top: 5px
}

body #offer-section .offer-section .offer-bundles.columns .card-details .whats-included-link-reveal::after {
  position: relative;
  top: 4px;
  content: "";
  width: 17px;
  height: 17px;
  line-height: 17px;
  background: url(77648b10b19225934f81.svg) center center no-repeat;
  border-radius: 50%;
  display: inline-block;
  transform: rotate(360deg);
  left: 5px
}

body #offer-section .offer-section .offer-bundles.columns .card-details .whats-included-link-close::after {
  position: relative;
  top: 4px;
  content: "";
  width: 17px;
  height: 17px;
  line-height: 17px;
  background: url(77648b10b19225934f81.svg) center center no-repeat;
  border-radius: 50%;
  display: inline-block;
  transform: rotate(180deg);
  left: 5px
}

body #offer-section .offer-section .offer-bundles.columns .card-details .whats-included-container .whats-included-content ul {
  color: rgba(32, 32, 32, .6);
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  text-transform: capitalize;
  padding-left: 1.5em;
  margin-top: 1.4em;
  text-align: left;
  margin-bottom: -5px
}

body #offer-section .offer-section .offer-bundles.columns .card-details .whats-included-container .whats-included-title,
body #offer-section .offer-section .offer-bundles.columns .card-details .whats-included-container .whats-included-content :not(ul, .whats-included-content ul *) {
  display: none
}

body #offer-section .offer-section .offer-bundles.columns .card-details .whats-included-container .select-btn::before,
body #offer-section .offer-section .offer-bundles.columns .card-details .whats-included-container .pricing-display_shipping,
body #offer-section .offer-section .offer-bundles.columns .card-details .whats-included-container .select-btn {
  display: none !important
}

body #offer-section .offer-section .offer-bundles.columns .card-details>.whats-included-container .whats-included-content {
  margin-top: 0
}

body #offer-section .offer-section .offer-bundles.columns .card-details>.whats-included-container .whats-included-content ul {
  margin-top: 5px;
  margin-bottom: 20px;
  color: rgba(48, 48, 48, .75);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px
}

body #offer-section .offer-section .offer-bundles.columns .bundle-description {
  display: block;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #8b9093;
  min-height: 45px
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container {
  flex-flow: column;
  align-items: center;
  text-align: center
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container.short-bundle .card-thumbnail {
  margin-bottom: 20px
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container.short-bundle .card-details {
  justify-content: normal
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container.short-bundle .card-details .card-bottom {
  margin-top: 10px
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container.short-bundle .card-details .card-bottom .pricing-display_shipping {
  margin-top: 19px
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container.short-bundle .card-details .card-bottom .pricing-display_shipping_handling {
  margin-top: 19px
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container.short-bundle .card-details .card-bottom .pricing-text {
  gap: 7px
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container.short-bundle .card-details .card-bottom .pricing-text.per-each-pricing {
  gap: 4px
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container.short-bundle .card-details .card-bottom .pricing-text .retail-price {
  color: rgba(0, 0, 0, .7);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.28px;
  display: inline-flex;
  align-items: center
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container.short-bundle .card-details .card-bottom .pricing-text .save {
  margin-top: 8px
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container.short-bundle .card-details .card-bottom .pricing-text .per-each-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container.long-bundle .card-details .bundle-description {
  margin-bottom: 15px
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container .card-thumbnail {
  margin-right: 0;
  margin-bottom: 20px;
  width: 120px;
  height: 120px;
  padding: 10px
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container .card-thumbnail img {
  max-width: 100px;
  display: block;
  width: 100%;
  height: auto;
  max-height: 100px
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container .card-details {
  justify-content: normal
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container .card-details .card-bottom {
  align-items: center;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
  display: flex;
  flex: 1;
  margin-top: 15px
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container .card-details .card-bottom .pricing-text {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 110%;
  margin-bottom: 0;
  text-align: center;
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center
}

@media only screen and (max-width: 585px),
only screen and (min-width: 1023px)and (width <=1155px) {
  body #offer-section .offer-section .offer-bundles.columns .bundle-container .card-details .card-bottom .pricing-text {
    justify-content: flex-start
  }
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container .card-details .card-bottom .pricing-text .retail-price {
  color: #8b9093;
  text-decoration: line-through;
  margin: 0;
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container .card-details .card-bottom .card-bottom-actions {
  width: 100%;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  display: flex
}

body #offer-section .offer-section .offer-bundles.columns .bundle-container .card-details .card-bottom .select-btn {
  display: none;
  margin-top: 30px;
  width: 100%;
  padding: 12px
}

@media only screen and (width >=1155px)and (width <=1300px),
only screen and (width >=586px)and (width <=640px) {
  body #offer-section .offer-section .offer-bundles.columns .card:not(:last-child) {
    margin-right: 5px
  }

  body #offer-section .offer-section .offer-bundles.columns .card {
    padding: 25px 15px
  }

  body #offer-section .offer-section .offer-bundles.columns .card .card-details .whats-included-link-close::after,
  body #offer-section .offer-section .offer-bundles.columns .card .card-details .whats-included-link-reveal::after {
    width: 10px
  }
}

@media only screen and (max-width: 585px),
only screen and (min-width: 1023px)and (width <=1155px) {

  body #offer-section .offer-section .offer-bundles.columns .pricing-display_shipping_handling-mobile,
  body #offer-section .offer-section .offer-bundles.columns .pricing-display_shipping-mobile {
    display: none !important
  }

  body #offer-section .offer-section .offer-bundles.columns .card {
    flex-basis: 100%;
    padding: 18px 15px;
    border-radius: 6px
  }

  body #offer-section .offer-section .offer-bundles.columns .card.selected .select-btn {
    background: var(--theme-primary, #009ade) !important;
    border: none;
    width: 16px;
    height: 16px
  }

  body #offer-section .offer-section .offer-bundles.columns .card:not(:first-child) {
    margin-top: 8px;
    margin-right: 1px
  }

  body #offer-section .offer-section .offer-bundles.columns .card:not(:last-child) {
    margin-right: 1px
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container {
    flex-flow: row nowrap;
    width: 100%;
    text-align: left;
    align-items: stretch;
    justify-content: space-between
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-thumbnail {
    width: 74px;
    height: 74px;
    padding: 0;
    margin-right: 20px;
    margin-bottom: 0
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-thumbnail img {
    object-fit: contain;
    width: 74px;
    height: 74px
  }
}

@media only screen and (max-width: 585px)and (width <=360px),
only screen and (min-width: 1023px)and (width <=1155px)and (width <=360px) {
  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-thumbnail {
    width: 50px;
    height: 50px;
    margin-right: 12px
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-thumbnail img {
    object-fit: contain;
    width: 50px;
    height: 50px
  }
}

@media only screen and (max-width: 585px),
only screen and (min-width: 1023px)and (width <=1155px) {
  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details {
    justify-content: space-between;
    align-self: stretch
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .bundle-headline {
    font-size: 15px !important;
    line-height: 20px;
    min-height: auto;
    align-items: flex-start;
    margin-top: -3px;
    display: flex;
    margin-bottom: 0;
    flex-flow: row nowrap;
    justify-content: space-between;
    flex: 1;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.3px;
    gap: 3px
  }
}

@media only screen and (max-width: 585px)and (width <=360px),
only screen and (min-width: 1023px)and (width <=1155px)and (width <=360px) {
  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .bundle-headline+.card-bottom {
    margin-top: 10px
  }
}

@media only screen and (max-width: 585px),
only screen and (min-width: 1023px)and (width <=1155px) {

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .bundle-headline .pricing-display_shipping-mobile,
  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .bundle-headline .pricing-display_shipping_handling-mobile {
    display: block;
    margin: 3px 0 0 5px;
    font-size: 10px;
    padding: 5px 6px;
    height: 7px
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .sweepstakes-block {
    margin-bottom: 5px;
    margin-top: 5px
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .whats-included-link-reveal {
    margin-top: -5px;
    color: #202020;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .whats-included-expander {
    margin-bottom: .5em;
    color: #202020;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    margin-top: 5px
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .whats-included-expander .whats-included-content ul {
    margin-bottom: 0;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.26px
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .whats-included-content ul {
    margin-bottom: .5em;
    margin-top: 10px
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .bundle-description {
    font-size: 12px;
    line-height: 15px;
    margin-top: 5px;
    margin-bottom: 10px;
    max-width: 175px;
    width: 100%;
    min-height: auto
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .card-bottom {
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
    width: 100%;
    margin-top: 0;
    flex: 1
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .card-bottom .pricing-text {
    flex-flow: row nowrap;
    margin-bottom: -5px;
    width: 100%;
    align-items: baseline;
    gap: 7px
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .card-bottom .pricing-text .pricing-display {
    justify-content: flex-start
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .card-bottom .pricing-text .pricing-display .save {
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 9px
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .card-bottom .pricing-text .retail-price {
    font-size: 10px;
    text-align: left !important;
    margin-left: 0 !important;
    color: rgba(48, 48, 48, .75);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.2px
  }

  @supports(-webkit-appearance: none) and (not (translate: none)) {

    body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .card-bottom .pricing-text .retail-price,
    body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .card-bottom .pricing-text .pricing-display {
      margin-left: 7px !important
    }
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .card-bottom .card-bottom-actions {
    width: auto
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .card-bottom .pricing-display_shipping,
  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .card-bottom .pricing-display_shipping_handling {
    font-size: 9px;
    font-style: normal;
    font-weight: 600;
    line-height: 9px;
    height: 9px;
    padding: 4px 6px
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .card-bottom .qty-selector {
    width: auto
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .card-bottom .select-btn {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    position: absolute;
    outline: none;
    font-size: 0;
    padding: 0;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block !important
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .card-bottom .select-btn::before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details>.whats-included-container .whats-included-content {
    margin-top: 0
  }

  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details>.whats-included-container .whats-included-content ul {
    margin-top: 3px
  }
}

@media only screen and (max-width: 585px) {
  body #offer-section .offer-section .offer-bundles.columns .card .bundle-container .card-details .card-bottom .pricing-text {
    font-size: 14px !important
  }
}

body #offer-section .offer-section .offer-bundles .qty-selector {
  margin-top: 25px;
  display: flex;
  background: var(--theme-primary, #009ade);
  justify-content: center;
  height: 46px;
  width: 100%;
  max-width: 130px;
  border-radius: 100vw
}

body #offer-section .offer-section .offer-bundles .qty-selector .label {
  display: none
}

body #offer-section .offer-section .offer-bundles .qty-selector .ui-element {
  display: flex;
  justify-content: space-between;
  flex: 1
}

body #offer-section .offer-section .offer-bundles .qty-selector .ui-element button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
  width: 40px;
  height: 46px;
  padding: 0;
  position: relative;
  text-align: center;
  font-size: 1rem
}

body #offer-section .offer-section .offer-bundles .qty-selector .ui-element button[aria-label="+1"]::before {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 13px;
  height: 14px;
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDEzIDE0IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY2NjcgMC42MDE1NjJWNS45MzQ3M0gxMi44VjguMDY4MDZINy40NjY2N1YxMy40MDE2SDUuMzMzMzNWOC4wNjgwNkgwVjUuOTM0NzNINS4zMzMzM1YwLjYwMTU2Mkg3LjQ2NjY3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+);
  display: inline-block
}

body #offer-section .offer-section .offer-bundles .qty-selector .ui-element button[aria-label="-1"]::before {
  content: "";
  position: absolute;
  background-color: #f2f2f2;
  width: 12px;
  height: 2px;
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIyIiB2aWV3Qm94PSIwIDAgMTIgMiIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTAgMC4zMzA3MzJWMS42NjQwNkgxMlYwLjMzMDczMkgwWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=);
  display: inline-block
}

body #offer-section .offer-section .offer-bundles .qty-selector .ui-element button[aria-label="-1"]:hover::before {
  background-color: #fff
}

body #offer-section .offer-section .offer-bundles .qty-selector .ui-element input {
  text-align: center;
  border: 0;
  user-select: none;
  pointer-events: none;
  max-width: 25px;
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
  background: rgba(0, 0, 0, 0);
  color: #fff
}

body #offer-section .offer-section .offer-bundles .qty-selector+.select-btn {
  display: none
}

body #offer-section .pricing-display_shipping-mobile,
body #offer-section .pricing-display_shipping_handling-mobile {
  display: none
}

body #offer-section .pricing-display_shipping-mobile,
body #offer-section .pricing-display_shipping,
body #offer-section .pricing-display_shipping_handling-mobile,
body #offer-section .pricing-display_shipping_handling {
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 9px;
  margin-top: 15px;
  padding: 7px 9px;
  border-radius: 3px;
  white-space: nowrap
}

body #offer-section .pricing-display_shipping_handling-mobile,
body #offer-section .pricing-display_shipping_handling {
  color: #929ba9
}

body #offer-section .pricing-display_shipping {
  color: var(--theme-primary, #009ade);
  background: rgb(var(--theme-primary-rgb, 0, 140, 209), 0.1);
  border: 1px solid var(--theme-primary, #009ade)
}

body #offer-section .pricing-display_shipping_handling {
  background-color: rgba(146, 155, 169, .1)
}

body #offer-section .bundle-options {
  margin-bottom: 35px
}

body #offer-section .bundle-options.size .bundle-options-items .bundle-options-item {
  flex-basis: 31.5%
}

@media only screen and (max-width: 585px) {
  body #offer-section .bundle-options.size .bundle-options-items .bundle-options-item {
    flex-basis: 18%
  }
}

body #offer-section .bundle-options.color,
body #offer-section .bundle-options.pack {
  margin-bottom: 20px
}

body #offer-section .bundle-options:empty {
  padding-top: 115px
}

body #offer-section .bundle-options:empty.color,
body #offer-section .bundle-options:empty.pack {
  padding-top: 136px
}

body #offer-section .bundle-options .bundle-options-header {
  color: var(--theme-copy, #252729);
  font-size: 14px;
  font-weight: 400;
  line-height: 10px;
  margin-bottom: 10px;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  display: flex
}

body #offer-section .bundle-options .bundle-options-items {
  display: flex;
  flex-flow: row wrap
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #f2f2f2;
  padding: 17px;
  cursor: pointer;
  box-sizing: border-box
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item.disabled {
  opacity: .3
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item.selected {
  border-width: 2px;
  border-color: var(--theme-primary, #009ade);
  background: rgb(var(--theme-primary-rgb, 0, 140, 209), 0.1)
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item.selected .bundle-options-item-image {
  background-color: #fff
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item:not(.selected) {
  margin: 1px
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item:not(:first-child) {
  margin-top: 8px;
  margin-left: 8px
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item:first-child {
  margin-top: 8px
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item.color,
body #offer-section .bundle-options .bundle-options-items .bundle-options-item.pack {
  padding: 15px 6px;
  flex-flow: column nowrap;
  align-items: center;
  flex: 1 0 calc(25% - 11px);
  justify-content: center
}

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

  body #offer-section .bundle-options .bundle-options-items .bundle-options-item.color,
  body #offer-section .bundle-options .bundle-options-items .bundle-options-item.pack {
    flex-basis: calc(25% - 9px)
  }
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item.color .bundle-options-item-image,
body #offer-section .bundle-options .bundle-options-items .bundle-options-item.pack .bundle-options-item-image {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  margin-bottom: 12px;
  margin-right: 0
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item.color .bundle-options-item-content .bundle-options-label,
body #offer-section .bundle-options .bundle-options-items .bundle-options-item.color .bundle-options-item-content .bundle-options-label-mobile,
body #offer-section .bundle-options .bundle-options-items .bundle-options-item.pack .bundle-options-item-content .bundle-options-label,
body #offer-section .bundle-options .bundle-options-items .bundle-options-item.pack .bundle-options-item-content .bundle-options-label-mobile {
  font-size: 14px;
  font-weight: 400;
  text-align: center
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item.pack {
  padding: 15px
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item.pack .bundle-options-item-image {
  width: auto;
  max-width: 48px;
  height: 40px;
  min-width: 40px;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0)
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item.pack .bundle-options-item-image.color {
  border-radius: 48px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 585px) {
  body #offer-section .bundle-options .bundle-options-items .bundle-options-item.pack .bundle-options-item-image.color {
    min-width: 30px
  }
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item.size {
  padding: 17px 8px
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item.size .bundle-options-item-content {
  text-align: center
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item.just-label {
  justify-content: center;
  flex: 1 0 calc(25% - 11px)
}

@media only screen and (max-width: 585px) {
  body #offer-section .bundle-options .bundle-options-items .bundle-options-item.just-label {
    flex-basis: calc(25% - 9px)
  }
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item.gradient .bundle-options-item-image {
  border-radius: 48px
}

@media only screen and (width <=1156px) {

  body #offer-section .bundle-options .bundle-options-items .bundle-options-item.color,
  body #offer-section .bundle-options .bundle-options-items .bundle-options-item.pack {
    padding: 14px 6px
  }
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item .bundle-options-item-image {
  width: 45px;
  height: 45px;
  border-radius: 6px;
  background-color: #f2f2f2;
  margin-right: 16px
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item .bundle-options-item-image img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item .bundle-options-item-content .bundle-options-label,
body #offer-section .bundle-options .bundle-options-items .bundle-options-item .bundle-options-item-content .bundle-options-label-mobile {
  text-transform: capitalize;
  display: block;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  text-align: center
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item .bundle-options-item-content .bundle-options-per-item-price {
  color: rgba(48, 48, 48, .75);
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.28px;
  margin-top: 4px;
  text-align: center;
  display: inline-block
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item .bundle-options-item-content .bundle-options-label-mobile {
  display: none
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item .bundle-options-item-content .bundle-options-value {
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-item .bundle-options-item-content .bundle-options-desc {
  color: #202020;
  opacity: .75;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
  white-space: nowrap
}

body #offer-section .bundle-options .bundle-options-items.manyOptions.hasMixMatch .bundle-options-item.mix-match {
  width: 100%;
  min-width: 100%;
  margin-left: 0;
  margin-right: 0;
  flex-flow: row nowrap
}

body #offer-section .bundle-options .bundle-options-items.manyOptions.hasMixMatch .bundle-options-item.mix-match .bundle-options-item-image {
  margin: 0 12px 0 0
}

body #offer-section .bundle-options .bundle-options-items.manyOptions.hasMixMatch .bundle-options-item.mix-match .bundle-options-label {
  display: none
}

body #offer-section .bundle-options .bundle-options-items.manyOptions.hasMixMatch .bundle-options-item.mix-match .bundle-options-label-mobile {
  display: block
}

@media only screen and (max-width: 585px) {
  body #offer-section .bundle-options .bundle-options-items[data-option-count="3"].hasMixMatch .bundle-options-item.mix-match {
    width: 100%;
    min-width: 100%;
    margin-left: 0;
    margin-right: 0;
    flex-flow: row nowrap
  }

  body #offer-section .bundle-options .bundle-options-items[data-option-count="3"].hasMixMatch .bundle-options-item.mix-match .bundle-options-item-image {
    margin: 0 12px 0 0
  }

  body #offer-section .bundle-options .bundle-options-items[data-option-count="3"].hasMixMatch .bundle-options-item.mix-match .bundle-options-label {
    display: none
  }

  body #offer-section .bundle-options .bundle-options-items[data-option-count="3"].hasMixMatch .bundle-options-item.mix-match .bundle-options-label-mobile {
    display: block
  }
}

@media only screen and (min-width: 586px) {

  body #offer-section .bundle-options .bundle-options-items[data-option-count="4"]:not(.hasMixMatch) .bundle-options-item.color,
  body #offer-section .bundle-options .bundle-options-items[data-option-count="4"]:not(.hasMixMatch) .bundle-options-item.pack {
    flex: 1 0 calc(25% - 11px)
  }
}

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

  body #offer-section .bundle-options .bundle-options-items[data-option-count="4"]:not(.hasMixMatch) .bundle-options-item.color,
  body #offer-section .bundle-options .bundle-options-items[data-option-count="4"]:not(.hasMixMatch) .bundle-options-item.pack {
    flex-basis: calc(25% - 9px)
  }
}

@media only screen and (min-width: 586px) {

  body #offer-section .bundle-options .bundle-options-items[data-option-count="4"].hasMixMatch .bundle-options-item.color,
  body #offer-section .bundle-options .bundle-options-items[data-option-count="4"].hasMixMatch .bundle-options-item.pack {
    flex: 1 0 calc(20% - 11px)
  }
}

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

  body #offer-section .bundle-options .bundle-options-items[data-option-count="4"].hasMixMatch .bundle-options-item.color,
  body #offer-section .bundle-options .bundle-options-items[data-option-count="4"].hasMixMatch .bundle-options-item.pack {
    flex-basis: calc(25% - 9px)
  }

  body #offer-section .bundle-options .bundle-options-items[data-option-count="4"].hasMixMatch .bundle-options-item.mix-match {
    width: 100%;
    min-width: 100%;
    margin-left: 0;
    margin-right: 0;
    flex-flow: row nowrap
  }

  body #offer-section .bundle-options .bundle-options-items[data-option-count="4"].hasMixMatch .bundle-options-item.mix-match .bundle-options-item-image {
    margin: 0 12px 0 0
  }

  body #offer-section .bundle-options .bundle-options-items[data-option-count="4"].hasMixMatch .bundle-options-item.mix-match .bundle-options-label {
    display: none
  }

  body #offer-section .bundle-options .bundle-options-items[data-option-count="4"].hasMixMatch .bundle-options-item.mix-match .bundle-options-label-mobile {
    display: block
  }
}

@media only screen and (min-width: 586px) {

  body #offer-section .bundle-options .bundle-options-items[data-option-count="5"]:not(.hasMixMatch) .bundle-options-item.color,
  body #offer-section .bundle-options .bundle-options-items[data-option-count="5"]:not(.hasMixMatch) .bundle-options-item.pack {
    flex: 1 0 calc(20% - 11px)
  }
}

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

  body #offer-section .bundle-options .bundle-options-items[data-option-count="5"]:not(.hasMixMatch) .bundle-options-item.color,
  body #offer-section .bundle-options .bundle-options-items[data-option-count="5"]:not(.hasMixMatch) .bundle-options-item.pack {
    flex: 1 0 calc(33% - 9px)
  }

  body #offer-section .bundle-options .bundle-options-items[data-option-count="5"]:not(.hasMixMatch) .bundle-options-item:nth-child(4) {
    margin-left: 0
  }
}

@media only screen and (min-width: 586px) {

  body #offer-section .bundle-options .bundle-options-items[data-option-count="5"].hasMixMatch .bundle-options-item.color,
  body #offer-section .bundle-options .bundle-options-items[data-option-count="5"].hasMixMatch .bundle-options-item.pack {
    flex: 1 0 calc(20% - 11px)
  }
}

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

  body #offer-section .bundle-options .bundle-options-items[data-option-count="5"].hasMixMatch .bundle-options-item.color,
  body #offer-section .bundle-options .bundle-options-items[data-option-count="5"].hasMixMatch .bundle-options-item.pack {
    flex: 1 0 calc(33% - 9px)
  }

  body #offer-section .bundle-options .bundle-options-items[data-option-count="5"].hasMixMatch .bundle-options-item:nth-child(4) {
    margin-left: 0
  }

  body #offer-section .bundle-options .bundle-options-items[data-option-count="5"].hasMixMatch .bundle-options-item.mix-match {
    width: auto;
    min-width: 0;
    margin-left: 6px;
    margin-right: 0;
    flex-flow: column nowrap
  }

  body #offer-section .bundle-options .bundle-options-items[data-option-count="5"].hasMixMatch .bundle-options-item.mix-match .bundle-options-item-image {
    margin: 0 0 12px
  }

  body #offer-section .bundle-options .bundle-options-items[data-option-count="5"].hasMixMatch .bundle-options-item.mix-match .bundle-options-label {
    display: block
  }

  body #offer-section .bundle-options .bundle-options-items[data-option-count="5"].hasMixMatch .bundle-options-item.mix-match .bundle-options-label-mobile {
    display: none
  }
}

@media only screen and (min-width: 586px) {

  body #offer-section .bundle-options .bundle-options-items[data-option-count="6"] .bundle-options-item.color,
  body #offer-section .bundle-options .bundle-options-items[data-option-count="6"] .bundle-options-item.pack {
    flex: 1 0 calc(33% - 11px)
  }

  body #offer-section .bundle-options .bundle-options-items[data-option-count="6"] .bundle-options-item:nth-child(4) {
    margin-left: 0
  }
}

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

  body #offer-section .bundle-options .bundle-options-items[data-option-count="6"] .bundle-options-item.color,
  body #offer-section .bundle-options .bundle-options-items[data-option-count="6"] .bundle-options-item.pack {
    flex: 1 0 calc(33% - 9px)
  }

  body #offer-section .bundle-options .bundle-options-items[data-option-count="6"] .bundle-options-item:nth-child(4) {
    margin-left: 0
  }
}

@media only screen and (min-width: 586px) {

  body #offer-section .bundle-options .bundle-options-items.requiresTwoRows .bundle-options-item.color,
  body #offer-section .bundle-options .bundle-options-items.requiresTwoRows .bundle-options-item.pack {
    flex: 1 0 calc(25% - 11px)
  }

  body #offer-section .bundle-options .bundle-options-items.requiresTwoRows .bundle-options-item:nth-child(5) {
    margin-left: 0
  }
}

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

  body #offer-section .bundle-options .bundle-options-items.requiresTwoRows .bundle-options-item.color,
  body #offer-section .bundle-options .bundle-options-items.requiresTwoRows .bundle-options-item.pack {
    flex: 1 0 calc(25% - 9px)
  }

  body #offer-section .bundle-options .bundle-options-items.requiresTwoRows .bundle-options-item:nth-child(5) {
    margin-left: 0
  }
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match {
  width: 100%;
  margin-top: 25px;
  order: 2
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items {
  display: flex;
  flex-flow: column nowrap
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .quantity-selector {
  border-radius: 9999px;
  border: 1px solid #f2f2f2;
  display: flex;
  max-width: 170px;
  padding: 0;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  transition: background-color 1.5s ease-out, border-color 1.5s ease-out
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .quantity-selector.unfilled {
  border: 1px solid red !important;
  background: rgba(255, 0, 0, .3) !important
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .quantity-selector .value {
  min-width: 22px;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #000
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .quantity-selector .subtract,
body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .quantity-selector .add {
  width: 40px;
  line-height: 46px;
  display: flex;
  height: 46px;
  justify-content: center;
  align-items: center;
  cursor: pointer
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .quantity-selector .subtract svg,
body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .quantity-selector .add svg {
  fill: #000
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .quantity-selector .subtract.disabled,
body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .quantity-selector .add.disabled {
  cursor: auto
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .quantity-selector .subtract.disabled svg,
body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .quantity-selector .add.disabled svg {
  fill: #f2f2f2
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .bundle-options-mix-match-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  border-radius: 10px;
  border: 1px solid #f2f2f2;
  padding: 15px 20px;
  align-items: center
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .bundle-options-mix-match-item:not(:last-child) {
  margin-bottom: 10px
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .bundle-options-mix-match-item .bundle-options-item-image {
  width: 45px;
  height: 45px;
  border-radius: 6px;
  background-color: #f2f2f2;
  margin-right: 20px
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .bundle-options-mix-match-item .bundle-options-item-image img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain
}

@media only screen and (width <=375px) {
  body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .bundle-options-mix-match-item .bundle-options-item-image {
    margin-right: 10px
  }
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .bundle-options-mix-match-item.color .bundle-options-item-image {
  width: 30px;
  height: 30px;
  border-radius: 30px
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .bundle-options-mix-match-item.pack .bundle-options-item-image {
  width: 30px;
  height: 30px;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0)
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .bundle-options-mix-match-item.pack .bundle-options-item-image.color {
  border-radius: 30px
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .bundle-options-mix-match-item .bundle-options-item-content {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  flex: 1;
  align-items: center
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .bundle-options-mix-match-item .bundle-options-item-content .bundle-options-label {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  white-space: nowrap;
  display: flex;
  flex-flow: row wrap;
  align-items: center
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .bundle-options-mix-match-item .bundle-options-item-content .bundle-options-label .bundle-options-label-header {
  min-width: 54px
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .bundle-options-mix-match-item .bundle-options-item-content .bundle-options-label .bundle-options-value {
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .bundle-options-mix-match-item .bundle-options-item-content .bundle-options-label .bundle-options-desc {
  margin-left: 30px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  white-space: nowrap
}

body #offer-section .bundle-options .bundle-options-items .bundle-options-mix-match .bundle-options-mix-match-items .bundle-options-mix-match-item .bundle-options-item-content .bundle-options-per-item-price {
  color: rgba(48, 48, 48, .75);
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.2px;
  margin-top: 4px;
  text-align: center;
  display: inline-block
}

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

  body #offer-section .bundle-options.upsell-popup .bundle-options-items .bundle-options-item.pack,
  body #offer-section .bundle-options.upsell-popup .bundle-options-items .bundle-options-item.color {
    padding: 16px 6px
  }

  body #offer-section .bundle-options .bundle-options-header {
    margin-bottom: 12px
  }

  body #offer-section .bundle-options .bundle-options-items .bundle-options-item {
    flex-grow: 1;
    padding: 15px
  }

  body #offer-section .bundle-options .bundle-options-items .bundle-options-item:not(.selected) {
    margin: 1px
  }

  body #offer-section .bundle-options .bundle-options-items .bundle-options-item:not(:first-child) {
    margin-top: 6px;
    margin-left: 6px
  }

  body #offer-section .bundle-options .bundle-options-items .bundle-options-item:first-child {
    margin-top: 6px
  }

  body #offer-section .bundle-options .bundle-options-items .bundle-options-item .bundle-options-item-image {
    width: 40px;
    height: 40px;
    margin-right: 15px
  }

  body #offer-section .bundle-options .bundle-options-items .bundle-options-item.color .bundle-options-item-image {
    width: 25px;
    height: 25px
  }

  body #offer-section .bundle-options .bundle-options-items .bundle-options-item.pack .bundle-options-item-image {
    min-width: 30px;
    width: 30px;
    height: 30px
  }

  body #offer-section .bundle-options .bundle-options-items .bundle-options-item .bundle-options-item-content .bundle-options-label {
    font-size: 14px
  }

  body #offer-section .bundle-options .bundle-options-items .bundle-options-item .bundle-options-item-content .bundle-options-value {
    font-size: 12px
  }

  body #offer-section .bundle-options .bundle-options-items .bundle-options-item .bundle-options-item-content .bundle-options-per-item-price {
    font-size: 10px
  }
}

@media only screen and (width <=424px) {
  body #offer-section .bundle-options .bundle-options-items .bundle-options-item.size {
    padding: 8px 20px;
    flex-flow: row nowrap;
    flex-basis: 100%;
    margin-left: 1px
  }

  body #offer-section .bundle-options .bundle-options-items .bundle-options-item.size .bundle-options-item-content {
    flex-basis: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
  }

  body #offer-section .bundle-options .bundle-options-items .bundle-options-item.size .bundle-options-item-content .bundle-options-desc {
    text-align: right
  }
}

body #offer-section .modal-body .bundle-options {
  margin-bottom: 0;
  margin-top: 30px
}

@media screen and (max-width: 1023px) {
  body #offer-section .modal-body .bundle-options {
    padding: 0 25px
  }
}

body section.guarantees-section+#offer-section {
  margin-top: 35px
}

body section.content-block--comparisonTable {
  max-width: 1200px;
  margin: 30px 0
}

body section.content-block--comparisonTable .block-header {
  padding: 0 20px;
  text-align: center;
  margin-bottom: 10px
}

body section.content-block--comparisonTable .block-header .heading {
  margin-bottom: 5px
}

body section.content-block--comparisonTable .block-header .subhead {
  margin-bottom: 0
}

body section.content-block--comparisonTable .block-body.comparison-table {
  display: table;
  width: 100%;
  max-width: 940px;
  border-collapse: collapse;
  margin: 0 auto 10px
}

body section.content-block--comparisonTable .block-body.comparison-table .table-row {
  display: table-row
}

body section.content-block--comparisonTable .block-body.comparison-table .table-row>div {
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  height: 75px;
  display: flex;
  padding: 0 3px
}

body section.content-block--comparisonTable .block-body.comparison-table .heading::before {
  display: table-cell;
  content: "";
  width: 44%
}

body section.content-block--comparisonTable .block-body.comparison-table .heading::after {
  display: table-cell;
  content: "";
  width: 5%
}

body section.content-block--comparisonTable .block-body.comparison-table .heading .heading-column {
  width: 26.5%;
  display: flex;
  align-items: flex-end
}

body section.content-block--comparisonTable .block-body.comparison-table .heading .heading-column+.heading-column {
  color: #999
}

body section.content-block--comparisonTable .block-body.comparison-table .features::after {
  display: table-cell;
  content: "";
  width: 5%
}

body section.content-block--comparisonTable .block-body.comparison-table .features .feature-label {
  padding-left: 5%;
  text-align: left
}

body section.content-block--comparisonTable .block-body.comparison-table .features svg {
  width: 22px;
  height: 22px
}

body section.content-block--comparisonTable .block-body.comparison-table .features svg.checkmark {
  fill: var(--theme-primary, #009ade);
  background: #fff;
  border-radius: 50%
}

body section.content-block--comparisonTable .block-body.comparison-table .features svg.xmark {
  fill: #ee4432
}

body section.content-block--comparisonTable .block-body.comparison-table .features svg.greyX {
  fill: #999
}

body section.content-block--comparisonTable .block-body.comparison-table .features svg.bullet {
  fill: #999
}

body section.content-block--comparisonTable .block-body.comparison-table .features:nth-child(even) {
  background-color: #fff
}

@media only screen and (width <=767px) {
  body section.content-block--comparisonTable .block-header .heading {
    font-size: 1.6875rem
  }

  body section.content-block--comparisonTable .block-header .subhead {
    font-size: 1rem
  }

  body section.content-block--comparisonTable .block-body.comparison-table .table-row>div {
    font-size: .9063rem;
    min-height: 55px
  }

  body section.content-block--comparisonTable .block-body.comparison-table .features svg {
    width: 20px;
    height: 20px
  }
}

@media only screen and (width <=390px) {
  body section.content-block--comparisonTable .block-body.comparison-table .table-row>div {
    font-size: .8125rem;
    min-height: 50px
  }
}

body section.content-block--comparisonTable .block-body.comparison-table {
  display: block
}

body section.content-block--comparisonTable .block-body.comparison-table .features::after,
body section.content-block--comparisonTable .block-body.comparison-table .heading::after,
body section.content-block--comparisonTable .block-body.comparison-table .heading::before {
  display: none !important
}

body section.content-block--comparisonTable .cell-content {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 12px
}

body section.content-block--comparisonTable .heading-column .heading-column-wrapper {
  display: flex;
  flex-direction: column;
  width: fit-content
}

body section.content-block--comparisonTable.left .heading-column .heading-column-wrapper {
  align-items: flex-start
}

body section.content-block--comparisonTable .block-body.comparison-table .cell-content {
  width: 100%;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 19px
}

body section.content-block--comparisonTable .block-body.comparison-table .heading-column.feature-title {
  text-align: left;
  padding-left: 0
}

body section.content-block--comparisonTable .block-body.comparison-table .heading-column.feature-title span {
  padding-left: 5%
}

body section.content-block--comparisonTable .block-body.comparison-table .heading,
body section.content-block--comparisonTable .block-body.comparison-table .features {
  display: flex
}

body section.content-block--comparisonTable .block-body.comparison-table .heading .heading-column {
  flex: 1
}

body section.content-block--comparisonTable .block-body.comparison-table .features .feature-label {
  padding-top: 20px;
  padding-bottom: 19px;
  padding-left: 0;
  display: flex;
  align-items: center;
  flex: 1
}

body section.content-block--comparisonTable .block-body.comparison-table .features .feature-label .feature-label-wrapper {
  padding-left: 5%
}

body section.content-block--comparisonTable .block-body.comparison-table .features .feature-indicator {
  flex: 1
}

body section.content-block--comparisonTable.center .block-body.comparison-table .heading .heading-column+.heading-column,
body section.content-block--comparisonTable.center .block-body.comparison-table .cell-content {
  justify-content: center;
  display: flex
}

body section.content-block--comparisonTable .block-body.comparison-table .features svg.greyX,
body section.content-block--comparisonTable .block-body.comparison-table .features svg.checkmark {
  display: flex;
  flex-basis: 18px
}

body section.content-block--comparisonTable .block-body.comparison-table .features svg {
  width: 18px
}

body section.content-block--comparisonTable .block-body.comparison-table .features svg.bullet {
  fill: var(--theme-primary, #009ade)
}

body section.content-block--comparisonTable.featured-item1 .item1 .heading-column-wrapper,
body section.content-block--comparisonTable.featured-item1 .item1 .feature-title,
body section.content-block--comparisonTable.featured-item2 .item2 .heading-column-wrapper,
body section.content-block--comparisonTable.featured-item2 .item2 .feature-title,
body section.content-block--comparisonTable.featured-item3 .item3 .heading-column-wrapper,
body section.content-block--comparisonTable.featured-item3 .item3 .feature-title {
  color: var(--theme-primary, #009ade);
  font-weight: 600
}

body section.content-block--comparisonTable .block-body.comparison-table .heading-column.feature-title {
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: -0.28px;
  gap: 18px;
  margin-left: 0 !important;
  padding-left: 0 !important
}

body section.content-block--comparisonTable .block-header {
  padding: 0;
  text-align: left
}

body section.content-block--comparisonTable .block-header h2,
body section.content-block--comparisonTable .block-header .subhead {
  color: #1c1c1c
}

body section.content-block--comparisonTable .block-header h2 {
  color: #1c1c1c;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-align: left
}

body section.content-block--comparisonTable .block-header .subhead {
  margin-top: 10px;
  color: #1c1c1c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: left
}

body section.content-block--comparisonTable .block-body.comparison-table .table-row>div:not(.heading-column) {
  height: auto;
  border-bottom: 1px solid rgba(28, 28, 28, .2)
}

body section.content-block--comparisonTable .heading-column-wrapper {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: -0.28px;
  color: #1c1c1c;
  gap: 16.5px;
  margin-bottom: 16.5px
}

body section.content-block--comparisonTable.featured-item2 .heading.color-heading .item2,
body section.content-block--comparisonTable.featured-item3 .heading.color-heading .item3,
body section.content-block--comparisonTable.featured-item1 .heading.color-heading .item1 {
  background: var(--theme-primary, #009ade) !important
}

body section.content-block--comparisonTable.featured-item2 .heading.color-heading .item2 .heading-column-wrapper,
body section.content-block--comparisonTable.featured-item3 .heading.color-heading .item3 .heading-column-wrapper,
body section.content-block--comparisonTable.featured-item1 .heading.color-heading .item1 .heading-column-wrapper {
  color: #fff !important
}

body section.content-block--comparisonTable .block-body.comparison-table .heading.color-heading .heading-column {
  border-radius: 8px;
  margin: 4px;
  background: #eff1f4;
  justify-content: center;
  align-items: center;
  display: flex
}

body section.content-block--comparisonTable .block-body.comparison-table .heading.color-heading .heading-column .heading-column-wrapper {
  margin-bottom: 0;
  gap: 10px;
  color: #929ba9
}

body section.content-block--comparisonTable .block-body.comparison-table .heading.color-heading .heading-column .heading-column-wrapper img {
  width: 90%;
  margin-left: auto;
  margin-right: auto
}

body section.content-block--comparisonTable .block-body.comparison-table .heading.color-heading .heading-column.feature-title {
  background: none;
  justify-content: flex-start;
  align-items: center;
  border: 0
}

body section.content-block--comparisonTable .heading-column-wrapper img {
  max-height: 30px
}

body section.content-block--comparisonTable.left .feature-indicator {
  justify-content: flex-start !important
}

body section.content-block--comparisonTable.left .heading-column-wrapper {
  align-items: flex-start
}

body section.content-block--comparisonTable.center .cell-content {
  align-items: center;
  justify-content: center;
  text-align: center
}

body section.content-block--comparisonTable.right .feature-indicator {
  justify-content: flex-end !important
}

body section.content-block--comparisonTable.right .heading-column-wrapper {
  align-items: flex-end
}

body section.content-block--comparisonTable.right .cell-content {
  text-align: right
}

body section.content-block--comparisonTable .cell-content {
  flex-direction: row;
  align-items: center
}

body section.content-block--comparisonTable .feature-title {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.36px
}

@media(width <=768px) {
  body .block-body .table-row .feature-label~.feature-indicator svg+.feature-title {
    display: none !important;
    font-size: 14px
  }

  body section.content-block--comparisonTable .block-body.comparison-table .heading.color-heading .heading-column {
    height: auto
  }

  body section.content-block--comparisonTable .block-body.comparison-table .features svg {
    flex-shrink: 0
  }

  body .block-body .table-row .feature-title~.heading-column .heading-column-wrapper {
    align-items: center
  }

  body .block-body .table-row .feature-label~.feature-indicator .cell-content {
    justify-content: center
  }

  body section.content-block--comparisonTable .feature-title {
    font-size: 14px;
    line-height: 16px
  }

  body section.content-block--comparisonTable .heading-column-wrapper img {
    max-width: 80%;
    height: 20px
  }
}

body section.guarantees-section {
  margin-top: 35px !important
}

body section.guarantees-section .section-content {
  border-radius: 10px;
  background: var(--larry-bg-img, #f7f8fa)
}

body section.guarantees-section .section-footer {
  margin-top: 34px
}

body section.guarantees-section .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px 20px;
  padding: 25px 20px;
  justify-items: center
}

body section.guarantees-section .grid.length-1 {
  grid-template-columns: 1fr
}

body section.guarantees-section .grid.length-2 {
  grid-template-columns: 1fr 1fr
}

body section.guarantees-section .grid.length-3 {
  grid-template-columns: 1fr 1fr 1fr
}

body section.guarantees-section .grid .image-container .image {
  margin: 0 auto 20px;
  text-align: center
}

body section.guarantees-section .grid .image-container .image img {
  height: 100%;
  width: auto;
  margin: 0 auto;
  max-height: 36px
}

body section.guarantees-section .grid .image-container .caption .caption-heading {
  color: var(--theme-copy, #202020);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%
}

@media only screen and (min-width: 768px) {
  body section.guarantees-section .grid {
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 55px
  }

  body section.guarantees-section .grid .image-container .caption .caption-heading {
    font-size: 14px
  }
}

body #faq {
  width: 100%;
  margin: 35px 0 0
}

body .hero-section {
  display: flex;
  padding-bottom: 30px !important;
  margin-bottom: 30px !important;
  border-bottom: 1px solid #f2f2f2
}

body .hero-section h1 {
  color: var(--theme-copy);
  font-size: 30px;
  line-height: 33px;
  transform: translateY(calculatetypeoffset(33, 30, 0.11)em);
  padding-top: 1;
  font-family: Inter, sans-serif;
  margin-bottom: 23px;
  font-weight: 600;
  letter-spacing: -0.8px
}

body .hero-section h1::before {
  content: "";
  margin-top: -9px;
  display: block;
  height: 0
}

@media(min-width: 1023px) {
  body .hero-section h1 {
    font-size: 40px;
    line-height: 44px;
    transform: translateY(calculatetypeoffset(44, 40, 0.11)em);
    padding-top: 1;
    font-family: Inter, sans-serif
  }

  body .hero-section h1::before {
    content: "";
    margin-top: -13px;
    display: block;
    height: 0
  }
}

@media only screen and (min-width: 1023px) {
  body .hero-section h1 {
    margin-bottom: 30px
  }
}

body .hero-section .hero-content {
  position: relative
}

@media(min-width: 1023px) {
  body .hero-section .hero-content {
    padding: 0
  }
}

body .hero-section .hero-content.has-exclusive-badge .hero-header .badge-offer {
  display: inline-block
}

@media(min-width: 1023px) {
  body .hero-section .hero-content.has-exclusive-badge .hero-header .stars-summary {
    order: 1;
    margin-bottom: 0
  }

  body .hero-section .hero-content.has-exclusive-badge .hero-header .button {
    order: 1
  }

  body .hero-section .hero-content.has-exclusive-badge .hero-header:has(+.hero-cta-button) .stars-summary {
    margin-top: 25px
  }
}

body .hero-section .hero-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

body .hero-section .hero-header .description p {
  font-size: 14px;
  line-height: 21px;
  transform: translateY(calculatetypeoffset(21, 14, 0.11)em);
  padding-top: 1;
  font-family: Inter, sans-serif;
  margin-bottom: 25px
}

body .hero-section .hero-header .description p::before {
  content: "";
  margin-top: -9px;
  display: block;
  height: 0
}

@media(min-width: 768px) {
  body .hero-section .hero-header .description p {
    font-size: 16px;
    line-height: 24px;
    transform: translateY(calculatetypeoffset(24, 16, 0.11)em);
    padding-top: 1;
    font-family: Inter, sans-serif
  }

  body .hero-section .hero-header .description p::before {
    content: "";
    margin-top: -13px;
    display: block;
    height: 0
  }
}

body .hero-section .hero-header .description ul {
  padding-left: 1.5em;
  line-height: 24px
}

@media(max-width: 1023px) {
  body .hero-section .hero-header .description ul {
    display: none
  }
}

body .hero-section .hero-header .description strong {
  font-weight: 500
}

body .hero-section .hero-header .description+.grid {
  margin-top: 23px
}

body .hero-section .hero-header .stars-summary {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.1em;
  margin-bottom: 18px
}

@media(min-width: 1023px) {
  body .hero-section .hero-header .stars-summary {
    margin-bottom: 25px
  }
}

body .hero-section .hero-header .stars-summary a {
  color: inherit;
  text-decoration: inherit
}

body .hero-section .hero-header .stars-summary svg {
  position: relative;
  margin-right: 1px;
  top: 1px
}

body .hero-section .hero-header .stars-summary svg path {
  fill: var(--theme-primary)
}

body .hero-section .hero-header .stars-summary span {
  opacity: 0;
  visibility: hidden;
  margin-right: 6px;
  width: 0;
  text-indent: -9999px;
  display: inline-block
}

body .hero-section .hero-header:has(+.hero-cta-button) .description>:last-child {
  margin-bottom: 0
}

@media(max-width: 1023px) {
  body .hero-section .hero-header:has(+.hero-cta-button) .description>p:last-of-type {
    margin-bottom: 0
  }
}

body .hero-section .hero-header:has(+.hero-cta-button)>:last-child {
  margin-bottom: 0
}

body .hero-section .hero-cta-button {
  padding: 21px 14px;
  font-size: 18px;
  width: fit-content;
  min-width: 287px;
  margin-top: 20px
}

@media(max-width: 1023px) {
  body .hero-section .hero-cta-button {
    margin-top: 28px;
    width: 100%;
    min-width: unset
  }
}

body .hero-section .grid {
  align-items: center;
  margin: 20px 0 0;
  gap: 15px 30px;
  display: grid;
  grid-template-areas: "a a a a a" "b c d e f";
  justify-content: flex-start
}

@media(max-width: 1023px) {
  body .hero-section .grid {
    margin-top: 28px
  }
}

body .hero-section .grid .section-title {
  grid-area: a
}

body .hero-section .grid .section-title span {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px
}

body .hero-section .grid .image-container .image {
  height: 20px
}

body .hero-section .grid img {
  filter: grayscale(100%) brightness(0) contrast(40%);
  height: 100%
}

@media(min-width: 768px) {
  body .hero-section .grid img {
    margin: 0 auto
  }
}

body section.content-block--infoTabs {
  display: flex;
  flex-flow: row wrap;
  padding-top: 35px !important
}

body section.content-block--infoTabs button.infotab {
  font-weight: 400;
  font-size: 1rem;
  flex: 0 50%;
  background: rgba(0, 0, 0, 0);
  border-radius: 0;
  color: #2b2d2e;
  border-bottom: 1px solid #dbdbdb;
  box-shadow: none;
  transition: all .2s ease-in-out
}

body section.content-block--infoTabs button.infotab[aria-selected=true] {
  color: #303030;
  font-weight: 500;
  border-bottom: 4px solid var(--theme-primary, #009ade)
}

body section.content-block--infoTabs .infopanels {
  flex: 0 100%
}

body section.content-block--infoTabs .infopanels>div {
  display: none;
  padding: 25px 0
}

body section.content-block--infoTabs .infopanels>div p {
  font-size: 1rem;
  line-height: 1.5
}

body section.content-block--infoTabs .infopanels>div p:last-child,
body section.content-block--infoTabs .infopanels>div p:empty {
  margin-bottom: 0
}

body section.content-block--infoTabs .infopanels>div img {
  height: auto
}

body section.content-block--infoTabs #infotab-0[aria-selected=true]~.infopanels #infopanel-0,
body section.content-block--infoTabs #infotab-1[aria-selected=true]~.infopanels #infopanel-1 {
  display: block
}

@media screen and (width <=767px) {
  body section.content-block--infoTabs ul li {
    font-size: 14px
  }

  body section.content-block--infoTabs button.infotab {
    font-size: .875rem
  }

  body section.content-block--infoTabs .infopanels>div {
    padding: 15px 0
  }

  body section.content-block--infoTabs .infopanels>div p {
    font-size: .875rem
  }
}

body .media-grid-section {
  width: 100%
}

body .media-grid-section .grid-container {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  margin: auto;
  position: relative
}

body .media-grid-section .grid-container .carousel {
  padding: 0
}

body .media-grid-section .grid-container .grid-cell {
  position: relative;
  overflow: hidden;
  background-color: #f5f4f7;
  width: 100%
}

body .media-grid-section .grid-container .grid-cell .media-item {
  width: 100%;
  position: relative
}

body .media-grid-section .grid-container .grid-cell .media-item img {
  object-fit: cover;
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  max-height: 416px
}

body .media-grid-section .grid-container .grid-cell .media-item .video-wrapper {
  position: relative;
  padding-bottom: 58%;
  height: 0
}

body .media-grid-section .grid-container .grid-cell .media-item .video-play-button {
  padding: 17px 20px;
  background: #fff;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 10px;
  letter-spacing: .84px;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: auto;
  z-index: 2
}

body .media-grid-section .grid-container .grid-cell .media-item .video-play-button-background {
  position: absolute;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0);
  height: 100%;
  z-index: 1
}

body .media-grid-section .grid-container .grid-cell .media-item iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

body .media-grid-section .grid-container .grid-cell .media-item .sproutvideo-player {
  z-index: 1
}

body .media-grid-section .grid-container .grid-cell .media-item .sproutvideo-player-preroll {
  z-index: 0
}

body .media-grid-section .grid-container .grid-cell.grid-col-span-1 {
  grid-column: span 2
}

body .media-grid-section .grid-container .grid-cell:not(.grid-col-span-1, .grid-col-span-video) {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1
}

body .media-grid-section .grid-container .grid-cell.grid-col-span-video {
  grid-column: span 2
}

@media only screen and (max-width: 768px) {
  body .media-grid-section .grid-container {
    max-height: 470px;
    height: 100%;
    display: block;
    aspect-ratio: 1.5
  }

  body .media-grid-section .grid-container .grid-cell {
    height: 100%
  }

  body .media-grid-section .grid-container .grid-cell .media-item {
    height: 100%
  }

  body .media-grid-section .grid-container .grid-cell .media-item .video-play-button {
    padding: 11px 18px;
    font-size: 12px
  }

  body .media-grid-section .grid-container .grid-cell .media-item .video-wrapper {
    position: relative;
    padding-bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 470px;
    aspect-ratio: 1.5
  }

  body .media-grid-section .grid-container .grid-cell .media-item img {
    aspect-ratio: 1.5;
    max-height: 470px
  }

  body .media-grid-section .grid-container .grid-cell.grid-col-span-1,
  body .media-grid-section .grid-container .grid-cell.grid-col-span-video {
    aspect-ratio: 1.5;
    max-height: 470px
  }

  body .media-grid-section .grid-container .grid-cell:not(.grid-col-span-1, .grid-col-span-video) {
    aspect-ratio: 1.5;
    max-height: 470px
  }
}

@media only screen and (max-width: 1023px) {
  body .media-grid-section .grid-container {
    max-height: 416px;
    display: block;
    aspect-ratio: 1.5
  }

  body .media-grid-section .grid-container .grid-cell {
    height: 100%
  }

  body .media-grid-section .grid-container .grid-cell .media-item {
    height: 100%
  }

  body .media-grid-section .grid-container .grid-cell .media-item .video-play-button {
    padding: 11px 18px;
    font-size: 12px
  }

  body .media-grid-section .grid-container .grid-cell .media-item .video-wrapper {
    position: relative;
    padding-bottom: 0;
    width: 100%;
    max-height: 416px;
    height: 100%;
    aspect-ratio: 1.5
  }

  body .media-grid-section .grid-container .grid-cell .media-item img {
    aspect-ratio: 1.5;
    max-height: 416px
  }

  body .media-grid-section .grid-container .grid-cell.grid-col-span-1,
  body .media-grid-section .grid-container .grid-cell.grid-col-span-video {
    aspect-ratio: 1.5;
    max-height: 416px
  }

  body .media-grid-section .grid-container .grid-cell:not(.grid-col-span-1, .grid-col-span-video) {
    aspect-ratio: 1.5;
    max-height: 416px
  }
}

body .media-grid-section .grid-container ol.carousel__pagination {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 2;
  list-style: disc;
  display: flex;
  padding: 0;
  margin: 0
}

body .media-grid-section .grid-container ol.carousel__pagination li {
  position: relative;
  list-style: none;
  cursor: pointer;
  padding: 4px
}

@media only screen and (min-width: 768px) {
  body .media-grid-section .grid-container ol.carousel__pagination li {
    padding: 6.5px
  }
}

body .media-grid-section .grid-container ol.carousel__pagination li .carousel__pagination-button {
  box-shadow: none
}

body .media-grid-section .grid-container ol.carousel__pagination li .carousel__pagination-button::after {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #fff
}

body .media-grid-section .grid-container ol.carousel__pagination li .carousel__pagination-button--active::after {
  background-color: var(--theme-primary)
}

body .testimonials-section {
  margin: 35px 0 0
}

body .testimonials-section #reviews-wrapper {
  display: flex;
  flex-flow: row wrap
}

body .testimonials-section #reviews-wrapper .testimonial-block:not(:last-child) {
  margin-bottom: 15px
}

body .testimonials-section .reviews-headline {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.4px;
  padding-bottom: 20px
}

body .testimonials-section .testimonials {
  display: flex
}

body .testimonials-section .testimonial-block {
  width: 100%
}

body .testimonials-section .testimonial-block .stars img {
  width: 75px;
  height: auto
}

body .testimonials-section .testimonial-block .review {
  width: 100%
}

body .testimonials-section .testimonial-block .review .review-summary {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 14px
}

body .testimonials-section .testimonial-block .review .review-summary .review-author {
  font-size: 12px;
  font-weight: 500;
  line-height: 100%
}

body .testimonials-section .testimonial-block .review .review-summary .review-author .icon-verified-buyer {
  background: var(--rating-primary-color, --theme-primary, #009ade);
  color: var(--rating-verified-buyer-color, #fff);
  padding: 3px 4px;
  border-radius: 3px;
  margin-left: 1em;
  font-size: 10px;
  position: relative;
  bottom: 1px;
  white-space: nowrap
}

body .testimonials-section .testimonial-block .review .review-summary .stars {
  position: relative;
  bottom: 3px
}

body .testimonials-section .testimonial-block .review .review-summary .stars svg path {
  fill: var(--rating-primary-color, --theme-primary, #009ade)
}

body .testimonials-section .testimonial-block .review h3 {
  color: #202020;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px
}

body .testimonials-section .testimonial-block .review .review-copy {
  color: #202020;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%
}

body .testimonials-section .testimonial-block .review a {
  text-decoration: none;
  color: #434339
}

body .testimonials-section .testimonial-block .user .verified {
  padding: 5px 0;
  font-size: .75rem;
  display: flex;
  justify-content: left;
  align-items: center
}

body .testimonials-section .testimonial-block .user .verified svg {
  fill: #37a54c;
  margin-right: 4px
}

body .spinner {
  margin: 0 auto;
  border-color: var(--theme-copy, #303030);
  border-bottom-color: rgba(0, 0, 0, 0);
  display: block
}

body .content-link-cta {
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer
}

body .content-container {
  max-width: 685px;
  border-radius: 8px;
  border: 1px solid #f2f2f2;
  max-height: 90%;
  display: flex;
  flex-flow: column nowrap
}

body .content-container .close {
  margin-right: 26px;
  margin-top: 8px
}

body .content-container .modal-header {
  padding: 17px 40px;
  border-bottom: 1px solid #f2f2f2
}

body .content-container .modal-header .headline {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
  letter-spacing: -0.4px
}

body .content-container .modal-body {
  padding: 26.5px 40px;
  color: #303030;
  overflow: auto
}

body .content-container .modal-body p {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 8px
}

body .content-container .modal-body p strong {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.36px;
  margin-top: 21.5px;
  display: inline-block
}

body .content-container .modal-body table {
  width: 100%;
  border-spacing: 0
}

body .content-container .modal-body table tr td {
  padding: 16px 10px 16px 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.32px
}

body .content-container .modal-body table tr:not(:last-child) td {
  padding: 16px 10px 15px 0;
  border-bottom: 1px solid #f2f2f2
}

body .content-container .modal-body table tr:first-child td {
  padding: 16px 10px 16px 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.28px
}

@media only screen and (width <=425px) {
  body .content-container .close {
    margin-right: 16px;
    margin-top: 8px
  }

  body .content-container .modal-header {
    padding: 17px 20px
  }

  body .content-container .modal-body {
    padding: 26.5px 20px
  }
}

body footer {
  margin-top: 34px;
  max-width: none;
  color: #fff;
  min-height: auto;
  background: #202020;
  padding: 0
}

@media only screen and (max-width: 767px) {
  body footer .footer-content-wrapper.sticky-cta {
    padding-bottom: 88px
  }
}

body footer.footer-light {
  background: #fafafa;
  color: #000
}

body footer.footer-light .footer-content .disclaimer {
  border-color: #000
}

body footer.footer-light .footer-content .powered-by img.logo.tint-white {
  filter: unset
}

body footer.footer-light .footer-content .divider {
  border-color: rgba(242, 242, 242, .15)
}

body footer.footer-light .footer-content .nav button {
  box-shadow: 0 4px 5.5px 0 hsla(0, 0%, 100%, .07)
}

body footer.footer-light .footer-content .nav .ot-sdk-show-settings {
  color: #000 !important
}

body footer.footer-light .footer-content .copyright {
  color: rgba(0, 0, 0, .5)
}

body footer #footer-badges {
  background: #fafafa
}

body footer .footer-content {
  display: grid;
  justify-content: space-between;
  margin: 0 auto;
  padding: 25px 20px;
  grid-template-areas: "powered-by powered-by" "payments payments" "divider divider" "store-nav store-nav" "site-nav site-nav" "copyright copyright" "disclaimer disclaimer"
}

@media only screen and (min-width: 1023px) {
  body footer .footer-content {
    grid-template-areas: "badges badges" "powered-by locale" "divider divider" "store-nav site-nav" "copyright copyright" "disclaimer disclaimer"
  }
}

@media only screen and (min-width: 768px) {
  body footer .footer-content {
    grid-template-areas: "powered-by payments" "divider divider" "store-nav store-nav" "site-nav site-nav" "copyright copyright" "disclaimer disclaimer"
  }
}

@media only screen and (min-width: 1023px) {
  body footer .footer-content {
    grid-template-areas: "powered-by payments" "divider divider" "store-nav site-nav" "copyright copyright" "disclaimer disclaimer"
  }
}

body footer .footer-content .disclaimer {
  border: 1px solid #fff;
  padding: 10px 15px;
  text-align: center;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.07px;
  grid-area: disclaimer
}

body footer .footer-content #footer-badges {
  grid-area: badges
}

body footer .footer-content .powered-by {
  grid-area: powered-by;
  display: flex
}

body footer .footer-content .powered-by img.logo {
  width: auto;
  max-height: 24px;
  height: 100%
}

body footer .footer-content .powered-by img.logo.tall {
  max-height: 40px
}

body footer .footer-content .powered-by img.logo.tint-white {
  filter: brightness(0) invert(1)
}

body footer .footer-content .payments {
  grid-area: payments;
  justify-self: flex-start;
  margin-top: 20px;
  display: flex;
  flex-flow: row nowrap
}

@media only screen and (min-width: 768px) {
  body footer .footer-content .payments {
    justify-self: flex-end;
    margin-top: 0
  }
}

body footer .footer-content .payments .payments-icon:not(:last-child) {
  margin-right: 6px
}

@media only screen and (width <=375px) {
  body footer .footer-content .payments .payments-icon {
    width: 26px
  }
}

body footer .footer-content .locale {
  grid-area: locale;
  justify-self: flex-end;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: .5px
}

body footer .footer-content .locale .icon img {
  display: inline-block;
  margin-bottom: -3px
}

body footer .footer-content .divider {
  grid-area: divider;
  width: 100%;
  border-color: rgba(32, 32, 32, .15);
  margin: 15px 0
}

body footer .footer-content .nav {
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: .4px
}

body footer .footer-content .nav button {
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: .4px
}

body footer .footer-content .nav .show-on-mobile {
  display: none
}

@media only screen and (max-width: 1023px) {
  body footer .footer-content .nav .show-on-mobile {
    display: block
  }
}

body footer .footer-content .nav .hide-on-mobile {
  display: block
}

@media only screen and (max-width: 1023px) {
  body footer .footer-content .nav .hide-on-mobile {
    display: none
  }
}

body footer .footer-content .nav .ot-sdk-show-settings {
  color: #fff !important;
  font-size: 11px !important;
  cursor: pointer;
  border: none !important;
  padding: 0 !important;
  line-height: 24px !important;
  margin: 0;
  background-color: rgba(0, 0, 0, 0) !important
}

body footer .footer-content .nav .ot-sdk-show-settings:hover {
  background-color: rgba(0, 0, 0, 0) !important
}

@media only screen and (width <=768px) {
  body footer .footer-content .nav .ot-sdk-show-settings {
    margin-right: 30px
  }
}

body footer .footer-content .nav.store-nav {
  grid-area: store-nav
}

body footer .footer-content .nav.site-nav {
  grid-area: site-nav
}

body footer .footer-content .nav.site-nav>div {
  justify-content: flex-end
}

@media only screen and (max-width: 1023px) {
  body footer .footer-content .nav.site-nav>div {
    justify-content: flex-start
  }

  body footer .footer-content .nav>div {
    flex-flow: row wrap;
    width: 100%
  }
}

body footer .footer-content .copyright {
  grid-area: copyright;
  text-align: left;
  color: hsla(0, 0%, 100%, .5);
  font-size: 10px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: .4px;
  margin-top: 2px
}

@media only screen and (min-width: 1023px) {
  body footer .footer-content {
    max-width: 1348px
  }
}

@media only screen and (min-width: 768px) {
  body nav#nav-bottom {
    display: none
  }
}

@media only screen and (max-width: 767px) {
  body nav#nav-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 88px;
    opacity: 0;
    visibility: hidden
  }

  body nav#nav-bottom.element-animation_show {
    z-index: 100;
    visibility: visible;
    opacity: 1
  }

  body nav#nav-bottom .inner {
    height: 86px;
    background: #fff;
    box-shadow: 0 1px 1px 2px #ddd
  }

  body nav#nav-bottom .inner .row {
    max-width: 976px;
    margin: 0 auto;
    display: flex;
    height: 100%;
    padding: 0 15px;
    justify-content: space-between
  }

  body nav#nav-bottom .inner .logo img {
    height: 43px;
    width: auto;
    object-fit: contain
  }

  body nav#nav-bottom .inner .msg span {
    padding: 0 25px;
    display: inline-block
  }

  body nav#nav-bottom .left {
    display: none
  }

  body nav#nav-bottom .right {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
  }

  body nav#nav-bottom .right .button {
    text-transform: capitalize;
    background: var(--theme-primary, #009ade);
    color: #fff;
    border-radius: 50px
  }
}

body #offer-section .offer-section .offer-bundles.default .mobile-show,
body #offer-section .offer-section .offer-bundles.columns .mobile-show {
  display: none
}

@media screen and (width <=767px) {

  body #offer-section .offer-section .offer-bundles.default .mobile-show,
  body #offer-section .offer-section .offer-bundles.columns .mobile-show {
    display: block
  }
}

body #offer-section .offer-section .offer-bundles.default .card.default-variation .bundle-container .card-details .save,
body #offer-section .offer-section .offer-bundles.columns .card.default-variation .bundle-container .card-details .save {
  display: none
}

body #offer-section .offer-section .offer-bundles.default .card.default-variation .bundle-container .card-details .select-btn,
body #offer-section .offer-section .offer-bundles.columns .card.default-variation .bundle-container .card-details .select-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  color: #000;
  box-shadow: none;
  border: none;
  border-radius: 100vw;
  padding: 0 17px;
  height: 46px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1em;
  font-style: normal;
  width: auto;
  position: relative;
  flex-shrink: 0
}

body #offer-section .offer-section .offer-bundles.default .card.default-variation .bundle-container .card-details .select-btn span,
body #offer-section .offer-section .offer-bundles.columns .card.default-variation .bundle-container .card-details .select-btn span {
  display: inline-block;
  min-width: 43px
}

body #offer-section .offer-section .offer-bundles.default .card.default-variation .bundle-container .card-details .select-btn.active,
body #offer-section .offer-section .offer-bundles.default .card.default-variation .bundle-container .card-details .select-btn:active,
body #offer-section .offer-section .offer-bundles.columns .card.default-variation .bundle-container .card-details .select-btn.active,
body #offer-section .offer-section .offer-bundles.columns .card.default-variation .bundle-container .card-details .select-btn:active {
  background-color: var(--theme-primary, #009ade);
  color: #fff
}

body #offer-section .offer-section .offer-bundles.default .card.default-variation .bundle-container .card-details .select-btn::before,
body #offer-section .offer-section .offer-bundles.columns .card.default-variation .bundle-container .card-details .select-btn::before {
  display: none
}

@media screen and (width <=767px) {

  body #offer-section .offer-section .offer-bundles.default .card.default-variation .bundle-container .card-details .select-btn,
  body #offer-section .offer-section .offer-bundles.columns .card.default-variation .bundle-container .card-details .select-btn {
    height: 34px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px
  }
}

body #offer-section .offer-section .offer-bundles.default .card:not(.default-variation) .bundle-container {
  justify-content: start
}

body #offer-section .offer-section .offer-bundles.default .card:not(.default-variation) .shipping-block {
  display: none
}

body #offer-section .offer-section .offer-bundles.default .default-variation .save {
  display: none
}

body #offer-section .offer-section .offer-bundles.default .default-variation .select-btn {
  margin: inherit;
  right: 0
}

body #offer-section .offer-section .offer-bundles.default .default-variation .card-details {
  flex-grow: 1;
  max-width: none
}

body #offer-section .offer-section .offer-bundles.default .default-variation .card-details .bundle-headline {
  display: flex;
  justify-content: space-between
}

body #offer-section .offer-section .offer-bundles.default .default-variation .card-details .bundle-pricing {
  justify-content: space-between;
  display: flex
}

body #offer-section .offer-section .offer-bundles.default .default-variation .card-details .pricing-display_shipping_handling-mobile {
  display: block
}

body #offer-section .offer-section .offer-bundles.default .default-variation .card-details .shipping-wrapper {
  display: block
}

body #offer-section .offer-section .offer-bundles.default .default-variation .card-details .bundle-description {
  max-width: 300px
}

body #offer-section .offer-section .offer-bundles.default .default-variation .shipping-wrapper {
  display: none !important
}

@media only screen and (max-width: 585px),
only screen and (min-width: 1023px)and (width <=1155px) {
  body #offer-section .offer-section .offer-bundles.default .default-variation .pricing-display_shipping_handling-mobile {
    display: none
  }

  body #offer-section .offer-section .offer-bundles.default .default-variation .card {
    padding: 18px 15px !important
  }

  body #offer-section .offer-section .offer-bundles.default .default-variation .card-details .bundle-description {
    max-width: 185px;
    width: 100%
  }

  body #offer-section .offer-section .offer-bundles.default .default-variation .card-details .bundle-pricing {
    margin-top: auto
  }

  body #offer-section .offer-section .offer-bundles.default .default-variation .card-details .bundle-pricing .pricing-wrapper {
    flex-wrap: wrap;
    gap: 6px
  }

  body #offer-section .offer-section .offer-bundles.default .default-variation .card-details .bundle-pricing .pricing-wrapper em {
    margin-left: 0
  }

  body #offer-section .offer-section .offer-bundles.default .default-variation .card-details .bundle-pricing .save {
    margin-left: 0;
    text-align: left
  }
}

body #offer-section .offer-section .offer-bundles.columns .card:not(.default-variation) .shipping-block {
  display: none
}

body #offer-section .offer-section .offer-bundles.columns .default-variation .select-btn {
  display: block !important;
  position: relative;
  right: auto;
  width: 100% !important
}

@media only screen and (max-width: 585px),
only screen and (min-width: 1023px)and (width <=1155px) {
  body #offer-section .offer-section .offer-bundles.columns .default-variation .select-btn {
    width: auto !important;
    right: 0 !important;
    margin: inherit !important
  }

  body #offer-section .offer-section .offer-bundles.columns .default-variation .pricing-display_shipping_handling,
  body #offer-section .offer-section .offer-bundles.columns .default-variation .pricing-display_shipping {
    font-size: 9px;
    font-style: normal;
    font-weight: 600;
    line-height: 9px;
    height: 9px;
    padding: 4px 6px;
    margin-top: 0
  }

  body #offer-section .offer-section .offer-bundles.columns .default-variation .card-bottom {
    flex-flow: row nowrap !important;
    gap: 3px
  }

  body #offer-section .offer-section .offer-bundles.columns .default-variation .card-bottom .pricing-display {
    width: auto
  }

  body #offer-section .offer-section .offer-bundles.columns .default-variation .card-bottom .pricing-display .save {
    font-size: 12px
  }

  body #offer-section .offer-section .offer-bundles.columns .default-variation .card-bottom .retail-price {
    font-size: 12px;
    color: rgba(0, 0, 0, .7);
    letter-spacing: -0.24px
  }

  body #offer-section .offer-section .offer-bundles.columns .default-variation .card-bottom .pricing-text {
    width: auto !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important
  }

  body #offer-section .offer-section .offer-bundles.columns .default-variation .card-bottom .pricing-display_shipping_handling,
  body #offer-section .offer-section .offer-bundles.columns .default-variation .card-bottom .pricing-display_shipping {
    display: none
  }

  body #offer-section .offer-section .offer-bundles.columns .default-variation .card-bottom .card-bottom_mobile-order-now {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px
  }
}

@media only screen and (width >=586px)and (width <=768px) {
  body #offer-section .offer-section .offer-bundles.columns .default-variation .bundle-headline .shipping-block {
    display: none
  }
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container .card-thumbnail {
  margin-bottom: 25px
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container .card-details .save {
  display: block
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container .card-details .bundle-description {
  margin-bottom: 10px
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container .card-details .card-bottom {
  margin-top: 0
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container .card-details .card-bottom .pricing-display_shipping_handling,
body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container .card-details .card-bottom .pricing-display_shipping {
  margin-top: 20px
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container .card-details .card-bottom .qty-selector {
  order: 2;
  max-width: 130px
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container .card-details .card-bottom .pricing-text {
  gap: 4px 7px
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container .card-details .card-bottom .select-btn {
  display: none !important
}

@media only screen and (max-width: 585px),
only screen and (min-width: 1023px)and (width <=1155px) {

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container .card-details .bundle-headline .pricing-display_shipping_handling,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container .card-details .bundle-headline .pricing-display_shipping {
    display: none
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container .card-details .card-bottom {
    display: flex;
    flex-wrap: wrap !important;
    justify-content: space-between;
    align-items: center
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container .card-details .card-bottom .pricing-text {
    flex: 1 1 100%;
    margin-bottom: 10px
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container .card-details .card-bottom .qty-selector {
    display: inline-flex;
    align-items: center;
    margin-top: 0
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container .card-details .card-bottom .pricing-display_shipping_handling,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container .card-details .card-bottom .pricing-display_shipping {
    display: inline-flex;
    align-items: center
  }
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container.long-bundle .card-details .bundle-headline {
  margin-bottom: 15px
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container.long-bundle .card-details .bundle-description {
  margin-bottom: 20px
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container.full-bundle .bundle-description {
  margin-bottom: 15px
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector:not(.selected).card .qty-selector {
  border-radius: 9999px;
  border: 1px solid #f2f2f2;
  background: #fff;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector:not(.selected).card .qty-selector .ui-element {
  padding: 4px
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector:not(.selected).card .qty-selector .ui-element input {
  color: #000
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector:not(.selected).card .qty-selector .ui-element button[aria-label="+1"],
body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector:not(.selected).card .qty-selector .ui-element button[aria-label="-1"] {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  justify-content: center;
  align-items: center
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector:not(.selected).card .qty-selector .ui-element button[aria-label="+1"]::before,
body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector:not(.selected).card .qty-selector .ui-element button[aria-label="+1"]::before,
body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector:not(.selected).card .qty-selector .ui-element button[aria-label="-1"]::before,
body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector:not(.selected).card .qty-selector .ui-element button[aria-label="-1"]::before {
  background: #000
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector:not(.selected).card .qty-selector .ui-element button[aria-label="+1"] {
  background: #f7f8fa
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.selected .card-details .card-bottom .qty-selector .ui-element {
  padding: 4px
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.selected .card-details .card-bottom .qty-selector .ui-element button[aria-label="+1"],
body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.selected .card-details .card-bottom .qty-selector .ui-element button[aria-label="-1"] {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  justify-content: center;
  align-items: center
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.selected .card-details .card-bottom .qty-selector .ui-element button[aria-label="+1"] {
  background: hsla(0, 0%, 100%, .2)
}

@media only screen and (max-width: 585px),
only screen and (min-width: 1023px)and (width <=1155px) {
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector:not(.selected).card.default-variation .bundle-container .card-details .card-bottom .select-btn {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    position: absolute;
    outline: none;
    font-size: 0;
    padding: 0;
    right: 15px !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: auto !important
  }
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector .card-details.open-wi {
  justify-content: center
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector .card-details.open-wi .bundle-headline {
  flex: initial !important
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector .card-details.open-wi .whats-included-content {
  margin-top: 14px
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector .card-details.open-wi .whats-included-content ul {
  margin-top: 14px
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector .card-details .whats-included-expander {
  margin-bottom: 20px
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector .card-details .whats-included-link-close::after,
body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector .card-details .whats-included-link-reveal::after {
  width: 10px;
  height: 4px;
  background: url(98f64ab9deac1bbc1260.svg) center center no-repeat;
  border-radius: initial
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector .card-details .whats-included-link-reveal::after {
  top: -1px
}

body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector .card-details .whats-included-link-close::after {
  top: -2px
}

body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector {
  padding: 20px 30px 20px 18px
}

body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .pricing-wrapper,
body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .bundle-description,
body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .whats-included-link-close,
body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .whats-included-expander,
body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .whats-included-link-reveal,
body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .bundle-headline {
  margin-bottom: 0 !important;
  margin-top: 0 !important
}

body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .whats-included-content {
  margin-top: 17px
}

body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .pricing-wrapper .save {
  display: block
}

@media(width >=320px)and (width <=474px) {
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .bundle-headline+.bundle-pricing {
    padding-top: 0
  }
}

body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .bundle-description {
  line-height: 130%
}

@media(width >=475px)and (width <=520px) {
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .bundle-description {
    padding-bottom: 9px !important
  }
}

@media(width >=586px)and (width <=630px) {
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .bundle-description {
    max-width: 250px
  }
}

@media(width <=1280px)and (width >=1230px) {
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .bundle-description {
    max-width: 280px
  }
}

@media(width <=1230px)and (width >=1180px) {
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .bundle-description {
    max-width: 250px;
    margin: 5px 0 !important
  }
}

@media(width <=1180px)and (width >=1155px) {
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .bundle-description {
    max-width: 235px
  }
}

body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .shipping-block .pricing-display_shipping_handling,
body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .shipping-block .pricing-display_shipping {
  display: none
}

body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .shipping-wrapper {
  display: block !important
}

body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .shipping-wrapper .pricing-display_shipping_handling,
body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .shipping-wrapper .pricing-display_shipping {
  display: block
}

body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .card-details .whats-included-link-close::after,
body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .card-details .whats-included-link-reveal::after {
  width: 10px;
  height: 4px;
  background: url(98f64ab9deac1bbc1260.svg) center center no-repeat;
  border-radius: initial
}

body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .card-details .whats-included-link-reveal::after {
  top: -1px
}

body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .card-details .whats-included-link-close::after {
  top: -2px
}

body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .select-btn {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  position: absolute;
  outline: none;
  font-size: 0;
  padding: 0;
  right: 30px !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: auto !important
}

@media only screen and (width <=415px) {
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector .select-btn {
    right: 10px !important
  }
}

body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector:not(.selected) .qty-selector {
  display: none
}

body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.selected .qty-selector {
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto
}

body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.selected .select-btn {
  display: none
}

@media only screen and (max-width: 585px),
only screen and (min-width: 1023px)and (width <=1155px) {

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card {
    padding: 20px 20px 20px 18px
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card:not(.selected) .bundle-container,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card:not(.selected) .bundle-container {
    gap: 0
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container .short-bundle .card-details .bundle-headline,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card:not(.selected) .bundle-container .short-bundle .card-details .bundle-headline,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container .short-bundle .card-details .bundle-headline,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card:not(.selected) .bundle-container .short-bundle .card-details .bundle-headline {
    margin-top: 11px
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container .card-thumbnail,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card:not(.selected) .bundle-container .card-thumbnail,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container .card-thumbnail,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card:not(.selected) .bundle-container .card-thumbnail {
    margin-right: 17px
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container .card-details .pricing-display .save,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card:not(.selected) .bundle-container .card-details .pricing-display .save,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container .card-details .pricing-display .save,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card:not(.selected) .bundle-container .card-details .pricing-display .save {
    margin-top: 0
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container .card-details .bundle-headline,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card:not(.selected) .bundle-container .card-details .bundle-headline,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container .card-details .bundle-headline,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card:not(.selected) .bundle-container .card-details .bundle-headline {
    margin-bottom: 13px
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container .card-details .bundle-description,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card:not(.selected) .bundle-container .card-details .bundle-description,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container .card-details .bundle-description,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card:not(.selected) .bundle-container .card-details .bundle-description {
    margin-top: 0;
    margin-bottom: 13px
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container .card-details .card-bottom,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card:not(.selected) .bundle-container .card-details .card-bottom,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container .card-details .card-bottom,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card:not(.selected) .bundle-container .card-details .card-bottom {
    gap: 0
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container .whats-included-link-reveal,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card:not(.selected) .bundle-container .whats-included-link-reveal,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container .whats-included-link-reveal,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card:not(.selected) .bundle-container .whats-included-link-reveal {
    margin-top: 0
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container .whats-included-expander,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card:not(.selected) .bundle-container .whats-included-expander,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container .whats-included-expander,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card:not(.selected) .bundle-container .whats-included-expander {
    margin-top: 0;
    margin-bottom: 13px
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.short-bundle .card-details .card-bottom .pricing-display .save,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.long-bundle .card-details .card-bottom .pricing-display .save,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.full-bundle .card-details .card-bottom .pricing-display .save,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.short-bundle .card-details .card-bottom .pricing-display .save,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.long-bundle .card-details .card-bottom .pricing-display .save,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.full-bundle .card-details .card-bottom .pricing-display .save {
    margin-top: 0
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.short-bundle .card-details .card-bottom .pricing-display_shipping_handling,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.short-bundle .card-details .card-bottom .pricing-display_shipping,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.long-bundle .card-details .card-bottom .pricing-display_shipping_handling,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.long-bundle .card-details .card-bottom .pricing-display_shipping,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.full-bundle .card-details .card-bottom .pricing-display_shipping_handling,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.full-bundle .card-details .card-bottom .pricing-display_shipping,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.short-bundle .card-details .card-bottom .pricing-display_shipping_handling,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.short-bundle .card-details .card-bottom .pricing-display_shipping,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.long-bundle .card-details .card-bottom .pricing-display_shipping_handling,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.long-bundle .card-details .card-bottom .pricing-display_shipping,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.full-bundle .card-details .card-bottom .pricing-display_shipping_handling,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.full-bundle .card-details .card-bottom .pricing-display_shipping {
    margin-bottom: 9.5px
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.short-bundle .card-details .shipping-wrapper .pricing-display_shipping_handling,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.short-bundle .card-details .shipping-wrapper .pricing-display_shipping,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.long-bundle .card-details .shipping-wrapper .pricing-display_shipping_handling,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.long-bundle .card-details .shipping-wrapper .pricing-display_shipping,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.full-bundle .card-details .shipping-wrapper .pricing-display_shipping_handling,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.full-bundle .card-details .shipping-wrapper .pricing-display_shipping,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.short-bundle .card-details .shipping-wrapper .pricing-display_shipping_handling,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.short-bundle .card-details .shipping-wrapper .pricing-display_shipping,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.long-bundle .card-details .shipping-wrapper .pricing-display_shipping_handling,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.long-bundle .card-details .shipping-wrapper .pricing-display_shipping,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.full-bundle .card-details .shipping-wrapper .pricing-display_shipping_handling,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.full-bundle .card-details .shipping-wrapper .pricing-display_shipping {
    margin-top: 9.5px;
    margin-bottom: 9.5px
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.short-bundle .card-details .shipping-wrapper:not(:has(div)),
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.long-bundle .card-details .shipping-wrapper:not(:has(div)),
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.full-bundle .card-details .shipping-wrapper:not(:has(div)),
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.short-bundle .card-details .shipping-wrapper:not(:has(div)),
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.long-bundle .card-details .shipping-wrapper:not(:has(div)),
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.full-bundle .card-details .shipping-wrapper:not(:has(div)) {
    min-height: 36px
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.short-bundle .qty-selector,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.long-bundle .qty-selector,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.full-bundle .qty-selector,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.short-bundle .qty-selector,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.long-bundle .qty-selector,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.full-bundle .qty-selector {
    max-width: 93px;
    height: 36px;
    width: 100%;
    position: absolute;
    right: 20px;
    bottom: 20px;
    margin-top: auto;
    margin-bottom: 0
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.short-bundle .qty-selector .ui-element,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.long-bundle .qty-selector .ui-element,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.full-bundle .qty-selector .ui-element,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.short-bundle .qty-selector .ui-element,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.long-bundle .qty-selector .ui-element,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.full-bundle .qty-selector .ui-element {
    font-size: 14px;
    align-items: center
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.short-bundle .qty-selector .ui-element button[aria-label="-1"],
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.short-bundle .qty-selector .ui-element button[aria-label="+1"],
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.long-bundle .qty-selector .ui-element button[aria-label="-1"],
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.long-bundle .qty-selector .ui-element button[aria-label="+1"],
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.full-bundle .qty-selector .ui-element button[aria-label="-1"],
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card.selected .bundle-container.full-bundle .qty-selector .ui-element button[aria-label="+1"],
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.short-bundle .qty-selector .ui-element button[aria-label="-1"],
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.short-bundle .qty-selector .ui-element button[aria-label="+1"],
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.long-bundle .qty-selector .ui-element button[aria-label="-1"],
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.long-bundle .qty-selector .ui-element button[aria-label="+1"],
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.full-bundle .qty-selector .ui-element button[aria-label="-1"],
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card.selected .bundle-container.full-bundle .qty-selector .ui-element button[aria-label="+1"] {
    width: 28px;
    height: 28px
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card:not(.selected) .bundle-container.short-bundle .qty-selector,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card:not(.selected) .bundle-container.long-bundle .qty-selector,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card:not(.selected) .bundle-container.full-bundle .qty-selector,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card:not(.selected) .bundle-container.short-bundle .qty-selector,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card:not(.selected) .bundle-container.long-bundle .qty-selector,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card:not(.selected) .bundle-container.full-bundle .qty-selector {
    display: none !important
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card:not(.selected) .bundle-container.short-bundle .select-btn,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card:not(.selected) .bundle-container.long-bundle .select-btn,
  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card:not(.selected) .bundle-container.full-bundle .select-btn,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card:not(.selected) .bundle-container.short-bundle .select-btn,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card:not(.selected) .bundle-container.long-bundle .select-btn,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card:not(.selected) .bundle-container.full-bundle .select-btn {
    display: block !important
  }
}

@media only screen and (max-width: 585px)and (width <=360px),
only screen and (min-width: 1023px)and (width <=1155px)and (width <=360px) {

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container .card-thumbnail,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card .bundle-container .card-thumbnail {
    width: 50px;
    height: 50px;
    margin-right: 12px
  }

  body #offer-section .offer-section #offer:not(.single-offer) .columns .has-qty-selector.card .bundle-container .card-thumbnail img,
  body #offer-section .offer-section #offer:not(.single-offer) .default .has-qty-selector.card .bundle-container .card-thumbnail img {
    width: 50px;
    height: 50px
  }
}

body.rtl .nav>ul>li:not(:last-child) {
  margin-left: 30px
}

body.rtl .nav>div>div:not(:first-child),
body.rtl .nav>div>li:not(:last-child),
body.rtl .nav>ul>div:not(:first-child),
body.rtl .nav>ul>li:not(:first-child) {
  margin-right: 30px
}

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

  body.rtl .nav>div>div:not(:first-child),
  body.rtl .nav>div>li:not(:last-child),
  body.rtl .nav>ul>div:not(:first-child),
  body.rtl .nav>ul>li:not(:first-child) {
    margin-right: 0
  }
}

.row {
  flex-flow: row nowrap;
  justify-content: center
}

@media(width <=1200px) {
  .row {
    margin: 0
  }
}

@media(max-width: 934px) {
  .row {
    flex-wrap: wrap
  }
}

#checkout-logo-wrapper {
  display: flex;
  align-items: center;
  max-width: 558px;
  min-width: 558px;
  margin-bottom: 25px;
  margin-top: 25px
}

@supports(margin: max(0px)) {
  #checkout-logo-wrapper {
    margin-top: max(env(safe-area-inset-top), 25px)
  }
}

@media(width <=1200px) {
  #checkout-logo-wrapper {
    min-width: unset;
    width: 100%
  }
}

@media(max-width: 934px) {
  #checkout-logo-wrapper {
    justify-content: space-between;
    max-width: unset;
    margin-top: 14px;
    margin-bottom: 14px;
    gap: 20px
  }

  @supports(margin: max(0px)) {
    #checkout-logo-wrapper {
      margin-top: max(env(safe-area-inset-top), 14px)
    }
  }
}

#checkout-logo-wrapper #checkout-logo-back {
  margin-right: 20px;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer
}

#checkout-logo-wrapper #checkout-logo {
  cursor: pointer
}

#checkout-logo-wrapper #checkout-logo img {
  height: 32px;
  width: auto
}

#checkout-logo-wrapper #checkout-logo img.tall {
  max-height: 40px
}

@media(max-width: 934px) {
  #checkout-logo-wrapper #checkout-logo img {
    height: 24px
  }
}

#cart-details {
  flex-basis: 40%;
  margin: 96px 42px;
  max-width: 470px;
  z-index: 500
}

@media(width <=1366px) {
  #cart-details {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0;
    margin-right: 0;
    max-width: unset;
    flex-basis: 48%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column
  }
}

@media(max-width: 934px) {
  #cart-details {
    flex-basis: 100%;
    width: 100% !important;
    position: static !important;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px
  }
}

#payment-form {
  flex-basis: 40%;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  border-right: 1px solid rgba(0, 0, 0, .1019607843);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 62px;
  padding-bottom: 0;
  height: 100%;
  max-height: 100%;
  background: #fff
}

@media(width <=1366px) {
  #payment-form {
    padding-left: 20px;
    padding-right: 20px;
    flex-basis: 48%;
    align-items: flex-start
  }
}

@media(max-width: 934px) {
  #payment-form {
    flex-basis: 100%;
    box-shadow: none;
    padding-top: 6px;
    max-width: unset;
    border-right: none
  }
}

#payment-form .checkout-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 558px;
  min-width: 558px
}

@media(width <=1366px) {
  #payment-form .checkout-container {
    max-width: unset;
    width: 100%
  }
}

@media(width <=1200px) {
  #payment-form .checkout-container {
    min-width: unset;
    width: 100%
  }
}

@media(max-width: 934px) {
  #payment-form .checkout-container {
    max-width: unset
  }
}

#payment-form .checkout-container h2 {
  font-family: inter, "Open Sans", helvetica, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  margin-bottom: 16px;
  margin-top: 40px;
  flex-basis: 100%;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  color: #000
}

#payment-form .checkout-container h2#contact-information-header,
#payment-form .checkout-container h2:first-child {
  margin-top: 0
}

#payment-form .checkout-container h3 {
  font-family: inter, "Open Sans", helvetica, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #697386;
  flex-basis: 100%
}

#payment-form .checkout-container #link-authentication-element {
  width: 100%
}

#payment-form .checkout-container #link-authentication-element.error {
  border: 1px solid #df1b41;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .03), 0 3px 6px rgba(0, 0, 0, .02), 0 0 0 1px #df1b41;
  border-radius: 5px
}

#payment-form .checkout-container .shipping-info-wrapper {
  display: flex;
  flex-direction: column;
  border: 1px solid #e8e8eb;
  border-radius: 6px;
  padding: 17px;
  width: 100%
}

#payment-form .checkout-container .shipping-info-wrapper .shipping-info-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e8e8eb;
  padding-top: 12px;
  padding-bottom: 12px
}

#payment-form .checkout-container .shipping-info-wrapper .shipping-info-row:first-child {
  padding-top: 0
}

#payment-form .checkout-container .shipping-info-wrapper .shipping-info-row:last-child {
  border: unset;
  padding-bottom: 0
}

#payment-form .checkout-container .shipping-info-wrapper .shipping-info-row .shipping-info-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

#payment-form .checkout-container .shipping-info-wrapper .shipping-info-row .shipping-info-label-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  text-overflow: ellipsis
}

#payment-form .checkout-container .shipping-info-wrapper .shipping-info-row .shipping-info-label-wrapper.wrap {
  flex-wrap: nowrap;
  word-break: break-all
}

#payment-form .checkout-container .shipping-info-wrapper .shipping-info-row .shipping-info-label {
  color: #777;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  overflow-wrap: break-word;
  white-space: nowrap
}

#payment-form .checkout-container .shipping-info-wrapper .shipping-info-row .shipping-info-action {
  color: red;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 17px
}

#payment-form .checkout-container .shipping-info-wrapper .shipping-info-row .shipping-info-value {
  margin-top: 4px;
  display: block;
  width: 100%;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%
}

@media(max-width: 934px) {
  #payment-form .checkout-container .shipping-info-wrapper .shipping-info-row .shipping-info-value .shipping-info-value-email {
    word-break: break-all
  }

  #payment-form .checkout-container .shipping-info-wrapper .shipping-info-row .shipping-info-value.shipping-info-value-shipping {
    display: block
  }
}

#payment-form .checkout-container #stripe-phone-input,
#payment-form .checkout-container #paypal-phone-input {
  width: 100%;
  height: 46px;
  margin-bottom: 10px;
  overflow: visible
}

#payment-form .checkout-container #stripe-phone-input.phone-error,
#payment-form .checkout-container #paypal-phone-input.phone-error {
  border: 1px solid #df1b41;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .03), 0 3px 6px rgba(0, 0, 0, .02), 0 0 0 1px #df1b41;
  border-radius: 5px
}

#payment-form .checkout-container #stripe-phone-input .vue-tel-input,
#payment-form .checkout-container #paypal-phone-input .vue-tel-input {
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  height: 44px;
  display: flex;
  align-items: center
}

#payment-form .checkout-container #stripe-phone-input .vue-tel-input:focus-within,
#payment-form .checkout-container #paypal-phone-input .vue-tel-input:focus-within {
  border: 1px solid #fff
}

#payment-form .checkout-container #stripe-phone-input .vue-tel-input .vti__dropdown:hover,
#payment-form .checkout-container #paypal-phone-input .vue-tel-input .vti__dropdown:hover {
  background-color: unset
}

#payment-form .checkout-container #stripe-phone-input .vue-tel-input .vti__dropdown.open .vti__dropdown-list,
#payment-form .checkout-container #paypal-phone-input .vue-tel-input .vti__dropdown.open .vti__dropdown-list {
  margin-top: 11px
}

#payment-form .checkout-container #stripe-phone-input .vue-tel-input .vti__selection .vti__flag,
#payment-form .checkout-container #paypal-phone-input .vue-tel-input .vti__selection .vti__flag {
  width: 20px !important
}

#payment-form .checkout-container #stripe-phone-input .vue-tel-input .vti__selection .vti__country-code,
#payment-form .checkout-container #paypal-phone-input .vue-tel-input .vti__selection .vti__country-code {
  padding: 0 8px 0 4px;
  font-size: 16px;
  font-family: inter, "Open Sans", helvetica, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #30313d
}

#payment-form .checkout-container #stripe-phone-input .vue-tel-input .vti__input,
#payment-form .checkout-container #paypal-phone-input .vue-tel-input .vti__input {
  border-radius: 0 6px 6px 0;
  padding-left: 0
}

#payment-form .checkout-container #stripe-phone-input:focus-within,
#payment-form .checkout-container #paypal-phone-input:focus-within {
  outline: 0;
  border-color: hsla(210, 96%, 45%, .5);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .03), 0 3px 6px rgba(0, 0, 0, .02), 0 0 0 3px hsla(210, 96%, 45%, .25), 0 1px 1px 0 rgba(0, 0, 0, .08);
  border-radius: 5px
}

#payment-form .checkout-container #stripe-phone-input input,
#payment-form .checkout-container #paypal-phone-input input {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #30313d;
  font-family: inter, "Open Sans", helvetica, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  line-height: 18.4px;
  border-radius: 5px;
  border: none;
  word-spacing: 0
}

#payment-form .checkout-container #stripe-phone-input input::placeholder,
#payment-form .checkout-container #paypal-phone-input input::placeholder {
  font-size: 14px;
  color: #757680
}

@media(max-width: 934px) {

  #payment-form .checkout-container #stripe-phone-input input,
  #payment-form .checkout-container #paypal-phone-input input {
    height: 36px
  }
}

#payment-form .checkout-container #stripe-phone-input {
  margin-top: 3px
}

#payment-form .checkout-container .phone-input-error {
  margin-bottom: 8px;
  color: #df1b41;
  font-size: 12px;
  font-family: Inter, Helvetica, Arial, sans-serif
}

@media(max-width: 934px) {
  #payment-form .checkout-container#shipping-method .shipping-info-wrapper {
    display: none
  }
}

#payment-form .checkout-container#shipping-method h2 {
  margin-bottom: 10px
}

@media(max-width: 934px) {
  #payment-form .checkout-container#shipping-method h2 {
    margin-top: 0
  }
}

#payment-form .checkout-container#contact-information {
  min-height: 150px
}

#payment-form .checkout-container #email-me-wrapper {
  margin-top: 16px
}

@media(max-width: 934px) {
  #payment-form .checkout-container #email-me-wrapper {
    margin: 20px 0 10px
  }
}

#payment-form .checkout-container #email-me-wrapper #email-me-label {
  padding-top: 1px;
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 0;
  cursor: pointer;
  user-select: none;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #222;
  -webkit-tap-highlight-color: hsla(0, 0%, 100%, 0)
}

@media(max-width: 934px) {
  #payment-form .checkout-container #email-me-wrapper #email-me-label {
    font-size: 12px;
    line-height: 14px
  }
}

#payment-form .checkout-container #email-me-wrapper #email-me-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

#payment-form .checkout-container #email-me-wrapper #email-me-checkmark {
  position: absolute;
  top: -1px;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: #fff
}

#payment-form .checkout-container #email-me-wrapper #email-me-checkmark::after {
  content: "";
  position: absolute;
  display: none
}

#payment-form .checkout-container #email-me-wrapper #email-me-label input:checked~#email-me-checkmark::after {
  display: block
}

#payment-form .checkout-container#shipping-address {
  min-height: 142px;
  margin-bottom: 35px;
  margin-top: 35px
}

@media(max-width: 934px) {
  #payment-form .checkout-container#shipping-address {
    margin-top: 20px
  }
}

#payment-form .checkout-container#shipping-address #address-phone-note {
  font-family: Inter, "Open Sans", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16.5px;
  color: #222
}

#payment-form .checkout-container#shipping-address #address-phone-note.phone-error {
  color: #df1b41 !important
}

#payment-form .checkout-container#paypal-confirm {
  margin-bottom: 30px
}

#payment-form .checkout-container#paypal-confirm .shipping-info-wrapper {
  margin-bottom: 30px
}

#payment-form .checkout-container#paypal-confirm .shipping-info-wrapper #paypal-logo {
  display: flex;
  align-items: center;
  margin-right: 16px
}

#payment-form .checkout-container#paypal-confirm #paypal-phone-header {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-top: 0;
  margin-bottom: 10px
}

#payment-form .checkout-container#paypal-confirm #paypal-phone-note {
  color: #222;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%
}

#payment-form .checkout-container#paypal-confirm #paypal-phone-note.phone-error {
  color: #df1b41 !important
}

#payment-form .checkout-container#paypal-confirm #paypal-order-review-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 17px 20px 14px;
  border: 1px solid #e8e8eb;
  border-radius: 6px
}

#payment-form .checkout-container#paypal-confirm #paypal-order-review-container #paypal-order-review-header {
  display: flex;
  flex-direction: column;
  margin-right: 20px
}

#payment-form .checkout-container#paypal-confirm #paypal-order-review-container #paypal-order-review-header b {
  margin-bottom: 5px
}

#payment-form .checkout-container#paypal-confirm #paypal-order-review-container #paypal-order-review-header span {
  font-size: 12px;
  color: #697386
}

#payment-form .checkout-container#paypal-confirm #paypal-order-review-container #paypal-order-review {
  min-width: 150px
}

@media(width <=500px) {
  #payment-form .checkout-container#paypal-confirm #paypal-order-review-container {
    flex-direction: column
  }

  #payment-form .checkout-container#paypal-confirm #paypal-order-review-container #paypal-order-review-header {
    margin-right: 0;
    margin-bottom: 10px;
    align-items: center;
    text-align: center
  }
}

#payment-form .checkout-container#payment-details #payment-method-header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  width: 100%
}

#payment-form .checkout-container#payment-details #payment-method-header-wrapper #payment-method-header-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start
}

#payment-form .checkout-container#payment-details #payment-method-header-wrapper #payment-method-header-text h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #000;
  margin: 0 0 6px
}

#payment-form .checkout-container#payment-details #payment-method-header-wrapper #payment-method-header-text h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #697386
}

#payment-form .checkout-container#payment-details #payment-method-header-wrapper #payment-method-header-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(119, 119, 119, .0509803922);
  border-radius: 4px;
  padding: 9px 10px;
  border: 1px solid rgba(119, 119, 119, .2)
}

#payment-form .checkout-container#payment-details #payment-method-header-wrapper #payment-method-header-badge svg {
  width: 11px;
  height: 14px;
  margin-right: 7px
}

#payment-form .checkout-container#payment-details #payment-method-header-wrapper #payment-method-header-badge strong {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  color: #000
}

#payment-form .checkout-container#payment-loader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

#payment-form .checkout-container#payment-loader #payment-loader-image {
  width: 180px;
  height: 180px;
  margin-bottom: 20px
}

#payment-form .checkout-container#payment-loader #payment-loader-image img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

#payment-form .checkout-container#payment-loader #payment-loader-text p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  color: #697386;
  margin-bottom: 3px;
  letter-spacing: -0.24px
}

#payment-form .checkout-container#payment-loader #payment-loader-text p strong {
  display: block;
  margin-bottom: 3px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #000
}

@media(max-width: 934px) {
  #payment-form .checkout-container#checkout-submit {
    margin-bottom: 20px;
    flex-wrap: nowrap
  }
}

#payment-form .checkout-container #shipping-methods {
  display: flex;
  flex-direction: column;
  padding: 17px 20px 16px;
  border: 1px solid #e8e8eb;
  border-radius: 6px;
  margin: 20px auto 30px;
  flex-basis: 100%
}

#payment-form .checkout-container #shipping-methods .shipping-method {
  display: flex;
  align-items: center
}

#payment-form .checkout-container #shipping-methods .shipping-method .shipping-method-checkbox {
  margin-right: 15px
}

#payment-form .checkout-container #shipping-methods .shipping-method .shipping-method-checkbox input[type=radio],
#payment-form .checkout-container #shipping-methods .shipping-method .shipping-method-checkbox input[type=checkbox] {
  width: 17px;
  height: 17px
}

#payment-form .checkout-container #shipping-methods .shipping-method .shipping-method-name {
  flex-grow: 1;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #222
}

#payment-form .checkout-container #shipping-methods .shipping-method .shipping-method-price {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  text-align: right;
  color: #222
}

#payment-form .checkout-container .checkout-input-wrapper {
  display: flex;
  align-items: center;
  flex-basis: 100%;
  position: relative
}

#payment-form .checkout-container .checkout-input-wrapper .StripeElement {
  min-width: 100%
}

#payment-form .checkout-container .checkout-input-wrapper #link-authentication-error {
  color: #df1b41;
  font-size: 12px;
  font-family: Inter, Helvetica, Arial, sans-serif;
  margin-top: 9px
}

#payment-form .checkout-container .checkout-input-wrapper label {
  display: none
}

#payment-form .checkout-container .checkout-input-wrapper #express-checkout-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 52px;
  margin: 0 auto 25px
}

#payment-form .checkout-container .checkout-input-wrapper #express-checkout-wrapper #express-checkout-container {
  width: 100%;
  max-width: 315px;
  display: flex;
  flex-direction: column;
  gap: 6px
}

#payment-form .checkout-container .checkout-input-wrapper #express-checkout-wrapper h3 {
  display: inline;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #000;
  margin-bottom: 20px;
  background-color: #fff
}

#payment-form .checkout-container .checkout-input-wrapper #express-checkout-wrapper #express-checkout-element {
  width: 100%
}

@media(max-width: 767px) {
  #payment-form .checkout-container .checkout-input-wrapper #express-checkout-wrapper {
    margin-bottom: 13px;
    display: flex;
    flex-direction: column
  }

  #payment-form .checkout-container .checkout-input-wrapper #express-checkout-wrapper h3 {
    margin-bottom: 14px
  }

  #payment-form .checkout-container .checkout-input-wrapper #express-checkout-wrapper #express-checkout-element {
    margin-top: 4px
  }
}

#payment-form .checkout-container .checkout-input-wrapper #express-checkout-wrapper #paypal-button-container {
  width: 100%;
  max-height: 44px
}

#payment-form .checkout-container .checkout-input-wrapper #express-checkout-wrapper #paypal-pay-later-messaging {
  width: 100%
}

#payment-form .checkout-container .checkout-input-wrapper #express-checkout-or-wrapper {
  margin: 0 0 25px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

@media(max-width: 934px) {
  #payment-form .checkout-container .checkout-input-wrapper #express-checkout-or-wrapper {
    margin: 3px 0 25px
  }
}

#payment-form .checkout-container .checkout-input-wrapper #express-checkout-or-wrapper #express-checkout-or {
  position: relative;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #8792a2;
  background-color: #fff;
  padding: 0 10px
}

@media(max-width: 934px) {
  #payment-form .checkout-container .checkout-input-wrapper #express-checkout-or-wrapper #express-checkout-or {
    font-size: 14px
  }
}

#payment-form .checkout-container .checkout-input-wrapper #express-checkout-or-wrapper #express-checkout-or-line {
  content: "";
  width: 100%;
  height: 0;
  border-top: 1px solid #e8e8eb;
  position: absolute
}

#payment-form .checkout-container .checkout-input-wrapper #stripe-phone-wrapper {
  width: 100%;
  margin-top: 10px
}

#payment-form .checkout-container .checkout-input-wrapper .checkout-input {
  display: flex;
  align-items: center;
  height: 52px;
  flex-grow: 1;
  font-size: 16px;
  padding: 0 0 0 13px;
  margin: 0
}

#payment-form .checkout-container .checkout-input-wrapper #customer_phone_tooltip {
  width: 18px;
  height: 18px;
  border: 1.4px solid #697386;
  border-radius: 18px;
  position: absolute;
  right: 17px;
  top: 17px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: -0.04em;
  color: #697386;
  cursor: pointer
}

#payment-form .checkout-container .checkout-input-wrapper #customer_phone_tooltip div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

#payment-form .checkout-container .checkout-input-wrapper #customer_phone_tooltip_content {
  padding: 10px;
  background: #222;
  border-radius: 6px;
  width: 200px;
  position: absolute;
  right: 0;
  bottom: 40px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  display: none;
  align-items: center;
  letter-spacing: -0.02em;
  color: #fff
}

#payment-form .checkout-container .checkout-input-wrapper #customer_phone_tooltip:hover+#customer_phone_tooltip_content {
  display: flex
}

#payment-form .checkout-container .checkout-input-wrapper #submit {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  border-radius: 6px;
  padding: 20px 26px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  box-shadow: unset;
  white-space: nowrap;
  cursor: pointer
}

@media(max-width: 934px) {
  #payment-form .checkout-container .checkout-input-wrapper #submit {
    margin-bottom: 0
  }
}

#payment-form .checkout-container .checkout-input-wrapper #submit.disabled {
  background: #e8e8eb;
  cursor: pointer;
  pointer-events: all !important;
  opacity: .5
}

#payment-form .checkout-container .checkout-input-wrapper #submit.disabled:hover {
  filter: unset
}

body.rtl #checkout-logo-wrapper #checkout-logo-back {
  margin-right: 0;
  margin-left: 20px;
  transform: rotateZ(180deg)
}

body.rtl #payment-form {
  padding-right: 0;
  padding-left: 62px;
  border-left: 1px solid rgba(0, 0, 0, .102);
  border-right: unset;
  z-index: 2
}

body.rtl #checkout-logo-back-to-cart svg {
  transform: rotate(180deg)
}

@media(width <=1366px) {
  body.rtl #cart-details {
    margin-right: 0
  }

  body.rtl #payment-form {
    padding-left: 20px;
    padding-right: 20px
  }
}

@supports(-webkit-appearance: none) and (not (translate: none)) {
  @media only screen and (width >=767px) {
    #payment-form {
      align-self: flex-start;
      min-height: 100vh
    }
  }
}

form {
  width: 30vw;
  min-width: 500px;
  align-self: center;
  box-shadow: 0 0 0 .5px rgba(50, 50, 93, .1), 0 2px 5px 0 rgba(50, 50, 93, .1), 0 1px 1.5px 0 rgba(0, 0, 0, .07);
  border-radius: 7px;
  margin: 20px auto
}

.hidden {
  display: none
}

#payment-message {
  color: #697386;
  font-size: 16px;
  line-height: 20px;
  padding-top: 12px;
  text-align: center
}

#payment-element {
  margin-bottom: 24px;
  margin-top: 16px
}

@media(max-width: 934px) {
  #payment-element {
    margin-top: 16px
  }
}

button {
  background: #5469d4;
  font-family: inter, "Open Sans", helvetica, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  border-radius: 4px;
  border: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: block;
  transition: all .2s ease;
  box-shadow: 0 4px 5.5px 0 rgba(0, 0, 0, .07);
  width: 100%
}

button:hover {
  filter: contrast(115%)
}

button:disabled {
  opacity: .5;
  cursor: default
}

.spinner,
.spinner::before,
.spinner::after {
  border-radius: 50%
}

#spinner,
.spinner {
  width: 30px;
  height: 30px;
  border: 5px solid #fff;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite
}

.spinner-remove-cart {
  border: 3px solid #777;
  border-bottom-color: rgba(0, 0, 0, 0);
  width: 13px;
  height: 13px
}

.upsell .upsell-info .pricing-display .only-price {
  font-size: 1.75rem;
  color: #0a0a0a;
  font-weight: 400;
  text-align: center
}

.upsell .upsell-info .cancel-upsell.link {
  color: #2484d0;
  font-size: 1rem;
  text-decoration: none;
  cursor: pointer;
  display: block;
  text-align: center
}

.upsell .row {
  justify-content: space-around
}

.upsell .right-column {
  margin-top: 10px
}

.upsell.upsell-popup .headline {
  font-size: 1.75rem;
  margin: 20px 0
}

.upsell.upsell-popup .modal-dialog .modal-content .modal-body {
  padding: 15px 50px;
  max-height: calc(100vh - 30px)
}

@media only screen and (width <=767px) {
  .upsell.upsell-popup .modal-dialog .modal-content .modal-body {
    padding: 0 20px;
    overflow-y: auto
  }
}

@media only screen and (width <=414px) {
  .upsell.upsell-popup .modal-dialog .modal-content .modal-body {
    max-height: 80vh
  }

  @supports(height: 100dvh) {
    .upsell.upsell-popup .modal-dialog .modal-content .modal-body {
      max-height: 90dvh
    }
  }
}

.upsell.upsell-popup .modal-dialog .modal-content .modal-body .container {
  max-width: 960px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media only screen and (width <=767px) {
  .upsell.upsell-popup .modal-dialog .modal-content .modal-body .container {
    padding: 0
  }
}

.upsell.upsell-popup .modal-dialog .modal-content .modal-body .container .right-column.upsell-info .upsell-actions .button-container {
  margin: 0 auto 15px;
  padding: 0;
  max-width: 450px;
  text-align: center
}

@media only screen and (height <=600px) {
  .upsell.upsell-popup .modal-dialog .modal-content .modal-body .container .right-column.upsell-info .upsell-actions .button-container {
    margin-bottom: 0
  }
}

.upsell.upsell-popup .modal-dialog .modal-content .modal-body .container .right-column.upsell-info .upsell-actions .button-container .button {
  margin: 0;
  font-size: 18px;
  padding: 20px 30px;
  min-width: 80%;
  width: auto;
  color: var(--cta-label-color, #000);
  border-radius: 5px;
  border: 0;
  user-select: none;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.14;
  text-transform: uppercase;
  display: inline-block;
  background: var(--button-color, #edb52f);
  background-repeat: repeat-x;
  background-size: 200%;
  background-position: 0 -100%;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .2) inset;
  transition: .2s ease-in-out
}

.upsell.upsell-popup .modal-dialog .modal-content .modal-body .container .right-column.upsell-info .upsell-actions .button-container .button:hover {
  background: var(--button-rollover-color, #f3ce75)
}

.upsell.upsell-popup .modal-dialog .modal-content .modal-body .container .right-column.upsell-info .upsell-actions {
  padding-top: 25px;
  margin-bottom: 16px
}

@media only screen and (height <=600px) {
  .upsell.upsell-popup .modal-dialog .modal-content .modal-body .container .right-column.upsell-info .upsell-actions {
    padding-top: 8px
  }
}

.upsell.upsell-popup .headline {
  font-size: 1.75rem;
  margin: 20px 0
}

@keyframes rotation {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

@media only screen and (width <=600px) {
  form {
    width: 80vw;
    min-width: initial
  }
}

.upsell-blocks {
  display: none
}

#checkout-submit {
  margin-bottom: 26px;
  align-items: center
}

#checkout-submit #checkout-logo-back-to-cart {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px
}

#checkout-submit #checkout-logo-back-to-cart span {
  color: #777;
  font-family: Inter, "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.02em
}

#checkout-submit .checkout-input-wrapper {
  flex-basis: unset !important;
  width: fit-content;
  margin: 0
}

#checkout-submit #submit {
  margin: 0;
  height: 44px;
  border-radius: 200px;
  letter-spacing: -0.02em
}

#checkout-submit #checkout-logo-proceed {
  display: none
}

@media(max-width: 425px) {
  #checkout-submit #checkout-logo-proceed {
    display: block;
    margin-left: 10px;
    transform: rotate(180deg)
  }

  #checkout-submit #checkout-logo-proceed path {
    fill: #fff
  }
}

@media only screen and (width >=935px)and (width <=1366px) {
  #payment-form {
    max-width: 629px;
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
    flex-basis: content;
    min-width: auto;
    width: max(100%, 629px)
  }

  #payment-form .checkout-container {
    min-width: auto
  }

  #cart-details {
    min-width: 474px;
    max-width: 510px;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 0;
    padding-top: 96px;
    background: #f7f7f7;
    box-sizing: border-box;
    flex-shrink: 0;
    width: max(100%, 629px)
  }

  #cart-details #gu-cart {
    margin-left: 0;
    margin-right: 0
  }

  .row.row-payment-step #cart-details {
    background: rgba(0, 0, 0, 0)
  }

  .inline-checkout #cart-details {
    padding-top: 0
  }
}

.asset-video-player-button-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center
}

.asset-video-player-button-wrapper .asset-video-player-button {
  background: rgba(40, 187, 255, .85);
  width: 75px;
  height: 75px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer
}

.asset-video-player-button-wrapper .asset-video-player-button svg {
  fill: #fff;
  width: 30px;
  height: 30px;
  margin-left: 5px
}

.asset-video-player {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  object-fit: cover
}

.asset-video-player.with-preroll {
  opacity: 0
}

.asset-video-player-preroll {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.modal-mask[data-v-ff9c3460] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
  transition: opacity .3s ease
}

.modal-mask.light[data-v-ff9c3460] {
  background: rgba(242, 242, 242, .9)
}

.modal-mask.dark[data-v-ff9c3460] {
  background: rgba(0, 0, 0, .5)
}

.modal-mask.theme[data-v-ff9c3460] {
  background: rgba(var(--theme-primary-rgb, 0, 140, 209), 0.6);
  backdrop-filter: blur(50px)
}

.modal-mask.inline[data-v-ff9c3460] {
  position: relative;
  height: auto;
  fill: #fff;
  filter: drop-shadow(0px 0px 50px rgba(0, 0, 0, 0.08));
  margin-bottom: 35px
}

@media screen and (max-width: 1440px)and (min-width: 884px) {
  .modal-mask.inline[data-v-ff9c3460] {
    max-width: 632px
  }
}

@media(max-width: 1366px) {
  .modal-mask.inline[data-v-ff9c3460] {
    max-width: unset
  }
}

@media screen and (max-width: 934px) {
  .modal-mask.inline[data-v-ff9c3460] {
    fill: none;
    filter: none
  }

  .modal-mask.inline .modal-wrapper[data-v-ff9c3460] {
    position: relative
  }
}

.modal-mask.blur-background[data-v-ff9c3460] {
  backdrop-filter: blur(4px)
}

@supports(height: 100dvh) {
  .modal-mask[data-v-ff9c3460] {
    height: 100dvh
  }
}

.modal-wrapper[data-v-ff9c3460] {
  display: table-cell;
  position: absolute;
  vertical-align: middle;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.modal-mask.inline .modal-wrapper[data-v-ff9c3460] {
  position: relative
}

.modal-container[data-v-ff9c3460] {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  transition: all .3s ease;
  font-family: sans-serif;
  -webkit-font-smoothing: antialiased;
  background: none
}

.modal-content[data-v-ff9c3460] {
  border: none;
  z-index: 999;
  margin: 0 auto;
  background: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  outline: 0
}

.modal-content>[data-v-ff9c3460-s] {
  position: relative;
  background-color: #fff;
  width: 100%
}

.modal-enter[data-v-ff9c3460] {
  opacity: 0
}

.modal-leave-active[data-v-ff9c3460] {
  opacity: 0
}

.modal-enter .modal-container[data-v-ff9c3460],
.modal-leave-active .modal-container[data-v-ff9c3460] {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.unavailable[data-v-1553e520] {
  opacity: .5;
  pointer-events: none
}

.size-selector[data-v-2bb2b4eb] {
  height: 64px;
  width: 100%;
  border-radius: 12px;
  border: 1px solid #dbdbdb;
  cursor: pointer;
  position: relative;
  transition: background-color 1.5s ease-out, border-color 1.5s ease-out
}

body.default-dtc-template .size-selector[data-v-2bb2b4eb]:not(.inside-checkout-layout),
body.default-template .size-selector[data-v-2bb2b4eb]:not(.inside-checkout-layout) {
  height: 56px;
  border-radius: 10px;
  border: 1px solid #e7e7e7;
  background: #f3f3f3
}

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

  body.default-dtc-template .size-selector[data-v-2bb2b4eb]:not(.inside-checkout-layout),
  body.default-template .size-selector[data-v-2bb2b4eb]:not(.inside-checkout-layout) {
    background: #fff
  }
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout).force-applied[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout).force-applied[data-v-2bb2b4eb] {
  border: 1px solid var(--theme-primary, #f00);
  background: rgba(var(--theme-primary-rgb, 255, 0, 0), 0.1)
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout) .selected-size .selected-size-title[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout) .selected-size .selected-size-title[data-v-2bb2b4eb] {
  color: #434339;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout) .selected-size .selected-size-title .price-diff[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout) .selected-size .selected-size-title .price-diff[data-v-2bb2b4eb] {
  font-weight: 400
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout) .selected-size .selected-size-title .price-diff[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout) .selected-size .selected-size-title .price-diff[data-v-2bb2b4eb] {
  font-size: 12px
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout) .expanded[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout) .expanded[data-v-2bb2b4eb] {
  z-index: 105;
  border-radius: 10px;
  border: 3px solid #e7e7e7;
  left: -3px;
  top: 56px;
  box-sizing: border-box;
  width: calc(100% + 6px)
}

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

  body.default-dtc-template .size-selector:not(.inside-checkout-layout) .expanded[data-v-2bb2b4eb],
  body.default-template .size-selector:not(.inside-checkout-layout) .expanded[data-v-2bb2b4eb] {
    position: fixed;
    left: 0;
    top: auto;
    bottom: 0;
    height: auto;
    min-height: 370px;
    width: 100%
  }
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-header[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-header[data-v-2bb2b4eb] {
  border-bottom: 1px solid rgba(0, 0, 0, .05)
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-header .expanded-header-title[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-header .expanded-header-title[data-v-2bb2b4eb] {
  color: #434339;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase
}

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

  body.default-dtc-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-sizes[data-v-2bb2b4eb],
  body.default-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-sizes[data-v-2bb2b4eb] {
    padding-bottom: 95px
  }
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-sizes .expanded-size[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-sizes .expanded-size[data-v-2bb2b4eb] {
  background: #fff;
  color: #202020;
  text-align: left;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-sizes .expanded-size.active[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-sizes .expanded-size.active[data-v-2bb2b4eb] {
  background: #f2f2f2;
  font-weight: 600
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-sizes .expanded-size.active .expanded-price-diff[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-sizes .expanded-size.active .expanded-price-diff[data-v-2bb2b4eb] {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-transform: capitalize
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout).bottom .expanded[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout).bottom .expanded[data-v-2bb2b4eb] {
  display: flex;
  flex-direction: column;
  bottom: 56px;
  top: auto
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout).bottom .expanded .expanded-header[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout).bottom .expanded .expanded-header[data-v-2bb2b4eb] {
  order: 2;
  border-bottom: none;
  border-top: 1px solid rgba(0, 0, 0, .05)
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout).bottom .expanded .expanded-sizes[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout).bottom .expanded .expanded-sizes[data-v-2bb2b4eb] {
  order: 1
}

.size-selector.force-applied[data-v-2bb2b4eb] {
  border: 1px solid var(--theme-primary, #f00);
  background: rgba(var(--theme-primary-rgb, 255, 0, 0), 0.1)
}

.size-selector.unfilled[data-v-2bb2b4eb] {
  border: 1px solid red !important;
  background: rgba(255, 0, 0, .3) !important
}

.size-selector .selected-size[data-v-2bb2b4eb] {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  overflow: hidden
}

.size-selector .selected-size .selected-size-title[data-v-2bb2b4eb] {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 0 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  height: fit-content;
  margin: auto 0;
  gap: 0 8px
}

@media all and (max-width: 768px) {
  .size-selector .selected-size .selected-size-title[data-v-2bb2b4eb] {
    padding: 0 8px
  }
}

.size-selector .selected-size .selected-size-title .price-diff[data-v-2bb2b4eb] {
  color: #666
}

.size-selector .selected-size .switcher[data-v-2bb2b4eb] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 15px
}

@media all and (max-width: 768px) {
  .size-selector .selected-size .switcher[data-v-2bb2b4eb] {
    padding-right: 10px;
    padding-left: 10px
  }
}

.size-selector .expanded-overlay[data-v-2bb2b4eb] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background: rgba(0, 0, 0, .15)
}

.size-selector .expanded[data-v-2bb2b4eb] {
  position: absolute;
  left: -1px;
  top: 64px;
  box-sizing: border-box;
  width: calc(100% + 2px);
  min-width: 250px;
  z-index: 999;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, .1);
  background: #fff;
  box-shadow: 0 32px 32px 0 rgba(0, 0, 0, .13)
}

@media all and (max-width: 768px) {
  .size-selector .expanded[data-v-2bb2b4eb] {
    position: fixed;
    left: 0;
    top: auto;
    bottom: 0;
    height: auto;
    min-height: 370px
  }
}

.size-selector .expanded .expanded-header[data-v-2bb2b4eb] {
  display: none;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.size-selector .expanded .expanded-header .expanded-header-title[data-v-2bb2b4eb] {
  color: #202020;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin: 22px 20px;
  text-transform: uppercase
}

.size-selector .expanded .expanded-header .expanded-switcher[data-v-2bb2b4eb] {
  padding-right: 20px
}

@media all and (max-width: 768px) {
  .size-selector .expanded .expanded-header[data-v-2bb2b4eb] {
    display: flex
  }
}

.size-selector .expanded .expanded-sizes[data-v-2bb2b4eb] {
  padding: 8px;
  box-sizing: border-box;
  cursor: default
}

@media all and (max-width: 768px) {
  .size-selector .expanded .expanded-sizes[data-v-2bb2b4eb] {
    padding: 20px 16px
  }
}

.size-selector .expanded .expanded-sizes .expanded-size[data-v-2bb2b4eb] {
  padding: 8px 26.5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #202020;
  position: relative;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 8px;
  flex-wrap: wrap
}

@media all and (max-width: 860px) {
  .size-selector .expanded .expanded-sizes .expanded-size[data-v-2bb2b4eb] {
    white-space: wrap
  }
}

@media all and (max-width: 768px) {
  .size-selector .expanded .expanded-sizes .expanded-size[data-v-2bb2b4eb] {
    padding: 12px 26.5px
  }
}

.size-selector .expanded .expanded-sizes .expanded-size.active[data-v-2bb2b4eb] {
  background: #f2f2f2;
  font-weight: 600
}

.size-selector .expanded .expanded-sizes .expanded-size.active .expanded-price-diff[data-v-2bb2b4eb] {
  font-weight: 600
}

.size-selector .expanded .expanded-sizes .expanded-size[data-v-2bb2b4eb]:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%), #fff
}

.size-selector .expanded .expanded-sizes .expanded-size .expanded-checkmark[data-v-2bb2b4eb] {
  position: absolute;
  left: 8px
}

.size-selector .expanded .expanded-sizes .expanded-size .expanded-price-diff[data-v-2bb2b4eb] {
  font-size: 12px;
  color: #666
}

.size-selector.inside-checkout-layout[data-v-2bb2b4eb] {
  height: 48px;
  box-sizing: border-box
}

.size-selector.inside-checkout-layout .selected-size[data-v-2bb2b4eb] {
  height: 48px
}

.size-selector.inside-checkout-layout .expanded[data-v-2bb2b4eb] {
  top: 49px
}

@media all and (max-width: 768px) {
  .size-selector.inside-checkout-layout .expanded[data-v-2bb2b4eb] {
    top: auto
  }
}

.size-selector.inside-checkout-layout .switcher[data-v-2bb2b4eb] {
  padding-right: 16px
}

.size-selector.inside-checkout-layout .selected-size-title[data-v-2bb2b4eb] {
  padding: 0 8px
}

.color-selector[data-v-e517ce46] {
  width: 100%;
  border-radius: 12px;
  border: 1px solid #dbdbdb;
  height: 64px;
  cursor: pointer;
  position: relative;
  transition: background-color 1.5s ease-out, border-color 1.5s ease-out
}

body.default-dtc-template .color-selector[data-v-e517ce46]:not(.inside-checkout-layout),
body.default-template .color-selector[data-v-e517ce46]:not(.inside-checkout-layout) {
  height: 56px;
  border-radius: 10px;
  border: 1px solid #e7e7e7;
  background: #f3f3f3
}

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

  body.default-dtc-template .color-selector[data-v-e517ce46]:not(.inside-checkout-layout),
  body.default-template .color-selector[data-v-e517ce46]:not(.inside-checkout-layout) {
    background: #fff
  }
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout).force-applied[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout).force-applied[data-v-e517ce46] {
  border: 1px solid var(--theme-primary, #f00);
  background: rgba(var(--theme-primary-rgb, 255, 0, 0), 0.1)
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .selected-color .selected-image[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .selected-color .selected-image[data-v-e517ce46] {
  width: 86px;
  margin: 5px;
  height: auto;
  background-color: #fff
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .selected-color .selected-image.color[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .selected-color .selected-image.color[data-v-e517ce46] {
  width: 40px;
  height: 40px;
  margin: 8px;
  border-radius: 2px;
  padding: 0
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .selected-color .selected-image.color .selected-color-image[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .selected-color .selected-image.color .selected-color-image[data-v-e517ce46] {
  width: 40px;
  height: 40px;
  border-radius: 2px
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .selected-color .selected-color-title[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .selected-color .selected-color-title[data-v-e517ce46] {
  color: #434339;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .expanded[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .expanded[data-v-e517ce46] {
  z-index: 102;
  border-radius: 10px;
  border: 1px solid #e7e7e7;
  left: -1px;
  top: -1px;
  box-sizing: border-box;
  width: calc(100% + 2px)
}

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

  body.default-dtc-template .color-selector:not(.inside-checkout-layout) .expanded[data-v-e517ce46],
  body.default-template .color-selector:not(.inside-checkout-layout) .expanded[data-v-e517ce46] {
    position: fixed;
    left: 0;
    top: auto;
    bottom: 0;
    height: auto;
    min-height: 370px;
    width: 100%
  }
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-header[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-header[data-v-e517ce46] {
  border-bottom: 1px solid rgba(0, 0, 0, .05)
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-header .expanded-header-title[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-header .expanded-header-title[data-v-e517ce46] {
  color: #434339;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-colors .expanded-color .preview-color[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-colors .expanded-color .preview-color[data-v-e517ce46] {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid rgba(0, 0, 0, .15)
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-colors .expanded-color .expanded-color-image[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-colors .expanded-color .expanded-color-image[data-v-e517ce46] {
  padding: 15px 16.75px 15px 15.25px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, .15);
  background: #fff
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-colors .expanded-color .expanded-color-image.active[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-colors .expanded-color .expanded-color-image.active[data-v-e517ce46] {
  border: 1px solid #44443a
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-colors .expanded-color .expanded-color-title[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-colors .expanded-color .expanded-color-title[data-v-e517ce46] {
  color: #434339;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout).bottom .expanded[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout).bottom .expanded[data-v-e517ce46] {
  display: flex;
  flex-direction: column;
  bottom: -1px;
  top: auto
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout).bottom .expanded .expanded-header[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout).bottom .expanded .expanded-header[data-v-e517ce46] {
  order: 2;
  border-bottom: none;
  border-top: 1px solid rgba(0, 0, 0, .05)
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout).bottom .expanded .expanded-color[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout).bottom .expanded .expanded-color[data-v-e517ce46] {
  order: 1
}

.color-selector.force-applied[data-v-e517ce46] {
  border: 1px solid var(--theme-primary, #f00);
  background: rgba(var(--theme-primary-rgb, 255, 0, 0), 0.1)
}

.color-selector.unfilled[data-v-e517ce46] {
  border: 1px solid red !important;
  background: rgba(255, 0, 0, .3) !important
}

.color-selector .selected-color[data-v-e517ce46] {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  height: 100%
}

.color-selector .selected-color .selected-image[data-v-e517ce46] {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 120px;
  height: 56px;
  padding: 0 10px;
  margin: 4px;
  border-radius: 8px;
  background: #f3f3f3;
  overflow: hidden
}

@media all and (max-width: 768px) {
  .color-selector .selected-color .selected-image[data-v-e517ce46] {
    width: 56px;
    padding: 3px
  }
}

.color-selector .selected-color .selected-image.color[data-v-e517ce46] {
  padding: 4px;
  box-sizing: border-box
}

.color-selector .selected-color .selected-image img[data-v-e517ce46] {
  height: 100%;
  max-height: 56px;
  width: auto;
  object-fit: cover
}

@media all and (max-width: 768px) {
  .color-selector .selected-color .selected-image img[data-v-e517ce46] {
    width: 100%;
    height: auto
  }
}

.color-selector .selected-color .selected-image .selected-color-image[data-v-e517ce46] {
  width: 48px;
  height: 48px;
  border-radius: 48px
}

.color-selector .selected-color .selected-image .selected-color-image.white[data-v-e517ce46] {
  border: 1px solid rgba(0, 0, 0, .15);
  box-sizing: border-box
}

.color-selector .selected-color .selected-color-title[data-v-e517ce46] {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  margin-left: 10px
}

.color-selector .selected-color .selected-color-title.no-color[data-v-e517ce46] {
  margin-left: 20px
}

.color-selector .selected-color .switcher[data-v-e517ce46] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 15px
}

@media all and (max-width: 768px) {
  .color-selector .selected-color .switcher[data-v-e517ce46] {
    padding-right: 10px;
    padding-left: 10px
  }
}

.color-selector .expanded-overlay[data-v-e517ce46] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background: rgba(0, 0, 0, .15)
}

.color-selector .expanded[data-v-e517ce46] {
  position: absolute;
  left: -1px;
  top: -1px;
  box-sizing: border-box;
  width: calc(100% + 2px);
  z-index: 999;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, .1);
  background: #fff;
  box-shadow: 0 32px 32px 0 rgba(0, 0, 0, .13)
}

@media all and (max-width: 768px) {
  .color-selector .expanded[data-v-e517ce46] {
    position: fixed;
    left: 0;
    top: auto;
    bottom: 0;
    height: auto;
    min-height: 370px
  }
}

.color-selector .expanded .expanded-header[data-v-e517ce46] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.color-selector .expanded .expanded-header .expanded-header-title[data-v-e517ce46] {
  color: #202020;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin: 20px;
  text-transform: uppercase
}

.color-selector .expanded .expanded-header .expanded-switcher[data-v-e517ce46] {
  padding-right: 20px
}

.color-selector .expanded .expanded-colors[data-v-e517ce46] {
  padding: 20px 20px 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  cursor: default
}

@media all and (max-width: 768px) {
  .color-selector .expanded .expanded-colors[data-v-e517ce46] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
  }
}

.color-selector .expanded .expanded-colors .expanded-color[data-v-e517ce46] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-basis: 47%;
  margin-bottom: 10px;
  cursor: pointer
}

@media all and (max-width: 768px) {
  .color-selector .expanded .expanded-colors .expanded-color[data-v-e517ce46] {
    margin: 0
  }
}

.color-selector .expanded .expanded-colors .expanded-color .preview-color[data-v-e517ce46] {
  width: 48px;
  height: 48px;
  border-radius: 48px
}

.color-selector .expanded .expanded-colors .expanded-color .preview-color.white[data-v-e517ce46] {
  border: 1px solid rgba(0, 0, 0, .15);
  box-sizing: border-box
}

.color-selector .expanded .expanded-colors .expanded-color .expanded-color-image[data-v-e517ce46] {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100px;
  padding: 15px 14.75px 15px 13.25px;
  box-sizing: border-box;
  flex-grow: 1;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, .1);
  background: #f3f3f3
}

.color-selector .expanded .expanded-colors .expanded-color .expanded-color-image[data-v-e517ce46]:hover {
  border-color: hsla(0, 0%, -10%, .1);
  background-color: rgb(217.5, 217.5, 217.5)
}

.color-selector .expanded .expanded-colors .expanded-color .expanded-color-image.active[data-v-e517ce46] {
  border: 1px solid var(--theme-primary, #f00)
}

.color-selector .expanded .expanded-colors .expanded-color .expanded-color-title[data-v-e517ce46] {
  color: #202020;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.color-selector.inside-checkout-layout[data-v-e517ce46] {
  padding-left: 8px;
  box-sizing: border-box;
  height: 48px;
  border: 1px solid #dbdbdb;
  border-radius: 12px
}

.color-selector.inside-checkout-layout .selected-color[data-v-e517ce46] {
  height: 48px
}

.color-selector.inside-checkout-layout .selected-color .selected-image[data-v-e517ce46] {
  width: 24px !important;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  padding: 0;
  margin: 0
}

.color-selector.inside-checkout-layout .selected-color .selected-image .selected-color-image[data-v-e517ce46] {
  width: 20px;
  height: 20px;
  border-radius: 50%
}

.color-selector.inside-checkout-layout .selected-color .selected-image .selected-color-image.white[data-v-e517ce46] {
  border: 1px solid rgba(0, 0, 0, .15);
  box-sizing: border-box
}

.color-selector.inside-checkout-layout .selected-color .selected-color-title[data-v-e517ce46] {
  margin-left: 8px
}

.color-selector.inside-checkout-layout .selected-color .switcher[data-v-e517ce46] {
  padding-right: 16px
}

.color-selector.inside-checkout-layout .expanded[data-v-e517ce46] {
  overflow: hidden;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  border: unset
}

@media all and (max-width: 768px) {
  .color-selector.inside-checkout-layout .expanded[data-v-e517ce46] {
    background: #fff
  }
}

.color-selector.inside-checkout-layout .expanded .expanded-header .expanded-header-title[data-v-e517ce46],
.color-selector.inside-checkout-layout .expanded .expanded-header .expanded-switcher[data-v-e517ce46] {
  visibility: hidden
}

.color-selector.inside-checkout-layout .expanded .expanded-header .expanded-header-title[data-v-e517ce46] {
  margin: 0;
  height: 47px;
  box-sizing: border-box
}

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

  .color-selector.inside-checkout-layout .expanded .expanded-header .expanded-header-title[data-v-e517ce46],
  .color-selector.inside-checkout-layout .expanded .expanded-header .expanded-switcher[data-v-e517ce46] {
    visibility: visible
  }

  .color-selector.inside-checkout-layout .expanded .expanded-header .expanded-header-title[data-v-e517ce46] {
    height: 20px;
    margin: 20px
  }
}

.color-selector.inside-checkout-layout .expanded .expanded-colors[data-v-e517ce46] {
  display: block;
  padding: 8px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, .13) 0 32px 32px 0;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, .1)
}

@media all and (max-width: 768px) {
  .color-selector.inside-checkout-layout .expanded .expanded-colors[data-v-e517ce46] {
    box-shadow: none;
    border: none
  }
}

.color-selector.inside-checkout-layout .expanded .expanded-colors .expanded-color[data-v-e517ce46] {
  flex-direction: row;
  justify-content: start;
  height: 40px;
  margin: 0;
  border-radius: 6px
}

.color-selector.inside-checkout-layout .expanded .expanded-colors .expanded-color[data-v-e517ce46]:hover {
  background: #f2f2f2
}

.color-selector.inside-checkout-layout .expanded .expanded-colors .expanded-color .preview-color[data-v-e517ce46] {
  width: 24px;
  height: 24px;
  margin: 0 8px;
  border-radius: 50%
}

.color-selector.inside-checkout-layout .expanded .expanded-colors .expanded-color .preview-color.white[data-v-e517ce46] {
  border: 1px solid rgba(0, 0, 0, .15);
  box-sizing: border-box
}

.color-selector.inside-checkout-layout .expanded .expanded-colors .expanded-color .expanded-color-title.active[data-v-e517ce46] {
  font-weight: 600
}

.color-selector.inside-checkout-layout .expanded .expanded-colors .expanded-color.active[data-v-e517ce46] {
  background: #f2f2f2;
  font-weight: 600
}

#upsell-ms[data-v-c31556ac] {
  display: flex;
  flex-direction: column
}

#upsell-ms #upsell-ms-header[data-v-c31556ac] {
  color: #333;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.2px;
  margin-bottom: 20px
}

#upsell-ms #upsell-ms-cols[data-v-c31556ac] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center
}

#upsell-ms #upsell-ms-cols .upsell-ms-col[data-v-c31556ac] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  flex-basis: 0;
  margin-right: 8px
}

#upsell-ms #upsell-ms-cols .upsell-ms-col[data-v-c31556ac]:last-child {
  margin-right: 0
}

#upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-header[data-v-c31556ac] {
  color: #252729;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  text-align: left;
  width: 100%;
  margin-bottom: 10px
}

#upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component[data-v-c31556ac] {
  margin-bottom: 20px;
  width: 100%
}

#upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component[data-v-c31556ac] .color-selector .selected-color .selected-image {
  width: 56px
}

#upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component[data-v-c31556ac] .color-selector .selected-color .selected-image img {
  width: 100%;
  height: auto
}

#upsell-ms.inside-checkout-layout[data-v-c31556ac] {
  margin-top: 20px;
  padding: 0 20px
}

#upsell-ms.inside-checkout-layout #upsell-ms-cols[data-v-c31556ac] {
  flex-direction: column;
  gap: 8px
}

#upsell-ms.inside-checkout-layout #upsell-ms-cols .upsell-ms-col[data-v-c31556ac] {
  width: 100%;
  margin-right: 0;
  height: 48px
}

#upsell-ms.inside-checkout-layout #upsell-ms-cols .upsell-ms-col .upsell-ms-col-header[data-v-c31556ac] {
  display: none
}

#upsell-ms.inside-checkout-layout #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component[data-v-c31556ac] {
  margin-bottom: 0
}

.upsell-serenity[data-v-379fcb66] {
  border-radius: 8px;
  max-width: 860px;
  max-height: 100%;
  display: flex;
  flex-flow: column nowrap
}

.multi-selection .upsell-serenity[data-v-379fcb66] {
  overflow: visible
}

.upsell-serenity.has-timer[data-v-379fcb66] {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.upsell-serenity .upsell-qty-container[data-v-379fcb66] {
  margin-top: 20px;
  display: flex
}

.upsell-serenity .modal-body-container[data-v-379fcb66] {
  overflow: visible;
  -webkit-overflow-scrolling: touch;
  flex: 1 1 auto;
  display: block;
  position: relative
}

@media screen and (width <=767px) {
  .upsell-serenity .modal-body-container[data-v-379fcb66] {
    overflow-y: auto
  }
}

.upsell-serenity .close[data-v-379fcb66] {
  display: none
}

.upsell-serenity .modal-loading[data-v-379fcb66] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1
}

.upsell-serenity .modal-loading .spinner[data-v-379fcb66] {
  border: 5px solid #202020;
  border-bottom-color: rgba(0, 0, 0, 0)
}

.upsell-serenity .modal-header[data-v-379fcb66] {
  font-family: Inter, sans-serif;
  display: flex;
  height: 20px;
  padding: 30px;
  padding-bottom: 0
}

.upsell-serenity .modal-header .logo[data-v-379fcb66] {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: 20px
}

body.rtl .upsell-serenity .modal-header .logo[data-v-379fcb66] {
  justify-content: right
}

.upsell-serenity .modal-header .logo img[data-v-379fcb66] {
  width: auto;
  height: 20px
}

.upsell-serenity .modal-header .headline[data-v-379fcb66] {
  display: flex;
  justify-content: right;
  align-items: center;
  flex: 1;
  color: #222;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em
}

body.rtl .upsell-serenity .modal-header .headline[data-v-379fcb66] {
  justify-content: left
}

.upsell-serenity .modal-header .headline span[data-v-379fcb66] {
  display: inline-block;
  margin: 0 0 0 auto
}

body.rtl .upsell-serenity .modal-header .headline span[data-v-379fcb66] {
  margin-left: 0
}

.upsell-serenity .modal-body[data-v-379fcb66] {
  font-family: Inter, sans-serif;
  padding: 30px;
  padding-top: 25px;
  display: flex;
  flex-flow: row wrap
}

.upsell-serenity .modal-body .upsell-content[data-v-379fcb66] {
  display: flex;
  flex-flow: row wrap;
  flex: 1
}

.multi-selection .upsell-serenity .modal-body .upsell-content[data-v-379fcb66] {
  flex-wrap: nowrap
}

@media all and (width >=768px)and (width <=860px) {
  .multi-selection .upsell-serenity .modal-body .upsell-content[data-v-379fcb66] {
    flex-wrap: wrap
  }
}

.multi-selection .upsell-serenity .modal-body .upsell-content.upsell-upgrade-items[data-v-379fcb66] {
  flex-wrap: wrap
}

.upsell-serenity .modal-body .content-blocks[data-v-379fcb66] {
  width: 100%
}

.upsell-serenity .modal-body .media-group[data-v-379fcb66] {
  display: flex;
  flex-direction: column;
  flex: 0 266px;
  min-width: 266px
}

.upsell-serenity .modal-body .media-group .popup-image[data-v-379fcb66] {
  background-color: #f7f8fa;
  border-radius: 10px;
  min-height: 266px;
  display: flex;
  justify-content: center;
  align-items: center
}

.upsell-serenity .modal-body .media-group .popup-image.multi-items[data-v-379fcb66] {
  flex-wrap: wrap
}

.upsell-serenity .modal-body .media-group .popup-image.multi-items picture[data-v-379fcb66] {
  flex: 1;
  flex-basis: 50%
}

.upsell-serenity .modal-body .media-group .popup-image img[data-v-379fcb66] {
  width: 100%;
  height: auto;
  max-height: 266px;
  object-fit: contain
}

.upsell-serenity .modal-body .description[data-v-379fcb66]::before {
  display: none
}

.upsell-serenity .modal-body .description p[data-v-379fcb66]:nth-child(1) {
  color: #717171;
  font-weight: 500;
  margin: 0 0 10px;
  font-size: 14px;
  font-style: normal;
  line-height: 140%;
  letter-spacing: -0.01em
}

.upsell-serenity .modal-body .description p[data-v-379fcb66]:nth-child(2) {
  font-size: 28px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  margin-bottom: 10px;
  color: #222
}

.upsell-serenity .modal-body .text-group[data-v-379fcb66] {
  display: flex;
  align-items: center;
  flex: 1;
  padding-inline-start: 40px;
  margin: 0
}

.upsell-serenity .modal-body .text-group .upsell-info[data-v-379fcb66] {
  margin: 0;
  flex: 1
}

.upsell-serenity .modal-body .text-group .upsell-info .long-description[data-v-379fcb66],
.upsell-serenity .modal-body .text-group .upsell-info .long-description[data-v-379fcb66] p {
  color: #717171;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.01em
}

.upsell-serenity .modal-body .text-group .upsell-info .long-description[data-v-379fcb66] p,
.upsell-serenity .modal-body .text-group .upsell-info .long-description[data-v-379fcb66] ul,
.upsell-serenity .modal-body .text-group .upsell-info .long-description[data-v-379fcb66] ol {
  margin-block: 10px
}

.upsell-serenity .modal-body .text-group .upsell-info .long-description[data-v-379fcb66] ol,
.upsell-serenity .modal-body .text-group .upsell-info .long-description[data-v-379fcb66] ul {
  padding-inline-start: 1.5em;
  display: block;
  margin-inline: 0
}

.upsell-serenity .modal-body .text-group .upsell-info .long-description[data-v-379fcb66] ul {
  list-style-type: disc
}

.upsell-serenity .modal-body .text-group .upsell-info .pricing-display[data-v-379fcb66] {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

.upsell-serenity .modal-body .text-group .upsell-info .pricing-display>div[data-v-379fcb66] {
  flex: 0 1 auto
}

.upsell-serenity .modal-body .text-group .upsell-info .pricing-display .upsell-price[data-v-379fcb66] {
  margin-inline-end: 8px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1
}

.upsell-serenity .modal-body .text-group .upsell-info .pricing-display .savings-amount[data-v-379fcb66] {
  color: var(--theme-primary, #009ade);
  background: rgb(var(--theme-primary-rgb, 0, 140, 209), 0.1);
  border-radius: 3px;
  padding: 0 8px;
  text-align: center;
  font-size: .75rem;
  font-weight: 600;
  height: 21px;
  line-height: 21px
}

.upsell-serenity .modal-body .text-group .upsell-info .pricing-display .additional-cost[data-v-379fcb66] {
  color: #92969e;
  font-size: .75rem;
  font-weight: 600;
  height: 21px;
  line-height: 21px;
  padding: 0 8px
}

.upsell-serenity .modal-body .text-group .upsell-info.showInBulk .upsell-actions[data-v-379fcb66] {
  flex-direction: column;
  align-items: stretch;
  margin-top: 20px
}

.upsell-serenity .modal-body .text-group .upsell-info.showInBulk .upsell-actions .button-container[data-v-379fcb66] {
  margin-bottom: 10px
}

.upsell-serenity .modal-body .text-group .upsell-info.showInBulk .upsell-actions button[data-v-379fcb66] {
  max-width: 100%;
  width: 100%
}

.upsell-serenity .modal-body .upsell-price-discount-msrp[data-v-379fcb66] {
  margin-right: 7px;
  color: #777;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.28px;
  text-decoration: line-through
}

.upsell-serenity .modal-body .upsell-price-discount-msrp.is_upgrade[data-v-379fcb66] {
  text-decoration: unset
}

.upsell-serenity .modal-body .description[data-v-379fcb66],
.upsell-serenity .modal-body .text-group .long-description[data-v-379fcb66] {
  overflow-wrap: break-word
}

.upsell-serenity .modal-body #paypal-button-container[data-v-379fcb66]:has(.paypal-buttons) {
  display: flex;
  align-items: center;
  white-space: nowrap;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 5px
}

.upsell-serenity .modal-body #paypal-button-container:has(.paypal-buttons) span[data-v-379fcb66] {
  margin-bottom: 4px;
  font-family: Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1
}

.upsell-serenity .modal-body #paypal-button-container[data-v-379fcb66]:has(.paypal-buttons) .paypal-buttons {
  width: auto
}

.upsell-serenity .modal-body #paypal-button-container:has(.paypal-buttons).paypal-popup[data-v-379fcb66] {
  margin: 0 8px 0 0
}

.upsell-serenity .modal-body #paypal-button-container:has(.paypal-buttons).paypal-popup.paypal-multi-items[data-v-379fcb66] {
  margin: 0
}

.upsell-serenity .modal-body #paypal-button-container:has(.paypal-buttons).paypal-popup.paypal-multi-items[data-v-379fcb66] .paypal-buttons {
  width: 100%
}

.upsell-serenity .modal-body .paypal-button-disabled[data-v-379fcb66] {
  filter: grayscale(1)
}

.upsell-serenity .modal-body .paypal-button-disabled[data-v-379fcb66]::after {
  content: "";
  height: 44px;
  display: block;
  width: 100%;
  margin-top: -54px;
  z-index: 999
}

.upsell-serenity .modal-body .paypal-cta-hint[data-v-379fcb66] {
  width: 100%;
  margin-bottom: 16px;
  font-family: Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1
}

.upsell-serenity .modal-body .upsell-actions[data-v-379fcb66] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  margin: 20px 0 0
}

.upsell-serenity .modal-body .upsell-actions .button[data-v-379fcb66],
.upsell-serenity .modal-body .upsell-actions button[data-v-379fcb66] {
  flex: 0 1 auto;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  font-family: Helvetica, sans-serif;
  background: var(--theme-primary, #009ade);
  box-shadow: none;
  border-radius: 6px;
  padding: 0 18px;
  border: none;
  cursor: pointer;
  box-sizing: border-box;
  margin-inline-end: 8px;
  width: auto;
  min-height: 42px;
  max-width: 268px;
  min-width: 120px;
  display: flex;
  justify-content: center;
  align-items: center
}

.upsell-serenity .modal-body .upsell-actions .button span[data-v-379fcb66]::first-letter,
.upsell-serenity .modal-body .upsell-actions button span[data-v-379fcb66]::first-letter {
  text-transform: uppercase
}

.upsell-serenity .modal-body .upsell-actions .button[data-v-379fcb66]:disabled,
.upsell-serenity .modal-body .upsell-actions button[data-v-379fcb66]:disabled {
  background: #777;
  opacity: 1
}

.upsell-serenity .modal-body .upsell-actions .button.disabled[data-v-379fcb66],
.upsell-serenity .modal-body .upsell-actions button.disabled[data-v-379fcb66] {
  background: #777;
  opacity: 1;
  pointer-events: none
}

.upsell-serenity .modal-body .upsell-actions .button.disabled.clickable[data-v-379fcb66],
.upsell-serenity .modal-body .upsell-actions button.disabled.clickable[data-v-379fcb66] {
  pointer-events: all
}

.upsell-serenity .modal-body .upsell-actions .button.cancel-upsell[data-v-379fcb66],
.upsell-serenity .modal-body .upsell-actions button.cancel-upsell[data-v-379fcb66] {
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
  color: #717171;
  margin: 0;
  padding: 0 18px;
  min-width: 120px;
  max-width: 167px
}

.upsell-serenity .modal-body .upsell-actions .button.cancel-upsell[data-v-379fcb66]:hover,
.upsell-serenity .modal-body .upsell-actions button.cancel-upsell[data-v-379fcb66]:hover {
  filter: none;
  box-shadow: none;
  color: var(--theme-primary, #009ade)
}

.upsell-serenity .modal-body .upsell-actions .button.cancel-upsell[data-v-379fcb66]:disabled,
.upsell-serenity .modal-body .upsell-actions button.cancel-upsell[data-v-379fcb66]:disabled {
  background: none
}

.upsell-serenity .modal-body .upsell-actions .button .spinner[data-v-379fcb66],
.upsell-serenity .modal-body .upsell-actions button .spinner[data-v-379fcb66] {
  border-color: #fff;
  border-bottom-color: rgba(0, 0, 0, 0)
}

.upsell-serenity .modal-body .upsell-actions .button .spinner.primary[data-v-379fcb66],
.upsell-serenity .modal-body .upsell-actions button .spinner.primary[data-v-379fcb66] {
  border-color: var(--theme-primary, #009ade);
  border-bottom-color: rgba(0, 0, 0, 0)
}

.upsell-serenity .modal-body .upsell-actions .button[data-v-379fcb66]:focus,
.upsell-serenity .modal-body .upsell-actions .button[data-v-379fcb66]:focus-visible,
.upsell-serenity .modal-body .upsell-actions button[data-v-379fcb66]:focus,
.upsell-serenity .modal-body .upsell-actions button[data-v-379fcb66]:focus-visible {
  outline: none
}

.upsell-serenity .modal-body .upsell-actions .btn-disabled[data-v-379fcb66] {
  pointer-events: none;
  opacity: .4
}

.upsell-serenity .modal-body .upsell-actions .btn-disabled.clickable[data-v-379fcb66] {
  pointer-events: all
}

.upsell-serenity .modal-body #error-message[data-v-379fcb66] {
  padding: 20px 0
}

.upsell-serenity .modal-body .tax-label[data-v-379fcb66] {
  width: 100%;
  margin-top: 11px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #717171
}

.upsell-serenity .modal-body .tax-label[data-v-379fcb66]:not(.tax-label-popup),
.upsell-serenity .modal-body .tax-label.tax-label-multi-items[data-v-379fcb66] {
  text-align: center
}

.upsell-serenity.has-options[data-v-379fcb66] {
  max-width: 1040px
}

.upsell-serenity.has-options .modal-body .text-group .upsell-info .upsell-cta[data-v-379fcb66] {
  flex: 1;
  max-width: 100%
}

.upsell-serenity.has-options .modal-body .text-group .upsell-info .upsell-info-group[data-v-379fcb66] {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: space-between
}

.upsell-serenity.has-options .modal-body .text-group .upsell-info .pricing-display[data-v-379fcb66] {
  width: auto;
  padding-bottom: 3px
}

.upsell-serenity.has-options .modal-body .text-group .upsell-info .description p[data-v-379fcb66]:nth-child(2) {
  margin-bottom: 0
}

@media screen and (width <=860px) {
  .upsell-serenity[data-v-379fcb66] {
    max-width: 425px;
    max-height: 100dvh;
    overflow: auto;
    padding: 0;
    border-radius: 0
  }

  .upsell-serenity.has-options .modal-body .text-group .upsell-info .upsell-info-group[data-v-379fcb66] {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start
  }

  .upsell-serenity.has-options .modal-body .text-group .upsell-info .pricing-display[data-v-379fcb66] {
    width: auto;
    padding-bottom: 0
  }

  .upsell-serenity.has-options .modal-body .text-group .upsell-info .description p[data-v-379fcb66]:nth-child(2) {
    margin-bottom: 20px
  }

  .upsell-serenity .modal-header[data-v-379fcb66] {
    display: none;
    border-bottom: 0;
    min-height: 90px
  }

  .upsell-serenity .modal-header .logo[data-v-379fcb66] {
    display: none
  }

  .upsell-serenity .modal-header .headline[data-v-379fcb66] {
    text-align: center;
    justify-content: center;
    font-size: 1.375rem;
    margin: 0
  }

  .upsell-serenity .modal-header .headline span[data-v-379fcb66] {
    margin: 0 auto
  }

  .upsell-serenity .modal-body[data-v-379fcb66] {
    justify-content: center;
    padding: 0
  }

  .upsell-serenity .modal-body .upsell-content[data-v-379fcb66] {
    justify-content: center
  }

  .upsell-serenity .modal-body .description[data-v-379fcb66] {
    margin: 0;
    padding: 0 10px
  }

  .upsell-serenity .modal-body .description p[data-v-379fcb66] {
    text-align: center
  }

  .upsell-serenity .modal-body .description p[data-v-379fcb66]:nth-child(2) {
    letter-spacing: -0.56px
  }

  .upsell-serenity .modal-body .media-group[data-v-379fcb66] {
    flex: unset;
    width: 100%
  }

  .upsell-serenity .modal-body .media-group .popup-image[data-v-379fcb66] {
    margin: 0
  }

  .upsell-serenity .modal-body .text-group[data-v-379fcb66] {
    padding: 40px 25px
  }

  .upsell-serenity .modal-body .text-group .upsell-info .description[data-v-379fcb66] {
    margin: 0;
    padding: 0 40px
  }

  .upsell-serenity .modal-body .text-group .upsell-info .description p[data-v-379fcb66] {
    text-align: center
  }

  .upsell-serenity .modal-body .text-group .upsell-info .upsell-qty-container[data-v-379fcb66] {
    justify-content: center
  }

  .upsell-serenity .modal-body .text-group .upsell-info .pricing-display[data-v-379fcb66] {
    justify-content: center
  }

  .upsell-serenity .modal-body .text-group .upsell-info .pricing-display .additional-cost[data-v-379fcb66] {
    flex: 1 100%;
    text-align: center;
    margin-top: 4px
  }

  .upsell-serenity .modal-body .text-group .upsell-info .upsell-actions[data-v-379fcb66] {
    flex-direction: column;
    align-items: center;
    margin-top: 20px
  }

  .upsell-serenity .modal-body .text-group .upsell-info .upsell-actions .button[data-v-379fcb66],
  .upsell-serenity .modal-body .text-group .upsell-info .upsell-actions button[data-v-379fcb66] {
    flex: 1;
    min-width: unset;
    max-width: unset;
    width: 100%;
    padding: 16px 14px;
    margin: 0 0 10px;
    font-size: 16px
  }

  .upsell-serenity .modal-body .text-group .upsell-info .upsell-actions .button.cancel-upsell[data-v-379fcb66],
  .upsell-serenity .modal-body .text-group .upsell-info .upsell-actions button.cancel-upsell[data-v-379fcb66] {
    padding: 10px 15px;
    min-width: 0;
    max-width: unset;
    margin: 0;
    box-shadow: none
  }

  .upsell-serenity .modal-body .text-group .upsell-info .upsell-actions .button-container[data-v-379fcb66] {
    width: 100%;
    display: flex;
    justify-content: center
  }

  .upsell-serenity .modal-body .text-group .upsell-info #error-message[data-v-379fcb66] {
    padding: 20px;
    text-align: center
  }

  .upsell-serenity .modal-body .text-group .upsell-info.showInBulk .upsell-actions button[data-v-379fcb66],
  .upsell-serenity .modal-body .text-group .upsell-info.showInBulk .upsell-actions .button[data-v-379fcb66] {
    margin: 0
  }

  .upsell-serenity .modal-body .upsell-price-discount-msrp[data-v-379fcb66] {
    font-size: 13px
  }

  .upsell-serenity .modal-body .tax-label[data-v-379fcb66] {
    text-align: center
  }

  .upsell-serenity .modal-body #paypal-button-container:has(.paypal-buttons).paypal-popup[data-v-379fcb66] {
    width: 100%;
    margin: 0 0 10px
  }

  .upsell-serenity .modal-body #paypal-button-container:has(.paypal-buttons).paypal-popup[data-v-379fcb66] .paypal-buttons {
    width: 100%
  }

  .upsell-serenity .modal-body #paypal-button-container:has(.paypal-buttons) span[data-v-379fcb66] {
    margin-bottom: 0;
    margin-right: 15px
  }

  .upsell-serenity .modal-body .paypal-cta-hint[data-v-379fcb66] {
    text-align: center
  }
}

@media screen and (width <=767px) {
  .upsell-serenity[data-v-379fcb66] {
    width: 100%
  }

  .upsell-serenity .modal-header[data-v-379fcb66] {
    height: 72px
  }
}

@media screen and (width <=440px) {
  .upsell-serenity[data-v-379fcb66] {
    padding: 0
  }

  .upsell-serenity .modal-header[data-v-379fcb66] {
    height: 42px;
    min-height: 42px
  }

  .upsell-serenity .modal-header .headline[data-v-379fcb66] {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600
  }

  .upsell-serenity .modal-body[data-v-379fcb66] {
    padding-bottom: 0
  }

  .upsell-serenity .modal-body .media-group[data-v-379fcb66] {
    min-height: 0;
    border-radius: 0
  }

  .upsell-serenity .modal-body .description p[data-v-379fcb66]:nth-child(1) {
    font-size: .875rem
  }

  .upsell-serenity .modal-body .text-group .upsell-info[data-v-379fcb66] {
    display: flex;
    flex-flow: column nowrap;
    justify-content: stretch
  }

  .upsell-serenity .modal-body .text-group .upsell-info .upsell-actions[data-v-379fcb66] {
    display: flex;
    width: auto
  }

  .upsell-serenity .modal-body .text-group .upsell-info .upsell-actions .button[data-v-379fcb66],
  .upsell-serenity .modal-body .text-group .upsell-info .upsell-actions button[data-v-379fcb66] {
    max-width: 100%
  }
}

@media screen and (device-width <=440px) {
  .upsell-serenity .modal-header[data-v-379fcb66] {
    height: 42px;
    min-height: 42px
  }

  .upsell-serenity .modal-header .headline[data-v-379fcb66] {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600
  }
}

@media screen and (device-height <=670px)and (orientation: portrait) {
  .upsell-serenity[data-v-379fcb66] {
    border-radius: 0;
    height: 100dvh
  }
}

.upsell-serenity.popup .modal-header .headline[data-v-379fcb66] {
  color: #111827
}

.upsell-serenity.popup .modal-body .media-group .popup-image:not(.multi-items) picture[data-v-379fcb66] {
  width: 100%;
  height: 100%
}

@media screen and (width <=767px) {
  .upsell-serenity.popup[data-v-379fcb66] {
    height: 100%;
    max-width: none
  }

  .upsell-serenity.popup .modal-header[data-v-379fcb66] {
    display: flex;
    align-items: center;
    padding: 12px;
    padding-bottom: 0;
    padding-top: 0;
    position: relative
  }

  .upsell-serenity.popup .modal-header .logo[data-v-379fcb66] {
    display: none
  }

  .upsell-serenity.popup .modal-header .close[data-v-379fcb66] {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
  }

  .upsell-serenity.popup .modal-body[data-v-379fcb66] {
    height: 100%;
    flex-flow: column nowrap;
    overflow: auto
  }

  .upsell-serenity.popup .modal-body .upsell-content[data-v-379fcb66] {
    flex-flow: column nowrap;
    min-height: 100px
  }

  .upsell-serenity.popup .modal-body .media-group[data-v-379fcb66] {
    flex-shrink: 1;
    flex-grow: 1;
    min-height: 50px
  }

  .upsell-serenity.popup .modal-body .media-group .popup-image[data-v-379fcb66] {
    flex: 1;
    border-radius: 0;
    align-items: center;
    min-height: 50px;
    overflow: auto
  }

  .upsell-serenity.popup .modal-body .media-group .popup-image picture[data-v-379fcb66] {
    flex-shrink: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .upsell-serenity.popup .modal-body .media-group .popup-image picture img[data-v-379fcb66] {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: contrast(1.2) blur(0.5px)
  }

  .upsell-serenity.popup .modal-body .text-group[data-v-379fcb66] {
    padding: 20px 12px;
    align-items: start;
    flex-grow: 0
  }

  .upsell-serenity.popup .modal-body .text-group .upsell-info[data-v-379fcb66] {
    display: flex;
    flex-direction: column
  }

  .upsell-serenity.popup .modal-body .text-group .upsell-info .upsell-actions .cancel-upsell[data-v-379fcb66] {
    display: none
  }
}

.upsell-serenity.fullpage[data-v-379fcb66] {
  max-width: 100%;
  height: 100%;
  justify-content: flex-start;
  padding-top: 19px;
  align-items: center;
  overflow-y: auto;
  border-radius: 0
}

.upsell-serenity.fullpage .modal-header[data-v-379fcb66] {
  max-width: 1100px;
  height: auto;
  align-items: center;
  padding: 0;
  margin: 0;
  width: calc(100% - 30px)
}

.upsell-serenity.fullpage .modal-header .logo[data-v-379fcb66] {
  margin: 0
}

.upsell-serenity.fullpage .modal-header .logo img[data-v-379fcb66] {
  height: 32px
}

.upsell-serenity.fullpage .modal-header .headline[data-v-379fcb66] {
  flex-flow: column wrap;
  align-items: flex-end;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: unset;
  color: var(--george-george-text-dark, #000)
}

.upsell-serenity.fullpage .modal-header .headline .confirmation-order-receipt[data-v-379fcb66] {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: rgba(119, 119, 119, .47);
  text-align: left
}

.upsell-serenity.fullpage .modal-header .headline .confirmation-order-receipt strong[data-v-379fcb66] {
  font-weight: 500;
  color: #000
}

.upsell-serenity.fullpage #post-upsell-timer-full-page-teleport[data-v-379fcb66] {
  width: 100%;
  margin-top: 19px
}

.upsell-serenity.fullpage .modal-body[data-v-379fcb66] {
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: center;
  max-width: 1100px;
  flex: 0 1 auto;
  width: calc(100% - 30px);
  margin: 0;
  padding: 0
}

.upsell-serenity.fullpage .modal-body .special-description-wrapper[data-v-379fcb66] {
  margin: 28px 0 29px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.upsell-serenity.fullpage .modal-body .special-description-wrapper .breadcrumbs-confirmation-number[data-v-379fcb66] {
  margin-left: 5px;
  font-weight: 400
}

.upsell-serenity.fullpage .modal-body .special-description-wrapper .special-description[data-v-379fcb66] p {
  margin: 0;
  color: var(--george-george-text-dark, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px
}

.upsell-serenity.fullpage .modal-body .upsell-content[data-v-379fcb66] {
  flex-flow: column nowrap
}

.upsell-serenity.fullpage .modal-body .upsell-content .upsell-upgrade-item[data-v-379fcb66] {
  display: flex;
  align-items: center;
  padding: 20px 25px;
  margin-bottom: 6px;
  border-radius: 8px;
  border: 2px solid #f2f2f2
}

.upsell-serenity.fullpage .modal-body .upsell-content .upsell-upgrade-item.last[data-v-379fcb66] {
  margin-bottom: 26px
}

.upsell-serenity.fullpage .modal-body .upsell-content .media-group[data-v-379fcb66] {
  flex: 0 100px;
  min-width: 100px
}

.upsell-serenity.fullpage .modal-body .upsell-content .media-group .popup-image[data-v-379fcb66] {
  border-radius: 10px;
  min-height: 100px
}

.upsell-serenity.fullpage .modal-body .upsell-content .media-group .popup-image img[data-v-379fcb66] {
  width: auto;
  height: auto;
  max-height: 100px
}

.upsell-serenity.fullpage .modal-body .upsell-content .text-group[data-v-379fcb66] {
  padding-left: 30px
}

.upsell-serenity.fullpage .modal-body .upsell-content .upsell-info[data-v-379fcb66] {
  display: flex;
  align-items: center
}

.upsell-serenity.fullpage .modal-body .upsell-content .upsell-info-texts[data-v-379fcb66] {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  margin-right: 10px
}

.upsell-serenity.fullpage .modal-body .upsell-content .upsell-info-texts .subhead[data-v-379fcb66] {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  color: #777;
  text-align: left
}

body.rtl .upsell-serenity.fullpage .modal-body .upsell-content .upsell-info-texts .subhead[data-v-379fcb66] {
  text-align: right
}

.upsell-serenity.fullpage .modal-body .upsell-content .upsell-info-texts .short-description[data-v-379fcb66] {
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
  color: #222
}

.upsell-serenity.fullpage .modal-body .upsell-content .upsell-info-texts .long-description[data-v-379fcb66],
.upsell-serenity.fullpage .modal-body .upsell-content .upsell-info-texts .long-description[data-v-379fcb66] p {
  margin-bottom: 0;
  color: #777
}

.upsell-serenity.fullpage .modal-body .upsell-content .upsell-info-texts[data-v-379fcb66] * {
  overflow-wrap: break-word
}

.upsell-serenity.fullpage .modal-body .upsell-content .pricing-display[data-v-379fcb66] {
  align-items: center;
  justify-content: center;
  width: unset;
  margin-right: 40px
}

body.rtl .upsell-serenity.fullpage .modal-body .upsell-content .pricing-display[data-v-379fcb66] {
  margin-right: 0;
  margin-left: 40px
}

.upsell-serenity.fullpage .modal-body .upsell-content .pricing-display .upsell-price[data-v-379fcb66] {
  margin-right: 7px;
  font-size: 16px;
  color: var(--george-george-text-dark, #000);
  font-weight: 600;
  letter-spacing: -0.32px
}

.upsell-serenity.fullpage .modal-body .upsell-content .pricing-display .savings-amount[data-v-379fcb66] {
  padding: 0;
  font-size: 14px;
  background: unset;
  white-space: nowrap
}

.upsell-serenity.fullpage .modal-body .upsell-content .upsell-actions[data-v-379fcb66] {
  align-items: center;
  flex-wrap: nowrap;
  width: unset;
  margin: 0
}

.upsell-serenity.fullpage .modal-body .upsell-content .upsell-actions .button-container button[data-v-379fcb66] {
  margin: 0;
  height: 44px;
  min-width: unset;
  padding: 14px 18px;
  border-radius: 6px;
  font-weight: 600
}

.upsell-serenity.fullpage .modal-body .upsell-content .upsell-multi-items[data-v-379fcb66] {
  justify-content: space-between
}

.upsell-serenity.fullpage .modal-body .upsell-content .upsell-multi-items .button-container[data-v-379fcb66] {
  display: flex;
  align-items: center
}

.upsell-serenity.fullpage .modal-body .upsell-content .upsell-multi-items .button-container .cancel-upsell[data-v-379fcb66] {
  margin-right: 10px;
  font-size: 16px;
  border: none
}

.upsell-serenity.fullpage .modal-body .upsell-content .upsell-multi-items .button-container[data-v-379fcb66] :not(.cancel-upsell) {
  font-family: Inter, sans-serif
}

@media screen and (width >=860px) {
  .upsell-serenity.fullpage .modal-body .upsell-content .upsell-upgrade-item.selected[data-v-379fcb66] {
    background: color-mix(in srgb, var(--theme-primary, #009ade) 5%, transparent);
    border-color: var(--theme-primary, #009ade)
  }

  .upsell-serenity.fullpage .modal-body .upsell-content .upsell-upgrade-item.selected .upsell-actions .button-container button[data-v-379fcb66] {
    color: var(--theme-primary, #009ade);
    border: 2px solid var(--theme-primary, #009ade);
    background: rgba(0, 0, 0, 0)
  }

  .upsell-serenity.fullpage .modal-body .upsell-content .upsell-upgrade-item.selected .upsell-actions .button-container button .spinner[data-v-379fcb66] {
    border-color: var(--theme-primary, #009ade);
    border-bottom-color: rgba(0, 0, 0, 0)
  }
}

@media screen and (width <=860px) {
  .upsell-serenity.fullpage .modal-body .upsell-content .upsell-upgrade-item.selected .upsell-actions .button-container button[data-v-379fcb66] {
    border: 1px solid #e5e5e5;
    background: rgba(0, 0, 0, 0)
  }
}

.upsell-serenity.fullpage .modal-body .upsell-content.single .pricing-display[data-v-379fcb66] {
  margin-right: 0
}

.upsell-serenity.fullpage .modal-body .total-label[data-v-379fcb66] {
  margin-bottom: 8px;
  color: var(--george-george-text-dark, #000);
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.14px
}

.upsell-serenity.fullpage .modal-body .tax-n-price[data-v-379fcb66] {
  display: flex;
  align-items: flex-end
}

.upsell-serenity.fullpage .modal-body .total-price[data-v-379fcb66] {
  margin-right: 12px;
  color: var(--george-george-text-dark, #000);
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.32px
}

.upsell-serenity.fullpage .modal-body .tax-label[data-v-379fcb66] {
  margin: 0;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #777;
  font-size: 10px;
  letter-spacing: -0.1px
}

.upsell-serenity.fullpage .modal-body .content-blocks[data-v-379fcb66]>*:first-child {
  border-top: 1px solid #f2f2f2;
  margin-top: 39px
}

.upsell-serenity.fullpage .bottom-actions[data-v-379fcb66] {
  display: none
}

@media screen and (width <=860px) {
  .upsell-serenity.fullpage[data-v-379fcb66] {
    padding: 0;
    margin: 10px 0 0;
    max-height: unset;
    overflow: unset
  }

  .upsell-serenity.fullpage .modal-header[data-v-379fcb66] {
    display: none
  }

  .upsell-serenity.fullpage #post-upsell-timer-full-page-teleport[data-v-379fcb66] {
    display: none
  }

  .upsell-serenity.fullpage .modal-body[data-v-379fcb66] {
    width: 100%;
    max-width: calc(100vw - 20px);
    margin: 0
  }

  .upsell-serenity.fullpage .modal-body .special-description-wrapper[data-v-379fcb66] {
    display: none
  }

  .upsell-serenity.fullpage .modal-body .upsell-content[data-v-379fcb66] {
    max-height: unset;
    padding: 20px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1);
    background: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 8px
  }

  .upsell-serenity.fullpage .modal-body .upsell-content .upsell-multi-items[data-v-379fcb66] {
    padding: 20px 0 0;
    margin: 0
  }

  .upsell-serenity.fullpage .modal-body .upsell-content .upsell-multi-items .button-container button.cancel-upsell[data-v-379fcb66] {
    display: none
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.single[data-v-379fcb66] {
    padding: 20px
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.single .upsell-upgrade-item[data-v-379fcb66] {
    padding: 0 0 26px;
    margin: 0;
    border: none;
    border-radius: 0
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.single .media-group .popup-image[data-v-379fcb66] {
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    box-sizing: border-box
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.single .text-group[data-v-379fcb66] {
    padding: 0 0 0 20px
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.single .upsell-info[data-v-379fcb66] {
    flex-flow: row wrap;
    justify-content: space-between;
    row-gap: 13px
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.single .upsell-info-texts[data-v-379fcb66] {
    flex: unset;
    margin-right: 20px
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.single .upsell-info-texts .subhead[data-v-379fcb66] {
    margin-bottom: 8px;
    font-size: 14px
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.single .upsell-info-texts .short-description[data-v-379fcb66] {
    margin-bottom: 10px;
    font-size: 22px;
    letter-spacing: unset
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.single .upsell-info-texts .long-description[data-v-379fcb66],
  .upsell-serenity.fullpage .modal-body .upsell-content.single .upsell-info-texts .long-description[data-v-379fcb66] p {
    font-size: 13px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.26px
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.single .pricing-display[data-v-379fcb66] {
    align-items: flex-end;
    row-gap: 6px
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.single .pricing-display .upsell-price[data-v-379fcb66] {
    margin: 0 6px 0 0;
    font-size: 14px;
    letter-spacing: -0.28px
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.single .pricing-display .savings-amount[data-v-379fcb66] {
    height: 15px;
    line-height: 15px;
    font-size: 13px
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.single .upsell-multi-items[data-v-379fcb66] {
    border-top: 1px solid #e3e8ee
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .upsell-upgrade-item[data-v-379fcb66] {
    padding: 19.5px 0;
    margin: 0;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #e3e8ee
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .upsell-upgrade-item[data-v-379fcb66]:first-child {
    padding-top: 0
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .upsell-upgrade-item.last[data-v-379fcb66] {
    border: none
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .media-group[data-v-379fcb66] {
    flex: 0 64px;
    min-width: 64px
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .media-group .popup-image[data-v-379fcb66] {
    min-height: 64px;
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .media-group .popup-image img[data-v-379fcb66] {
    max-height: 64px
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .text-group[data-v-379fcb66] {
    padding: 0 0 0 17px
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .upsell-info[data-v-379fcb66] {
    display: grid;
    grid-template-areas: "texts btn" "prices btn"
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .upsell-info-texts[data-v-379fcb66] {
    grid-area: texts;
    margin: 0 10px 0 0
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .upsell-info-texts .subhead[data-v-379fcb66] {
    display: none
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .upsell-info-texts .short-description[data-v-379fcb66] {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.28px
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .upsell-info-texts .long-description[data-v-379fcb66],
  .upsell-serenity.fullpage .modal-body .upsell-content.multi .upsell-info-texts .long-description[data-v-379fcb66] p {
    font-size: 13px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.26px
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .pricing-display[data-v-379fcb66] {
    grid-area: prices;
    margin: 5px 10px 0 0;
    align-items: flex-end;
    justify-content: flex-start;
    row-gap: 6px
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .pricing-display .upsell-price[data-v-379fcb66] {
    font-size: 14px;
    letter-spacing: -0.28px;
    font-weight: 600
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .pricing-display .savings-amount[data-v-379fcb66] {
    height: auto;
    line-height: 1;
    font-size: 10px
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .upsell-price-discount-msrp[data-v-379fcb66] {
    font-size: 10px;
    letter-spacing: -0.2px
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .upsell-multi-items[data-v-379fcb66] {
    border-top: 1px solid #e3e8ee
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .upsell-actions.upsell-item-actions[data-v-379fcb66] {
    grid-area: btn
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .upsell-actions.upsell-item-actions .button-container[data-v-379fcb66] {
    justify-content: flex-end
  }

  .upsell-serenity.fullpage .modal-body .upsell-content.multi .upsell-actions.upsell-item-actions .button-container button[data-v-379fcb66] {
    width: 40px;
    height: 40px;
    max-width: 40px;
    min-height: unset;
    padding: 0
  }

  .upsell-serenity.fullpage .modal-body .tax-n-total[data-v-379fcb66] {
    height: 47px;
    display: flex;
    flex-direction: column;
    justify-content: center
  }

  .upsell-serenity.fullpage .modal-body .total-label[data-v-379fcb66] {
    margin-bottom: 6px
  }

  .upsell-serenity.fullpage .modal-body .tax-n-price[data-v-379fcb66] {
    flex-direction: column;
    align-items: flex-start
  }

  .upsell-serenity.fullpage .modal-body .total-price[data-v-379fcb66] {
    margin-bottom: 5px;
    font-size: 14px
  }

  .upsell-serenity.fullpage .modal-body .content-blocks[data-v-379fcb66] {
    margin: 0 10px;
    width: calc(100% - 20px)
  }

  .upsell-serenity.fullpage .modal-body .content-blocks[data-v-379fcb66]>*:first-child {
    border-top: none;
    margin-top: 21px
  }

  .upsell-serenity.fullpage .bottom-actions[data-v-379fcb66] {
    display: block;
    margin: 25px 0 0;
    padding: 0 10px
  }

  .upsell-serenity.fullpage .bottom-actions .button-container[data-v-379fcb66] {
    display: flex;
    justify-content: center
  }

  .upsell-serenity.fullpage .bottom-actions button[data-v-379fcb66],
  .upsell-serenity.fullpage .bottom-actions .button[data-v-379fcb66] {
    display: flex;
    padding: 14px 18px;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    text-transform: unset;
    border-radius: 6px;
    background: var(--theme-primary, #009ade)
  }

  .upsell-serenity.fullpage .bottom-actions button[data-v-379fcb66]:disabled,
  .upsell-serenity.fullpage .bottom-actions .button[data-v-379fcb66]:disabled {
    opacity: 1
  }

  .upsell-serenity.fullpage .bottom-actions button[data-v-379fcb66]:disabled:not(.cancel-upsell),
  .upsell-serenity.fullpage .bottom-actions .button[data-v-379fcb66]:disabled:not(.cancel-upsell) {
    background: #777
  }

  .upsell-serenity.fullpage .bottom-actions #paypal-bottom-button-container[data-v-379fcb66] {
    flex: 1 0 0
  }

  .upsell-serenity.fullpage .bottom-actions .cancel-upsell[data-v-379fcb66] {
    padding: 0;
    flex: unset;
    margin: 0 30px 0 0;
    width: max-content;
    color: #777;
    font-size: 16px;
    font-weight: 600;
    background: rgba(0, 0, 0, 0);
    box-shadow: none
  }
}

@media screen and (width <=600px) {
  .upsell-serenity.fullpage .modal-body .upsell-content.single .upsell-info-texts[data-v-379fcb66] {
    margin-right: 0
  }
}

.upsell-serenity.inline[data-v-379fcb66] {
  max-width: 558px;
  max-height: unset;
  height: 100%;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0);
  overflow: hidden;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1)
}

.multi-selection .upsell-serenity.inline[data-v-379fcb66] {
  overflow: visible
}

@media(width <=1366px) {
  .upsell-serenity.inline[data-v-379fcb66] {
    max-width: unset
  }
}

.upsell-serenity.inline .modal-header[data-v-379fcb66] {
  display: none
}

.upsell-serenity.inline .modal-body[data-v-379fcb66] {
  flex: 0 1 auto;
  padding: 19px 20px;
  border-radius: 8px;
  border: 1px solid #f2f2f2;
  background: #fff;
  max-width: unset;
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}

.upsell-serenity.inline .modal-body .content-blocks[data-v-379fcb66] {
  max-width: unset
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-upgrade-item[data-v-379fcb66] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #e6e6e6
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-upgrade-item[data-v-379fcb66]:first-child {
  padding-top: 0
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-upgrade-item #upsell-ms[data-v-379fcb66] {
  width: 100%
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .media-group .popup-image[data-v-379fcb66] {
  border-radius: 8px;
  border: 1px solid #e6e6e6;
  box-sizing: border-box
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .media-group .popup-image picture[data-v-379fcb66] {
  display: flex;
  align-items: center;
  justify-content: center
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .media-group .popup-image img[data-v-379fcb66] {
  width: auto;
  height: auto
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-info[data-v-379fcb66] {
  display: flex;
  flex-direction: row;
  align-items: center
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-info-texts[data-v-379fcb66] {
  flex: 1;
  margin-right: 10px
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-info-texts .long-description[data-v-379fcb66],
.upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-info-texts .long-description[data-v-379fcb66] p {
  color: #777;
  font-size: 13px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.26px
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-info-texts .long-description[data-v-379fcb66] {
  margin: 0
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-info-texts .long-description[data-v-379fcb66] p {
  margin-block: 10px
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-info-texts[data-v-379fcb66] * {
  overflow-wrap: break-word
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .pricing-display[data-v-379fcb66] {
  width: unset;
  margin: 13px 0 0;
  flex: 1;
  align-items: center;
  justify-content: flex-start;
  row-gap: 6px
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .pricing-display .upsell-price[data-v-379fcb66] {
  margin-right: 6px;
  font-size: 14px;
  color: var(--george-george-text-dark, #000);
  letter-spacing: -0.28px;
  font-weight: 600
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .pricing-display .savings-amount[data-v-379fcb66] {
  white-space: nowrap;
  padding: 0;
  height: 15px;
  line-height: 15px;
  font-size: 13px;
  background: unset
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-actions[data-v-379fcb66] {
  height: max-content;
  margin: 0;
  padding: 0;
  width: auto
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-actions .button-container[data-v-379fcb66] {
  width: auto
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-actions .button-container button[data-v-379fcb66] {
  flex: unset;
  width: auto;
  height: 44px;
  margin: 0;
  padding: 0 18px;
  font-size: 14px
}

@media screen and (width >=860px) {
  .upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-upgrade-item.selected .upsell-actions .button-container button[data-v-379fcb66] {
    color: var(--theme-primary, #009ade);
    border: 1px solid var(--theme-primary, #009ade);
    background: rgba(0, 0, 0, 0)
  }
}

@media screen and (width <=860px) {
  .upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-upgrade-item.selected .upsell-actions .button-container button[data-v-379fcb66] {
    border: 1px solid #e5e5e5;
    background: rgba(0, 0, 0, 0)
  }
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items.has-timer .upsell-upgrade-item[data-v-379fcb66]:nth-child(1 of .upsell-upgrade-item) {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items.multi .media-group[data-v-379fcb66] {
  flex: 0 64px;
  min-width: 64px
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items.multi .media-group .popup-image[data-v-379fcb66] {
  min-height: 64px
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items.multi .media-group .popup-image img[data-v-379fcb66] {
  max-height: 40px
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items.multi .text-group[data-v-379fcb66] {
  padding: 0 0 0 21px
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items.multi .upsell-info-texts .short-description[data-v-379fcb66] {
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: var(--george-george-text-dark, #000);
  letter-spacing: -0.14px
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items.multi .pricing-display[data-v-379fcb66] {
  margin: 5px 0 0
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items.single .media-group[data-v-379fcb66] {
  flex: 0 180px;
  min-width: 180px
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items.single .media-group .popup-image[data-v-379fcb66] {
  min-height: 180px
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items.single .media-group .popup-image picture[data-v-379fcb66] {
  display: flex;
  align-items: center;
  justify-content: center
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items.single .media-group .popup-image img[data-v-379fcb66] {
  max-height: 180px
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items.single .text-group[data-v-379fcb66] {
  padding: 0 0 0 30px
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items.single .upsell-info-texts[data-v-379fcb66] {
  margin-right: 0
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items.single .upsell-info-texts .subhead[data-v-379fcb66] {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #777;
  text-align: left
}

body.rtl .upsell-serenity.inline .modal-body .upsell-upgrade-items.single .upsell-info-texts .subhead[data-v-379fcb66] {
  text-align: right
}

@media(width <=860px) {
  .upsell-serenity.inline .modal-body .upsell-upgrade-items.single .upsell-info-texts .subhead[data-v-379fcb66] {
    margin-bottom: 13px
  }
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items.single .upsell-info-texts .short-description[data-v-379fcb66] {
  margin-bottom: 11px;
  color: #222;
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: unset
}

@media(width <=860px) {
  .upsell-serenity.inline .modal-body .upsell-upgrade-items.single .upsell-info-texts .short-description[data-v-379fcb66] {
    margin-bottom: 10px
  }
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-multi-items[data-v-379fcb66] {
  width: 100%;
  margin: 20px 0 0;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-multi-items .button-container[data-v-379fcb66] {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  margin: 0
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-multi-items .button-container[data-v-379fcb66] :not(.cancel-upsell) {
  font-family: Inter, sans-serif
}

.upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-multi-items .button-container button[data-v-379fcb66] {
  font-weight: 600;
  font-family: Inter, sans-serif
}

.upsell-serenity.inline .modal-body .tax-n-total[data-v-379fcb66] {
  margin-right: 10px
}

.upsell-serenity.inline .modal-body .total-label[data-v-379fcb66] {
  margin-bottom: 9px;
  color: var(--george-george-text-dark, #000);
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.14px
}

.upsell-serenity.inline .modal-body .tax-n-price[data-v-379fcb66] {
  display: flex;
  align-items: flex-end
}

.upsell-serenity.inline .modal-body .total-price[data-v-379fcb66] {
  flex: 1;
  margin-right: 12px;
  color: var(--george-george-text-dark, #000);
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.32px
}

.upsell-serenity.inline .modal-body .tax-label[data-v-379fcb66] {
  margin: 0;
  width: auto;
  color: #777;
  font-size: 10px;
  letter-spacing: -0.1px;
  line-height: 140%
}

@media screen and (width <=860px) {
  .upsell-serenity.inline .modal-body .upsell-upgrade-items.single .upsell-upgrade-item[data-v-379fcb66] {
    padding: 6px 0 26px
  }

  .upsell-serenity.inline .modal-body .upsell-upgrade-items.single .media-group[data-v-379fcb66] {
    flex: 0 100px;
    min-width: 100px
  }

  .upsell-serenity.inline .modal-body .upsell-upgrade-items.single .media-group .popup-image[data-v-379fcb66] {
    min-height: 100px
  }

  .upsell-serenity.inline .modal-body .upsell-upgrade-items.single .media-group .popup-image img[data-v-379fcb66] {
    width: auto;
    height: auto;
    max-height: 70px
  }

  .upsell-serenity.inline .modal-body .upsell-upgrade-items.single .text-group[data-v-379fcb66] {
    padding: 0 0 0 20px
  }

  .upsell-serenity.inline .modal-body .upsell-upgrade-items.multi .text-group[data-v-379fcb66] {
    padding: 0 0 0 17px
  }

  .upsell-serenity.inline .modal-body .upsell-upgrade-items.multi .upsell-info-texts .short-description[data-v-379fcb66] {
    font-weight: 600;
    letter-spacing: -0.28px
  }

  .upsell-serenity.inline .modal-body .upsell-upgrade-items.multi .pricing-display[data-v-379fcb66] {
    margin: 8px 0 0;
    align-items: flex-end
  }

  .upsell-serenity.inline .modal-body .upsell-upgrade-items.multi .pricing-display .savings-amount[data-v-379fcb66] {
    height: max-content;
    line-height: 1;
    font-size: 10px
  }

  .upsell-serenity.inline .modal-body .upsell-upgrade-items.multi .upsell-price-discount-msrp[data-v-379fcb66] {
    font-size: 10px
  }

  .upsell-serenity.inline .modal-body .upsell-upgrade-items.multi .upsell-actions.upsell-item-actions .button-container button[data-v-379fcb66] {
    width: 40px;
    height: 40px;
    min-height: unset;
    padding: 0
  }

  .upsell-serenity.inline .modal-body .upsell-upgrade-items .upsell-upgrade-items .upsell-multi-items[data-v-379fcb66] {
    margin: 18px 0 0
  }

  .upsell-serenity.inline .modal-body .upsell-upgrade-items .tax-n-total[data-v-379fcb66] {
    height: 47px;
    display: flex;
    flex-direction: column;
    justify-content: center
  }

  .upsell-serenity.inline .modal-body .upsell-upgrade-items .total-label[data-v-379fcb66] {
    margin-bottom: 6px
  }

  .upsell-serenity.inline .modal-body .upsell-upgrade-items .tax-n-price[data-v-379fcb66] {
    flex-direction: column;
    align-items: flex-start
  }

  .upsell-serenity.inline .modal-body .upsell-upgrade-items .total-price[data-v-379fcb66] {
    margin-bottom: 5px
  }
}

.upsell-serenity #post-upsell-timer-popup-mobile-teleport[data-v-379fcb66],
.upsell-serenity #post-upsell-timer-inline-teleport[data-v-379fcb66] {
  width: 100%
}

#post-upsell-timer-popup-teleport[data-v-379fcb66] {
  max-width: 860px
}

.upsell-timer-container[data-v-379fcb66] {
  display: flex;
  width: 100%;
  margin-bottom: -5px;
  padding-bottom: 5px;
  justify-content: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: rgb(var(--theme-primary-rgb))
}

.upsell-timer-container .upsell-timer[data-v-379fcb66] {
  display: flex;
  width: 100%;
  padding: 20px 15px;
  color: #fff;
  font-family: inter, "Open Sans", helvetica, arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em
}

.upsell-timer-container .upsell-timer span[data-v-379fcb66]:nth-child(2) {
  margin-left: auto
}

.upsell-timer-container .upsell-timer b[data-v-379fcb66] {
  margin-left: 5px
}

@media screen and (width <=860px) {
  .upsell-timer-container[data-v-379fcb66] {
    border-radius: 0;
    margin: 0;
    padding: 0
  }

  .upsell-timer-container .upsell-timer[data-v-379fcb66] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: 19px;
    text-align: unset;
    white-space: pre-line
  }

  .upsell-timer-container .upsell-timer b[data-v-379fcb66] {
    padding: 10px 16px;
    background: hsla(0, 0%, 100%, .1019607843);
    border-radius: 99px
  }
}

.upsell-timer-container.fullpage[data-v-379fcb66] {
  padding: 0;
  margin: 0;
  height: 25px;
  max-width: unset;
  background: #f2f2f2
}

.upsell-timer-container.fullpage .upsell-timer[data-v-379fcb66] {
  width: max-content;
  padding: 8px 10px;
  font-size: 12px;
  color: var(--george-george-text-dark, #000)
}

.upsell-timer-container.fullpage .upsell-timer b[data-v-379fcb66] {
  min-width: 34px;
  font-weight: 600
}

@media screen and (width <=860px) {
  .upsell-timer-container.fullpage[data-v-379fcb66] {
    height: auto;
    margin-bottom: -5px;
    border-radius: 8px 8px 0 0;
    background: rgb(var(--theme-primary-rgb))
  }

  .upsell-timer-container.fullpage .upsell-timer[data-v-379fcb66] {
    width: 100%;
    font-size: 14px
  }

  .upsell-timer-container.fullpage .upsell-timer b[data-v-379fcb66] {
    min-width: 58px;
    height: 25px;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    color: var(--george-george-text-dark, #000);
    font-size: 12px;
    border-radius: 200px;
    background: #fff;
    box-sizing: border-box
  }

  .upsell-timer-container.fullpage.single .upsell-timer[data-v-379fcb66] {
    padding: 14px 18px 18px 20px
  }

  .upsell-timer-container.fullpage.multi .upsell-timer[data-v-379fcb66] {
    padding: 14px 18px 18px 20px
  }

  .upsell-timer-container.fullpage .upsell-timer-texts[data-v-379fcb66] {
    display: flex;
    flex-direction: column;
    margin-left: 15px;
    margin-right: 5px;
    flex: 1
  }

  .upsell-timer-container.fullpage .upsell-timer-texts span[data-v-379fcb66]:first-child {
    margin-bottom: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.14px
  }

  .upsell-timer-container.fullpage .upsell-timer-texts span[data-v-379fcb66]:last-child {
    margin: 0;
    color: hsla(0, 0%, 100%, .75);
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.12px
  }

  .upsell-timer-container.fullpage .upsell-timer-close[data-v-379fcb66] {
    margin-left: 16px;
    width: 16px;
    height: 16px;
    cursor: pointer
  }
}

.upsell-timer-container.inline .upsell-timer[data-v-379fcb66],
.upsell-timer-container.popup .upsell-timer[data-v-379fcb66] {
  padding: 14px 18px 13px 20px;
  align-items: center
}

.upsell-timer-container.inline .upsell-timer-texts[data-v-379fcb66],
.upsell-timer-container.popup .upsell-timer-texts[data-v-379fcb66] {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
  margin-right: 5px;
  flex: 1
}

.upsell-timer-container.inline .upsell-timer-texts span[data-v-379fcb66]:first-child,
.upsell-timer-container.popup .upsell-timer-texts span[data-v-379fcb66]:first-child {
  margin-bottom: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.14px
}

.upsell-timer-container.inline .upsell-timer-texts span[data-v-379fcb66]:last-child,
.upsell-timer-container.popup .upsell-timer-texts span[data-v-379fcb66]:last-child {
  margin: 0;
  color: hsla(0, 0%, 100%, .75);
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.12px
}

.upsell-timer-container.inline b[data-v-379fcb66],
.upsell-timer-container.popup b[data-v-379fcb66] {
  min-width: 58px;
  height: 25px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  color: var(--george-george-text-dark, #000);
  font-size: 12px;
  border-radius: 200px;
  background: #fff;
  box-sizing: border-box
}

.upsell-timer-container.inline .upsell-timer-close[data-v-379fcb66],
.upsell-timer-container.popup .upsell-timer-close[data-v-379fcb66] {
  margin-left: 15px;
  width: 16px;
  height: 16px;
  cursor: pointer
}

@media screen and (width <=860px) {

  .upsell-timer-container.inline[data-v-379fcb66],
  .upsell-timer-container.popup[data-v-379fcb66] {
    margin-bottom: -5px;
    padding-bottom: 5px
  }

  .upsell-timer-container.inline.single .upsell-timer[data-v-379fcb66],
  .upsell-timer-container.popup.single .upsell-timer[data-v-379fcb66] {
    padding: 14px 17px 13px 20px
  }

  .upsell-timer-container.inline.single .upsell-timer-close[data-v-379fcb66],
  .upsell-timer-container.popup.single .upsell-timer-close[data-v-379fcb66] {
    margin-left: 17px
  }

  .upsell-timer-container.inline.multi .upsell-timer[data-v-379fcb66],
  .upsell-timer-container.popup.multi .upsell-timer[data-v-379fcb66] {
    padding: 14px 14px 13px 20px
  }

  .upsell-timer-container.inline.multi .upsell-timer-close[data-v-379fcb66],
  .upsell-timer-container.popup.multi .upsell-timer-close[data-v-379fcb66] {
    margin-left: 12px
  }

  .upsell-timer-container.inline .upsell-timer-icon[data-v-379fcb66],
  .upsell-timer-container.popup .upsell-timer-icon[data-v-379fcb66] {
    display: flex;
    align-items: center
  }
}

.upsell-timer-container.popup .upsell-timer[data-v-379fcb66] {
  padding: 14px 20px
}

.upsell-timer-container.popup b[data-v-379fcb66] {
  font-weight: 600
}

@media screen and (width <=860px) {
  .upsell-timer-container.popup[data-v-379fcb66] {
    margin-bottom: 0;
    padding-bottom: 0
  }

  .upsell-timer-container.popup.single .upsell-timer-close[data-v-379fcb66] {
    margin-left: 16px
  }

  .upsell-timer-container.popup .upsell-timer-close svg[data-v-379fcb66] {
    width: 16px;
    height: 16px
  }
}

.upsell-timer-container .upsell-timer-icon[data-v-379fcb66] {
  height: 34px
}

.spinner[data-v-379fcb66] {
  width: 22px;
  height: 22px
}

.options-disabled[data-v-379fcb66] {
  pointer-events: none;
  opacity: .4
}

[data-v-379fcb66] #upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component {
  margin-bottom: 20px;
  width: 100%
}

[data-v-379fcb66] #upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component .selected-image {
  width: 56px
}

[data-v-379fcb66] #upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component .selected-image img {
  width: 100%;
  height: auto
}

[data-v-379fcb66] #upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component .selected-image .selected-color-image {
  width: 75%;
  height: 75%
}

[data-v-379fcb66] #upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component .selected-size-title,
[data-v-379fcb66] #upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component .selected-color-title {
  font-size: 14px
}

.whats-included_block[data-v-73dd8a4d] {
  visibility: hidden;
  height: 6px
}

.whats-included-content[data-v-73dd8a4d] {
  color: #333;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 20px 0 0
}

@media(max-width: 767px) {
  .whats-included-content[data-v-73dd8a4d] {
    font-size: 11px;
    margin: 0 0 7px
  }
}

.qty-selector.unavailable[data-v-2a255bfe] {
  pointer-events: none
}

.qty-selector.unavailable .label[data-v-2a255bfe],
.qty-selector.unavailable .ui-element[data-v-2a255bfe] {
  opacity: .5
}

.upsell-qty {
  border-radius: 9999px;
  border: 1px solid #dbdbdb;
  display: flex;
  max-width: 170px;
  padding: 0;
  justify-content: center;
  align-items: center
}

.upsell-qty .value {
  min-width: 22px;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #000
}

.upsell-qty .subtract,
.upsell-qty .add {
  width: 40px;
  line-height: 40px;
  display: flex;
  height: 40px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none
}

.upsell-qty .subtract svg,
.upsell-qty .add svg {
  fill: #000
}

.upsell-qty .subtract.disabled,
.upsell-qty .add.disabled {
  cursor: auto
}

.upsell-qty .subtract.disabled svg,
.upsell-qty .add.disabled svg {
  fill: #f2f2f2
}

@media screen and (max-width: 1023px) {
  .upsell-qty {
    align-self: center;
    justify-content: center
  }
}

.inline-upsell-container[data-v-c64d58c6]:not(:first-child) {
  margin-top: 25px
}

.inline-upsell-container .inline-upsell[data-v-c64d58c6] {
  display: flex;
  flex-flow: column nowrap
}

.inline-upsell-container .inline-upsell[data-v-c64d58c6]:not(:first-child) {
  margin-top: 34px
}

.inline-upsell-container .inline-upsell .headline[data-v-c64d58c6] {
  padding: 0;
  color: #222;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.32px;
  margin-top: -4px
}

.inline-upsell-container .inline-upsell .container[data-v-c64d58c6] {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 21px;
  padding: 0
}

.inline-upsell-container .inline-upsell .images[data-v-c64d58c6] {
  background: var(--theme-image-bg, #f7f8fa);
  min-width: 180px;
  min-height: 180px;
  margin-right: 20px;
  align-self: flex-start;
  justify-content: center;
  display: flex;
  flex-flow: column;
  border-radius: 5px
}

.inline-upsell-container .inline-upsell .images img[data-v-c64d58c6] {
  height: auto;
  object-fit: cover;
  min-height: 180px
}

.inline-upsell-container .inline-upsell .upsell-info[data-v-c64d58c6] {
  width: 100%
}

.inline-upsell-container .inline-upsell .upsell-info h3[data-v-c64d58c6] {
  color: #303030;
  font-size: 16px;
  font-style: normal;
  font-weight: 650;
  line-height: 21px
}

.inline-upsell-container .inline-upsell .upsell-info p[data-v-c64d58c6] {
  margin-top: 15.5px;
  margin-bottom: 0;
  color: #555a5f;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-transform: capitalize
}

.inline-upsell-container .inline-upsell .upsell-info[data-v-c64d58c6] #upsell-ms {
  margin-top: 20px
}

.inline-upsell-container .inline-upsell .upsell-info[data-v-c64d58c6] #upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component .selected-image .selected-color-image {
  width: 75%;
  height: 75%
}

.inline-upsell-container .inline-upsell .upsell-info .pricing-display[data-v-c64d58c6] {
  margin-top: 15px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start
}

.inline-upsell-container .inline-upsell .upsell-info .pricing-display .only-price[data-v-c64d58c6] {
  color: #303030;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.36px
}

.inline-upsell-container .inline-upsell .upsell-info .pricing-display .only-price_msrp[data-v-c64d58c6] {
  margin-left: 8px;
  color: #303030;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.24px;
  text-decoration-line: line-through
}

.inline-upsell-container .inline-upsell .upsell-info .pricing-display .sale-msg[data-v-c64d58c6] {
  color: var(--theme-primary, #009ade);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
  border-radius: 3px;
  background: rgba(var(--theme-primary-rgb, 255, 76, 0), 0.1);
  padding: 5.5px 8px;
  margin-left: 8px;
  white-space: nowrap
}

@media only screen and (max-width: 585px) {
  .inline-upsell-container .inline-upsell .images[data-v-c64d58c6] {
    min-width: 74px;
    min-height: 74px;
    transform: scale(0.9);
    transform-origin: 0 50%
  }

  .inline-upsell-container .inline-upsell .images img[data-v-c64d58c6] {
    object-fit: cover;
    min-height: 74px
  }
}

@media only screen and (max-width: 429px) {
  .inline-upsell-container .inline-upsell .images[data-v-c64d58c6] {
    display: none
  }
}

.inline-upsell-container .upsell-qty-container[data-v-c64d58c6] {
  margin-right: 10px
}

.inline-upsell-container .upsell-actions[data-v-c64d58c6] {
  padding: 21px 0 12px 0;
  display: flex;
  flex-flow: row wrap;
  align-items: center
}

.inline-upsell-container .upsell-actions .upsell-qty[data-v-c64d58c6] {
  margin-right: 10px;
  border-radius: 9999px;
  border: 1px solid #dbdbdb;
  display: flex;
  max-width: 170px;
  padding: 0;
  justify-content: center;
  align-items: center;
  align-self: stretch
}

.inline-upsell-container .upsell-actions .upsell-qty .value[data-v-c64d58c6] {
  min-width: 22px;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #000
}

.inline-upsell-container .upsell-actions .upsell-qty .subtract[data-v-c64d58c6],
.inline-upsell-container .upsell-actions .upsell-qty .add[data-v-c64d58c6] {
  width: 40px;
  line-height: 40px;
  display: flex;
  height: 40px;
  justify-content: center;
  align-items: center;
  cursor: pointer
}

.inline-upsell-container .upsell-actions .upsell-qty .subtract svg[data-v-c64d58c6],
.inline-upsell-container .upsell-actions .upsell-qty .add svg[data-v-c64d58c6] {
  fill: #000
}

.inline-upsell-container .upsell-actions .upsell-qty .subtract.disabled[data-v-c64d58c6],
.inline-upsell-container .upsell-actions .upsell-qty .add.disabled[data-v-c64d58c6] {
  cursor: auto
}

.inline-upsell-container .upsell-actions .upsell-qty .subtract.disabled svg[data-v-c64d58c6],
.inline-upsell-container .upsell-actions .upsell-qty .add.disabled svg[data-v-c64d58c6] {
  fill: #f2f2f2
}

.inline-upsell-container .upsell-actions .button-container[data-v-c64d58c6] {
  flex: 1
}

.inline-upsell-container .upsell-actions .button-container.full-width[data-v-c64d58c6] {
  width: 100%;
  flex: 1 1 100%
}

.inline-upsell-container .upsell-actions .button-container.full-width[data-v-c64d58c6]:not(:only-child) {
  margin-bottom: 20px
}

.inline-upsell-container .upsell-actions .button-container .cta-btn[data-v-c64d58c6] {
  font-size: 18px;
  line-height: 21px;
  padding: 16px 20px;
  text-transform: capitalize
}

.inline-upsell-container .upsell-actions .button-container .cta-btn.disabled[data-v-c64d58c6],
.inline-upsell-container .upsell-actions .button-container .cta-btn.disabled[data-v-c64d58c6]:focus,
.inline-upsell-container .upsell-actions .button-container .cta-btn.disabled[data-v-c64d58c6]:active,
.inline-upsell-container .upsell-actions .button-container .cta-btn.disabled[data-v-c64d58c6]:hover {
  color: #92969e;
  background: #f2f2f2;
  opacity: 1;
  filter: none;
  cursor: pointer
}

.inline-upsell-container .upsell-actions .button-container .cta-btn.btn-disabled[data-v-c64d58c6] {
  pointer-events: none;
  opacity: .4
}

.inline-upsell-container .upsell-actions .button-container .cta-btn.btn-disabled.clickable[data-v-c64d58c6] {
  pointer-events: all
}

body.default-dtc-template #multi-selection-wrapper[data-v-4e7185db],
body.default-template #multi-selection-wrapper[data-v-4e7185db] {
  padding: 40px;
  background: #efefef;
  position: relative;
  z-index: 105
}

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

  body.default-dtc-template #multi-selection-wrapper[data-v-4e7185db],
  body.default-template #multi-selection-wrapper[data-v-4e7185db] {
    padding: 0 0 114px;
    background: #efefef
  }
}

#multi-selection[data-v-4e7185db] {
  font-family: Inter, "Open Sans", Helvetica, Arial, sans-serif
}

body.default-dtc-template #multi-selection[data-v-4e7185db],
body.default-template #multi-selection[data-v-4e7185db] {
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  background: #fff
}

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

  body.default-dtc-template #multi-selection[data-v-4e7185db],
  body.default-template #multi-selection[data-v-4e7185db] {
    padding: 0 20px;
    border: none;
    background-color: #efefef
  }
}

#multi-selection-header[data-v-4e7185db] {
  color: #252729;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  margin-top: 20px;
  margin-bottom: 20px
}

body.default-dtc-template #multi-selection-header[data-v-4e7185db],
body.default-template #multi-selection-header[data-v-4e7185db] {
  color: #434339;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 30px;
  margin-bottom: 40px
}

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

  body.default-dtc-template #multi-selection-header[data-v-4e7185db],
  body.default-template #multi-selection-header[data-v-4e7185db] {
    margin-top: 0;
    padding-top: 24px;
    margin-bottom: 0
  }
}

#multi-selection-products[data-v-4e7185db] {
  min-width: 100%
}

body.default-dtc-template #multi-selection-products #multi-selection-header[data-v-4e7185db],
body.default-template #multi-selection-products #multi-selection-header[data-v-4e7185db] {
  display: none
}

#multi-selection-products #multi-selection-header .multi-selection-header-attribute[data-v-4e7185db] {
  color: #252729;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  padding-bottom: 10px;
  padding-left: 20px;
  width: 50%
}

body.default-dtc-template #multi-selection-products #multi-selection-header .multi-selection-header-attribute[data-v-4e7185db],
body.default-template #multi-selection-products #multi-selection-header .multi-selection-header-attribute[data-v-4e7185db] {
  width: auto;
  max-width: 300px
}

#multi-selection-products .multi-selection-row[data-v-4e7185db] {
  min-height: 64px
}

body.default-dtc-template #multi-selection-products .multi-selection-row[data-v-4e7185db],
body.default-template #multi-selection-products .multi-selection-row[data-v-4e7185db] {
  display: flex;
  justify-content: center;
  align-items: center
}

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

  body.default-dtc-template #multi-selection-products .multi-selection-row[data-v-4e7185db],
  body.default-template #multi-selection-products .multi-selection-row[data-v-4e7185db] {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 24px
  }

  body.default-dtc-template #multi-selection-products .multi-selection-row.one[data-v-4e7185db],
  body.default-template #multi-selection-products .multi-selection-row.one[data-v-4e7185db] {
    flex-wrap: nowrap;
    justify-content: center
  }

  body.default-dtc-template #multi-selection-products .multi-selection-row.one .multi-selection-counter[data-v-4e7185db],
  body.default-template #multi-selection-products .multi-selection-row.one .multi-selection-counter[data-v-4e7185db] {
    flex-basis: unset;
    margin-right: 10px
  }
}

#multi-selection-products .multi-selection-row .multi-selection-counter[data-v-4e7185db] {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: -0.32px;
  vertical-align: middle;
  padding-bottom: 20px;
  white-space: nowrap
}

body.default-dtc-template #multi-selection-products .multi-selection-row .multi-selection-counter[data-v-4e7185db],
body.default-template #multi-selection-products .multi-selection-row .multi-selection-counter[data-v-4e7185db] {
  color: #434339;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  padding: 0;
  margin-bottom: 40px;
  margin-right: 20px
}

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

  body.default-dtc-template #multi-selection-products .multi-selection-row .multi-selection-counter[data-v-4e7185db],
  body.default-template #multi-selection-products .multi-selection-row .multi-selection-counter[data-v-4e7185db] {
    flex-basis: 100%;
    margin: 0 0 4px 0;
    color: #434339;
    text-align: left;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px
  }
}

#multi-selection-products .multi-selection-row .multi-selection-attribute[data-v-4e7185db] {
  width: 50%;
  padding-left: 20px;
  padding-bottom: 15px
}

#multi-selection-products .multi-selection-row .multi-selection-attribute.unavailable[data-v-4e7185db] {
  opacity: .5;
  pointer-events: none
}

#multi-selection-products .multi-selection-row .multi-selection-attribute.one[data-v-4e7185db] {
  width: 100%
}

#multi-selection-products .multi-selection-row .multi-selection-attribute.one[data-v-4e7185db] .size-selector,
#multi-selection-products .multi-selection-row .multi-selection-attribute.one[data-v-4e7185db] .color-selector {
  max-width: 300px
}

body.default-dtc-template #multi-selection-products .multi-selection-row .multi-selection-attribute[data-v-4e7185db],
body.default-template #multi-selection-products .multi-selection-row .multi-selection-attribute[data-v-4e7185db] {
  max-width: 300px;
  flex-basis: 300px;
  padding: 0;
  margin-bottom: 40px;
  margin-right: 20px
}

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

  body.default-dtc-template #multi-selection-products .multi-selection-row .multi-selection-attribute[data-v-4e7185db],
  body.default-template #multi-selection-products .multi-selection-row .multi-selection-attribute[data-v-4e7185db] {
    flex-basis: 45%;
    margin: 0
  }
}

body.default-dtc-template #multi-selection-products .multi-selection-row .multi-selection-attribute[data-v-4e7185db]:last-child,
body.default-template #multi-selection-products .multi-selection-row .multi-selection-attribute[data-v-4e7185db]:last-child {
  margin-right: 0
}

body.default-dtc-template #multi-selection-products #apply-to-all[data-v-4e7185db],
body.default-template #multi-selection-products #apply-to-all[data-v-4e7185db] {
  margin-top: -25px;
  min-height: 54px
}

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

  body.default-dtc-template #multi-selection-products #apply-to-all[data-v-4e7185db],
  body.default-template #multi-selection-products #apply-to-all[data-v-4e7185db] {
    margin-top: -10px;
    margin-bottom: -32px;
    position: relative;
    z-index: 1;
    justify-content: center
  }
}

#multi-selection-products #apply-to-all td[data-v-4e7185db] {
  text-align: right;
  color: #252729;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  padding-bottom: 20px;
  margin-bottom: 0
}

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

  body.default-dtc-template #multi-selection-products #apply-to-all td[data-v-4e7185db],
  body.default-template #multi-selection-products #apply-to-all td[data-v-4e7185db] {
    padding-bottom: 0
  }
}

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

  body.default-dtc-template #multi-selection-products #apply-to-all td.multi-selection-counter[data-v-4e7185db],
  body.default-template #multi-selection-products #apply-to-all td.multi-selection-counter[data-v-4e7185db] {
    display: none
  }

  body.default-dtc-template #multi-selection-products #apply-to-all td.multi-selection-counter.apply-to-all-spacer[data-v-4e7185db],
  body.default-template #multi-selection-products #apply-to-all td.multi-selection-counter.apply-to-all-spacer[data-v-4e7185db] {
    display: unset;
    min-width: 50px;
    margin-right: 10px;
    flex-basis: unset
  }
}

#multi-selection-products #apply-to-all td span[data-v-4e7185db] {
  border-bottom: 1px solid #000;
  cursor: pointer
}

#multi-selection-products #apply-to-all td.one[data-v-4e7185db] {
  text-align: left
}

#multi-selection-products #apply-to-all td.one span[data-v-4e7185db] {
  display: flex;
  max-width: 300px;
  justify-content: flex-end;
  border-bottom: unset;
  text-decoration: underline
}

#size-chart[data-v-4e7185db] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2
}

body.default-dtc-template #size-chart[data-v-4e7185db],
body.default-template #size-chart[data-v-4e7185db] {
  border: none;
  justify-content: center;
  padding: 0;
  margin: 0 0 30px
}

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

  body.default-dtc-template #size-chart[data-v-4e7185db],
  body.default-template #size-chart[data-v-4e7185db] {
    margin-top: 40px
  }
}

#size-chart #size-chart-label[data-v-4e7185db] {
  color: #252729;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px
}

#size-chart #size-chart-actions[data-v-4e7185db] .content-link-cta {
  color: #252729;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px
}

body.default-dtc-template #size-chart #size-chart-actions[data-v-4e7185db] .content-link-cta,
body.default-template #size-chart #size-chart-actions[data-v-4e7185db] .content-link-cta {
  color: #2484d0;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font
}

#backorder-note[data-v-0cb995a1]:not(.serenity-template) {
  background: #ece8df;
  padding: 25px 50px
}

@media(max-width: 767px) {
  #backorder-note[data-v-0cb995a1]:not(.serenity-template) {
    padding: 0 15px 20px 15px
  }
}

#backorder-note:not(.serenity-template) #backorder-note-content[data-v-0cb995a1] {
  text-align: center;
  border: dashed #444 2px;
  padding: 20px;
  line-height: 2em;
  font-size: 1.125rem;
  margin: 0 auto
}

@media screen and (min-width: 1200px) {
  #backorder-note:not(.serenity-template) #backorder-note-content[data-v-0cb995a1] {
    max-width: 1140px
  }
}

@media screen and (max-width: 1199px) {
  #backorder-note:not(.serenity-template) #backorder-note-content[data-v-0cb995a1] {
    max-width: 960px
  }
}

@media screen and (max-width: 767px) {
  #backorder-note:not(.serenity-template) #backorder-note-content[data-v-0cb995a1] {
    max-width: 720px;
    padding: 10px;
    line-height: 1.4;
    font-size: .875rem
  }
}

#backorder-note.serenity-template[data-v-0cb995a1] {
  margin: 35px auto 0 auto;
  border: 1px dashed #000;
  padding: 24px 20px;
  border-radius: 10px
}

#backorder-note.serenity-template #backorder-note-content[data-v-0cb995a1] {
  display: flex;
  justify-content: center;
  align-items: center
}

#backorder-note.serenity-template #backorder-note-content svg[data-v-0cb995a1] {
  margin: 0 15px;
  width: 34px;
  min-width: 34px;
  height: auto
}

#backorder-note.serenity-template #backorder-note-content .message[data-v-0cb995a1] {
  margin: 0 15px
}

#backorder-note.serenity-template #backorder-note-content .message>div[data-v-0cb995a1] {
  display: flex;
  flex-direction: row
}

#backorder-note.serenity-template #backorder-note-content .message>div[data-v-0cb995a1]:nth-child(1) {
  margin-bottom: 10px
}

#backorder-note.serenity-template #backorder-note-content .message>div strong[data-v-0cb995a1] {
  display: block;
  font-weight: 600;
  font-size: .875rem;
  line-height: 1.4;
  margin-right: 18px;
  white-space: nowrap
}

#backorder-note.serenity-template #backorder-note-content .message>div strong[data-v-0cb995a1]:after {
  content: ":"
}

#backorder-note.serenity-template #backorder-note-content .message>div p[data-v-0cb995a1] {
  font-size: .875rem;
  line-height: 1.4;
  margin: 0
}

@media screen and (max-width: 520px) {
  #backorder-note.serenity-template[data-v-0cb995a1] {
    border-radius: 6px;
    padding: 16px 20px
  }

  #backorder-note.serenity-template #backorder-note-content[data-v-0cb995a1] {
    justify-content: left
  }

  #backorder-note.serenity-template #backorder-note-content svg[data-v-0cb995a1] {
    width: 30px;
    min-width: 30px;
    margin: 0 10px 0 0
  }

  #backorder-note.serenity-template #backorder-note-content .message[data-v-0cb995a1] {
    margin: 0 10px
  }

  #backorder-note.serenity-template #backorder-note-content .message>div[data-v-0cb995a1] {
    flex-direction: column
  }

  #backorder-note.serenity-template #backorder-note-content .message>div[data-v-0cb995a1]:nth-child(1) {
    margin-bottom: 18px
  }

  #backorder-note.serenity-template #backorder-note-content .message>div strong[data-v-0cb995a1] {
    font-size: .75rem
  }

  #backorder-note.serenity-template #backorder-note-content .message>div strong[data-v-0cb995a1]:after {
    content: ""
  }

  #backorder-note.serenity-template #backorder-note-content .message>div p[data-v-0cb995a1] {
    font-size: .75rem
  }
}

body.inline-checkout-shown {
  padding-bottom: 0
}

#header.hide {
  display: none
}

.inline-checkout-wrapper {
  display: flex;
  min-height: 100vh;
  max-width: 1440px;
  margin: auto;
  font-family: Inter, "Open Sans", Helvetica, Arial, sans-serif
}

.inline-checkout-wrapper .row {
  display: flex;
  width: 100%;
  justify-content: center
}

@media(min-width: 935px) {
  .inline-checkout-wrapper .row {
    flex-wrap: nowrap
  }
}

.inline-checkout-wrapper .vue-tel-input input {
  box-shadow: 0 0 0px 1000px #fff inset
}

.inline-checkout-wrapper #payment-form-wrapper {
  width: 100%;
  max-width: 808px;
  background: #fff
}

@media(max-width: 934px) {
  .inline-checkout-wrapper #payment-form-wrapper {
    max-width: unset
  }

  .inline-checkout-wrapper #payment-form-wrapper.step-payment {
    padding-top: 0;
    padding-bottom: 40px
  }
}

.inline-checkout-wrapper #payment-form {
  max-width: 558px;
  width: calc(100% - 81px);
  margin-left: auto;
  padding-right: 62px;
  box-shadow: none
}

.inline-checkout-wrapper #payment-form #checkout-logo-wrapper,
.inline-checkout-wrapper #payment-form #breadcrumbs,
.inline-checkout-wrapper #payment-form .checkout-container {
  max-width: unset;
  width: 100%
}

.inline-checkout-wrapper #payment-form #express-checkout-wrapper #paypal-button-container iframe {
  z-index: auto
}

.inline-checkout-wrapper #payment-form .checkout-container #email-me-wrapper #email-me-label {
  font-family: Inter, "Open Sans", Helvetica, Arial, sans-serif
}

.inline-checkout-wrapper #payment-form #checkout-submit {
  margin-bottom: 26px;
  align-items: center
}

.inline-checkout-wrapper #payment-form #checkout-submit #checkout-logo-back-to-cart {
  display: flex;
  align-items: center;
  cursor: pointer
}

.inline-checkout-wrapper #payment-form #checkout-submit #checkout-logo-back-to-cart span {
  font-family: Inter, "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.02em
}

@media(max-width: 934px) {
  .inline-checkout-wrapper #payment-form #checkout-submit #checkout-logo-back-to-cart span {
    font-size: 12px
  }
}

.inline-checkout-wrapper #payment-form #checkout-submit .checkout-input-wrapper {
  flex-basis: unset
}

.inline-checkout-wrapper #payment-form #checkout-submit #checkout-logo-proceed {
  display: none
}

.inline-checkout-wrapper #payment-form .payment-form-links {
  width: 100%;
  align-self: flex-start;
  border-top: 1px solid #e6e6e6
}

.inline-checkout-wrapper #payment-form .payment-form-links #checkout-footer {
  width: 100%;
  margin: 0;
  padding: 20px 0
}

.inline-checkout-wrapper #payment-form .payment-form-links #checkout-footer .checkout-footer-el {
  font-weight: 400;
  color: #697386
}

@media(max-width: 934px) {
  .inline-checkout-wrapper #payment-form .payment-form-links {
    display: none
  }
}

@media(max-width: 1366px) {
  .inline-checkout-wrapper #payment-form {
    padding-right: 40px;
    margin-left: 0;
    max-width: 100%;
    width: 100%
  }
}

@media(max-width: 934px) {
  .inline-checkout-wrapper #payment-form {
    max-width: unset;
    width: auto;
    padding-right: 20px
  }

  .inline-checkout-wrapper #payment-form #breadcrumbs {
    margin-bottom: 24px
  }
}

.inline-checkout-wrapper #cart-details-wrapper {
  padding: 0;
  max-width: 632px;
  width: 100%;
  background: #f7f7f7
}

@media(max-width: 934px) {
  .inline-checkout-wrapper #cart-details-wrapper {
    max-width: unset;
    background: #fff
  }
}

.inline-checkout-wrapper .cart-details-wrapper_payment {
  background: #fff !important
}

.inline-checkout-wrapper #cart-details {
  margin: 92px 0;
  padding-left: 42px;
  max-width: 470px;
  z-index: auto
}

@media(max-width: 1366px) {
  .inline-checkout-wrapper #cart-details {
    max-width: unset;
    width: 100%;
    padding-left: 40px
  }
}

@media(max-width: 934px) {
  .inline-checkout-wrapper #cart-details {
    margin: 0;
    padding: 0 15px;
    max-width: unset;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 20px
  }
}

.inline-checkout-wrapper #gu-cart {
  z-index: auto
}

.inline-checkout-wrapper #gu-cart h2 {
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #1f1f1f
}

.inline-checkout-wrapper #gu-cart #gu-product-wrapper {
  border: none
}

.inline-checkout-wrapper #cart-details-teleport {
  margin-bottom: 40px;
  display: none
}

.inline-checkout-wrapper #cart-details-teleport #gu-cart {
  border-radius: 0;
  background: #f7f8fa;
  border-top: 1px solid #e7e8ea
}

.inline-checkout-wrapper #cart-details-teleport #gu-cart.expanded {
  height: fit-content;
  overflow: hidden
}

.inline-checkout-wrapper #cart-details-teleport #gu-cart #mobile-header {
  border: none;
  border-radius: 0;
  background: #f7f8fa
}

.inline-checkout-wrapper #cart-details-teleport #gu-cart #mobile-header #mobile-header-arrow {
  transform: rotate(180deg);
  display: flex
}

@media(max-width: 934px) {
  .inline-checkout-wrapper #cart-details-teleport {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 9999
  }
}

@media(min-width: 1441px) {
  .inline-checkout-wrapper {
    max-width: unset
  }

  .inline-checkout-wrapper #payment-form-wrapper {
    width: 56%;
    max-width: unset
  }

  .inline-checkout-wrapper #cart-details-wrapper {
    width: 44%;
    max-width: unset
  }
}

body.rtl #cart-details {
  padding: 0 42px 0 0
}

body.rtl #payment-form-wrapper #payment-form {
  margin: 0;
  margin-right: auto;
  padding-left: 66px
}

@media(max-width: 1100px) {
  body.rtl #payment-form-wrapper #payment-form {
    padding-left: 20px;
    padding-right: 15px
  }
}

section.reviewsInline[data-v-d6dea0b8] {
  margin-top: 20px;
  margin-bottom: 20px
}

section.reviewsInline .testimonial-block .review[data-v-d6dea0b8] {
  text-align: left
}

section.reviewsInline .testimonial-block .testimonial-footer .raiting[data-v-d6dea0b8] {
  text-align: left
}

.carousel__pagination[data-v-d6dea0b8] {
  margin-top: 30px
}

.faq-inline-wrapper {
  text-align: center;
  display: flex;
  justify-content: center
}

.faq-inline-wrapper .container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto
}

.faq-inline-wrapper .container-fluid h3 {
  text-align: center;
  font-weight: 700;
  font-size: 22px
}

.faq-inline-wrapper .container-fluid h3 span.faq {
  text-decoration: underline;
  cursor: pointer;
  margin-left: 8px
}

.faq-inline-wrapper .col-lg-12 {
  width: 100%
}

.faq-inline-wrapper .faq-inline-container {
  display: flex;
  flex-flow: row wrap;
  color: var(--serenity-serenity-text-dark, #202020);
  font-size: 16px;
  line-height: 24px
}

.faq-inline-wrapper .faq-content {
  flex: 1 100%;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  border-top: 1px solid #f2f2f2;
  padding: 22px 24px
}

.faq-inline-wrapper .faq-content h4 {
  text-align: left;
  border-radius: 5px;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  z-index: 2;
  margin-bottom: 0;
  padding-right: 30px
}

.faq-inline-wrapper .faq-content .question:after {
  font-size: 23px;
  transition: .2s linear;
  position: absolute;
  right: 0;
  top: calc(50% - 13px)
}

.faq-inline-wrapper .faq-content .question-collapsed:after {
  content: "+"
}

.faq-inline-wrapper .faq-content .question-expanded:after {
  content: "−"
}

.faq-inline-wrapper .faq-content .answer {
  position: relative;
  z-index: 1
}

.faq-inline-wrapper .faq-content .answer .content {
  text-align: left;
  word-wrap: break-word;
  padding-right: 30px;
  padding-top: 20px
}

.faq-inline-wrapper .faq-content .answer .content p {
  font-size: 16px
}

.faq-inline-wrapper .faq-content:last-of-type {
  border-bottom: 1px solid #f2f2f2
}

.v-enter-active,
.v-leave-active {
  transition: opacity .3s ease, height .3s ease
}

.v-enter-from,
.v-leave-to {
  opacity: 0;
  height: 0
}

.rtl .faq-inline-wrapper .faq-content .question:after {
  right: auto;
  left: 0
}

.rtl .faq-inline-wrapper .faq-content h4 {
  text-align: right;
  padding-right: 0;
  padding-left: 30px
}

.rtl .faq-inline-wrapper .faq-content .answer .content {
  padding-right: 0;
  padding-left: 30px;
  text-align: right
}

.modal-sub-header {
  width: 100%;
  margin: 30px auto 24px;
  background: #fff
}

.modal-sub-header .sub-header-wrapper {
  padding: 30px;
  display: flex;
  align-items: center;
  gap: 50px;
  border-radius: 6px;
  border: 1px solid #e7e8ea;
  justify-content: space-between
}

.modal-sub-header .left-part {
  max-width: 525px;
  width: 100%;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  text-align: left
}

.modal-sub-header .left-part .sub-header {
  color: #222;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.16px;
  margin-bottom: 5px
}

.modal-sub-header .left-part .description {
  color: #697386;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%
}

.modal-sub-header .right-part {
  flex-shrink: 0
}

.modal-sub-header .right-part .returns-btn {
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  border-radius: 4.859px;
  background: #222;
  color: #fff;
  font-weight: 600;
  line-height: 1
}

@media(max-width: 600px) {
  .modal-sub-header {
    margin-top: 0
  }

  .modal-sub-header .sub-header-wrapper {
    flex-direction: column;
    align-items: self-start;
    gap: 25px
  }

  .v-modal-body p {
    font-size: 14px
  }
}

.v-modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(247, 248, 250, .9);
  display: table;
  transition: opacity .3s ease;
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: #000;
  cursor: auto
}

.v-modal-wrapper {
  display: table-cell;
  vertical-align: middle
}

.v-modal-container {
  max-width: 852px;
  margin: 0 auto;
  padding: 20px 0;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
  transition: all .3s ease;
  position: relative
}

@media only screen and (max-width: 900px) {
  .v-modal-container {
    width: 90vw
  }
}

.v-modal-header {
  border-bottom: 1px solid #e8e8eb;
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  padding: 10px 40px 20px 40px;
  line-height: 1.2;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.v-modal-header .v-close {
  padding: 0;
  margin: 0;
  position: relative;
  opacity: 1;
  width: 50px;
  z-index: 999;
  cursor: pointer;
  border-radius: 0;
  border: 0;
  background: 0 0 !important;
  box-shadow: none;
  color: #697386;
  text-shadow: none
}

.v-modal-header .v-close span {
  font-size: 50px;
  line-height: 1
}

@media only screen and (max-width: 600px) {
  .v-modal-header {
    padding: 0 20px 10px 20px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.36px;
    width: calc(100% - 40px)
  }

  .v-modal-header .v-close span {
    font-size: 40px;
    float: right
  }
}

body.rtl .v-modal-header,
body.rtl .v-modal-body {
  text-align: right
}

.v-modal-body {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  max-height: calc(100vh - 210px);
  overflow-y: auto
}

.v-modal-body ul {
  padding-left: 20px;
  margin-bottom: 16px;
  margin-top: 0;
  list-style-type: disc
}

.v-modal-body ul li {
  list-style-type: disc;
  list-style-position: outside
}

.v-modal-body h3 {
  font-size: 14pt;
  margin-bottom: 8pt;
  margin-top: 20px
}

.v-modal-body p {
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 16px
}

.v-modal-body a {
  text-decoration: underline;
  color: #2484d0;
  overflow-wrap: break-word;
  word-break: break-all
}

.v-modal-body .text-upper {
  text-transform: uppercase
}

@media only screen and (max-width: 600px) {
  .v-modal-body {
    padding-left: 20px;
    padding-right: 20px
  }
}

.v-modal-default-button {
  float: right
}

.v-modal-enter-from {
  opacity: 0
}

.v-modal-leave-to {
  opacity: 0
}

.v-modal-enter-from .v-modal-container,
.v-modal-leave-to .v-modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.nav-item[data-v-4f7847d2] {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  color: inherit
}

.nav-item[data-v-a21d1176] {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  color: inherit
}

.nav-item[data-v-56624b9f] {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  color: inherit
}

.privacy-switch {
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased
}

.privacy-switch {
  position: relative;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  height: 18px;
  padding: 6px 6px 5px 6px;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 4px;
  background: #ececec;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, .1), inset 0px 1px 3px 0px rgba(0, 0, 0, .1);
  cursor: pointer;
  font-size: 16px;
  margin-right: 20px;
  float: none;
  margin-top: 13px;
  margin-bottom: 10px
}

body.IE7 .privacy-switch {
  width: 78px
}

.privacy-switch span {
  display: inline-block;
  width: 35px
}

.privacy-switch span.on {
  color: #fff
}

.privacy-switch .toggle {
  position: absolute;
  top: 1px;
  width: 40px;
  height: 25px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .3);
  border-radius: 4px;
  background: #fff;
  background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ececec 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #ececec 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ececec 0%, #ffffff 100%);
  background: linear-gradient(top, #ececec 0%, #ffffff 100%);
  box-shadow: inset 0px 1px 0px 0px hsla(0, 0%, 100%, .5);
  z-index: 999;
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  -ms-transition: all .15s ease-in-out
}

.privacy-switch.off .toggle {
  left: 2%
}

.privacy-switch.on .toggle {
  left: 50%
}

.privacy-switch.off {
  background: #f4524d
}

.privacy-switch.on {
  background: #6dab3c
}

.nav-item[data-v-082ffe82] {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  color: inherit
}

.modal-references[data-v-082ffe82] {
  min-height: 350px
}

.modal-references ul li[data-v-082ffe82] {
  list-style-type: disc
}

.modal-references ul li a[data-v-082ffe82] {
  color: #1c1c1c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  text-decoration: underline
}

.modal-references ul li sup[data-v-082ffe82] {
  margin-left: 2.5px
}

.nav-item[data-v-43de089c] {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  color: inherit
}

.modal-mask[data-v-43de089c] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  transition: opacity .3s ease
}

.modal-wrapper[data-v-43de089c] {
  display: table-cell;
  vertical-align: middle
}

.modal-container[data-v-43de089c] {
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  border-radius: 2px;
  transition: all .3s ease;
  font-family: "Calibri", sans-serif;
  -webkit-font-smoothing: antialiased;
  box-shadow: 0 0 0 8px rgba(0, 0, 0, .4), 0 0 2px rgba(0, 0, 0, .1);
  position: relative
}

.modal-header[data-v-43de089c] {
  padding-top: 20px
}

.modal-header h3[data-v-43de089c] {
  margin-top: 0;
  color: #42b983
}

.modal-header .close[data-v-43de089c] {
  padding: 0;
  margin: 0;
  position: absolute;
  opacity: 1;
  width: 30px;
  height: 30px;
  line-height: 26px;
  z-index: 999;
  cursor: pointer;
  border-radius: 0;
  border: 0;
  background: 0 0 !important;
  box-shadow: none;
  color: #aaa;
  text-shadow: none;
  right: 5px;
  top: 3px
}

.modal-header .close span[data-v-43de089c] {
  text-align: center;
  position: relative;
  top: 0;
  font-size: 30px;
  font-weight: 400
}

.modal-body[data-v-43de089c] {
  margin: 20px 0;
  height: 600px;
  max-height: calc(100vh - 210px);
  overflow-y: auto
}

.modal-enter[data-v-43de089c] {
  opacity: 0
}

.modal-leave-active[data-v-43de089c] {
  opacity: 0
}

.modal-enter .modal-container[data-v-43de089c],
.modal-leave-active .modal-container[data-v-43de089c] {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.support-content[data-v-43de089c] {
  text-align: left;
  padding: 0 10px;
  max-width: 800px;
  height: 600px;
  margin: 20px auto 0 auto;
  color: #000
}

.support-content p[data-v-43de089c] {
  font-size: 14pt;
  line-height: 107%
}

.support-content h2[data-v-43de089c] {
  font-size: 2rem;
  margin-bottom: 1em;
  font-weight: 700;
  color: #52c8f6;
  text-align: center
}

.support-content ul[data-v-43de089c] {
  padding-left: 20px
}

.support-content h3[data-v-43de089c] {
  font-size: 14pt;
  line-height: 107%;
  margin-bottom: 8pt;
  margin-top: 40px
}

.support-content a[data-v-43de089c] {
  text-decoration: underline;
  color: #2484d0
}

.nav-item[data-v-dbaecd36] {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  color: inherit
}

.modal-mask[data-v-dbaecd36] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  transition: opacity .3s ease
}

.modal-wrapper[data-v-dbaecd36] {
  display: table-cell;
  vertical-align: middle
}

.modal-container[data-v-dbaecd36] {
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  border-radius: 2px;
  transition: all .3s ease;
  font-family: "Calibri", sans-serif;
  -webkit-font-smoothing: antialiased;
  box-shadow: 0 0 0 8px rgba(0, 0, 0, .4), 0 0 2px rgba(0, 0, 0, .1);
  position: relative
}

.modal-header[data-v-dbaecd36] {
  padding-top: 20px
}

.modal-header h3[data-v-dbaecd36] {
  margin-top: 0;
  color: #42b983
}

.modal-header .close[data-v-dbaecd36] {
  padding: 0;
  margin: 0;
  position: absolute;
  opacity: 1;
  width: 30px;
  height: 30px;
  line-height: 26px;
  z-index: 999;
  cursor: pointer;
  border-radius: 0;
  border: 0;
  background: 0 0 !important;
  box-shadow: none;
  color: #aaa;
  text-shadow: none;
  right: 5px;
  top: 3px
}

.modal-header .close span[data-v-dbaecd36] {
  text-align: center;
  position: relative;
  top: 0;
  font-size: 30px;
  font-weight: 400
}

.modal-body[data-v-dbaecd36] {
  margin: 20px 0;
  height: 600px;
  max-height: calc(100vh - 210px);
  overflow-y: auto
}

.modal-enter[data-v-dbaecd36] {
  opacity: 0
}

.modal-leave-active[data-v-dbaecd36] {
  opacity: 0
}

.modal-enter .modal-container[data-v-dbaecd36],
.modal-leave-active .modal-container[data-v-dbaecd36] {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.support-content[data-v-dbaecd36] {
  text-align: left;
  padding: 0 10px;
  max-width: 800px;
  height: 600px;
  margin: 20px auto 0 auto;
  color: #000
}

.support-content p[data-v-dbaecd36] {
  font-size: 14pt;
  line-height: 107%
}

.support-content h2[data-v-dbaecd36] {
  font-size: 2rem;
  margin-bottom: 1em;
  font-weight: 700;
  color: #52c8f6;
  text-align: center
}

.support-content ul[data-v-dbaecd36] {
  padding-left: 20px
}

.support-content h3[data-v-dbaecd36] {
  font-size: 14pt;
  line-height: 107%;
  margin-bottom: 8pt;
  margin-top: 40px
}

.support-content a[data-v-dbaecd36] {
  text-decoration: underline;
  color: #2484d0
}

:root {
  /* Color */
  --vc-clr-primary: #000;
  --vc-clr-secondary: #090f207f;
  --vc-clr-white: #ffffff;

  /* Icon */
  --vc-icn-width: 1.2em;

  /* Navigation */
  --vc-nav-width: 30px;
  --vc-nav-height: 30px;
  --vc-nav-border-radius: 0;
  --vc-nav-color: var(--vc-clr-primary);
  --vc-nav-color-hover: var(--vc-clr-secondary);
  --vc-nav-background: transparent;

  /* Pagination */
  --vc-pgn-width: 12px;
  --vc-pgn-height: 4px;
  --vc-pgn-margin: 4px;
  --vc-pgn-border-radius: 0;
  --vc-pgn-background-color: var(--vc-clr-secondary);
  --vc-pgn-active-color: var(--vc-clr-primary);
}

.carousel {
  position: relative;
  text-align: center;
  box-sizing: border-box;
  touch-action: pan-y;
  overscroll-behavior: none;
}

.carousel.is-dragging {
  touch-action: none;
}

.carousel * {
  box-sizing: border-box;
}

.carousel__track {
  display: flex;
  padding: 0 !important;
  position: relative;
}

.carousel__viewport {
  overflow: hidden;
}

.carousel__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.carousel__icon {
  width: var(--vc-icn-width);
  height: var(--vc-icn-width);
  fill: currentColor;
}

.carousel__prev,
.carousel__next {
  box-sizing: content-box;
  background: var(--vc-nav-background);
  border-radius: var(--vc-nav-border-radius);
  width: var(--vc-nav-width);
  height: var(--vc-nav-height);
  text-align: center;
  font-size: var(--vc-nav-height);
  padding: 0;
  color: var(--vc-nav-color);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border: 0;
  cursor: pointer;
  margin: 0 10px;
  top: 50%;
  transform: translateY(-50%);
}

.carousel__next--disabled,
.carousel__prev--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.carousel__prev {
  left: 0;
}

.carousel__next {
  right: 0;
}

.carousel--rtl .carousel__prev {
  left: auto;
  right: 0;
}

.carousel--rtl .carousel__next {
  right: auto;
  left: 0;
}

@media (hover: hover) {

  .carousel__prev:hover,
  .carousel__next:hover {
    color: var(--vc-nav-color-hover);
  }
}

.carousel__pagination {
  display: flex;
  justify-content: center;
  list-style: none;
  line-height: 0;
  margin: 10px 0 0;
  padding: 0;
}

.carousel__pagination-button {
  display: block;
  border: 0;
  margin: 0;
  cursor: pointer;
  padding: var(--vc-pgn-margin);
  background: transparent;
}

.carousel__pagination-button::after {
  display: block;
  content: '';
  width: var(--vc-pgn-width);
  height: var(--vc-pgn-height);
  border-radius: var(--vc-pgn-border-radius);
  background-color: var(--vc-pgn-background-color);
}

.carousel__pagination-button--active::after {
  background-color: var(--vc-pgn-active-color);
}

@media(hover: hover) {
  .carousel__pagination-button:hover::after {
    background-color: var(--vc-pgn-active-color);
  }
}

.carousel__slide {
  scroll-snap-stop: auto;
  flex-shrink: 0;
  margin: 0;
  position: relative;

  display: flex;
  justify-content: center;
  align-items: center;

  /* Fix iOS scrolling #22 */
  transform: translateZ(0);
}