.discount-layout--halloween-style-1 {
  container-type: inline-size;
  font-family: Arial, Helvetica, sans-serif;
}

.discount-layout--halloween-style-1 .wc-bogof-halloween-ticket,
.discount-layout--halloween-style-1 .wc-bogof-halloween-ticket * {
  box-sizing: border-box;
}

.wc-bogof-halloween-ticket {
  display: grid;
  grid-template-columns: 64.9% 35.1%;
  min-height: 33.41cqw;
  background: url('../images/product-discount/halloween-style-1-background.webp') center / 100% 100% no-repeat;
  color: #20201e;
}

.wc-bogof-halloween-offers {
  display: flex;
  flex-direction: column;
  padding: 4.25cqw 4.1cqw 4.75cqw 7.85cqw;
  min-width: 0;
}

.wc-bogof-halloween-table {
  display: grid;
  grid-auto-rows: 1fr;
  flex: 1;
}

.wc-bogof-halloween-heading {
  margin: 0 0 .6cqw;
  padding: 0 6cqw;
  font-size: 2.3cqw;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: .28cqw;
  text-align: center;
  white-space: nowrap;
}

.wc-bogof-halloween-row {
  display: grid;
  grid-template-columns: 29.2% 29.2% 41.6%;
  align-items: center;
  min-height: 6.85cqw;
}

.wc-bogof-halloween-row + .wc-bogof-halloween-row {
  border-top: .12cqw solid rgba(225, 143, 55, .25);
}

.wc-bogof-halloween-row > span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  line-height: 1.1;
}

.wc-bogof-halloween-quantity {
  padding: .1cqw .55cqw .1cqw 1.65cqw;
  font-size: var(--halloween-quantity-size, 3.15cqw);
  font-weight: 750;
  text-align: center;
  white-space: nowrap;
}

.wc-bogof-halloween-description {
  border-left: .14cqw solid rgba(225, 143, 55, .36);
  padding: .4cqw .5cqw;
  min-height: 3.65cqw;
  font-size: var(--halloween-description-size, 2.65cqw);
  font-weight: 500;
  text-align: center;
}

.wc-bogof-halloween-discount {
  border-left: .14cqw solid rgba(225, 143, 55, .36);
  padding: 0 .35cqw;
  color: #c64300;
  font-size: var(--halloween-discount-size, 4.95cqw);
  font-weight: 800;
  letter-spacing: -.14cqw;
  white-space: nowrap;
}

.wc-bogof-halloween-suffix {
  margin-left: .5cqw;
  font-size: .616em;
  letter-spacing: -.12cqw;
}

.wc-bogof-halloween-code {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8.3cqw 4.5cqw 9cqw 3.2cqw;
  min-width: 0;
  color: #fff3d8;
}

.wc-bogof-halloween-code-label {
  font-size: 2.05cqw;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .12cqw;
  text-transform: uppercase;
}

.discount-layout--halloween-style-1 .wc-bogof-halloween-copy {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.45cqw;
  width: 100%;
  min-height: 7.15cqw;
  margin: 1.2cqw 0 .85cqw;
  padding: .9cqw 1.7cqw;
  border: 0;
  border-radius: 2.45cqw;
  background: radial-gradient(ellipse at 50% 45%, #ffa330, #f18a22);
  box-shadow: none;
  color: #20201e;
  font-family: inherit;
  font-size: var(--halloween-code-size, 3.9cqw);
  font-weight: 750;
  line-height: 1.1;
  letter-spacing: -.08cqw;
  text-transform: none;
  cursor: pointer;
}

.wc-bogof-halloween-code-value {
  min-width: 0;
  white-space: nowrap;
}

.wc-bogof-halloween-copy svg {
  width: 3.4cqw;
  height: 3.75cqw;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wc-bogof-halloween-copy-hint {
  font-size: 2cqw;
  line-height: 1.3;
  text-align: center;
}

.wc-bogof-halloween-copy-hint.is-copied {
  color: #ffb74d;
}

.discount-layout--halloween-style-1 .wc-bogof-halloween-copy:hover {
  filter: brightness(1.04);
  color: #20201e;
}

.discount-layout--halloween-style-1 .wc-bogof-halloween-copy:focus-visible {
  outline: 2px solid #fff3d8;
  outline-offset: 3px;
}