.modal--pdp .modal__wrapper {
  overflow-y: auto;
  height: 100%;
  position: relative;
}
.modal--pdp .modal__header {
  display: flex;
  position: absolute;
  right: 0;
  border-bottom: none;
}
.modal--pdp .modal__content {
  overflow: visible;
  margin-top: 0;
  padding-top: 0;
  height: auto;
}
.modal__content .detail-block {
  position: static;
  padding-block: 0 var(--modal-inner-bottom-spacing);
}
.modal__content .detail-block__bubble {
  padding: 0;
  margin-left: calc(var(--gutter) * var(--bubble-margin-offset, -1));
}
@media (min-width: 768px) {
  .modal__content .detail-block__bubble {
    --bubble-margin-offset: -1.5;
  }
}
@media (min-width: 960px) {
  .modal__content .detail-block__bubble {
    --bubble-margin-offset: -1.1;
  }
}
.modal__content .detail-block .l-row--breadcrumb {
  display: none;
}
.modal__content .detail-block__media-container, .modal__content .detail-block__text {
  flex-basis: 100%;
  max-width: 100%;
  padding-bottom: 0;
}
.modal__content .detail-block__media {
  position: static;
  margin: -2rem auto 0;
}
.modal__content .detail-block__indicators {
  display: none;
}
.modal__content .detail-block__carousel {
  margin-bottom: 0;
}
.modal__content .detail-block__carousel > li {
  margin-block: 0;
}
.modal__content .detail-block__thumbs {
  --thumb-number: 4;
  --thumb-dim: 4.125rem;
  --thumb-gap: 0.375rem;
  --thumb-margin-top: 1.375rem;
  display: grid;
  grid-template-columns: repeat(var(--thumb-number), var(--thumb-dim));
  height: auto;
  gap: var(--thumb-gap);
  margin-top: var(--thumb-margin-top);
}
@media (min-width: 960px) {
  .modal__content .detail-block__thumbs {
    --thumb-dim: 5.125rem;
    --thumb-gap: 0.625rem;
    --thumb-margin-top: 2.3125rem;
  }
}
.modal__content .detail-block__thumbs[data-thumbs-number="0"] {
  display: none;
}
.modal__content .detail-block__thumbs[data-thumbs-number="1"] {
  --thumb-number: 1;
}
.modal__content .detail-block__thumbs[data-thumbs-number="2"] {
  --thumb-number: 2;
}
.modal__content .detail-block__thumbs[data-thumbs-number="3"] {
  --thumb-number: 3;
}
.modal__content .detail-block__thumbs-slide {
  display: block;
  margin: 0;
  max-width: none;
  width: auto;
  height: var(--thumb-dim);
  background: hsl(var(--grey-wild-sand));
  border-radius: 0.375rem;
  border: 0.125rem solid transparent;
}
@media (min-width: 960px) {
  .modal__content .detail-block__thumbs-slide:not(.s-active):hover {
    border-color: hsl(var(--red));
  }
}
.modal__content .detail-block__thumbs-slide.s-active {
  border-color: hsl(var(--grey-midnight));
}
.modal__content .detail-block__thumbs-slide.s-active a {
  transform: none;
}
.modal__content .detail-block__thumbs-slide.s-active a.has-video-thumb span {
  font-size: 0.75rem;
}
@media (min-width: 960px) {
  .modal__content .detail-block__thumbs-slide.s-active a.has-video-thumb span {
    font-size: 0.875rem;
  }
}
.modal__content .detail-block__thumbs-slide a {
  display: flex;
  padding: 0.3125rem;
  max-width: none;
  width: 100%;
  height: 100%;
  align-items: center;
  transition: none;
}
@media (min-width: 960px) {
  .modal__content .detail-block__thumbs-slide a {
    padding: 0.625rem;
  }
}
.modal__content .detail-block__text {
  margin-top: 2.5rem;
}
@media (min-width: 960px) {
  .modal__content .detail-block__text {
    margin-top: 3.5rem;
  }
}
.modal__content .detail-block__foot-container {
  display: none;
}
.modal__content .detail-block__action-buttons.btns-coupon {
  position: fixed;
  bottom: 1.5rem;
  left: 0;
  right: 0;
  height: var(--modal-height);
  width: var(--modal-width);
  pointer-events: none;
}
@media (min-width: 960px) {
  .modal__content .detail-block__action-buttons.btns-coupon {
    left: auto;
    bottom: 1.5rem;
  }
}
.modal__content .detail-block__action-buttons.btns-coupon .content-btns__block {
  width: 100%;
}
.modal__content .detail-block__action-buttons.btns-coupon .content-btns__block .btn {
  position: absolute;
  bottom: 0;
  inset-inline: 0;
  margin-inline: var(--offset);
  max-width: none;
  pointer-events: all;
}
@media (min-width: 960px) {
  .modal__content .detail-block__action-buttons.btns-coupon.has-scroll .content-btns__block .btn {
    right: 0.9375rem;
  }
}
.modal__content .detail-block .split-section__container {
  margin-block: 2rem calc(var(--modal-inner-bottom-spacing) * -1);
  padding-block: 3rem 5rem;
}
@media (min-width: 768px) {
  .modal__content .detail-block .split-section__container {
    margin-top: 3.5rem;
  }
}
@media (min-width: 960px) {
  .modal__content .detail-block .split-section__container {
    margin-top: 5rem;
  }
}
.modal__content .detail-block .split-section__section {
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .modal__content .detail-block .split-section__section {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 960px) {
  .modal__content .detail-block .split-section__section {
    padding-bottom: 4rem;
  }
}
.modal__content .detail-block .split-section__list {
  --tiles-per-row: 2;
}
.modal__content .detail-block .split-section__btn {
  margin-bottom: 0;
}
.modal__content .detail-block[data-offer-type=coupon], .modal__content .detail-block[data-offer-type=promo], .modal__content .detail-block[data-offer-type=promoPlus] {
  --modal-inner-bottom-spacing: 6rem;
}
@media (min-width: 960px) {
  .modal__content .detail-block[data-offer-type=coupon], .modal__content .detail-block[data-offer-type=promo], .modal__content .detail-block[data-offer-type=promoPlus] {
    --modal-inner-bottom-spacing: 7rem;
  }
}