/* CSS extracted from templates\checkout\olympus.html */

/* Inline style 1 from olympus.html */
html:not(.next-display-ready) [data-next-await] {
  position: relative;
  overflow: hidden;
  border-color: transparent !important;
  box-shadow: none !important;
}

[data-next-await] * {
  opacity: 0;
  transition: opacity 0.2s ease;
}

[data-next-await]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e0e0e0;
  animation: pulse-gray 1.5s ease-in-out infinite;
  z-index: 1;
  pointer-events: none;
}

@keyframes pulse-gray {

  0%,
  100% {
    background-color: #e0e0e0;
    opacity: 0.6;
  }

  50% {
    background-color: #f5f5f5;
    opacity: 0.8;
  }
}

html.next-display-ready [data-next-await] * {
  opacity: 1;
}

html.next-display-ready [data-next-await]::before {
  display: none;
}

/* Inline style 2 from olympus.html */
.three-quarter-spinner {
  animation: spin .9s linear 0s infinite;
}

/* Inline style 3 from olympus.html */
/* Arrows */
.arrow-active::after,
.arrow-inactive::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 7px;
  height: 7px;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: translateY(-50%) rotate(45deg);
}

.arrow-active::after {
  border-color: #000;
}

.arrow-inactive::after {
  border-color: #dadada;
}

/* Arrows */
.arrow-active::after,
.arrow-inactive::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 7px;
  height: 7px;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: translateY(-50%) rotate(45deg);
}

.arrow-active::after {
  border-color: #000;
}

.arrow-inactive::after {
  border-color: #dadada;
}

[swiper="sw12"] .swiper-slide_image-wrap {
  aspect-ratio: 1 / 1;
}

[swiper="sw12"] [swiper="slider-thumbs"] .swiper-slide {
  opacity: 0.5;
  transition: filter 0.4s ease;
  cursor: pointer;
}

[swiper="sw12"] [swiper="slider-thumbs"] .swiper-slide:focus-visible {
  border: 2px solid #000;
}

[swiper="sw12"] [swiper="slider-thumbs"] .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3rem !important;
  right: 0 !important;
  left: auto !important;
  padding: 1px;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
  padding-right: 52px !important;
  padding-left: 12px !important;
  margin-left: 0 !important;
}

/* Remove the divider on the very last payment-method block */
.payment-methods > .payment-method:last-child {
  border-bottom: 0 !important;
  /* kill the bottom border */
}


.heading-box .review_component-wrapper {
  color: #151515;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.heading-box .text-reg {
  color: #DF8096;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.heading-box .display-xl {
  color: #000;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.9px;
}


.heading-box .benefits-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 8px;
  margin-top: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
}

.benefits-list .benefit-item {
  display: inline-flex;
  gap: 8px;
  padding: 8px 10px;
  background-color: #F7F7F7;
  color: #151515;
  border-radius: 10px;
  align-items: center;
  flex: 0 1 auto;
  width: auto;
  white-space: nowrap;
}

.heading-box .benefits-list .benefit-item span {
  color: #151515;
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: 150%;
}

.customers-saying-container {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.customers-saying-item {
  display: flex;
  padding: 1rem;
  border-radius: 10px;
  flex-direction: column;
  row-gap: 18px;
  background: #F7F7F7;
}

.customers-saying-item-head {
  display: flex;
  justify-content: space-between;
}

.customers-saying-item-head-left {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  align-items: flex-start;
}

.customers-saying-item-head-left span {
  color: #151515;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.customers-saying-item-head-right {
  display: flex;
  align-items: center;
}

.customers-saying-item-body {
  color: #151515;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.customers-saying-item-foot {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 5.5px;
}

.customers-saying-item-foot-name {
  color: #151515;
  font-size: 14.655px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.customers-saying-item-foot-verified {
  color: #151515;
  font-size: 12.823px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.estimated-sell-out-container {
  display: flex;
  flex-direction: column;
  row-gap: 12px;

  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px 22px 13px 22px;
}

.estimated-sell-out-info {
  display: flex;
  justify-content: space-between;
}

.estimated-sell-out-info-left {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.16px;
}

.estimated-sell-out-info-left-important {
  color: #CC1010;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.16px;
}

.estimated-sell-out-info-right {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.16px;
}

.estimated-sell-out-info-right-important {
  color: #CC1010;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.16px;
}

.summary-divider {
  border-bottom: 1px solid var(--brand--color--border);
  margin-bottom: .25rem;
  padding-bottom: .25rem;
}

.why-choose-container {
  padding: 24px 16px;
  border-radius: 8px;
  border: 1px solid #D6CBA1;
  background: #FFFEF7;
}

.why-choose-title {
  text-align: left;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.28px;
  margin-bottom: 18px;
}

.why-choose-img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  padding-left: 7px;
  padding-right: 8px;
}

.why-choose-img-box img {
  /* width: 45px;
  height: 45px; */
}

.wh7-choose-content {
  display: flex;
  flex-direction: column;
  row-gap: 19px;
}

.why-choose-item {
  display: flex;
  align-items: center;
  column-gap: 12px;
}

.why-choose-item-title {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.why-choose-item-text {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.premium-shipping-conatiner {
  border-radius: 8px;
  border: 1px solid #D6CBA1;
  background: #FFFEF7;
}

.premium-shipping-top {
  padding: 12px;
  background-color: #FEFAEB;
  display: flex;
  justify-content: space-between;
}

.premium-shipping-bottom {
  padding: 5px 12px 8px 12px;
  display: flex;
  column-gap: 8px;
}

.premium-shipping-text {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.28px;
}

.hidden-cart-toggle {
  display: none;
}

@media (max-width: 767px) {
  .why-choose-container {
    padding: 16px;
  }

  .why-choose-title {
    text-align: center;
  }
}

.premium-shipping-toggle {
  display: flex;
  height: 24px;
  padding: 4px 3px 4px 25px;
  justify-content: flex-end;
  align-items: center;

  border-radius: 24px;
  background: #DF8096;
  cursor: pointer;
  transition: background 0.25s ease, padding 0.25s ease;
}

.toggle-inner {
  border-radius: 8px;
  background: #FFF;
  display: flex;
  width: 16px;
  height: 16px;
  padding: 3px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  transition: transform 0.25s ease;
}

.premium-shipping-toggle.next-not-in-cart {
  background: #E3E3E3;
  padding: 4px 25px 4px 3px;
}

.premium-shipping-toggle.next-not-in-cart svg path {
  stroke: #A0A0A0;
}

.accordion-complex-body {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

#usps {
  gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 20px;
  display: grid;
  margin-bottom: 10px;
  column-gap: 10px;
}

#usps .cell {
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  display: grid;
  align-items: flex-start;
  gap: 12px;
  line-height: 1.4;
}

#usps img {
  width: 25px;
}

@media (max-width: 767px) {
  .heading-box .review_component-wrapper {
    font-size: 15px;
    letter-spacing: -0.6px;
  }

  .heading-box .text-reg {
    font-size: 16px;
  }

  .heading-box .display-xl { 
    letter-spacing: -0.66px;
  }

  .benefits-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 8px;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.radio-style-1, .radio-style-2, .radio-default {
  width: 1.5rem !important;
  height: 1.5rem !important;
  border: 1px solid #4B142C !important;
}

.next-selected .radio-style-1 {
  border: 12px solid #DF8096 !important;
  background: #f7f7f7 !important;
  box-shadow: 0 0 0 .125rem #f7f7f7 !important;
}

.next-selected .radio-style-1 .radio-inner {
  background: var(--radio-color, #ffffff) !important;
}

.olympus-wrapper {
  padding-bottom: 4rem;
}