.content-asset:has(.HP-countdown),
.experience-component:has(.HP-countdown),
.experience-component:has(.HP-countdown) > div {
  height: 100%;
  width: 100%
}
.HP-countdown {
  align-items: center;
  color: #642321;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%
}
.HP-countdown .HP-countdown__cta,
.HP-countdown .HP-countdown__kicker,
.HP-countdown .HP-countdown__label,
.HP-countdown .HP-countdown__separator,
.HP-countdown .HP-countdown__title,
.HP-countdown .HP-countdown__value {
  color: #642321!important;
  font-family: Shippori Mincho,serif;
  font-weight: 400
}
.HP-countdown__kicker {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 4px
}
@media screen and (min-width:1024px) {
  .HP-countdown__kicker {
    font-size: 38px;
    line-height: 46px
  }
}
.HP-countdown__title {
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 8px
}
@media screen and (min-width:1024px) {
  .HP-countdown__title {
    font-size: 90px;
    line-height: 100px;
    margin-bottom: 24px
  }
}
.HP-countdown__timer {
  align-items: baseline;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  margin-bottom: 8px
}
@media screen and (min-width:1024px) {
  .HP-countdown__timer {
    margin-bottom: 16px
  }
}
.HP-countdown__unit {
  align-items: center;
  display: flex;
  flex-direction: column
}
.HP-countdown__separator,
.HP-countdown__value {
  font-size: 24px
}
@media screen and (min-width:1024px) {
  .HP-countdown__separator,
  .HP-countdown__value {
    font-size: 44px
  }
}
.HP-countdown__label {
  font-size: 10px;
  text-transform: uppercase
}
@media screen and (min-width:1024px) {
  .HP-countdown__label {
    font-size: 13px
  }
}
.HP-countdown__cta {
  border: 0!important;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline
}
@media screen and (min-width:1024px) {
  .HP-countdown__cta {
    font-size: 24px;
    line-height: 30px
  }
}
.experience-assets-contentBanner:has(.HOI-absolute-text) {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.HOI-absolute-text {
  color: var(--sfra-white);
  font-family: Shippori Mincho,serif!important;
  font-weight: 400;
  position: absolute;
  text-align: left
}
@media screen and (max-width:1023px) {
  .HOI-absolute-text {
    font-size: 24px;
    line-height: 28px;
    width: -moz-min-content;
    width: min-content
  }
}
.HOI-absolute-text.--01 {
  right: 8%;
  top: 18%
}
@media screen and (min-width:1024px) {
  .HOI-absolute-text.--01 {
    right: 12%;
    top: 12%
  }
}
@media screen and (max-width:1023px) {
  .titre-product-grid {
    font-size: 21px!important;
    line-height: 24px!important
  }
}