.summer-gift-2025__nav__item {
  position: relative;
}
.summer-gift-2025__nav__ended-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.4);
}
.summer-gift-2025__nav__ended-overlay span {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #d70000;
  border: 2px solid #d70000;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__nav__ended-overlay span {
    width: calc(clamp(0px, 15.2269399707vw, 208px) * 1);
    height: calc(clamp(0px, 3.4773060029vw, 47.5px) * 1);
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__nav__ended-overlay span {
    width: calc(clamp(0px, 55.4666666667vw, 55.4666666667vw) * 1);
    height: calc(clamp(0px, 9.0666666667vw, 9.0666666667vw) * 1);
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.summer-gift-2025__week__item__code {
  background-color: #fff;
}
.summer-gift-2025__week__ended-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.4);
}
.summer-gift-2025__week__ended-overlay span {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #d70000;
  border: 2px solid #d70000;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__ended-overlay span {
    width: calc(clamp(0px, 21.9619326501vw, 300px) * 1);
    height: calc(clamp(0px, 4.6120058565vw, 63px) * 1);
    font-size: calc(clamp(0px, 1.8301610542vw, 25px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__ended-overlay span {
    width: calc(clamp(0px, 80vw, 80vw) * 1);
    height: calc(clamp(0px, 16.8vw, 16.8vw) * 1);
    font-size: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
  }
}