.sampler-set .product__container {
  overflow: unset;
  margin-left: 0;
}

@media screen and (min-width: 990px) {
  .sampler-set .product__container {
    margin-left: calc(-1 * var(--hh-grid-gutter));
  }
}

.sampler-set .sampler-set__selections {
  width: 65%;
  max-width: 65%;
  border-right: 1px solid var(--hh-color-brand-tertiary)
}

.sampler-set .product__info-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0;
  background-color: var(--hh-color-day);
}

@media screen and (min-width: 990px) {
  .sampler-set .product__info-wrapper {
    width: 35% !important;
    max-width: 35% !important;
    background-color: var(--hh-color-light-2);
  }
}

.sampler-set__message {
  background-color: var(--hh-color-light-orange);
  min-height: 2.4375rem;
  padding: 0.6250rem;
}

@media screen and (min-width: 990px) {
  .sampler-set__message {
    min-height: 3.6250rem;
    padding: 0.8750rem;
  }
}

.sampler-set__back-button {
  margin: 1.0000rem 0.5000rem 1.1250rem;
}

.sampler-set__back-icon {
  width: 1.2500rem;
  height: 0.6250rem;
}

.sampler-set__placeholder {
  gap: 1.2500rem;
  justify-content: center;
  padding: 1.3750rem 1.6250rem 1.0625rem;
}

@media screen and (min-width: 990px) {
  .sampler-set__placeholder {
    padding: 1.6250rem;
  }
}


.sampler-set__placeholder-icon {
  position: relative;
}

.sampler-set__placeholder-icon svg {
  height: 9.8125rem;
}

@media screen and (min-width: 990px) {
  .sampler-set__placeholder-icon svg {
    height: 10.9375rem;
  }
}

.sampler-set__placeholder-icon .sampler-set__image {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -11px;
  left: 22px;
  transform: rotate(270deg);
  transform-origin: left;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  width: 9.8125rem;
  height: 2.0625rem;
}

@media screen and (min-width: 990px) {
  .sampler-set__placeholder-icon .sampler-set__image {
    bottom: -18px;
    width: 11.2500rem;
    height: 2.5000rem;
  }
}

.sampler-set__placeholder-icon.hide-placeholder :not(.sampler-set__image) {
  opacity: 0;
}

.sampler-set__placeholder-text {
  position: absolute;
  transform: rotate(270deg);
  transform-origin: left;
  left: 50%;
  bottom: 1.3125rem;
  white-space: nowrap;
  font-size: 0.6563rem;
}

@media screen and (min-width: 990px) {
  .sampler-set__placeholder-text {
    font: var(--hh-body-x-small-font);
    font-size: 0.7500rem;
    letter-spacing: var(--hh-body-x-small-letter-spacing);
    bottom: 1.1250rem;
  }
}

.sampler-set__selection-list {
  margin: 0;
  padding-left: 1.5625rem;
  padding-bottom: 5.0000rem;
}

.sampler-set__selection-title {
  position: relative;
  padding: 1.1250rem 0.6250rem;
}

.sampler-set__selection-title::before,
.sampler-set__selection-title:last-of-type::after {
  position: absolute;
  content: "";
  width: 100vw;
  right: 0;
  border-top: 1px solid var(--hh-color-brand-tertiary);
}

.sampler-set__selection-title::before {
  top: 0;
}

.sampler-set__selection-title:last-of-type::after {
  bottom: 0;
}

.sampler-set__selection-title::marker {
  color: var(--hh-color-night);
}

.sampler-set__selection-title.hide-placeholder .sampler-set__placeholder-list {
  display: none;
}

.sampler-set__selection-title:not(.hide-placeholder) :not(.sampler-set__placeholder-list) {
  display: none;
}

.sampler-set__remove-icon {
  position: absolute;
  right: 0.6250rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 1.3125rem;
  height: 1.3125rem;
}

.sampler-set__remove-icon svg {
  width: 1.3125rem;
  height: 1.3125rem;
}

.sampler-set .product__info-container {
  padding: 0.3750rem 0;
}

@media screen and (min-width: 990px) {
  .sampler-set .product__info-container {
    padding: 1.8750rem 4.3750rem;
  }
}

.sampler-set .product__breadcrumbs--mobile {
  display: none;
}

.sampler-set .product-heading {
  flex-direction: column;
  text-align: center;
}

@media screen and (min-width: 990px) {
  .sampler-set .product-heading {
    display: flex;
  }
}

.sampler-set .product-info__mobile .product-heading {
  display: flex;
  margin-bottom: 0;
}

@media screen and (min-width: 990px) {
  .sampler-set .product-info__mobile .product-heading {
    display: none;
  }
}

.sampler-set .product-heading__title-wrapper {
  flex-direction: column-reverse;
  gap: 0.2313rem;
}

.sampler-set .product-heading__title {
  font: var(--hh-h4-font);
  letter-spacing: var(--hh-h4-letter-spacing);
  text-transform: var(--hh-h4-text-transform);
}

.sampler-set .product-heading__tagline-price {
  order: 1;
  justify-content: center;
}

.sampler-set .product-heading__description {
  margin-top: 0.5625rem;
  margin-bottom: 0.1875rem;
}

@media screen and (min-width: 990px) {
  .sampler-set .product-heading__description {
    margin-top: 0;
    margin-bottom: 0.0625rem;
  }
}

.sampler-set hh-variant-picker .vp__input {
  margin: 0;
}

@media screen and (min-width: 990px) {
  .sampler-set hh-variant-picker .vp__input {
    margin: 0 0 1.0625rem;
  }
}

.sampler-set hh-variant-picker .vp__legend {
  display: none;
}

.sampler-set hh-variant-picker .vp__options {
  width: 100%;
  justify-content: center;
  padding: 0;
  margin: 0;
}

@media screen and (min-width: 990px) {
  .sampler-set hh-variant-picker .vp__options {
    padding: 0 0.6250rem 0.6250rem;
  }
}

.sampler-set__atc {
  padding: 0 0.5625rem;
}

.sampler-set__scroll-more {
  display: none;
}

@media screen and (max-width: 989px) {
  .sampler-set__position-bottom {
    position: fixed;
    bottom: 0;
    z-index: 99;
    margin-bottom: 0;
  }

  .sampler-set__scroll-more {
    display: block;
  }

  .sampler-set__atc {
    overflow: scroll;
    width: 100vw;
    height: auto;
    max-height: -webkit-fill-available;
    margin-top: 0;
    padding: 0 0 0.8750rem;
    border-top: 1px solid var(--hh-color-brand-tertiary);
    background-color: var(--hh-color-day);
  }

  .sampler-set__atc:has(.sampler-set__atc-accordion.active) {
    background-color: var(--hh-color-light);
    z-index: 102;
  }

  .sampler-set__atc .sampler-set__atc-button {
    --hh-padding: 1.0000rem 1.1250rem;
    margin-left: 0.6250rem;
    margin-right: 0.6250rem;
  }
}

@media screen and (min-width: 990px) {
  .sampler-set__atc hh-accordion {
    --hh-display: flex;
    --hh-flex-direction: column-reverse;
  }
  .sampler-set__atc hh-accordion>div {
    max-height: max-content;
  }
}

.sampler-set__atc-accordion {
  background-color: var(--hh-color-day);
  padding-left: 0.6250rem;
  padding-right: 0.6250rem;
  padding-top: 0.6250rem;
  padding-bottom: 0.4375rem;
  width: -webkit-fill-available;
}

.sampler-set__atc-accordion.active {
  border-bottom: 1px solid var(--hh-color-brand-tertiary);
}

@media screen and (min-width: 990px) {
  .sampler-set__atc-accordion {
    background-color: transparent;
    pointer-events: none;
    padding-left: 0;
    padding-right: 0;
    border-bottom: none;
  }
}

.sampler-set .free-samples__status {
  margin-bottom: 0;
}

.sampler-set .free-samples__status svg {
  transform: none;
}

.sampler-set__atc .active .sampler-set__atc-chevron svg{
  transform: translateY(0) rotate(180deg);
}

.sampler-set__atc-chevron {
  margin-left: 0.5000rem;
  margin-right: 0.3125rem;
  transform: translateY(0) rotate(183deg);
}

.sampler-set hh-variant-picker input[type=radio]+label {
  width: 100%;
  min-width: 7.0000rem;
  margin: 0;
  padding: 0.5625rem 0.6250rem;
  border-left: none;
  border-right: none;
}

@media screen and (min-width: 990px) {
  .sampler-set hh-variant-picker input[type=radio]+label {
    width: auto;
    padding: 0.5000rem 0.6250rem;
    margin: 0.4375rem 0.6250rem 0.3125rem 0;
    border-left: 0.0625rem solid var(--hh-color-neutral);
    border-right: 0.0625rem solid var(--hh-color-neutral);
  }
}

.sampler-set .free-sample-drawer__header {
  padding: 1.1250rem 3.1250rem 1.0625rem 4.6875rem;
  display: none;
}

@media screen and (min-width: 990px) {
  .sampler-set .free-sample-drawer__header {
    display: flex;
  }
}

.sampler-set .free-sample-selections {
  max-height: unset;
}

.sampler-set .free-sample-selection-item {
  padding: 1.2500rem 2.3750rem 1.3750rem 2.5000rem;
  display: grid;
  grid-template-areas:
      "info image"
      "accordion accordion";
  grid-template-columns: 1fr 6.8750rem;
}

@media screen and (min-width: 990px) {
  .sampler-set .free-sample-selection-item {
    padding: 1.7500rem 9.1250rem 1.6250rem 4.4375rem;
    grid-template-columns: 1fr 11.2500rem;
  }
}

.sampler-set .free-sample-selection-item__info {
  grid-area: info;
}

.sampler-set .free-sample-selection-item__image {
  grid-area: image;
  margin-top: 0;
  width: 6.8750rem;
  height: 1.5000rem;
}

@media screen and (min-width: 990px) {
  .sampler-set .free-sample-selection-item__image {
    margin-top: 0.9375rem;
    width: 11.2500rem;
    height: 2.5000rem;
  }
}

.sampler-set .free-sample-selection-item__action {
  top: 2.1875rem;
  right: 0.5000rem;
  width: 1.0625rem;
  height: 1.0625rem;
  padding: 0;
}

@media screen and (min-width: 990px) {
  .sampler-set .free-sample-selection-item__action {
    top: 3.9375rem;
    right: 3.6250rem;
    width: 1.8125rem;
    height: 1.8125rem;
  }
}

.sampler-set .free-sample-selection-item__action svg {
  width: 1.0625rem;
  height: 1.0625rem;
  color: var(--hh-color-neutral);
}

@media screen and (min-width: 990px) {
  .sampler-set .free-sample-selection-item__action svg {
    width: 1.8125rem;
    height: 1.8125rem;
  }
}

.sampler-set .free-sample-selection-item__subtitle {
  font: var(--hh-body-small-font);
}

.sampler-set__accordion {
  grid-area: accordion;
  margin-top: -1.1875rem;
}

@media screen and (min-width: 990px) {
  .sampler-set__accordion {
    margin-top: -1.5000rem;
  }
}

.sampler-set__accordion-button {
  width: auto;
}

@media screen and (min-width: 990px) {
  .sampler-set__accordion-button {
    width: auto;
  }
}

.sampler-set__accordion-button.active .open {
  display: none;
}

.sampler-set__accordion-button .close {
  display: none;
}

.sampler-set__accordion-button.active .close {
  display: block;
}

.sampler-set__accordion-button svg {
  right: -0.9375rem;
  width: 0.5000rem;
  height: 0.5000rem;
}

.sampler-set__accordion-button.active svg {
  transform: translateY(-50%) rotate(180deg);
}

.sampler-set__accordion-notes {
  padding: 0.3125rem 0 0.9375rem;
  overflow-x: auto;
  scrollbar-width: none;
  overscroll-behavior-x: none;
  position: relative;
  max-width: calc(100vw - 3.6250rem);
  width: 100%;
}

@media screen and (min-width: 990px) {
  .sampler-set__accordion-notes {
    max-width: 100%;
    padding: 2.3125rem 0 0.6250rem;
  }
}

.sampler-set__accordion hh-scroll-bar {
  --hh-scroll-container-padding: 0;
}

.sampler-set__accordion-notes::-webkit-scrollbar {
  display: none;
}

.sampler-set__accordion-note {
  min-width: 8.7500rem;
  width: auto;
}

@media screen and (min-width: 990px) {
  .sampler-set__accordion-note {
    min-width: 10.6250rem;
  }
}