@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Anton&display=swap");
a:focus {
  outline: none; }

a:focus {
  outline: none; }

.closers-loading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 80px 0; }
  .closers-loading__dots {
    display: flex;
    gap: 10px; }
  .closers-loading__dot {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #f5cc00;
    animation: closers-bounce 1s ease-in-out infinite; }
    .closers-loading__dot:nth-child(2) {
      animation-delay: 0.15s; }
    .closers-loading__dot:nth-child(3) {
      animation-delay: 0.3s; }
  .closers-loading__text {
    font-family: "Anton", sans-serif;
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #000;
    text-transform: uppercase;
    opacity: 0.5; }

@keyframes closers-bounce {
  0%, 80%, 100% {
    transform: scale(0.6);
    opacity: 0.4; }
  40% {
    transform: scale(1);
    opacity: 1; } }
.closers-load-more {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  align-self: center;
  display: flex;
  width: fit-content;
  cursor: pointer;
  filter: drop-shadow(0px 4.978px 4.978px rgba(0, 0, 0, 0.25));
  transition: filter 0.2s; }
  .closers-load-more.is-loading {
    cursor: default;
    pointer-events: none; }
  @media (hover: hover) {
    .closers-load-more:hover {
      filter: drop-shadow(0px 5.13px 5.13px rgba(0, 0, 0, 0.35)); }
      .closers-load-more:hover .closers-loadmore-inner {
        background: #f5cc00; }
      .closers-load-more:hover .closers-loadmore-icon {
        filter: brightness(0) invert(1); }
      .closers-load-more:hover .closers-loadmore-text {
        color: #fff; } }
  .closers-load-more:active {
    filter: drop-shadow(0px 5.13px 5.13px rgba(0, 0, 0, 0.35)); }
    .closers-load-more:active .closers-loadmore-inner {
      background: #f5cc00; }
    .closers-load-more:active .closers-loadmore-icon {
      filter: brightness(0) invert(1); }
    .closers-load-more:active .closers-loadmore-text {
      color: #fff; }
  @media (max-width: 991px) {
    .closers-load-more {
      width: 100%;
      filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25)); } }

.closers-loadmore-inner {
  width: 390px;
  height: 83px;
  padding: 18.912px 89.403px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 19.772px;
  box-sizing: border-box;
  background: #fff;
  clip-path: polygon(18px 0%, 100% 0%, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0% 100%, 0% 18px);
  transition: background 0.2s; }
  @media (max-width: 991px) {
    .closers-loadmore-inner {
      width: 100%;
      padding: max(1.4vw, 11px) 0;
      gap: 18px;
      clip-path: none;
      height: auto; } }

.closers-loadmore-icon {
  width: 34.452px;
  height: 34.452px;
  flex-shrink: 0;
  display: block; }
  @media (max-width: 991px) {
    .closers-loadmore-icon {
      width: max(3vw, 21.504px);
      height: max(3vw, 21.504px); } }

.closers-loadmore-spinner {
  display: block;
  width: 28px;
  height: 28px;
  border: 3px solid rgba(0, 0, 0, 0.15);
  border-top-color: #333;
  border-radius: 50%;
  animation: closers-spin 0.7s linear infinite; }
  @media (max-width: 991px) {
    .closers-loadmore-spinner {
      width: 20px;
      height: 20px; } }

@keyframes closers-spin {
  to {
    transform: rotate(360deg); } }
.c-page-title {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 20px; }
  @media (max-width: 991px) {
    .c-page-title {
      position: relative; } }

.c-page-title__bg--mobile {
  display: none; }
  @media (max-width: 991px) {
    .c-page-title__bg--mobile {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      pointer-events: none;
      z-index: 0; } }

.c-page-title__inner {
  position: relative;
  width: 100%;
  max-width: 1460px;
  flex-shrink: 0;
  aspect-ratio: 1460 / 89; }
  @media (max-width: 991px) {
    .c-page-title__inner {
      width: 100%;
      height: 70px;
      display: flex;
      align-items: center;
      justify-content: center; } }

.c-page-title__bg {
  position: absolute;
  left: 0;
  top: 16.85%;
  width: 100%;
  height: 83.15%;
  max-width: none;
  object-fit: fill;
  pointer-events: none;
  display: block; }
  @media (max-width: 991px) {
    .c-page-title__bg {
      display: none; } }

.c-page-title__text {
  position: absolute;
  left: 17%;
  top: 35%;
  transform: translateY(-50%);
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-size: clamp(34px, 4.3vw, 64px);
  line-height: 1.4;
  color: #000;
  margin: 0;
  text-transform: uppercase;
  white-space: nowrap; }
  @media (max-width: 991px) {
    .c-page-title__text {
      position: relative;
      left: auto;
      top: auto;
      z-index: 1;
      font-size: 28px;
      letter-spacing: 0.3657px;
      transform: none; } }

.closers-loadmore-text {
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0.9px;
  color: #333;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 0.2s; }
  @media (max-width: 991px) {
    .closers-loadmore-text {
      font-size: max(2.2vw, 18px);
      letter-spacing: 0.42px; } }

#closers-coupon {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-color: #f7f7f7;
  overflow-x: clip;
  padding-top: 58px; }
  @media (max-width: 991px) {
    #closers-coupon {
      background-color: #fff;
      min-height: unset;
      padding-top: 0; } }

.ccp-page-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  pointer-events: none;
  z-index: 0; }

.ccp-page-bg__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: top; }
  @media (max-width: 991px) {
    .ccp-page-bg__img {
      display: none; } }

@media (min-width: 992px) {
  .c-page-title__text {
    left: 15%; } }
.ccp-body {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  padding: 20px 20px 60px;
  box-sizing: border-box; }
  @media (max-width: 991px) {
    .ccp-body {
      padding: 30px 15px 40px; } }

.ccp-card {
  width: 100%;
  max-width: 1500px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 48px 47px;
  display: flex;
  flex-direction: column;
  gap: 52px; }
  @media (max-width: 991px) {
    .ccp-card {
      background: transparent;
      border: none;
      border-radius: 0;
      padding: 0;
      gap: 30px; } }

.ccp-sec-heading {
  display: flex;
  align-items: center;
  gap: 10.917px;
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    .ccp-sec-heading {
      gap: 1.5vw;
      margin-bottom: 12px; } }

.ccp-sec-heading__marker {
  display: block;
  width: 6.6px;
  height: 33px;
  background: #f0b100;
  transform: rotate(27.45deg);
  flex-shrink: 0; }
  @media (max-width: 991px) {
    .ccp-sec-heading__marker {
      width: max(0.5vw, 4px);
      height: max(3.5vw, 19.7px); } }

.ccp-sec-heading__text {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 34.934px;
  line-height: 1.48;
  letter-spacing: -0.6987px;
  color: #333;
  white-space: nowrap;
  margin: 0; }
  @media (max-width: 991px) {
    .ccp-sec-heading__text {
      font-family: "Anton", sans-serif;
      font-weight: 400;
      font-size: max(3vw, 18px);
      line-height: 1.481;
      letter-spacing: 0.51px;
      text-transform: uppercase; } }

.ccp-reg__guide {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 5.458px;
  margin-bottom: 36px; }
  @media (max-width: 991px) {
    .ccp-reg__guide {
      margin-left: 0;
      gap: 4px;
      margin-bottom: 14px; } }

.ccp-reg__guide-primary {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 21.834px;
  line-height: normal;
  color: #f0b100;
  margin: 0; }
  @media (max-width: 991px) {
    .ccp-reg__guide-primary {
      font-weight: 300;
      font-size: max(2vw, 16px);
      color: #333; } }

.ccp-reg__guide-secondary {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 21.834px;
  line-height: 1.1;
  color: #333;
  margin: 0; }
  @media (max-width: 991px) {
    .ccp-reg__guide-secondary {
      font-weight: 300;
      font-size: max(2vw, 16px); } }

.ccp-reg__form {
  position: relative;
  max-width: 1384px;
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 1384 / 185;
  display: flex;
  align-items: center;
  gap: 13.1px;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden; }
  @media (max-width: 991px) {
    .ccp-reg__form {
      aspect-ratio: unset;
      flex-direction: column;
      gap: 10px; } }

.ccp-reg__form-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: fill;
  pointer-events: none;
  display: block; }
  @media (max-width: 991px) {
    .ccp-reg__form-bg {
      height: auto;
      aspect-ratio: 354 / 54; } }

.ccp-reg__icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 119px;
  height: 119px;
  flex-shrink: 0;
  position: relative;
  z-index: 1; }
  @media (max-width: 1150px) {
    .ccp-reg__icon-wrap {
      width: 100px;
      height: 100px; } }
  @media (max-width: 991px) {
    .ccp-reg__icon-wrap {
      display: none; } }

.ccp-reg__icon {
  width: 119px;
  height: 119px;
  object-fit: contain;
  display: block; }

.ccp-reg__form-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px clamp(53px, calc(2.21vw + 27.6px), 70px) 20px clamp(136px, calc(17.81vw - 14.3px), 250px);
  box-sizing: border-box; }
  @media (max-width: 991px) {
    .ccp-reg__form-inner {
      padding: 0;
      height: auto;
      flex-direction: column;
      gap: 10px; } }

.ccp-reg__fields {
  display: flex;
  gap: 10.917px;
  align-items: center;
  flex: 3;
  position: relative;
  z-index: 1; }
  @media (max-width: 991px) {
    .ccp-reg__fields {
      flex: none;
      flex-direction: column;
      gap: 9px;
      width: 100%; } }

.ccp-reg__input-frame {
  display: contents; }
  @media (max-width: 991px) {
    .ccp-reg__input-frame {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      aspect-ratio: 354 / 54;
      position: relative;
      z-index: 1;
      box-sizing: border-box; } }

.ccp-reg__input {
  flex: 3;
  min-width: 0;
  max-width: 735px;
  aspect-ratio: 735 / 84;
  max-height: 84px;
  margin-top: -6px;
  background: #fff;
  border: 1.394px solid #ddd;
  border-radius: 16.814px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.48;
  letter-spacing: -0.48px;
  color: #333;
  padding: 0 32px;
  box-sizing: border-box;
  outline: none;
  text-align: center; }
  .ccp-reg__input::placeholder {
    color: #ddd;
    font-weight: 700; }
  .ccp-reg__input:focus {
    border-color: #f0b100; }
  @media (max-width: 991px) {
    .ccp-reg__input {
      flex: none;
      width: 90%;
      aspect-ratio: 354 / 54;
      font-size: max(3vw, 17px);
      padding: 8px 20px;
      border-radius: 0px;
      max-width: 840px;
      max-height: 68%;
      margin-top: -3px; } }

.ccp-reg__btn {
  position: relative;
  flex: 1;
  min-width: 0;
  aspect-ratio: 299 / 84;
  max-height: 84px;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 31.659px;
  box-shadow: 0 4.956px 4.956px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  padding: 0 30px;
  box-sizing: border-box;
  background-color: transparent; }
  @media (hover: hover) {
    .ccp-reg__btn:hover .ccp-reg__btn-bg--normal {
      display: none; }
    .ccp-reg__btn:hover .ccp-reg__btn-bg--hover {
      display: block; } }
  @media (max-width: 991px) {
    .ccp-reg__btn {
      width: 100%;
      background-color: #f5cc00;
      gap: 13px;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
      padding: 8px 108px;
      overflow: visible;
      aspect-ratio: 11 / 1; }
      .ccp-reg__btn:active .ccp-reg__btn-bg--hover {
        display: none; }
      .ccp-reg__btn:active .ccp-reg__btn-icon {
        fill: #fff; }
      .ccp-reg__btn:active .ccp-reg__btn-text {
        color: #fff; } }

.ccp-reg__btn-bg {
  position: absolute;
  inset: 0;
  object-fit: fill;
  z-index: 0;
  width: 100%; }
  .ccp-reg__btn-bg--hover {
    display: none; }
  @media (max-width: 991px) {
    .ccp-reg__btn-bg {
      display: none; } }

.ccp-reg__btn-icon {
  width: 6.4vw;
  height: 6.4vw;
  flex-shrink: 0;
  display: none; }
  @media (max-width: 991px) {
    .ccp-reg__btn-icon {
      display: block;
      fill: #333; } }

.ccp-reg__btn-text {
  display: none; }
  @media (max-width: 991px) {
    .ccp-reg__btn-text {
      display: block;
      font-family: "Anton", sans-serif;
      font-weight: 400;
      font-size: max(3.9vw, 16px);
      line-height: normal;
      letter-spacing: 0.42px;
      color: #333;
      text-transform: uppercase;
      white-space: nowrap; } }

.ccp-history__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 18px; }
  @media (max-width: 991px) {
    .ccp-history__grid {
      grid-template-columns: 1fr 1fr;
      gap: 20px; } }
  @media (max-width: 660px) {
    .ccp-history__grid {
      grid-template-columns: 1fr;
      gap: 20px; } }

.ccp-history__card {
  position: relative;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  height: 149px;
  box-sizing: border-box; }
  @media (max-width: 991px) {
    .ccp-history__card {
      height: 140px; } }

.ccp-history__card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 19px 0; }
  @media (max-width: 991px) {
    .ccp-history__card-top {
      padding: 15px 14px 0; } }

.ccp-history__card-date,
.ccp-history__card-desc,
.ccp-history__card-code {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.1;
  color: #787878; }

@media (max-width: 991px) {
  .ccp-history__card-date {
    font-size: 13px; } }

.ccp-history__badge {
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }

.ccp-history__badge-img {
  display: block;
  height: 28px;
  width: auto; }
  @media (max-width: 991px) {
    .ccp-history__badge-img {
      height: 22px; } }

.ccp-history__badge-text {
  position: absolute;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #fff;
  text-align: center;
  pointer-events: none; }
  @media (max-width: 991px) {
    .ccp-history__badge-text {
      font-size: 9px; } }

.ccp-history__card-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.1;
  color: #333;
  margin: 0;
  padding: 5px 19px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  @media (max-width: 991px) {
    .ccp-history__card-title {
      font-size: 18px;
      padding: 4px 14px 0; } }

.ccp-history__card-desc {
  margin: 0;
  padding: 6px 19px 0;
  white-space: nowrap; }
  @media (max-width: 991px) {
    .ccp-history__card-desc {
      font-size: 13px;
      padding: 4px 14px 0; } }

.ccp-history__card-footer {
  position: absolute;
  bottom: 0;
  left: -1px;
  right: -1px;
  height: 37px;
  background: #f8f8f8;
  border-top: 1px dashed #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }

.ccp-history__card-code {
  text-align: center; }
  @media (max-width: 991px) {
    .ccp-history__card-code {
      font-size: 14px; } }

.ccp-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9000; }

.ccp-modal {
  position: relative;
  max-width: 560px;
  width: 100%;
  height: auto;
  border-radius: 20px;
  overflow: hidden; }
  @media (max-width: 991px) {
    .ccp-modal {
      width: calc(100vw - 30px); } }

.ccp-modal__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: #fff;
  overflow: hidden; }

.ccp-modal__bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  display: block; }

.ccp-modal__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  aspect-ratio: 560 / 350;
  padding: 38px 30px;
  box-sizing: border-box; }
  @media (max-width: 991px) {
    .ccp-modal__body {
      padding: 30px 20px; } }

.ccp-modal--success .ccp-modal__body {
  padding-top: 41px; }

.ccp-modal__icon {
  width: 78px;
  height: 78px;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: 7px; }
  .ccp-modal__icon img {
    width: 100%;
    height: 100%;
    display: block; }
  @media (max-width: 991px) {
    .ccp-modal__icon {
      width: min(12vw, 78px);
      height: min(12vw, 78px);
      margin-bottom: 5px; } }

.ccp-modal--success .ccp-modal__icon {
  margin-bottom: 10px; }

.ccp-modal__text,
.ccp-modal__title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.03;
  letter-spacing: -0.64px;
  text-align: center;
  margin: 0; }

.ccp-modal__text {
  color: #333; }
  @media (max-width: 590px) {
    .ccp-modal__text {
      font-size: max(4.85vw, 18px); } }

.ccp-modal__title {
  color: #f0b100;
  margin-bottom: 11px; }
  @media (max-width: 991px) {
    .ccp-modal__title {
      font-size: min(7vw, 32px);
      margin-bottom: 7px; } }

.ccp-modal__subtitle {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.03;
  letter-spacing: -0.44px;
  color: #333;
  text-align: center;
  margin: 0 0 6px; }
  .ccp-modal__subtitle:last-of-type {
    margin-bottom: 20px; }
  @media (max-width: 590px) {
    .ccp-modal__subtitle {
      font-size: max(3.85vw, 16px);
      margin-bottom: 4px; }
      .ccp-modal__subtitle:last-of-type {
        margin-bottom: 10px; } }

.ccp-modal__close {
  margin-top: auto;
  width: 243px;
  height: 60px;
  background: #fff;
  border: none;
  border-radius: 16.8px;
  box-shadow: 0 4.8px 4.8px 0 rgba(0, 0, 0, 0.1);
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-size: 34px;
  line-height: normal;
  color: #f0b100;
  letter-spacing: 1.02px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.15s; }
  @media (hover: hover) {
    .ccp-modal__close:hover {
      background: #f5f5f5; } }
  .ccp-modal__close:active {
    background: #f5f5f5; }
  @media (max-width: 590px) {
    .ccp-modal__close {
      width: min(38vw, 243px);
      height: min(11vw, 60px);
      font-size: max(4.85vw, 18px);
      border-radius: 14px; } }

.ccp-fade-enter-active,
.ccp-fade-leave-active {
  transition: opacity 0.2s; }

.ccp-fade-enter,
.ccp-fade-leave-to {
  opacity: 0; }

/*# sourceMappingURL=coupon.css.map */