/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css F:\XAMPP\htdocs\projects2026\chc\wp-content\themes\chc\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[4].use[1]!F:\XAMPP\htdocs\projects2026\chc\wp-content\themes\chc\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[4].use[2]!F:\XAMPP\htdocs\projects2026\chc\wp-content\themes\chc\node_modules\sass-loader\dist\cjs.js??ruleSet[1].rules[4].use[3]!F:\XAMPP\htdocs\projects2026\chc\wp-content\themes\chc\blocks\coupon-card\style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable scss/no-global-function-names */
/* stylelint-disable scss/operator-no-unspaced */
/* stylelint-enable scss/no-global-function-names */
/* stylelint-enable scss/operator-no-unspaced */
.wp-block-chc-coupon-card {
  width: 100%;
  max-width: 39.375rem;
}
.wp-block-chc-coupon-card .coupon-card {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 767px) and (min-height: 450px) {
  .wp-block-chc-coupon-card .coupon-card {
    flex-direction: row;
  }
}
.wp-block-chc-coupon-card .coupon-card__barcode {
  position: relative;
  background-color: var(--wp--preset--color--anakiwa);
  border-radius: 1rem;
  padding: 0.75rem 3.75rem 0.25rem 3.75rem;
}
@media screen and (min-width: 767px) and (min-height: 450px) {
  .wp-block-chc-coupon-card .coupon-card__barcode {
    padding: 1.25rem 0.75rem;
  }
}
.wp-block-chc-coupon-card .coupon-card__barcode--lines {
  display: inline-block;
  width: 100%;
  height: 4.125rem;
  overflow: hidden;
  background: linear-gradient(to right, black 0px, black 5px, transparent 5px, transparent 14px, black 14px, black 16px, transparent 16px, transparent 26px, black 26px, black 31px, transparent 31px, transparent 37px, black 37px, black 42px, transparent 42px, transparent 48px, black 48px, black 54px, transparent 54px, transparent 56px, black 56px, black 58px, transparent 58px, transparent 68px, black 68px, black 74px, transparent 74px, transparent 83px, black 83px, black 89px, transparent 89px, transparent 96px, black 96px, black 102px, transparent 102px, transparent 109px, black 109px, black 116px, transparent 116px, transparent 126px, black 126px, black 128px, transparent 128px, transparent 135px, black 135px, black 138px, transparent 138px, transparent 148px, black 148px, black 152px, transparent 152px, transparent 156px, black 156px, black 158px, transparent 158px, transparent 160px, black 160px, black 163px, transparent 163px, transparent 173px, black 173px, black 177px, transparent 177px, transparent 187px, black 187px, black 193px, transparent 193px, transparent 199px, black 199px, black 206px, transparent 206px, transparent 209px, black 209px, black 212px, transparent 212px, transparent 219px, black 219px, black 222px, transparent 222px, transparent 229px, black 229px, black 235px, transparent 235px, transparent 242px, black 242px, black 249px, transparent 249px, transparent 252px, black 252px, black 254px, transparent 254px, transparent 256px, black 256px, black 264px, transparent 264px, transparent 274px, black 274px, black 279px, transparent 279px, transparent 283px, black 283px, black 285px, transparent 285px, transparent 294px, black 294px, black 297px, transparent 297px, transparent 303px, black 303px, black 306px, transparent 306px, transparent 315px, black 315px, black 323px, transparent 323px, transparent 325px, black 325px, black 330px, transparent 330px, transparent 332px, black 332px, black 335px, transparent 335px, transparent 342px, black 342px, black 349px, transparent 349px, transparent 353px, black 353px, black 361px, transparent 361px, transparent 371px, black 371px, black 373px, transparent 373px, transparent 378px, black 378px, black 384px, transparent 384px, transparent 388px, black 388px, black 393px, transparent 393px, transparent 399px, black 399px, black 402px, transparent 402px, transparent 408px, black 408px, black 415px, transparent 415px, transparent 423px, black 423px, black 427px, transparent 427px, transparent 430px, black 430px, black 434px, transparent 434px, transparent 438px, black 438px, black 446px, transparent 446px, transparent 453px, black 453px, black 456px, transparent 456px, transparent 464px, black 464px, black 472px, transparent 472px, transparent 481px, black 481px, black 485px, transparent 485px, transparent 491px, black 491px, black 494px, transparent 494px, transparent 497px, black 497px, black 503px, transparent 503px, transparent 506px, black 506px, black 514px, transparent 514px, transparent 523px, black 523px, black 527px, transparent 527px, transparent 534px, black 534px, black 540px, transparent 540px, transparent 550px, black 550px, black 557px, transparent 557px, transparent 564px);
}
@media screen and (min-width: 767px) and (min-height: 450px) {
  .wp-block-chc-coupon-card .coupon-card__barcode--lines {
    width: 4.125rem;
    height: 100%;
    background: linear-gradient(to bottom, black 0px, black 5px, transparent 5px, transparent 14px, black 14px, black 16px, transparent 16px, transparent 26px, black 26px, black 31px, transparent 31px, transparent 37px, black 37px, black 42px, transparent 42px, transparent 48px, black 48px, black 54px, transparent 54px, transparent 56px, black 56px, black 58px, transparent 58px, transparent 68px, black 68px, black 74px, transparent 74px, transparent 83px, black 83px, black 89px, transparent 89px, transparent 96px, black 96px, black 102px, transparent 102px, transparent 109px, black 109px, black 116px, transparent 116px, transparent 126px, black 126px, black 128px, transparent 128px, transparent 135px, black 135px, black 138px, transparent 138px, transparent 148px, black 148px, black 152px, transparent 152px, transparent 156px, black 156px, black 158px, transparent 158px, transparent 160px, black 160px, black 163px, transparent 163px, transparent 173px, black 173px, black 177px, transparent 177px, transparent 187px, black 187px, black 193px, transparent 193px, transparent 199px, black 199px, black 206px, transparent 206px, transparent 209px, black 209px, black 212px, transparent 212px, transparent 219px, black 219px, black 222px, transparent 222px, transparent 229px, black 229px, black 235px, transparent 235px, transparent 242px, black 242px, black 249px, transparent 249px, transparent 252px, black 252px, black 254px, transparent 254px, transparent 256px, black 256px, black 264px, transparent 264px, transparent 274px, black 274px, black 279px, transparent 279px, transparent 283px, black 283px, black 285px, transparent 285px, transparent 294px, black 294px, black 297px, transparent 297px, transparent 303px, black 303px, black 306px, transparent 306px, transparent 315px, black 315px, black 323px, transparent 323px, transparent 325px, black 325px, black 330px, transparent 330px, transparent 332px, black 332px, black 335px, transparent 335px, transparent 342px, black 342px, black 349px, transparent 349px, transparent 353px, black 353px, black 361px, transparent 361px, transparent 371px, black 371px, black 373px, transparent 373px, transparent 378px, black 378px, black 384px, transparent 384px, transparent 388px, black 388px, black 393px, transparent 393px, transparent 399px, black 399px, black 402px, transparent 402px, transparent 408px, black 408px, black 415px, transparent 415px, transparent 423px, black 423px, black 427px, transparent 427px, transparent 430px, black 430px, black 434px, transparent 434px, transparent 438px, black 438px, black 446px, transparent 446px, transparent 453px, black 453px, black 456px, transparent 456px, transparent 464px, black 464px, black 472px, transparent 472px, transparent 481px, black 481px, black 485px, transparent 485px, transparent 491px, black 491px, black 494px, transparent 494px, transparent 497px, black 497px, black 503px, transparent 503px, transparent 506px, black 506px, black 514px, transparent 514px, transparent 523px, black 523px, black 527px, transparent 527px, transparent 534px, black 534px, black 540px, transparent 540px, transparent 550px, black 550px, black 557px, transparent 557px, transparent 564px);
  }
}
.wp-block-chc-coupon-card .coupon-card__barcode::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 5%;
  width: 90%;
  height: 0.25rem;
  background: repeating-linear-gradient(to right, #fff 0rem, #fff 1rem, transparent 1rem, transparent 2rem);
}
@media screen and (min-width: 767px) and (min-height: 450px) {
  .wp-block-chc-coupon-card .coupon-card__barcode::after {
    top: 6%;
    right: 0;
    left: auto;
    width: 0.25rem;
    height: 88%;
    background: repeating-linear-gradient(to bottom, #fff 0rem, #fff 1rem, transparent 1rem, transparent 2rem);
  }
}
.wp-block-chc-coupon-card .coupon-card__title {
  margin: 0.5rem 0 0;
  line-height: 1;
  font-size: var(--wp--preset--font-size--xl);
}
.wp-block-chc-coupon-card .coupon-card__title.uppercase {
  text-transform: uppercase;
}
.wp-block-chc-coupon-card .coupon-card__subtitle {
  margin: 0;
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 500;
  line-height: 1;
}
.wp-block-chc-coupon-card .coupon-card__body {
  width: 100%;
  padding: 1.5rem;
  border-radius: 1rem;
  background-color: var(--wp--preset--color--white);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 3.5rem;
}
@media screen and (min-width: 1201px) {
  .wp-block-chc-coupon-card .coupon-card__body {
    min-height: 316px;
    gap: 2rem;
  }
}
@media screen and (min-width: 1600px) {
  .wp-block-chc-coupon-card .coupon-card__body {
    min-height: 312px;
  }
}
.wp-block-chc-coupon-card .coupon-card__body-buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (min-width: 767px) and (min-height: 450px) {
  .wp-block-chc-coupon-card .coupon-card__body-buttons {
    flex-direction: row;
    align-items: flex-end;
  }
}
.wp-block-chc-coupon-card .coupon-card__body-button {
  width: 100%;
  max-width: 15.9375rem;
  margin-left: auto;
}
.wp-block-chc-coupon-card .coupon-card__body-button--link {
  width: 100%;
  display: inline-block;
  text-align: center;
  color: inherit;
  border-radius: 0.75rem;
  border-width: 0.125rem;
  background-color: unset;
  font-size: var(--wp--preset--font-size--xs);
  font-weight: 900;
  line-height: 1.5;
  padding: 0.875rem;
}
.wp-block-chc-coupon-card .coupon-card__body-price {
  display: flex;
  flex-direction: column;
}
.wp-block-chc-coupon-card .coupon-card__body-text, .wp-block-chc-coupon-card .coupon-card__body-value {
  margin: 0;
  line-height: 1;
}
.wp-block-chc-coupon-card .coupon-card__body-value {
  font-size: 2.75rem;
}
.wp-block-chc-coupon-card .coupon-card__body-text {
  font-size: var(--wp--preset--font-size--xs);
  font-weight: 500;
  margin-top: 0.125rem;
}
.wp-block-chc-coupon-card .coupon-card__body-training-text {
  font-size: var(--wp--preset--font-size--md);
  margin: 1.5rem 0 0;
  line-height: 1.72;
}
.wp-block-chc-coupon-card .coupon-card-list-item {
  width: -webkit-fill-available;
  font-size: var(--wp--preset--font-size--xs);
  font-weight: 900;
  text-transform: uppercase;
}
.wp-block-chc-coupon-card .coupon-card-list-item .coupon-card-list-item-label {
  border-radius: 0.75rem;
  width: 100%;
  transition: border 0.1s;
}
.wp-block-chc-coupon-card .coupon-card-list-item .coupon-card-list-item-label:focus, .wp-block-chc-coupon-card .coupon-card-list-item .coupon-card-list-item-label:hover {
  border: 0.125rem solid var(--wp--preset--color--black);
}
.wp-block-chc-coupon-card .coupon-card-form-control {
  width: 100%;
  margin: 1.5rem 0 0;
}
.wp-block-chc-coupon-card .coupon-card-form-control {
  display: inline-flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media screen and (min-width: 767px) and (min-height: 450px) {
  .wp-block-chc-coupon-card .coupon-card-form-control {
    flex-direction: row;
  }
}
.wp-block-chc-coupon-card .coupon-card-form-control input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.wp-block-chc-coupon-card .coupon-card-form-control input[type=radio]:checked + .coupon-card-list-item-label {
  background-color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--black);
}
.wp-block-chc-coupon-card .coupon-card-form-control input[type=radio]:checked + .coupon-card-list-item-label::before {
  background-color: var(--wp--preset--color--black);
}
.wp-block-chc-coupon-card .coupon-card-form-control input[type=radio]:checked + .coupon-card-list-item-label::after {
  position: absolute;
  left: 1rem;
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  border: 0.1875rem solid var(--wp--preset--color--white);
  border-radius: 50%;
}
.wp-block-chc-coupon-card .coupon-card-form-control .coupon-card-list-item-label {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.875rem 0.75rem 0.875rem 3.375rem;
  line-height: 1.5;
  background-color: var(--wp--preset--color--alice-blue);
  color: var(--wp--preset--color--black);
  cursor: pointer;
  border: 0.125rem solid transparent;
  -webkit-user-select: none;
          user-select: none;
  transition: background 0.2s, border-color 0.2s;
  position: relative;
}
.wp-block-chc-coupon-card .coupon-card-form-control .coupon-card-list-item-label::before {
  position: absolute;
  left: 0.875rem;
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--wp--preset--color--black);
  border-radius: 50%;
  box-sizing: border-box;
  transition: background 0.2s;
}
.wp-block-chc-coupon-card .coupon-card-form-control .coupon-card-input-wrap {
  width: 100%;
}
.wp-block-chc-coupon-card .coupon-card-form-control .coupon-card-input-wrap input {
  padding: 0.8125rem 1.5rem !important;
  border: 0.125rem solid var(--wp--preset--color--black);
  outline: 0;
  transition: outline 0.1s;
}
.wp-block-chc-coupon-card .coupon-card-form-control .coupon-card-input-wrap input::placeholder {
  opacity: 1;
}
.wp-block-chc-coupon-card .coupon-card-form-control .coupon-card-input-wrap input:focus, .wp-block-chc-coupon-card .coupon-card-form-control .coupon-card-input-wrap input:hover {
  outline: 0.125rem solid var(--wp--preset--color--black);
}

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