@font-face {
  font-family: montserrat_medium;
  src: url(/fonts/Montserrat-Medium.woff2?c0eae82d207026ba4426ca2376e6b9ec);
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: montserrat_regular;
  src: url(/fonts/Montserrat-Regular.woff2?fcb334ae86289352c6f629c17e80ea74);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: montserrat_bold;
  src: url(/fonts/Montserrat-Bold.woff2?9f00bc2d8a7beeda093a8be562bb18c9);
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: montserrat_thin;
  src: url(/fonts/Montserrat-thin.woff2?438db3e97a2899f3cad1dc6e6a7e1175);
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: elmessiri_bold;
  src: url(/fonts/ElMessiri-Bold.ttf?a0a67ec03d4e0dfec526129925c96f41);
  font-weight: 700;
  font-style: normal;
}

.discount-block-container {
  width: 100%;
  padding: 25px;
  background-color: var(--background-color);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 20px;
}

.discount-block-container .discount-box {
  width: 100%;
}

.discount-block-container .discount-box .item-bar {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.discount-block-container .discount-box .item-bar .bar {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.discount-block-container .discount-box .item-bar .bar .enter-discount input {
  width: 100%;
  padding: 15px;
  border-radius: 12px 0 0 12px;
  background-color: var(--color-gray-one);
  font-family: montserrat_bold;
}

.discount-block-container .discount-box .item-bar .bar .submit_discount {
  width: 100%;
  max-width: 150px;
  background-color: var(--color-one);
  border-radius: 0 12px 12px 0;
  cursor: pointer;
  transition: all 0.2s ease-in;
  border: 1px solid var(--color-one);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.discount-block-container .discount-box .item-bar .bar .submit_discount .btn_sd {
  width: 100%;
  text-align: center;
  color: var(--background-color);
  font-family: montserrat_regular;
  font-size: 14px;
}

.discount-block-container .discount-box .item-bar .bar .submit_discount.disabled {
  opacity: 0.4;
}

.discount-block-container .discount-box .item-bar .bar .submit_discount:hover {
  opacity: 0.6;
}

.discount-block-container .discount-box .item-bar .bar .sd {
  flex: 1;
}

.discount-block-container .applied-promo-info {
  width: 100%;
}

.discount-block-container .applied-promo-info h2 {
  font-size: 14px;
}

.discount-block-container .applied-promo-info .content-product {
  display: flex;
  align-items: self-start;
  gap: 15px;
}

.discount-block-container .applied-promo-info .content-product .banner-product {
  width: 60px;
  height: 60px;
  min-width: 60px;
}

.discount-block-container .applied-promo-info .content-product .banner-product img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
}

.discount-block-container .applied-promo-info .content-product .info-product {
  display: flex;
  flex-direction: column;
}

.discount-block-container .applied-promo-info .content-product .info-product h3 {
  font-size: 16px;
}

.discount-find-win {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
}

.discount-find-win .win-content {
  width: 100%;
  max-width: 480px;
  background-color: var(--background-color);
  position: relative;
  z-index: 2;
  border-radius: 15px;
  overflow: hidden;
}

.discount-find-win .win-content .group-header {
  width: 100%;
  padding: 25px;
  background-color: #fafafa;
}

.discount-find-win .win-content .group-header span {
  font-size: 24px;
  color: var(--color-one);
  line-height: 24px;
  font-family: montserrat_bold;
}

.discount-find-win .win-content .group-body {
  padding: 30px 25px;
  width: 100%;
}

.discount-find-win .win-content .group-body .product-gift {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.discount-find-win .win-content .group-body .product-gift .header-gift h2 {
  font-size: 20px;
  color: var(--color-one);
}

.discount-find-win .win-content .group-body .product-gift .body-gift {
  display: flex;
  align-items: self-start;
  gap: 10px 25px;
}

.discount-find-win .win-content .group-body .product-gift .body-gift .banner-product {
  width: 80px;
  height: 80px;
  min-width: 80px;
}

.discount-find-win .win-content .group-body .product-gift .body-gift .banner-product img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
}

.discount-find-win .win-content .group-body .product-gift .body-gift .content-product {
  display: flex;
  flex-direction: column;
}

.discount-find-win .win-content .group-body .product-gift .body-gift .content-product h2 {
  font-size: 18px;
  color: var(--color-one);
}

.discount-find-win .win-content .group-body .product-gift .body-gift .content-product small {
  font-size: 16px;
  color: #4e4e4e;
}

.discount-find-win .win-content .group-body .product-gift .body-gift .content-product b {
  font-size: 14px;
  font-family: montserrat_bold;
}

.discount-find-win .win-content .group-footer {
  width: 100%;
  padding: 15px 25px;
  background-color: #fafafa;
  display: flex;
  gap: 5px;
  justify-content: end;
}

.discount-find-win .win-content .group-footer .group .btn {
  padding: 15px 20px;
  font-size: 14px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease-in;
}

.discount-find-win .win-content .group-footer .group .btn:hover {
  opacity: 0.7;
}

.discount-find-win .win-content .group-footer .group .btn-cancle {
  background-color: #d3d3d3;
}

.discount-find-win .win-content .group-footer .group .btn-cancle span {
  color: #000;
}

.discount-find-win .win-content .group-footer .group .btn-get {
  background-color: var(--color-one);
}

.discount-find-win .win-content .group-footer .group .btn-get span {
  color: #fafafa;
}

.discount-find-win .overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

.error-message-popup {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
}

.error-message-popup .popup-content {
  width: 100%;
  max-width: 480px;
  background-color: var(--background-color);
  position: relative;
  z-index: 2;
  border-radius: 15px;
  overflow: hidden;
  padding: 25px;
  display: flex;
  flex-direction: column;
}

.error-message-popup .popup-content span {
  display: block;
  margin: 25px 0;
}

.error-message-popup .popup-content button {
  padding: 15px 20px;
  font-size: 14px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease-in;
  background-color: #d3d3d3;
  color: #000;
  align-self: flex-end;
}

.error-message-popup .overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}