/** Shopify CDN: Minification failed

Line 6:1 Unexpected "{"

**/
 {
  --jw-red: #e3242a;
  --speech-bubble-triangle-width: 20;
  --speech-bubble-triangle-height: 20;
}
.footer {
  display: none;
}
.hidden {
  display: none !important;
}

h1:after {
  content: unset;
  margin: 0;
}

body .page-wrapper {
  display: none;
}

.opt-root-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
}

.header-top {
  background: white;
  z-index: 100;
}

.column-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.banner-wrapper {
  background: #e3242a;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 40%;
  flex: 1 1 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.banner-overlay__wrapper {
  position: absolute;
  border-radius: var(--borders-border-s, 6px);
  background: #e3242a;
  max-width: 341px;
  max-height: 302.32px;

  padding: 20px 28px;
  bottom: 37px;
  left: 43px;
  z-index: 0;
}

.banner-overlay__wrapper::after {
  content: "";
  position: absolute;
  width: calc(var(--speech-bubble-triangle-width) * 1px);
  height: calc(var(--speech-bubble-triangle-height) * 1px);
  background: #e3242a;
  z-index: 1;

  rotate: 45deg;
}

.banner-overlay__wrapper.from-right::after {
  right: calc(var(--speech-bubble-triangle-width) * -0.5px);
}

.banner-overlay__wrapper.from-left::after {
  left: calc(var(--speech-bubble-triangle-width) * -0.5px);
}

.banner-overlay__wrapper.from-top::after {
  top: calc(var(--speech-bubble-triangle-width) * -0.5px);
}

.banner-overlay__wrapper.from-bottom::after {
  bottom: calc(var(--speech-bubble-triangle-width) * -0.5px);
}

.banner-overlay__wrapper.anchor-right::after {
  right: calc(var(--speech-bubble-triangle-width) * 0.5%);
}

.banner-overlay__wrapper.anchor-left::after {
  left: calc(var(--speech-bubble-triangle-width) * 0.5%);
}

.banner-overlay__wrapper.anchor-top::after {
  top: calc(var(--speech-bubble-triangle-width) * 0.5%);
}

.banner-overlay__wrapper:not(.from-top, .from-bottom).anchor-middle::after {
  top: calc(50% - calc(var(--speech-bubble-triangle-width) * 0.5px));
}

.banner-overlay__wrapper.from-bottom.anchor-middle::after {
  left: calc(50% - calc(var(--speech-bubble-triangle-width) * 0.5px));
}

.banner-overlay__wrapper.from-top.anchor-middle::after {
  left: calc(50% - calc(var(--speech-bubble-triangle-width) * 0.5px));
}

.banner-overlay__wrapper.anchor-bottom::after {
  bottom: 10%;
}

[data-offer-id="2"] .banner-overlay__wrapper {
  inset: unset;
  bottom: 31px;
  right: 27px;
}

.banner-overlay__text {
  color: var(--colours-neutral-000-white, #fff);

  /* Headings/Desktop/H1 */
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 52px */
}

.banner-wrapper,
.steps-wrapper,
.banner-image__wrapper,
.opt-wine-img__wrapper {
  position: relative;
}

.banner-image__wrapper {
  height: calc(100% - 300px);
  width: 100%;
}

.steps-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 60%;
  flex: 1 0 60%;
  background: var(--colours-neutral-200-light-grey-bg, #f7f7f7);

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.banner-wrapper .banner {
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
}
.banner-content {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 300px;
  flex: 1 0 300px;
  padding: 46px 67px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.banner-description {
  color: var(--colours-neutral-000-white, #fff) !important;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 28px */
}

.voucher-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

@media only screen and (max-width: 768px) {
  .banner-wrapper {
    display: none;
  }
}

.opt-full-price {
  width: 100%;
  color: var(--colours-neutral-000-white, #fff) !important;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 28px */
  text-decoration: line-through;
}

.voucher-discount {
  color: var(--colours-neutral-000-white, #fff);
  text-align: center;
  font-family: Montserrat;
  font-size: 63.417px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 82.442px */
  padding: 0px 12px;

  border-radius: 9.273px;
  border: 1.545px dashed var(--colours-neutral-000-white, #fff);
  background: rgba(255, 255, 255, 0.1);
}

.voucher-additional-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.voucher-text {
  color: var(--colours-neutral-000-white, #fff) !important;
  font-family: Montserrat;
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 39px */
  letter-spacing: -0.3px;

  text-transform: uppercase;

  margin-bottom: 0;
}

.voucher-text.subtitle {
  font-size: 18px;
}

.opt-guided-experience__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  place-content: center;
  place-items: center;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  max-height: 0;

  overflow: hidden;

  background: #f7f7f7;
}

.opt-guided-experience__step.step-animate-in {
  -webkit-animation-name: step-animate-in;
  animation-name: step-animate-in;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.opt-guided-experience__step.step-animate-out {
  -webkit-animation-name: step-animate-out;
  animation-name: step-animate-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.opt-guided-experience__step.active-step {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  max-height: 100%;
}

.opt-guided-experience__step.active-step > .opt-cru-banner__wrapper,
[data-step="3"] .opt-step-title,
.opt-guided-experience__step[data-step="2"] .opt-step-title,
.voucher-applied-wrapper,
.opt-guided-experience__step[data-step="cru-signup"] .opt-create-account {
  margin-top: auto;
}

.voucher-applied-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 6px;
  overflow: hidden;

  margin-bottom: 80px;

  height: 66px;
}

.tick {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.64131 13.3337C7.56319 13.4117 7.43661 13.4117 7.35853 13.3336L4.16581 10.1409C4.0879 10.063 3.96165 10.0628 3.88347 10.1404L2.98398 11.0336C2.9054 11.1116 2.90517 11.2386 2.98347 11.3169L7.35846 15.6919C7.43657 15.77 7.5632 15.77 7.64131 15.6919L17.3585 5.97475C17.4366 5.89664 17.4366 5.77001 17.3585 5.6919L16.4662 4.79968C16.3882 4.7216 16.2616 4.72157 16.1835 4.79961L7.64131 13.3337Z' fill='white'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-position: center;
}

.voucher-applied-wrapper .tick {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.64131 13.3337C7.56319 13.4117 7.43661 13.4117 7.35853 13.3336L4.16581 10.1409C4.0879 10.063 3.96165 10.0628 3.88347 10.1404L2.98398 11.0336C2.9054 11.1116 2.90517 11.2386 2.98347 11.3169L7.35846 15.6919C7.43657 15.77 7.5632 15.77 7.64131 15.6919L17.3585 5.97475C17.4366 5.89664 17.4366 5.77001 17.3585 5.6919L16.4662 4.79968C16.3882 4.7216 16.2616 4.72157 16.1835 4.79961L7.64131 13.3337Z' fill='white'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-position: center;

  width: 66px;
  height: 100%;

  background-color: #e3242a;
}

.voucher-applied-text__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding: 14px 24px;
  background: white !important;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.voucher-value {
  color: #e3242a;
  color: var(--colours-full-principal-1, #e3242a);
  text-align: center;
  font-family: Montserrat;
  font-size: 28.952px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 37.638px */
}

.voucher-applied-text {
  color: var(--colours-neutral-100-black-texts, #2a2a2a);

  /* Headings/Desktop/H5 */
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 26px */
  letter-spacing: -0.2px;
}

.opt-step-title {
  color: var(--colours-neutral-100-black-texts, #2a2a2a);
  text-align: center;

  /* Headings/Desktop/H3 */
  font-family: Montserrat;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 36.4px */
  letter-spacing: -0.28px;
}

[data-step="3"] .opt-step-title {
  max-width: 20ch;
}

.opt-wine-types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  gap: 16px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.opt-wine-type__wrapper {
  border-radius: 12px;
  border: 1px solid var(--colours-neutral-400-medium-grey, #acacac);
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  position: relative;
  padding: 0;

  cursor: pointer;
}

.opt-wine-type__wrapper.selected {
  border: 1px solid var(--colours-neutral-400-medium-grey, #3c3c3c);
}

.opt-wine-img {
  height: 192px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.opt-wine-type {
  padding: 15px;
  text-align: center;
  margin: 0;

  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 25.2px */
}

.opt-wine-img__wrapper {
  width: 100%;
}

.opt-wine-img__wrapper:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0);

  opacity: 0;

  -webkit-transition: opacity 0.2s ease;

  -o-transition: opacity 0.2s ease;

  transition: opacity 0.2s ease;
}

.opt-wine-type__wrapper:hover .opt-wine-img__wrapper:before,
.opt-wine-type__wrapper.selected .opt-wine-img__wrapper:before {
  opacity: 0.2;
}

.opt-wine-type__wrapper .tick {
  background-size: 0px;
  -webkit-transition: background-size 0.3s ease;
  -o-transition: background-size 0.3s ease;
  transition: background-size 0.3s ease;

  position: absolute;
  inset: 0;
  margin: auto;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.28275 15.8875C9.12652 16.0435 8.87336 16.0435 8.7172 15.8873L5.11176 12.2819C4.95594 12.1261 4.70344 12.1256 4.54707 12.2809L3.69476 13.1272C3.5376 13.2832 3.53716 13.5373 3.69376 13.6939L8.71707 18.7172C8.87328 18.8734 9.12655 18.8734 9.28275 18.7172L20.7171 7.28287C20.8733 7.12666 20.8733 6.87339 20.7171 6.71718L19.8726 5.87274C19.7165 5.71658 19.4633 5.71652 19.3071 5.8726L9.28275 15.8875Z' fill='white'/%3E%3C/svg%3E");
}

.opt-wine-type__wrapper:hover .tick {
  background-size: 24px;
  -webkit-transition: background-size 0.3s ease;
  -o-transition: background-size 0.3s ease;
  transition: background-size 0.3s ease;
}

.opt-wine-type__wrapper.selected .tick {
  background-size: 40px;
  -webkit-transition: background-size 0.3s ease;
  -o-transition: background-size 0.3s ease;
  transition: background-size 0.3s ease;
}

.opt-savings__wrapper {
  margin-top: 34px;
  text-align: center;
}

.opt-your-price__group,
.opt-voucher-price__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 4px;
}

.opt-your-price__value {
  color: var(--colours-neutral-500-dark-grey, #3c3c3c);
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  /* 23.4px */
}

.opt-voucher-price__group {
  color: var(--colours-neutral-100-black-texts, #2a2a2a);
  text-align: center;

  /* Headings/Mobile/H5 */
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 23.4px */
  letter-spacing: -0.18px;
}

.opt-voucher-price__value {
  color: var(--colours-full-principal-1, #e3242a);
}

.opt-continue-cta {
  margin-top: auto;
  margin-bottom: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 167px;
  height: 48px;
  padding: 20px 32px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;

  border-radius: 10px;
  background: var(--colours-full-principal-2, #058727);
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  -o-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease;

  color: white;
  border: none;

  cursor: pointer;

  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 22.4px */
}

.opt-continue-cta:disabled {
  background: #7bc68e;
  cursor: not-allowed;
}

.opt-continue-cta.opt-loading {
  color: transparent;
}

.opt-continue-cta.opt-loading:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' style='margin-right:-2px;display:block;animation-play-state:paused'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%23ffffff' stroke-width='10' r='35' stroke-dasharray='164.93361431346415 56.97787143782138' transform='matrix(1,0,0,1,0,0)' style='transform:matrix(1, 0, 0, 1, 0, 0);animation-play-state:paused'%3E%3C/circle%3E%3C/svg%3E");
  -webkit-animation: loading-rotate 1s infinite linear;
  animation: loading-rotate 1s infinite linear;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;

  width: 20px;
  height: 20px;

  position: absolute;
}

@-webkit-keyframes loading-rotate {
  from {
    rotate: 0deg;
  }

  to {
    rotate: 359deg;
  }
}

@keyframes loading-rotate {
  from {
    rotate: 0deg;
  }

  to {
    rotate: 359deg;
  }
}

.opt-guided-experience__step[data-step="mobile-start"] .opt-continue-cta {
  margin-bottom: 0;
}

.opt-continue-cta.opt-outline {
  background: transparent;
  border: 1px solid var(--colours-full-principal-2, #058727);
  color: var(--colours-full-principal-2, #058727);
}

.opt-continue-cta.opt-outline:hover {
  background: #058727;
  border: 1px solid var(--colours-full-principal-2, #058727);
  color: white;
}

.opt-continue-cta:hover {
  background: var(--colours-full-principal-2, #02601b);
}

.opt-back-btn__wrapper {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: fixed;
  top: 34px;
  left: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.opt-back-arrow path {
  stroke: var(--colours-neutral-500-dark-grey, #3c3c3c);
}

.opt-back-btn {
  color: var(--colours-neutral-500-dark-grey, #3c3c3c);
  text-align: center;

  /* Body/P-S Regular */
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}

/* Wine carousel START */
.opt-wine-info__carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: relative;
}

.opt-wine-info__carousel .slick-prev {
  height: 56px;
  width: unset;
  aspect-ratio: 1;
  background-color: #e3242a;
  border-radius: 100%;
  left: calc(56px * -0.5);
  z-index: 1;
}

.opt-wine-info__carousel .slick-prev:before {
  opacity: 1;
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_2010_2635)'%3E%3Cpath d='M11.6075 13.9642L5.19531 7.81788L11.6075 1.67154' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2010_2635'%3E%3Crect width='15.1994' height='14.5691' fill='white' transform='translate(0.800781 0.533333)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right;
  inset: 0;
  margin: auto 10px auto auto;
  position: absolute;
  width: 15px;
  height: 15px;
}

.opt-wine-info__carousel .slick-arrow.slick-disabled {
  opacity: 0.3;
}

.opt-wine-info__carousel .slick-next {
  height: 56px;
  width: unset;
  aspect-ratio: 1;
  background-color: #e3242a;
  border-radius: 100%;
  right: calc(56px * -0.5);
  z-index: 1;
}

.opt-wine-info__carousel .slick-next:before {
  opacity: 1;
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_2010_2635)'%3E%3Cpath d='M11.6075 13.9642L5.19531 7.81788L11.6075 1.67154' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2010_2635'%3E%3Crect width='15.1994' height='14.5691' fill='white' transform='translate(0.800781 0.533333)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right;
  inset: 0;
  margin: auto 10px;
  rotate: 180deg;
  position: absolute;
  width: 15px;
  height: 15px;
}

.opt-wine-slide__outer-wrapper {
  background: #f7f7f7;
}

.opt-wine-slide__wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  height: 308.217px;
  width: 100%;
  max-width: 535px;
  margin: 0 auto;
  gap: 32px;
}

.opt-wine-slide__image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 194.219px;
  flex: 0 0 194.219px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.opt-wine-slide__image-wrapper .opt-bottle-qty {
  inset: 0;
  margin: 30% auto auto 65%;
  position: absolute;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  width: 40px;
  height: 40px;
  z-index: 0;

  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
  font-size: 24px;
  font-weight: 600;
}

.opt-wine-slide__image-wrapper .opt-bottle-qty:before {
  content: "";
  position: absolute;
  background: #e3242a;
  border-radius: 100%;

  inset: 0;
  margin: auto;

  width: 100%;
  height: 100%;
  z-index: -1;
}

.opt-wine-slide__image {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.opt-wine-slide__details-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.opt-bottle-qty {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
}

.opt-wine-slide__bottle-name {
  color: var(--colours-neutral-100-black-texts, #2a2a2a) !important;

  /* Headings/Desktop/H4 */
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 31.2px */
  letter-spacing: -0.24px;

  margin-bottom: 16px;
}

.opt-wine-slide__rrp {
  color: var(--colours-neutral-100-black-texts, #2a2a2a) !important;

  /* Body/PL Regular */
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 25.2px */
  margin-bottom: 24px;
}

.opt-wine-slide__more-info-cta,
.opt-wine-slide__more-info-cta:hover {
  color: var(--colours-full-principal-2, #058727) !important;
  text-align: center;

  /* Buttons/Link */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 19.6px */
  -webkit-text-decoration-line: underline !important;
  text-decoration-line: underline !important;
}
/* Wine carousel END */
/* Wine thumbnails START */
.opt-wines-list__carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  gap: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}

.opt-wines-list__carousel .slick-list {
  padding: 1em 1em 0 1em;
  max-width: 100%;
  overflow: hidden;
}

.opt-wines-list__carousel .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 12px;
  margin-top: 12px;

  width: -webkit-fit-content !important;

  width: -moz-fit-content !important;

  width: fit-content !important;
}

.opt-wines-list__carousel .slick-track:after,
.opt-wines-list__carousel .slick-track:before {
  content: unset;
}

.opt-bottle-thumbnail {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 56px !important;
  height: 72px;

  position: relative;

  border-radius: var(--borders-border-s, 6px);
  border: 1px solid var(--colours-neutral-400-medium-grey, #acacac);
  background: var(--colours-neutral-000-white, #fff);

  cursor: pointer;
  margin-right: 16px;
}

.opt-bottle-thumbnail:not(.slick-current) {
  opacity: 0.4;
}

.opt-bottle-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 7.5px 15.17px;
}

.opt-bottle-thumbnail .opt-bottle-qty {
  background: var(--colours-neutral-100-black-texts, #2a2a2a);
  border-radius: 100%;
  width: 24px;
  height: 24px;
  color: white;
  font-weight: 600;
  text-align: center;
  top: -12px;
  left: -12px;
  display: block;
  position: absolute;
}

.opt-wines-list__carousel .slick-arrow.slick-disabled:before {
  opacity: 0.1;
}

.opt-wines-list__carousel .slick-prev:before,
.opt-wines-list__carousel .slick-next:before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cg clip-path='url(%23clip0_2010_2696)'%3E%3Cpath d='M4.39245 13.4309L10.8047 7.28455L4.39245 1.13821' stroke='%233C3C3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2010_2696'%3E%3Crect width='15.1994' height='14.5691' fill='white' transform='matrix(-1 0 0 1 15.1992 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  width: 15px;
  height: 15px;
}

.opt-wines-list__carousel .slick-prev:before {
  rotate: 180deg;
}

/* Wine thumbnails END */
/* Step 3 */
.opt-wine-box__card-wrapper {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 16px;
  position: relative;

  width: 100%;
  max-width: 530px;

  border-radius: var(--borders-border-s, 6px);
  border: 1px solid var(--colours-neutral-400-medium-grey, #acacac);
  background: var(--colours-neutral-000-white, #fff);

  gap: 16px;
}

.opt-wine-box__edit-btn-wrapper {
  position: absolute;
  top: 12px;
  right: 16px;
}

.opt-wine-box__edit-btn {
  color: var(--colours-neutral-500-dark-grey, #3c3c3c) !important;
  text-align: center;

  /* Body/P-S Regular */
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}

.opt-wine-card__image-wrapper {
  width: 144px;
}

.opt-wine-card__details-wrapper {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.opt-wine-card__box-title {
  margin: 0;
  margin-bottom: 8px;
  color: var(--colours-neutral-100-black-texts, #2a2a2a) !important;

  /* Headings/Mobile/H4 */
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 26px */
  letter-spacing: -0.2px;
}

.opt-wine-card__box-details {
  color: var(--colours-neutral-500-dark-grey, #3c3c3c) !important;

  /* Body/PL Regular */
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 25.2px */
}

.opt-wine-card__price-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.opt-discount-price {
  color: #e3242a !important;
  text-align: center;

  /* Headings/Mobile/H3 */
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 31.2px */
  letter-spacing: -0.24px;

  margin: 0;
}

.opt-original-price {
  margin-top: 4px;
  color: var(--colours-neutral-500-dark-grey, #3c3c3c);
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 20.8px */
  text-decoration: line-through;
}

.opt-prestart-text {
  margin-top: auto;
  margin-bottom: 24px;

  color: var(--colours-neutral-100-black-texts, #2a2a2a);
  text-align: center;

  /* Headings/Desktop/H5 */
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 26px */
  letter-spacing: -0.2px;
}

[data-step="3"] .opt-continue-cta {
  margin-top: 0;
  margin-bottom: 56px;
}
/* Step 3 END */
@-webkit-keyframes step-animate-in {
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes step-animate-in {
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-webkit-keyframes step-animate-out {
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(-0%);
    transform: translateX(-0%);
  }
}

@keyframes step-animate-out {
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(-0%);
    transform: translateX(-0%);
  }
}

[data-step="mobile-start"] .opt-continue-cta {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0;
  height: 70px;
}

.voucher-details {
  margin-bottom: 54px;
}

.opt-cru-banner__heading {
  color: var(--colours-neutral-100-black-texts, #2a2a2a);

  /* Headings/Desktop/H3 */
  font-family: Montserrat;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 36.4px */
  letter-spacing: -0.28px;
}

.opt-cru-banner__description {
  color: var(--colours-neutral-100-black-texts, #2a2a2a);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 20.8px */
  letter-spacing: -0.16px;
}

.opt-cru-benefits__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: 1fr 24px 1fr;
  grid-template-rows: repeat(2, 1fr);
  padding: 0px 48px;

  gap: 24px;
}

.opt-cru-benefits__wrapper > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.opt-cru-benefits__wrapper > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.opt-cru-benefits__wrapper > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.opt-cru-benefits__wrapper > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

.opt-cru-benefit__card-wrapper {
  padding: 24px;

  display: -ms-grid;

  display: grid;
  -ms-grid-columns: -webkit-max-content 8px 1fr;
  -ms-grid-columns: max-content 8px 1fr;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  -ms-grid-row-align: stretch;
  align-self: stretch;

  border-radius: var(--borders-border-s, 6px);
  background: var(--colours-neutral-000-white, #fff);

  /* Drop Shadow/300 */
  -webkit-box-shadow: 0px 3px 8px 0px rgba(14, 14, 44, 0.1);
  box-shadow: 0px 3px 8px 0px rgba(14, 14, 44, 0.1);
}

.opt-cru-benefit__card-wrapper > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.opt-cru-benefit__card-wrapper > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.opt-jw-logo.colour {
  display: block;
}

.opt-jw-logo.mono {
  display: none;
}

.opt-create-account {
  color: var(--colours-neutral-100-black-texts, #2a2a2a);
  text-align: center;

  /* Headings/Desktop/H3 */
  font-family: Montserrat;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 36.4px */
  letter-spacing: -0.28px;
  margin: 0;

  margin-bottom: 8px;
}

.opt-create-account__subtitle {
  color: var(--colours-neutral-100-black-texts, #2a2a2a);
  text-align: center;

  /* Body/P-S Regular */
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  margin: 0;
  margin-bottom: 24px;
}

.opt-register-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.opt-register-form__error {
  color: #e3242a;
}

.opt-register-input__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.opt-register-input__group label {
  color: var(--colours-neutral-100-black-texts, #2a2a2a);

  /* Body/P-S Regular */
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}

.opt-register-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 10px 16px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;

  border-radius: var(--borders-border-s, 6px);
  border: 0.5px solid var(--colours-neutral-400-medium-grey, #acacac);

  /* Body/P-M Regular */
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}

.opt-register-input__group[for="newsletter"] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  color: var(--colours-neutral-100-black-texts, #2a2a2a);

  /* Body/P-M Regular */
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}

.opt-cru-banner__content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding-top: 24px;
  padding-bottom: 48px;

  max-width: 462px;
}

.opt-cru-icon {
  width: 48px;
  height: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.opt-cru-benefit__description {
  grid-column: auto / span 2;
}

.opt-cru-benefit__icon-wrapper {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.opt-cru-benefit__title {
  text-align: left;

  -ms-flex-item-align: center;

  -ms-grid-row-align: center;

  align-self: center;

  color: var(--colours-secondary-secondary-2, #4b4b4b);

  /* Headings/Mobile/H4 */
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 26px */
  letter-spacing: -0.2px;

  margin: 0;
  padding: 0;
}

.opt-continue-cta.sticky {
  min-width: 327px;
}

.opt-register-form {
  max-width: 327px;
}
[data-step="cru-signup"] .opt-continue-cta {
  max-width: 327px;
  width: 100%;
}

@media only screen and (max-width: 996px) {
  .banner-overlay__wrapper {
    left: 0;
    right: 0;
    margin: auto;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;
  }
}

@media only screen and (max-width: 768px) {
  .opt-header-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 56px;

    padding: 9px 24px;
    display: none;
  }

  .opt-header-top .opt-jw-logo {
    width: auto;
    height: 32px;
  }

  .opt-header-top .opt-telephone-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
  }

  .opt-header-top .opt-telephone-number {
    color: #000;
    text-align: center;

    /* Body/P-S Regular */
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 19.6px */
  }

  .voucher-applied-wrapper {
    border-radius: 12px;
    height: 51px;
    width: calc(100% - 40px);
    margin-bottom: 40px;
  }

  .voucher-applied-wrapper .tick {
    width: 40px;
  }

  .voucher-applied-text__wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .banner-wrapper {
    width: 100%;
  }

  [data-step="mobile-start"] .opt-jw-logo {
    position: absolute;
    z-index: 1;
    top: 21px;
    left: 24px;
    height: 40px;
    width: auto;
    -webkit-filter: brightness(10);
    filter: brightness(10);
  }

  .banner-overlay__wrapper {
    max-width: 271px;
    max-height: 232px;
    left: 24px;
    right: unset;
    margin: unset;
  }

  .banner-image__wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(50%, rgba(255, 255, 255, 0)),
      to(rgba(0, 0, 0, 1))
    );
    background: -o-linear-gradient(
      bottom,
      rgba(255, 255, 255, 0) 50%,
      rgba(0, 0, 0, 1) 100%
    );
    background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0) 50%,
      rgba(0, 0, 0, 1) 100%
    );

    opacity: 0.3;
  }

  .banner-overlay__wrapper {
    max-width: 271px;
    max-height: 232px;
    left: unset;
    right: 24px;
  }

  .banner-wrapper .banner {
    -o-object-position: 35%;
    object-position: 35%;
  }

  .banner-overlay__text {
    font-size: 32px;
    letter-spacing: -0.32px;
  }

  .banner-description {
    font-size: 16px;
  }

  [data-step="mobile-start"] .banner-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 256px;
    flex: 1 0 256px;
    padding: 20px 24px;
  }

  .voucher-details {
    display: -ms-grid;
    display: grid;
    grid-template-areas: "full-price full-price" "voucher-price voucher-details";
  }

  .opt-full-price {
    grid-area: full-price;
    font-size: 16px;
  }

  .voucher-discount {
    grid-area: voucher-price;
    color: var(--colours-neutral-000-white, #fff);
    font-size: 56px;
  }

  .voucher-additional-text {
    grid-area: voucher-details;
  }

  .voucher-text {
    font-size: 24px;
    letter-spacing: -0.24px;
  }

  .voucher-text.subtitle {
    font-size: 16px;
    letter-spacing: -0.16px;
  }

  .opt-guided-experience__step.active-step {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  [data-step="mobile-start"] .opt-continue-cta {
    margin-top: 44px;
    background-color: white;
    width: 100%;

    color: var(--colours-secondary-secondary-2, #4b4b4b);
    text-align: center;

    /* Buttons/Buttons */
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 22.4px */
  }

  .opt-back-btn__wrapper {
    top: 16px;
    left: 24px;
  }

  .opt-continue-cta {
    width: calc(100% - 48px);
  }

  .opt-guided-experience__step:not([data-step="mobile-start"])
    .opt-continue-cta {
    margin-bottom: 32px;
  }

  .opt-wine-glass {
    width: 84px;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .step-outline-wrapper {
    padding-top: 19px;
    background: #f7f7f7;
    border-bottom: 1px solid #acacac;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
  }

  .opt-step-numbers {
    margin: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }

  .opt-step-numbers .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .opt-step-number__group {
    display: -ms-grid;
    display: grid;
    grid-template-areas: "arrow number" "arrow step-name";
    -ms-grid-columns: 1fr -webkit-max-content;
    -ms-grid-columns: 1fr max-content;
    grid-template-columns: 1fr -webkit-max-content;
    grid-template-columns: 1fr max-content;
    -ms-grid-rows: min-content;
    grid-template-rows: -webkit-min-content;
    grid-template-rows: min-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .opt-step-number__group.opt-completed .opt-number,
  .opt-step-number__group.opt-completed .opt-step-name {
    max-width: 100%;
    overflow: hidden;

    -webkit-transition: max-width 0.5s ease-in-out;

    -o-transition: max-width 0.5s ease-in-out;

    transition: max-width 0.5s ease-in-out;
  }

  .opt-step-number__group:not(.opt-current) {
    opacity: 0.4;
  }

  .opt-step-number__group .opt-number {
    grid-area: number;
    color: var(--colours-full-principal-1, #e3242a);
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
  }

  .opt-step-number__group .opt-step-name {
    grid-area: step-name;
    color: var(--colours-neutral-100-black-texts, #2a2a2a);
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 20.8px */
  }

  .opt-step-number__group .opt-step-arrow__wrapper {
    grid-area: arrow;
    margin: 0px 16px;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .voucher-applied-text {
    font-size: 18px;
  }

  .opt-step-title {
    font-size: 20px;
    letter-spacing: -0.2px;
    margin-bottom: 0;
  }

  .opt-wine-types {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 0px 24px;
    margin-top: 24px;
  }

  .opt-wine-type__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 80px;
    -ms-flex-preferred-size: 80px;
    flex-basis: 80px;
    width: 100%;
    gap: 32px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .opt-wine-img__wrapper {
    width: 113px;
    height: 100%;
  }

  .opt-wine-img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .opt-wine-type__wrapper.selected .opt-wine-type {
    font-weight: 600;
  }

  .opt-wine-slide__wrapper {
    gap: 16px;
  }

  .opt-wine-slide__image-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 138px;
    flex: 0 0 138px;
  }

  .opt-wine-slide__bottle-name {
    color: var(--colours-neutral-100-black-texts, #2a2a2a);

    /* Headings/Desktop/H7 */
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 20.8px */
    letter-spacing: -0.16px;
  }

  .opt-wines-list__title {
    color: var(--colours-neutral-500-dark-grey, #3c3c3c);

    /* Headings/Mobile/H5 */
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 23.4px */
    letter-spacing: -0.18px;

    margin-bottom: 0;
  }

  .opt-wine-slide__details-wrapper {
    color: var(--colours-neutral-100-black-texts, #2a2a2a);

    /* Headings/Desktop/H7 */
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 20.8px */
    letter-spacing: -0.16px;
  }

  .opt-wine-box__card-wrapper {
    display: -ms-grid;
    display: grid;
    grid-template-areas: "img none" "details price";
    padding: 16px;
    width: calc(100% - 48px);
  }

  .opt-wine-card__image-wrapper {
    grid-area: img;
  }

  .opt-wine-card__details-wrapper {
    grid-area: details;
  }

  .opt-wine-card__price-wrapper {
    grid-area: price;
  }

  .opt-wines-list__carousel {
    width: 100%;
  }

  .opt-wine-info__carousel {
    padding: 0px 24px;
  }

  .opt-guided-experience__step[data-step="cru-info"] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-y: auto;
    padding-bottom: 70px;
  }

  .opt-guided-experience__step[data-step="cru-signup"] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-y: auto;
    padding: 58px 24px 0px 24px;
  }

  > .opt-continue-cta.sticky {
    position: fixed;
    inset: 0;
    margin: auto auto 0 auto;
    width: 100%;
    border-radius: 0;

    height: 70px;
  }

  .opt-cru-banner__wrapper {
    background: #e3242a;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 390px;
    flex: 0 0 390px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 26px;
  }

  .opt-cru-banner__content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    padding-top: 24px;
    padding-bottom: 48px;
  }

  .opt-cru-icon {
    width: 48px;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .opt-cru-banner__heading {
    color: var(--colours-neutral-000-white, #fff) !important;

    /* Headings/Mobile/H3 */
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 31.2px */
    letter-spacing: -0.24px;
  }

  .opt-cru-banner__description {
    color: var(--colours-neutral-000-white, #fff) !important;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 20.8px */
    letter-spacing: -0.16px;
  }

  [data-step="cru-info"] .opt-back-btn {
    color: white;
  }

  [data-step="cru-info"] .opt-back-arrow path {
    stroke: white;
  }

  .opt-jw-logo.colour {
    display: none;
  }

  .opt-jw-logo.mono {
    display: block;
  }

  .opt-cru-benefits__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    padding: 24px;
    width: 100%;

    margin-top: -120px;

    gap: 24px;
  }

  .opt-cru-benefits__wrapper > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .opt-cru-benefit__card-wrapper {
    width: 100%;

    gap: 8px 16px;

    border-radius: var(--borders-border-s, 6px);
    background: var(--colours-neutral-000-white, #fff);

    /* Drop Shadow/300 */
    -webkit-box-shadow: 0px 3px 8px 0px rgba(14, 14, 44, 0.1);
    box-shadow: 0px 3px 8px 0px rgba(14, 14, 44, 0.1);
  }

  [data-step="cru-signup"] .opt-continue-cta {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .opt-wine-card__image-wrapper {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .opt-wine-card__details-wrapper {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .opt-wine-card__price-wrapper {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}

@media only screen and (max-width: 768px) {
  .opt-step-number__group .opt-number {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  .opt-step-number__group .opt-step-name {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }

  .opt-step-number__group .opt-step-arrow__wrapper {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
}

@media only screen and (max-width: 768px) {
  .opt-full-price {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .voucher-discount {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .voucher-additional-text {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}

/* Modal START */
html.opt-jwa-001-modal {
  overflow: hidden;
}

.opt-jwa-001-modal .opt-wine-slideout__background.hidden {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  display: block !important;
  pointer-events: none;
}

.opt-jwa-001-modal .opt-wine-slideout__background {
  position: absolute;
  background: black;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  opacity: 0.6;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.opt-jwa-001-modal .opt-wine-slideout__wrapper.hidden {
  right: -100%;

  overflow: hidden;

  -webkit-transition: right 0.7s ease, max-height 0.7s ease;

  -o-transition: right 0.7s ease, max-height 0.7s ease;

  transition: right 0.7s ease, max-height 0.7s ease;

  display: block !important;
}

.opt-jwa-001-modal .opt-wine-slideout__wrapper {
  position: absolute;
  background: white;
  top: 0;
  right: 0%;
  width: 100%;
  max-width: 621px;
  height: 100%;
  z-index: 101;

  padding: 80px 64px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-transition: right 0.7s ease, max-height 0.7s ease;

  -o-transition: right 0.7s ease, max-height 0.7s ease;

  transition: right 0.7s ease, max-height 0.7s ease;

  overflow: hidden;

  max-height: 100%;
}

.opt-jwa-001-modal .opt-wine-slideout__wrapper:before {
  content: "";
  position: absolute;
  background: #f7f7f7;
  border-radius: 100%;
  width: 750px;
  aspect-ratio: 1;
  z-index: -1;
  inset: 0;
  margin: auto auto -350px -50px;
}

.opt-jwa-001-modal .opt-wine-slideout__close-btn-hitbox {
  position: absolute;
  top: 19px;
  right: 19px;
}

.opt-jwa-001-modal .opt-wine-type-badge__wrapper {
  padding: 6px 16px;
  background: #e3242a;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--borders-border-s, 6px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  place-content: center;
  place-items: center;

  margin-bottom: 32px;
  display: none;
}

.opt-jwa-001-modal .opt-wine-type-badge__text {
  margin: 0;
  color: var(--colours-neutral-000-white, #fff) !important;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.42px;

  text-transform: uppercase;
}

.opt-jwa-001-modal .opt-wine-details__title {
  color: var(--colours-neutral-100-black-texts, #2a2a2a);

  /* Headings/Mobile/H4 */
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 26px */
  letter-spacing: -0.2px;

  margin-top: 0;
  margin-bottom: 16px;
}

.opt-jwa-001-modal .opt-wine-details__description {
  color: #000;

  /* Body/P-M Regular */
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
  margin-bottom: 28px;
}

.opt-jwa-001-modal .opt-wine-details__bottle-details-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 0;
  gap: 64px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.opt-jwa-001-modal .opt-wine-details__bottle-img {
  width: 50%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.opt-jwa-001-modal .opt-wine-details__details-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 32px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: 1fr 16px 1fr;
  grid-template-rows: repeat(2, 1fr);

  -webkit-column-gap: 32px;

  -moz-column-gap: 32px;

  column-gap: 32px;
  row-gap: 16px;
}

.opt-jwa-001-modal .opt-wine-details__details-grid > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.opt-jwa-001-modal .opt-wine-details__details-grid > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.opt-jwa-001-modal .opt-wine-details__details-grid > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.opt-jwa-001-modal .opt-wine-details__details-grid > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

.opt-jwa-001-modal .opt-wine-details__details-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.opt-jwa-001-modal .opt-wine-details__details-title {
  color: var(--colours-neutral-100-black-texts, #2a2a2a);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 19.6px */
  max-width: 98px;
}

.opt-jwa-001-modal .opt-wine-details__details-content {
  color: var(--colours-neutral-500-dark-grey, #3c3c3c);

  /* Body/P-M Regular */
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
  max-width: 98px;
}
.opt-continue-cta {
  line-height: 0% !important;
  margin: 21px;
}

.voucher-applied-wrapper {
  margin: 0px;
  margin-top: 10px;
}

.opt-step-title {
  margin: 21px;
}

.header-new {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .opt-jwa-001-modal .opt-wine-slideout__wrapper.hidden {
    top: calc(100% + 15px);
    right: 0%;
    -webkit-transition: top 0.7s ease, opacity 0.7s ease;
    -o-transition: top 0.7s ease, opacity 0.7s ease;
    transition: top 0.7s ease, opacity 0.7s ease;
    max-width: 100%;
    opacity: 0;
  }

  .opt-jwa-001-modal .opt-wine-slideout__wrapper {
    top: 63px;
    right: 0%;
    -webkit-transition: top 0.7s ease, opacity 0.7s ease;
    -o-transition: top 0.7s ease, opacity 0.7s ease;
    transition: top 0.7s ease, opacity 0.7s ease;
    max-width: 100%;
    padding: 53px 24px;
    overflow: hidden;
    opacity: 1;
  }

  .opt-jwa-001-modal .opt-wine-type-badge__wrapper {
    position: absolute;
    top: -15px;
    display: none;
  }

  .opt-jwa-001-modal .opt-wine-details__bottle-details-wrapper {
    max-height: 300px;
    margin-top: auto;
    margin-bottom: auto;
    gap: 16px;
  }

  .opt-jwa-001-modal .opt-wine-slideout__wrapper.hidden:before {
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
  }

  .opt-jwa-001-modal .opt-wine-slideout__wrapper:before {
    margin: auto auto -350px -200px;
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
  }
}

@media only screen and (max-width: 480px) {
  [data-step="mobile-start"] .banner-content {
    padding: 0px 20px;
    display: block;
    padding-top: 13px;
    height: 20px !important;
  }

  .voucher-details {
    margin-bottom: 0px;
  }

  [data-step="mobile-start"] .opt-continue-cta {
    position: static;
    line-height: 0px;
    margin-top: 28px !important;
  }
  [data-step="mobile-start"] .opt-jw-logo {
    display: none;
  }

  .banner-overlay__wrapper {
    top: 30px;
  }

  .banner-image__wrapper {
    height: calc(100% - 376px);
  }
  .opt-wines-list__carousel.slick-initialized.slick-slider {
    margin-bottom: 20px;
  }

  .opt-jwa-001-modal .opt-wine-slideout__wrapper.hidden {
    display: none !important;
  }
  html.opt-jwa-001-modal {
    overflow: scroll;
  }
}
/* Modal END */

/* Thank you page START */
html.opt-thank-you-page {
  overflow: auto;
}

.opt-jwa-001-v1 .thank-you-page .banner-wrapper {
  z-index: 1;
}

.opt-jwa-001-v1 .thank-you-page .banner-image__wrapper {
  height: 100%;
  overflow: visible;
}

.thank-you-page .banner-wrapper .banner {
  -o-object-position: top;
  object-position: top;
}

.thank-you-page .banner-overlay__wrapper {
  inset: 0;
  width: 100%;
  height: 100%;

  max-width: 499.337px;
  max-height: 270.043px;

  margin: auto auto auto -399px;

  z-index: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.thank-you-page .banner-overlay__wrapper .opt-jw-logo {
  -webkit-filter: brightness(10);
  filter: brightness(10);

  height: 56px;
  display: block;
  width: auto;
  margin: 0 auto;
}

.thank-you-page .banner-overlay__wrapper .banner-overlay__text {
  color: var(--colours-neutral-000-white, #fff);
  text-align: center;

  /* Headings/Desktop/Display */
  font-family: Montserrat;
  font-size: 48px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 62.4px */
  letter-spacing: -0.48px;

  margin: 0;
}

.thank-you-page .opt-guided-experience__step {
  max-width: 430px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  gap: 40px;

  height: 100%;
  max-height: 100%;

  position: static;
}

.thank-you-page.cru .opt-guided-experience__step {
  gap: 0;
}

.opt-jwa-001-v1 .thank-you-page.cru .opt-cru-message {
  margin-top: 16px;
  margin-bottom: 32px;

  color: var(--colours-neutral-100-black-texts, #2a2a2a);
  text-align: center;

  /* Body/PL Regular */
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 25.2px */
}

.thank-you-page.cru .opt-continue-cta {
  max-width: 327px;
}

.opt-jwa-001-v1 .thank-you-page .opt-cru-selling-points__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  margin-top: 56px;
}

.opt-jwa-001-v1 .thank-you-page .opt-selling-point__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;

  border-radius: var(--borders-border-s, 6px);
  background: var(--colours-neutral-000-white, #fff);

  /* Drop Shadow/300 */
  -webkit-box-shadow: 0px 3px 8px 0px rgba(14, 14, 44, 0.1);
  box-shadow: 0px 3px 8px 0px rgba(14, 14, 44, 0.1);
}

.opt-jwa-001-v1 .thank-you-page .opt-selling-point {
  margin: 0;
}

.thank-you-page .opt-continue-cta {
  margin-top: 0px;
  width: 100%;
}

html.opt-thank-you-page body.opt-thank-you-page .hidden {
  display: none !important;
}

@media only screen and (max-width: 1100px) {
  .thank-you-page .opt-guided-experience__step {
    margin-left: 125px;
  }
}

@media only screen and (max-width: 960px) {
  .thank-you-page .opt-guided-experience__step {
    margin: 0;
  }

  .thank-you-page .banner-overlay__wrapper {
    margin: 0;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: unset;
    border-radius: 0;
  }

  .thank-you-page .banner-overlay__wrapper .banner-overlay__text {
    font-size: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .opt-jwa-001-v1 .thank-you-page .banner-wrapper {
    z-index: 1;
    height: 0%;
    overflow: visible;
  }

  .opt-jwa-001-v1 .thank-you-page .banner-image__wrapper {
    height: 100%;
    overflow: hidden;
  }

  .opt-jwa-001-v1 .thank-you-page.cru .banner-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%;
  }

  .opt-jwa-001-v1 .thank-you-page.cru .steps-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%;
  }

  .opt-jwa-001-v1 .thank-you-page.non-cru .banner-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
  }

  .opt-jwa-001-v1 .thank-you-page.non-cru .steps-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 75%;
    flex: 0 1 75%;
  }

  .opt-jwa-001-v1 .thank-you-page .column-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .thank-you-page .banner-wrapper .banner {
    -o-object-position: top;
    object-position: top;
    height: 100%;
    width: 100%;
  }

  .thank-you-page .banner-overlay__wrapper {
    inset: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;

    max-width: 333px;
    max-height: 189px;
    z-index: 1;

    margin: calc(-189px / 1.25) auto auto auto;

    border-radius: 6px;
  }

  .thank-you-page .banner-overlay__wrapper .opt-jw-logo {
    -webkit-filter: brightness(10);
    filter: brightness(10);

    height: 56px;
    display: block;
    width: auto;
    margin: 0 auto;
  }

  .thank-you-page .banner-overlay__wrapper .banner-overlay__text {
    color: var(--colours-neutral-000-white, #fff);
    text-align: center;

    /* Headings/Mobile/H1 */
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    /* 41.6px */
    letter-spacing: -0.32px;
  }

  .thank-you-page .opt-guided-experience__step {
    max-width: 430px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    gap: 0;
    margin: 0;

    margin-top: 64px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;

    padding-left: 24px;
    padding-right: 24px;
  }

  .opt-jwa-001-v1 .thank-you-page .opt-cru-selling-points__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
  }

  .opt-jwa-001-v1 .thank-you-page .opt-selling-point__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;

    border-radius: var(--borders-border-s, 6px);
    background: var(--colours-neutral-000-white, #fff);

    /* Drop Shadow/300 */
    -webkit-box-shadow: 0px 3px 8px 0px rgba(14, 14, 44, 0.1);
    box-shadow: 0px 3px 8px 0px rgba(14, 14, 44, 0.1);
  }

  .opt-jwa-001-v1 .thank-you-page .opt-selling-point {
    margin: 0;
  }

  .thank-you-page .opt-continue-cta {
    margin-top: auto;
    margin-bottom: 32px;
    position: fixed;
    bottom: 0;

    width: calc(100% - 48px);

    text-align: center;
  }
}

@media only screen and (max-width: 320px) {
  .thank-you-page .banner-overlay__wrapper .opt-jw-logo {
    height: 40px;
  }
  .thank-you-page .banner-overlay__wrapper .banner-overlay__text {
    font-size: 32px;
  }
}

.pd-ist {
  position: relative;
  width: 44%;
}
.mobilediv {
  display: none !important;
}
div#chat-widget-container {
  display: none !important;
}
a.hello-claimoffer:hover {
  padding-right: 45px;
}

.pricemain-box a {
  border: 1px solid #058325;
  background: transparent !important;
  color: #058325 !important;
  font-weight: 500 !important;
}

.pricemain-box a:hover {
  color: white !important;
  background: #00b32e !important;
  border: 1px solid transparent;
}
a.hello-claimoffer:after,
.pricemain-box a:after {
  content: "\00bb";
  position: absolute;
  opacity: 0;
  top: 10px;
  right: 22px;
  transition: 0.5s;
}

a.hello-claimoffer:hover {
  position: relative;
  padding-right: 50px !important;
}
.pricemain-box a:hover {
  position: relative;
  padding-right: 40px;
}
a.hello-claimoffer:hover::after,
.pricemain-box a:hover::after {
  opacity: 1;
  right: 30px;
}

.pricemain-box a:hover::after {
  opacity: 1;
  right: 35px;
}

a.hello-claimoffer,
.pricemain-box a {
  transition: all 0.5s;
}

.showside {
  right: 0% !important;
}
footer.page-footer,
.footer-bottom {
  display: none;
}
main#maincontent {
  margin: 0px !important;
}
.header-top {
  border-bottom: unset !important;
}
a.close-btn-side {
  position: absolute;
  top: 8px;
  display: block;
  right: 14px;
}

a.close-btn-side img {
  height: 27px;
}
.btn-div1 {
  width: 38%;
}
iframe#chat-widget-minimized {
  display: none !important;
}
div#chat-widget-container {
  display: none;
}
p#popupDescription ~ button {
  float: left;
  /* margin-bottom: 37px !important; */
  display: block;
  border: 1px solid #d7d5d5;
  background: unset;
  padding: 6px 24px;
}
.sidepopup {
  width: 30%;
  right: -30%;
  position: fixed;
  top: 0;
  background-color: white;
  padding: 20px 20px 80px;
  z-index: 9999;
  transition: 1s all ease;
  height: 100%;
}
#sidepopup-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #00000050;
  z-index: 9;
  display: none;
  top: 0;
  left: 0;
}
.breadcrumbs {
  display: none !important;
}
.tc_detail_remember_class {
  display: none;
}
section.offerbg {
  background: url(/pub/media/images/offerbg.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  float: left;
  width: 100%;
}
.close-btn {
  cursor: pointer;
}
.parents {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.wine-images {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.wine-image {
  height: 100px;
  margin: 10px;
  cursor: pointer;
}
.nav-tabs {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.tab {
  padding: 10px;
  margin: 10px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.product-details {
  flex: 2;
  display: none;
}
.product-details.active {
  display: block;
}
.cruoffer_sub {
  text-align: center;
  font-size: 20px;
  font-family: "Montserrat";
  font-weight: 500;
  max-width: 50%;
  margin: 0px auto;
  padding: 50px 0px 0px;
  line-height: 24px;
}
.cruofferproduct {
  position: relative;
  padding: 0;
}
.cruofferproduct h2 {
  text-align: center;
  font-weight: 700;
  font-family: "Montserrat";
  color: #3c3c3c;
  font-size: 30px;
  padding-bottom: 15px;
}
img.cruoffer-leftbg {
  position: absolute;
  top: -8em;
}
.crupd-img {
  width: 100%;
  text-align: center;
}

.crupd-img img {
  width: 79%;
}

.allproduct-div {
  float: left;
}
img.cruoffer-rightbg {
  right: 0px;
  position: absolute;
  top: -5em;
}
.cruoffer-foot {
  padding: 0px;
}
.cruoffer-foot img {
  width: 100%;
  max-width: 100%;
}
.cru-product {
  display: flex;
  max-width: 1060px;
  width: 100%;
  margin: 0px auto;
  box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 8%);
  padding: 95px 30px 40px;
  background: white;
  border-radius: 10px;
  gap: 70px;
  justify-content: space-between;
  margin-top: -93px;
}
.main-images-1 {
  max-width: 1230px;
  margin: 0px auto;
}

.crupd-img {
  max-width: 44%;
  margin: 0px auto;
}
.cru-product ul {
  margin: 0px;
  padding: 0px;
  /* padding-left: 11%; */
  max-width: 34%;
  width: 34%;
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.08);
  padding: 20px 30px;
  background: white;
  border-radius: 10px;
}
.cru-product ul li {
  list-style: none;
  display: flex;
  gap: 10px;
  padding: 9px 0px;
}
.cru-product ul li img {
  height: 18px;
  /* width: auto; */
  margin-top: 3px;
}
.cru-product ul li p {
  padding-right: 0%;
  margin-bottom: 0px;
}
.cruoffer-rel {
  padding: 50px 0px;
}
.cruoffer-rel h2 {
  text-align: center;
  font-weight: 700;
  font-family: "Montserrat";
  color: #3c3c3c;
  font-size: 30px;
}
.cruoffer-rel p {
  text-align: center;
}
.common-banner.cruoffer-banner:before {
  position: unset;
}

.crupd-img img {
  width: 100%;
  position: relative;
  z-index: 9;
}
.product-container ul.nav-tabs {
  width: 100%;
  margin: 0px;
  padding: 0px;
  margin: 0px auto;
  /* display: flex; */
  max-width: 413px;
  border: unset;
}
.jw-thumb-image img {
  height: 267px;
}
.product-container ul.nav-tabs li a {
  border: 1px solid grey;
  padding: 0px 20px;
  border-radius: 8px;
  color: #3c3c3c;
  font-weight: 600;
  height: 27px;
  line-height: 26px;
}
.product-container ul.nav-tabs li {
  margin: 0px 10px;
}
.product-container ul.nav-tabs li.active a {
  background: #00b32e;
  color: white;
  font-weight: 600;
  border: unset;
}
.product-container ul.nav-tabs p {
  padding: 14px 0px;
  margin: 0px;
  font-weight: 600;
  color: #3c3c3c;
}
.cruoffer-cp {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0px auto;
}
.non-member-price span {
  text-decoration: line-through;
  font-size: 19px;
  font-family: "Montserrat";
  color: #3c3c3c;
  font-weight: 500;
}
.jw-cru-price span {
  font-size: 12px;
  font-family: "Montserrat";
  color: #3c3c3c;
}
.discount-voucher {
  font-size: 17px;
  color: #ff2e35;
}
.amount-to-be-paid span {
  font-size: 20px;
  font-family: "Montserrat";
  font-weight: 800;
  color: #3c3c3c;
  padding: 12px 0px;
}
div#description-tab-1 .tab-description {
  /* margin: -1px 0px; */
  padding-top: 16px;
  padding-bottom: 50px;
}
.buttoncru-1 a {
  background: #00b32e;
  /* width: 100%; */
  display: inline-block;
  max-width: 300px;
  margin: 0px auto;
  padding: 10px 102px;
  border-radius: 10px;
  color: white;
  margin-top: 20px;
}
.buttoncru-1 {
  margin: 0px auto;
  text-align: right;
  padding-right: 50px;
  margin-top: 20px;
}
.cruoffer-rel .related-slider {
  margin: 0px auto;
  max-width: 1200px;
  padding: 0px;
}
.cruoffer-rel .related-slider span.jw-productname {
  font-family: "Montserrat";
  color: #3c3c3c !important;
  padding: 0px 0px;
}
.cruoffer-rel .related-slider .pricemain-box span {
  font-family: "Roboto";
  padding: 4px 0px;
  float: left;
}
.cruoffer-rel .related-slider .product-item-inner {
  float: left;
  width: 100%;
}
.cruoffer-rel .related-slider .product-item-inner a {
  float: left;
  background: #00b32e;
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  color: white;
  font-weight: 800;
}
.cms-hellofresh .page-header,
.cms-hellofresh footer.page-footer,
.cms-hellofresh .footer-bottom {
  display: none;
}
.header-new {
  max-width: 1220px;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
}

.header-top {
  border-bottom: 1px solid #e0e0e0;
  float: left;
  width: 100%;
}

.right-div-callto {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  padding: 20px 0px;
}

.header-new .logo img {
  width: 212px;
}

.call-number-1:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 23px;
  background: #e3e1e1;
  right: -23px;
}

.call-number-1 {
  position: relative;
}

.cruoffer_sub p {
  font-size: 28px;
  max-width: 100%;
  line-height: 39px;
  font-weight: 600;
}

.cruoffer_sub {
  max-width: 100%;
  float: left;
  margin: 0px auto;
  text-align: center;
}
.col-sm-12.col-md-12.col-xs-12.cru-product ul h2 {
  text-align: left;
}
ul.related-pd {
  display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1200px;
  margin: 0px auto;
}
.jw-single-p-thumb:nth-child(-n + 4) {
  order: -1;
}

.jw-single-p-thumb:nth-last-child(-n + 3) {
  margin-top: auto;
}
li.jw-single-p-thumb {
  width: 23%;
  margin-bottom: 18px;
  height: 422px;
  min-height: auto;
}

.hello-badges {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100px;
  height: 100px;
  display: none;
}

span.hello-count {
  position: absolute;
  background: #ff2e35;
  padding: 10px;
  border-radius: 50%;
  font-size: 18px;
  color: white;
  font-weight: 800;
  left: 50%;
  transform: translate(46%, -169%);
  top: 50%;
}

.jw-pricediv {
  min-height: auto;
  text-align: center;
  border-top: 1px solid #e6e6e6;
  /* max-width: 245px; */
  /* margin: 0px auto; */
  clear: both;
  padding: 36px 6px;
  text-align: center;
  width: 100%;
}
.jw-thumb-image img {
  height: 267px;
}
.pricemain-box {
  margin: 0px;
  margin-top: 10px;
  font-family: "Roboto";
}

.pricemain-box span {
  color: black;
  font-weight: 500;
  font-family: "Roboto";
}

a.hello-claimoffer {
  background: #00b32e;
  color: white;
  padding: 10px;
  /* border-radius: 7px; */
  margin: 0px auto;
  display: inline-block;
  /* max-width: 10px; */
  font-size: 16px;
  /* width: 100%; */
  font-weight: 600;
}
.buttoncru-1 a.hello-claimoffer {
  padding: 10px 37px;
}
.he-claim-offer {
  text-align: center;
}

.he-claim-offer a {
  border-radius: 9px;
  padding: 10px 37px;
}
.cruoffer_sub label {
  background: unset;
  color: #ff2d35;
  padding: 0px 10px;
}
ul.form-list {
  max-width: 100%;
}

.popup {
  display: none;
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.popup-content {
  background-color: #fefefe;
  padding: 20px 30px;
  border: 1px solid #888;
  width: 400px;
  position: absolute;
  margin: 0px;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  border-radius: 10px;
}

.close-btn {
  color: black;
  float: right;
  font-size: 28px;
  font-weight: bold;
  /* margin: 8px 6px; */
  position: relative;
  top: -15px;
  right: 9px;
}

.close-btn:hover,
.close-btn:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
ul.form-list label {
  width: 108px;
  text-align: left;
}

.registered-users p {
  text-align: center;
  font-size: 12px;
  margin-bottom: 12px;
}

.cruofferproduct h2 {
  margin: 0px;
  padding-bottom: 0px;
}
div#registerForm h2,
div#loginForm h2 {
  padding: 0px;
  font-size: 24px;
  text-align: center;
  font-weight: 600;
}

div#loginForm .buttons-set-a {
  gap: 107px;
}

.buttons-set-a {
  background: unset;
  color: #3c3c3c;
  display: flex;
  gap: 125px;
}
#login-form .input-box {
  width: 100%;
}
.buttons-set-a a {
  background: unset;
  color: #3c3c3c;
  width: 50%;
  padding: 0px;
}
#login-form .registered-users p.required {
  margin: 0px;
  position: relative;
  top: -6px;
  text-align: left;
}

.buttoncru-1 .buttons-set-a a {
  background: unset !important;
  color: #3c3c3c !important;
  margin: 0px !important;
  padding: 0px !important;
  text-align: left !important;
  margin: 0px 0px 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

div#registerForm .cru-product ul,
div#loginForm .cru-product ul {
  padding: 0px !important;
}

#login-form .input-box {
  margin-bottom: 10px;
}

ul.form-list label {
  color: #3c3c3c;
  font-weight: 500;
}
.buttoncru-1 a.hello-claimoffer {
  cursor: pointer;
}

div#registerForm ul,
div#loginForm ul {
  width: 100%;
  max-width: 100%;
}
.hidden {
  display: none;
}
main#maincontent {
  margin: 0px;
  max-width: 100% !important;
}
.product-container {
  width: 100%;
  max-width: 100%;
}

.cruoffer-pd {
  max-width: 90%;
}

ul.button-tab-hellow {
  padding: 0px;
  text-align: center;
  width: 81%;
  max-width: 100%;
  margin-bottom: 29px;
  box-shadow: unset;
  background: unset;
}

ul.button-tab-hellow button {
  background: #00b32e;
  border: 0px;
  color: white;
  padding: 8px 32px;
  cursor: pointer;
}

.pdall-details {
  width: 100%;
  float: left;
}
span.choose_y {
  font-weight: 600;
  font-family: "Montserrat";
  color: #3c3c3c;
  font-size: 15px;
  display: inline-block;
  padding-right: 20px;
}
header.page-header {
  display: none;
}
ul.button-tab-hellow button.active {
  background: #6e6e6ec7;
}
.all-content {
  display: flex;
  gap: 57px;
}

.all-content ul {
  box-shadow: unset;
  padding: 0px;
  width: auto;
  max-width: 100%;
}

.pd-ist h2 {
  text-align: left;
  font-size: 22px;
  padding-bottom: 25px;
}

.pd-ist ul:nth-child(1) img {
  width: 100px;
}

.pd-ist ul:nth-child(2) {
  max-width: 73%;
  flex: unset;
}

span.choose_y {
  display: block;
  padding: 0px;
  padding-bottom: 11px;
}

ul.button-tab-hellow {
  margin: 0px;
  width: 100%;
}

ul.button-tab-hellow button {
  padding: 8px 37px;
}

div#description-tab-1 .tab-description {
  padding-top: 30px;
}

.buttoncru-1 {
  padding-right: 0px;
}

.cru-product ul li {
  width: 100%;
}

.pd-ist {
  position: relative;
}

.pd-ist:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 93%;
  right: -91px;
  top: 13px;
  background: #e2e2e2;
}
.container-fluid.why_just_wines {
  padding: 0px;
  text-align: center;
  background: #f8f9f6;
  float: left;
  padding: 50px 0px 80px;
}

.container-fluid.why_just_wines h2 {
  font-family: "Montserrat";
  font-weight: 500;
  color: #3c3c3c;
  font-size: 31px;
}

.container-fluid.why_just_wines p {
  max-width: 53%;
  margin: 0px auto;
}

.container-fluid.why_just_wines ul {
  display: flex;
  margin: 0px auto;
  max-width: 954px;
  margin-top: 50px;
}

.container-fluid.why_just_wines ul li {
  list-style: none;
}
section#jw-review {
  float: left;
  width: 100%;
  background: white;
}
.cru-product ul li {
  padding-bottom: 0px;
}
span.jw-pricemain {
  display: none;
}

.pricemain-box {
  padding: 0;
}

.pricemain-box a {
  padding: 10px;
  display: block;
  background: #00b32e;
  border-radius: 6px;
  color: white;
  font-size: 15px;
  max-width: 70%;
  margin: 0px auto;
  margin-top: 20px;
}

.pdall-details ul li {
  height: 479px;
  width: 100%;
  border: 1px solid #e4e4e4;
}
.container-fluid.why_just_wines img ~ p {
  max-width: 65%;
  margin: 0px auto;
  padding-top: 14px;
}
.sidepopup img {
  height: 322px;
  margin: 0px auto;
}

div#sidepopup {
  text-align: center;
  overflow-y: scroll;
}

h2#popupName {
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  color: #3c3c3c;
}

p#popupDescription {
  text-align: left;
}

p#popupDescription ul {
  padding: 0px;
}

p#popupDescription p {
  font-size: 13px;
}
ul.button-tab-hellow button.active {
  background: #00b32e;
  box-shadow: unset;
  color: #ffffff;
}

ul.button-tab-hellow button {
  background: white;
  border: 1px solid #dbd7d7;
  color: #3c3c3c;
}
.cruoffer_sub {
  margin: 0px auto;
  float: unset;
  padding-top: 20px;
  max-width: 700px;
}

.cruoffer_sub h1,
.cruoffer_sub h2 {
  font-size: 22px;
  color: #3c3c3c;
  font-size: 27px;
  max-width: 100%;
  line-height: 39px;
  font-weight: 600;
}

.cruoffer_sub h2 {
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
  margin-top: 0px;
}

.cruoffer_sub h1 {
  line-height: 31px;
}
span.jw-pricemain {
  display: block;
}

ul.related-pd li.jw-single-p-thumb {
  height: auto;
  padding: 15px 10px;
}
ul.related-pd li.jw-single-p-thumb .pricemain-box {
  margin-top: 0px;
}

ul.related-pd li.jw-single-p-thumb span.jw-pricemain {
  display: block;
  padding: 15px 0px;
}

li.jw-single-p-thumb .jw-pricediv {
  padding: 10px;
}

ul.related-pd li.jw-single-p-thumb span.jw-pricemain span.price {
  display: block;
  font-size: 18px;
}
.cruoffer-rel .related-slider .pricemain-box span {
  float: unset;
}
.pricemain-box a {
  margin-top: 0px;
}
@media only screen and (max-width: 1200px) {
  .cruoffer_sub {
    padding: 15px 42px;
    background-size: cover;
  }
}
@media only screen and (max-width: 820px) {
  /* headercsss */
  .header-new {
    padding-right: 20px;
  }

  .header-new .logo {
    width: auto;
  }

  .header-new .logo img {
    width: 200px !important;
  }

  /*End  headercsss */

  .all-content {
    gap: 20px;
  }

  .cru-product {
    gap: 10px;
    padding: 126px 8px 20px;
  }

  .btn-div1 {
    width: auto;
  }

  ul.button-tab-hellow {
    text-align: left;
  }

  .pd-ist:after {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  .header-new .logo img {
    width: 171px !important;
    margin-top: 10px;
  }
  ul.button-tab-hellow button {
    padding: 8px 30px;
  }
  .right-div-callto {
    padding-right: 16px;
  }

  .cruoffer_sub p {
    font-size: 25px;
  }

  img.cruoffer-leftbg,
  img.cruoffer-rightbg {
    width: 70px;
  }

  ul.related-pd {
    display: block;
    flex-wrap: unset;
  }

  li.jw-single-p-thumb {
    width: 30%;
  }

  .col-sm-12.col-md-12.col-xs-12.cru-product ul h2 {
    font-size: 25px;
  }

  .cruoffer-rel h2 {
    font-size: 25px;
  }

  .he-claim-offer {
    float: left;
    width: 100%;
    padding-bottom: 50px;
  }
  .header-new .logo img {
    text-align: left !important;
    margin: unset !important;
  }
}

@media only screen and (max-width: 767px) {
  .pdall-details {
    max-width: 100vw;
    padding: 10px;
  }
  .header-new .logo {
    width: auto;
    padding-left: 10px !important;
  }

  .col-sm-12.col-md-12.col-xs-12.cruoffer_sub {
    padding-top: 10px;
    padding-bottom: 14px;
  }

  .cru-product ul {
    width: 100%;
    max-width: 100%;
  }

  .col-sm-12.col-md-12.col-xs-12.cru-product {
    display: block;
  }

  .cruoffer-pd {
    width: 100%;
    max-width: 100%;
    padding: 0px;
  }

  div#description-tab-1 .tab-description {
    border: unset;
  }
  .cruoffer_sub p {
    font-size: 20px;
    line-height: 36px;
  }
  #login-form .col-sm-6.registered-users {
    flex: unset !important;
    max-width: unset !important;
    padding: unset !important;
    width: unset !important;
  }
  .cruoffer-rel .related-slider {
    width: auto !important;
    max-width: auto !important;
  }
}
@media only screen and (max-width: 650px) {
  .cruoffer_sub h1 {
    font-size: 21px;
    line-height: 25px;
    padding: 0px 15px;
  }

  .cruoffer_sub h2 {
    font-size: 14px !important;
    line-height: auto;
  }
  section.offerbg {
    background-size: cover;
  }

  .col-sm-12.col-md-12.col-xs-12.cruoffer_sub {
    padding: 26px 11px !important;
    background-size: cover;
  }
  .pd-ist ul:nth-child(1) {
    max-width: 20%;
  }
  .right-div-callto {
    display: block;
    line-height: 25px;
    padding: 5px 9px;
  }

  .right-div-callto img {
    width: 14px;
    margin-right: 3px;
  }

  .header-new .logo img {
    margin-top: 5px !important;
  }

  li.jw-single-p-thumb {
    width: 96%;
    order: unset !important;
    margin-right: 0px !important;
  }

  ul.related-pd {
    padding: 0px;
  }
  .popup-content .row {
    width: 100%;
    margin: 0px;
    max-width: 100%;
    padding: 0px;
    display: block;
  }
  .popup-content {
    padding: 20px 10px;
    width: 96%;
  }
  .crupd-img {
    max-width: 89%;
    margin: 0px auto;
  }
  .cru-product {
    display: block;
    /* padding: 10px; */
  }

  .cru-product ul li p br {
    display: none;
  }

  .btn-div1 {
    margin-top: 40px;
    padding: 10px;
  }

  .cruoffer-rel {
    padding: 20px 0px;
  }

  .container-fluid.why_just_wines h2 {
    margin-top: 0px;
  }

  .container-fluid.why_just_wines p {
    max-width: 95%;
  }

  .container-fluid.why_just_wines ul {
    display: block;
  }

  .container-fluid.why_just_wines ul li {
    margin-bottom: 5%;
  }

  .container-fluid.why_just_wines {
    padding: 50px 0px 30px;
  }
  .sidepopup {
    width: 80%;
    right: -80%;
    padding: 10px 15px;
  }
}

@media only screen and (max-width: 480px) {
  .cruoffer-rel {
    float: left;
  }
  .header-new .logo img {
    margin-top: 5px !important;
    width: 127px !important;
  }
  img.cruoffer-leftbg,
  img.cruoffer-rightbg {
    width: 37px;
  }
  .cruoffer_sub p {
    font-size: 16px;
    line-height: 26px;
    padding: 10px 30px;
  }
  .cru-product ul {
    padding: 0px 0px;
  }
  .cruoffer_sub p br {
    display: none;
  }
  .col-sm-12.col-md-12.col-xs-12.cru-product ul h2 {
    text-align: center;
    margin-bottom: 0px;
  }
  .right-div-callto {
    font-size: 12px;
    line-height: 20px;
  }
  .crupd-img {
    border-radius: 0px 15px 0px 11px;
    padding: 3px;
  }
  .buttoncru-1 {
    margin: 0px auto;
    text-align: center;
    padding-right: 0px;
    margin-top: 20px;
  }
  li.jw-single-p-thumb {
    margin-bottom: 15px;
    width: 100%;
  }
  .cms-hellofresh .breadcrumbs {
    display: none !important;
  }
  .cruoffer-rel h2 {
    font-size: 19px !important;
  }

  .cruoffer-rel h2 br {
    display: none;
  }
  .cruoffer-rel h2 {
    font-size: 19px !important;
  }

  .cruoffer-rel h2 br {
    display: none;
  }

  div#description-tab-1 .tab-description {
    padding-bottom: 0px;
  }

  .he-claim-offer {
    padding-bottom: 0px;
  }

  .all-content {
    display: block;
  }

  .pd-ist ul:nth-child(1) img {
    display: none;
  }

  .cru-product ul li p br {
    display: none;
  }

  .pd-ist ul:nth-child(2) {
    width: 100%;
    max-width: 100%;
  }

  .cruoffer_sub p {
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  ul.button-tab-hellow button {
    padding: 8px 37px;
  }

  .buttoncru-1 {
    max-width: 100%;
    width: 100%;
  }

  .buttoncru-1 a.hello-claimoffer {
    max-width: 100%;
    width: 100%;
  }

  .product-container ul.button-tab-hellow {
    margin-bottom: 10px;
  }

  .cruoffer-rel {
    padding: 5px 0px;
  }
  .col-sm-12.col-md-12.col-xs-12.cru-product ul h2 {
    text-align: left;
    margin-bottom: 0px;
  }
  .pd-ist h2 {
    padding-bottom: 5px;
  }
  .btn-div1 {
    margin-top: 10px;
    padding: 10px 5px;
  }

  .pd-ist {
    display: none !important;
  }
  .pd-ist.mobilediv {
    display: block !important;
    padding: 20px 0px 0px;
  }
  .cru-product {
    padding: 84px 8px 20px;
  }
  span.choose_y {
    font-size: 20px;
    padding-bottom: 20px;
    text-align: left;
  }
  .header-new {
    display: block;
    padding: 0px;
  }
  .right-div-callto {
    display: none;
  }
  .header-new .logo {
    width: 100% !important;
    padding: 0px !important;
    max-width: 100%;
    float: unset;
    margin: 0px auto;
    max-width: 100% !important;
  }
  .header-new .logo a {
    width: 100%;
    text-align: center !important;
    max-width: 100%;
    display: block;
  }
  .header-new .logo img {
    text-align: center !important;
    width: 200px !important;
    margin: 0px auto !important;
  }
  .pd-ist {
    position: relative;
    width: 100%;
  }
}

.page-wrapper > .breadcrumbs {
  display: none !important;
}
.page-products .page-wrapper > .breadcrumbs {
  display: block !important;
}
.fav-right a:hover img,
.moresub a:hover img {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 50%;
  transform: scale(1.1);
  transition: 1s;
  transition-duration: 1s;
}
.fav-right a img,
.moresub a img {
  transition: 1s;
  transition-duration: 1s;
  border-radius: 50%;
}
a.text-m.write-review-btn-hidden {
  display: none;
}
.cms-home div#jwmainpdrecommender p.recommend-as {
  color: rgb(60 60 60) !important;
  font-family: "gr";
  font-size: 32px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 110.4%;
  text-transform: capitalize;
  padding-top: 15px;
  padding-bottom: 41px;
}
.review-secc .yotpo .sr-only {
  text-indent: 23px;
}
h2.opt-wines-list__title {
  margin: 0px;
  font-weight: bold;
  color: #3c3c3c;
  font-size: 20px;
}
.opt-jwa-001-modal .opt-wine-details__bottle-details-wrapper {
  display: block;
}
.opt-jwa-001-modal .opt-wine-details__bottle-img {
  height: 236px;
  margin-bottom: 50px;
}
.opt-jwa-001-modal .opt-wine-slideout__wrapper {
  overflow-y: scroll;
}
.opt-back-btn__wrapper ~ h1.opt-step-title {
  margin-top: 10px !important;
  margin-bottom: 0px;
}
.message.message-notice.notice {
  color: rgb(21 87 36) !important;
  background-color: rgb(212 237 218) !important;
  border-color: rgb(195 230 203) !important;
}

.checkout-cart-index .message.notice > :first-child::before {
  content: "\f058" !important;
  font-family: "FontAwesome" !important;
  color: green;
  font-size: 20px !important;
  line-height: 24px;
  color: #006400;
  width: 45px;
}
.wishlist-index-index ol.product-items .price-box.price-configured_price {
  float: left;
}

[aria-hidden="true"][aria-labelledby="block-discount-heading"] {
  display: block !important;
}

[aria-hidden="false"][aria-labelledby="block-discount-heading"] {
  display: none !important;
}
.subscribe-sub div#newsletter-error {
  position: absolute;
  bottom: 0;
  left: 0px;
}
.checkout-cart-index .fieldset.coupon.applied .primary {
  cursor: pointer;
}
div#block-cart-total .title {
  cursor: unset !important;
}
div#block-discount button.action.apply.primary {
  cursor: pointer;
}
.checkout-cart-index .message.error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.checkout-cart-index .message.success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.checkout-cart-index .cart-summary .block > .title:after {
  font-size: 23px;
}
.footer .subscribe-sub .actions {
  position: relative;
}

.footer .subscribe-sub .block button {
  top: -0.2px;
}
#block-discount input[disabled="disabled"] {
  color: #3c3c3c;
  font-family: "Roboto";
  opacity: 1 !important;
}
.write-review-button {
  display: none !important;
}
.yotpo.QABottomLine.yotpo-small {
  display: none;
}
.iass-spinner {
  position: fixed;
  background: #00000099;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iass-spinner span {
  font-size: 12px;
  color: white;
  font-weight: 800;
  font-style: normal;
  display: block;
}

.iass-spinner span em {
  font-style: normal;
}
.ias-noneleft em {
  font-style: normal;
  color: #ff2e35;
  font-weight: 600;
  display: block;
}
.checkout-cart-index .vip-checkbox .vip-price {
  display: none;
}
ol#mini-cart::-webkit-scrollbar {
  width: 2px; /* Set the width of the scrollbar */
}
ol#mini-cart::-webkit-scrollbar-track {
  background-color: red; /* Set the background color of the scrollbar track */
}

ol#mini-cart::-webkit-scrollbar-thumb {
  background-color: gray; /* Set the color of the scrollbar thumb */
}

ol#mini-cart::-webkit-scrollbar {
  width: 2px; /* Set the width of the scrollbar */
}
ol#mini-cart::-webkit-scrollbar-track {
  background-color: #b85959; /* Set the background color of the scrollbar track */
}

ol#mini-cart::-webkit-scrollbar-thumb {
  background-color: gray; /* Set the color of the scrollbar thumb */
}

ol#mini-cart {
  max-height: 200px;
  overflow-y: scroll;
}

header.page-header {
  box-shadow: 2px -2px 7px grey;
}
.featuredproduct-index-index main#maincontent {
  margin-top: 150px;
}
div#jwmainpdrecommender ul li {
  position: relative;
  max-width: unset;
}
div#jwmainpdrecommender .actions2 .tocart span,
.jw-meetmaker .jw-makerleft a.jw-discover {
  font-weight: unset;
  font-size: 14px;
}
#minicart-content-wrapper .action.edit,
#minicart-content-wrapper a.action.delete {
  display: none;
}
.recommend-slider .pricemain-box.cru.cru-required {
  width: 89px;
  right: 27px;
}
.cms-sitemap main#maincontent {
  max-width: 1220px !important;
  margin: 0px auto;
  width: 100% !important;
  padding: 10px;
}
.wishlist-index-configure .nav-btn.prev-slide,
.wishlist-index-configure .nav-btn.next-slide {
  background: url(../../../../../../../../../../pub/media/newdesign/slider-nav.png);
  width: 26px;
  height: 45px;
}
.cms-cru-membership
  .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle
  button {
  box-shadow: unset;
  background: url(/pub/media/images/close-icon.png) right top no-repeat;
  text-display: inherit;
  text-indent: -9999999999999999;
  text-indent: -99999px;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.related-product .nav-btn.next-slide {
  background: url(../../../../../../../../../../pub/media/newdesign/slider-nav.png);
  width: 26px;
  height: 45px;
}

.related-product .nav-btn.prev-slide {
  background: url(../../../../../../../../../../pub/media/newdesign/slider-nav.png);
  width: 26px;
  height: 45px;
  transform: rotate(180deg);
}

@media only screen and (max-width: 800px) {
  div#jwmainpdrecommender ul li {
    border: 1px solid #d7cfcf;
    max-width: 100%;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 540px) {
  .jw-navigation .jw-menu ul .brands ul.dropdown-menu {
    box-shadow: unset;
  }

  div#jwmainpdrecommender ul li {
    border: 1px solid #d7cfcf;
    max-width: 100%;
  }
  div#jwmainpdrecommender .jw-rrprate,
  div#jwmainpdrecommender .jw-pricemain {
    float: unset;
  }
  div#jwmainpdrecommender ul li {
    margin-bottom: 10px;
    padding: 10px;
  }
}

@media only screen and (max-width: 500px) {
  .catalog-category-view section.jw-navigation h1 {
    margin: 0px !important;
  }
  .jw-meetmaker .jw-makerleft span.jw-title2 {
    padding-bottom: 0px;
  }
  .page-header .top-header-custom .jw-specialtext p {
    font-size: 7px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .top-header-custom.container-fluid .row {
    display: flex;
  }
}

@media only screen and (max-width: 1080px) {
  div#jwmainpdrecommender ul li {
    width: 31% !important;
  }
  .cms-home p {
    font-family: "roboto" !important;
  }
  .cms-home div#jwmainpdrecommender p {
    padding-top: 20px;
    font-size: 19px !important;
    font-family: "Montserrat" !important;
  }
}
@media only screen and (max-width: 1200px) {
  .jw-navigation .jw-menu ul.dropdown-menu.megamenu.row.red-wine {
    box-shadow: unset;
  }
  span.removediv {
    width: calc(100% - 273px) !important;
  }
}
@media only screen and (min-width: 1150px) {
  .cms-auction-product-detail .popuptext {
    padding: 10px 10px 20px;
    min-height: auto;
    width: 441px;
  }
}
@media only screen and (min-width: 1221px) {
  .customer-account-edit .field.field-name-firstname.required {
    width: 49% !important;
  }

  .customer-account-edit .field.field-name-lastname.required {
    width: 48% !important;
  }
  .walletballence {
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .userdashboad .userdetails-right svg {
    width: 61px !important;
    height: 61px !important;
    position: relative;
    top: 8px;
  }
  .page-products .columns .column.main {
    padding-left: 0px !important;
    width: calc(100% - 315px) !important;
  }
  .recommend-slider li.jw-sub-product.jw-single-p-thumb.swiper-slide-r {
    width: auto !important;
    max-width: inherit;
  }
  .jw-navigation .jw-logo a {
    padding: 0px 0px;
  }
  .categorypath-low-alcohol .columns .column.main,
  .category-medium-alcohol .columns .column.main {
    width: 100% !important;
    max-width: 99% !important;
  }
}

@media only screen and (max-width: 420px) {
  .jw-navigation .jw-logo a {
    margin-top: -13px !important;
  }
  .catalog-product-view #maincontent {
    margin-top: 136px;
  }
}
@media screen and (min-width: 1420px) {
  main#maincontent,
  .page-products #maincontent {
    margin-top: 123px;
  }
}
@media only screen and (max-width: 480px) {
  .cms-cru-membership .left-logo-icon img {
    margin-left: unset;
  }

  .customer-address-form
    .form-address-edit
    fieldset.fieldset:nth-child(2)
    .field {
    width: 100%;
    margin: 0px !important;
  }

  .useraccount-container h3 {
    font-size: 16px;
  }
  .order-products-toolbar .account .pager {
    flex-wrap: wrap;
  }

  .order-products-toolbar .pages {
    width: 100%;
    padding: 20px 0px;
    margin-bottom: 0px !important;
  }

  .order-products-toolbar .toolbar-amount {
    text-align: center;
    width: 100%;
  }

  .order-products-toolbar .limiter {
    width: 100%;
  }
  .jw-deals .jw-rrpmain {
    text-align: left !important;
  }
  .cms-deals .cru-required {
    bottom: 75px !important;
  }
  .jw-deals .jw-productname {
    text-align: left !important;
    padding-bottom: 10px !important;
  }
  .col-sm-12.re_23 {
    width: 100%;
    padding: 10px;
    display: block;
    background: unset;
  }

  .center-review {
    display: block;
    width: 100%;
  }

  .left-review {
    margin-bottom: 20px;
  }

  .yotpo-review.yotpo-regular-box {
    width: 100%;
    margin: 0px;
    margin-bottom: 10px;
  }
  .jw-navigation .jw-logo a {
    margin-left: 6em !important;
  }
  .cms-auction-product-detail .popuptext {
    padding: 10px 10px 30px;
    min-height: auto;
  }

  .cms-auction-product-detail .popuptext h2 {
    text-align: left;
    font-family: roboto;
    font-weight: 500;
  }

  .cms-auction-product-detail .popuptext .popupcontent ~ div {
    gap: 10px !important;
  }

  .cms-auction-product-detail .popuptext .btn {
    margin-left: 0px;
  }

  .cms-auction-product-detail .popuptext .popupcontent {
    padding-left: 0px;
  }
  .opt-header-top {
    display: none !important;
  }
  .opt-step-title {
    line-height: 23px;
    margin: 0px;
    position: relative;
    top: 7px;
    font-size: 18px;
  }
  .voucher-details ~ button.opt-continue-cta {
    margin-left: 0px;
  }
  .opt-wine-glass svg {
    height: 100%;
  }
  .opt-back-btn__wrapper ~ h1.opt-step-title {
    margin-top: 0px !important;
    margin-bottom: 0px;
    font-size: 18px;
    top: 0px;
  }
  .opt-guided-experience__step.active-step {
    padding-top: 66px;
  }
  .opt-jwa-001-modal .opt-wine-slideout__wrapper {
    overflow-y: scroll;
  }

  .opt-jwa-001-modal .opt-wine-details__bottle-details-wrapper {
    display: block;
    margin-top: 20px;
  }
  .opt-jwa-001-modal .opt-wine-details__bottle-img {
    margin-bottom: 40px;
  }
  .opt-jwa-001-modal .opt-wine-slideout__wrapper {
    top: 0px;
    height: 100vh;
  }
  .opt-back-btn__wrapper {
    top: 16px;
    left: 4px;
  }
  .opt-wine-glass {
    height: 31px;
  }
  .opt-guided-experience__step.active-step {
    padding-top: 0px;
  }
  .opt-guided-experience__step.active-step {
    -ms-flex-pack: end;
    justify-content: flex-start;
    margin-top: 40px;
  }
  .opt-prestart-text {
    line-height: 10px;
    margin-top: 50px;
  }
  [data-step="cru-info"] {
    margin: 0px !important;
  }
  h2.opt-create-account {
    margin-top: 20px !important;
  }
  .opt-back-btn__wrapper ~ h1.opt-step-title {
    font-size: 16px;
    margin-left: 60px;
  }
  .opt-jwa-001-modal .opt-wine-details__bottle-img {
    height: 300px;
  }
  .opt-jwa-001-modal .opt-wine-details__bottle-details-wrapper {
    display: block;
    margin-top: 20px;
    flex: unset;
    float: left;
    -webkit-box-flex: unset;
    -webkit-box-pack: unset;
    -webkit-box-align: unset;
    height: auto;
  }
}

@media only screen and (max-width: 414px) {
  .page-products .standalone-bottomline {
    padding-top: 0px !important;
    padding-bottom: 10px !important;
    display: block;
    float: left;
  }

  .page-header .top-header-custom .jw-specialtext p a,
  .page-header .top-header-custom .jw-specialtext p label a {
    font-size: 9px !important;
  }
  .cms-home .recommend-slider-a-new .cru-required {
    bottom: 80px;
  }
  .jw-usp-container .owl-dots,
  .jw-brand .owl-dots {
    text-align: center;
    padding-top: 13px;
    display: block;
  }

  .jw-usp-container .owl-dots button.owl-dot,
  .jw-brand .owl-dots button.owl-dot {
    width: 20px;
    height: 20px;
    background: #dcdcdc;
    margin: 0px 5px;
    border-radius: 50%;
    box-shadow: unset;
    border: unset;
  }
  .jw-usp-container .owl-dots button.owl-dot.active,
  .jw-brand .owl-dots button.owl-dot.active {
    background: red;
  }
  .jw-deals .jw-productname {
    display: block !important;
  }
}

@media only screen and (max-width: 380px) {
  .jw-navigation .jw-logo a {
    width: 162px;
    margin-left: 85px !important;
  }
}

.categorypath-medium-alcohol .columns .column.main,
.categorypath-high-alcohol .columns .column.main {
  width: 100% !important;
}
@media screen and (max-width: 1360px) {
  .catalog-product-view .column {
    max-width: 1160px !important;
    width: 100%;
  }
  .catalog-product-view .all-badges {
    width: 58.9%;
  }
}
@media screen and (max-width: 767px) {
  div#jwmainpdrecommender ul li {
    width: 31% !important;
  }
  .catalog-product-view .all-badges {
    width: 100% !important;
  }
  .container-fluid.cru-first {
    height: auto;
  }
}
.categorypath-low-alcohol .products.wrapper.grid.products-grid ol,
.category-medium-alcohol .products.wrapper.grid.products-grid ol {
  display: flex;
  flex-wrap: wrap;
  margin: 0px !important;
  width: 100%;
  justify-content: space-between;
}

.category-medium-alcohol .products.wrapper.grid.products-grid ol li,
.categorypath-low-alcohol .products.wrapper.grid.products-grid ol li {
  max-width: 24%;
  margin: 0px;
}

.category-medium-alcohol a.action.towishlist,
.categorypath-low-alcohol a.action.towishlist {
  right: 0px;
}

.categorypath-low-alcohol .actions-primary,
.category-medium-alcohol .actions-primary {
  width: 80%;
}

@media only screen and (max-width: 991px) {
  .category-medium-alcohol .products.wrapper.grid.products-grid ol li,
  .categorypath-low-alcohol .products.wrapper.grid.products-grid ol li {
    max-width: 33%;
    margin: 0px;
  }
}
@media only screen and (max-width: 800px) {
  .category-medium-alcohol .products.wrapper.grid.products-grid ol li,
  .categorypath-low-alcohol .products.wrapper.grid.products-grid ol li {
    max-width: 48%;
    margin: 0px;
  }
}

@media only screen and (max-width: 580px) {
  .cms-home div#jwmainpdrecommender p.recommend-as {
    font-size: 22px !important;
    padding-bottom: 20px;
  }
  div#jwmainpdrecommender ul li {
    width: 99% !important;
  }
  .category-medium-alcohol .products.wrapper.grid.products-grid ol li,
  .categorypath-low-alcohol .products.wrapper.grid.products-grid ol li {
    max-width: 100%;
    margin: 0px;
  }
  .pdlist h5.card-title.product-name {
    height: 32px;
  }
  .cms-home .pdlist .card-body {
    padding: 10px 0px;
  }
  .customer-account-login
    .block.social-login-authentication-channel.account-social-login {
    display: block !important;
  }
  .catalog-product-view .product-addto-links,
  .catalog-product-view .quty-div button:first-child {
    z-index: 9;
  }
}
.cms-page-view .popup {
  max-width: unset;
  text-align: left;
}
/* new css */
.banner-overlay__wrapper {
  inset: unset;
  bottom: 31px;
  right: 27px;
}
.voucher-applied-text__wrapper {
  height: auto;
}
.banner-wrapper {
  height: 100vh;
  overflow: hidden;
}
.opt-bottle-thumbnail img {
  object-fit: contain;
  width: 30px;
  height: 60px;
}
.opt-wine-details__bottle-details-wrapper img {
  max-width: 160px;
  max-height: 300px;
}
.ssfffs.opt-continue-cta1.sticky {
  width: calc(100% - 48px);
  margin: 20px auto;
  display: block;
  /* margin-top: auto; */
  /* margin-bottom: 56px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  /* width: max-content; */
  min-width: 167px;
  /* height: 48px; */
  padding: 20px 32px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  background: var(--colours-full-principal-2, #058727);
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  -o-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease;
  color: white;
  border: none;
  cursor: pointer;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  /* line-height: 140%; */
}

@media only screen and (min-width: 768px) {
  .opt-cru-banner__wrapper {
    margin-top: 0px !important;
  }
  .opt-cru-banner__content-wrapper {
    padding-bottom: 20px !important;
  }
  .opt-cru-benefit__card-wrapper {
    padding: 10px;
  }
  /* .cruonfff
  {
    max-height:90%;
  } */
  .opt-guided-experience__step.cruonfff.active-step {
    min-height: 90%;
    max-height: 90% !important;
  }
  .butooncheckout {
    position: fixed;
    bottom: 0px !important;
  }
  a.opt-continue-cta.sticky {
    padding: 10px;
    height: 20px;
  }
}
.ygoct #smile-ui-container {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  a.ssfffs.opt-continue-cta.sticky {
    position: fixed;
    bottom: 0px;
    margin-bottom: 0px;
    /* height: auto; */
    position: fixed;
    inset: 0;
    margin: auto auto 0 auto;
    width: 100%;
    border-radius: 0;
    height: 40px;
    width: auto;
    z-index: 99999;
  }
}