.wi-spp {
  --wi-spp-text: #1f2933;
  --wi-spp-muted: #667085;
  --wi-spp-border: #d9e2ec;
  --wi-spp-soft: #f6f8fb;
  --wi-spp-card-bg: #ffffff;
  --wi-spp-pix-card-bg: #eefbf7;
  --wi-spp-pix-card-border: #8bd8c9;
  --wi-spp-boleto-card-bg: #ffffff;
  --wi-spp-boleto-card-border: #d9e2ec;
  --wi-spp-card-card-bg: #ffffff;
  --wi-spp-card-card-border: #d9e2ec;
  --wi-spp-pix: #0a8f76;
  --wi-spp-card: #1f5eff;
  --wi-spp-ticket: #7c3aed;
  --wi-spp-saving: #0f7a45;
  --wi-spp-table-link: #1f5eff;
  --wi-spp-base-font: 14px;
  --wi-spp-price-font: 20px;
  --wi-spp-label-font: 13px;
  --wi-spp-installment-font: 13px;
  --wi-spp-table-link-font: 13px;
  --wi-spp-table-font: 12px;
  --wi-spp-saving-font: 12px;
  --wi-spp-icon-size: 24px;
  --wi-spp-mobile-price-font: 18px;
  --wi-spp-mobile-pix-price-font: 18px;
  --wi-spp-mobile-card-price-font: 16px;
  --wi-spp-mobile-regular-price-font: 13px;
  --wi-spp-mobile-regular-label-font: 11px;
  --wi-spp-regular-price-color: #667085;
	  --wi-spp-regular-label-color: #667085;
	  --wi-spp-regular-price-font: 14px;
	  --wi-spp-regular-label-font: 12px;
	  --wi-spp-font-family: inherit;
	  --wi-spp-base-line: 1.35;
	  --wi-spp-price-line: 1.1;
	  --wi-spp-label-line: 1.2;
	  --wi-spp-installment-line-height: 1.35;
	  --wi-spp-table-line: 1.35;
	  --wi-spp-saving-line: 1.1;
	  --wi-spp-price-weight: 750;
	  --wi-spp-label-weight: 700;
	  --wi-spp-installment-weight: 800;
	  --wi-spp-table-weight: 750;
	  --wi-spp-table-link-weight: 700;
	  --wi-spp-saving-weight: 700;
  --wi-spp-regular-price-weight: 750;
	  --wi-spp-regular-label-weight: 800;
  --wi-spp-clean-regular-color: #667085;
  --wi-spp-clean-price-color: #1f2933;
  --wi-spp-clean-label-color: #1f2933;
  --wi-spp-clean-installments-color: #667085;
  --wi-spp-clean-table-link-color: #667085;
  --wi-spp-clean-savings-color: #0f7a45;
  --wi-spp-clean-regular-font: 18px;
  --wi-spp-clean-price-font: 36px;
  --wi-spp-clean-label-font: 18px;
  --wi-spp-clean-installments-font: 20px;
  --wi-spp-clean-table-link-font: 18px;
  --wi-spp-clean-savings-font: 13px;
  --wi-spp-clean-regular-weight: 750;
  --wi-spp-clean-price-weight: 800;
  --wi-spp-clean-label-weight: 700;
  --wi-spp-clean-installments-weight: 750;
  --wi-spp-clean-table-link-weight: 700;
  --wi-spp-clean-savings-weight: 700;
  --wi-spp-clean-gap: 4px;
	  display: grid;
	  gap: 8px;
	  margin: 8px 0;
	  color: var(--wi-spp-text);
	  font-family: var(--wi-spp-font-family);
	  font-size: var(--wi-spp-base-font);
	  line-height: var(--wi-spp-base-line);
	  max-width: 100%;
	}

.wi-spp * {
  box-sizing: border-box;
}

.wi-spp-align-left {
  justify-items: stretch;
  text-align: left;
}

.wi-spp-align-center {
  justify-items: center;
  text-align: center;
}

.wi-spp-align-right {
  justify-items: end;
  text-align: right;
}

.wi-spp-align-center.wi-spp-layout-inline-compact {
  width: 100%;
  justify-content: center;
}

.wi-spp-align-right.wi-spp-layout-inline-compact {
  width: 100%;
  justify-content: flex-end;
}

.wi-spp-align-center .wi-spp-method {
  justify-content: center;
}

.wi-spp-align-right .wi-spp-method {
  justify-content: flex-end;
}

.wi-spp-align-center .wi-spp-method-body,
.wi-spp-align-center .wi-spp-price-label-row,
.wi-spp-align-center .wi-spp-price-stack,
.wi-spp-align-center .wi-spp-comparison-content,
.wi-spp-align-center .wi-spp-clean-pricing,
.wi-spp-align-center .wi-spp-installment-lines {
  align-items: center;
  justify-items: center;
  justify-content: center;
  text-align: center;
}

.wi-spp-align-right .wi-spp-method-body,
.wi-spp-align-right .wi-spp-price-label-row,
.wi-spp-align-right .wi-spp-price-stack,
.wi-spp-align-right .wi-spp-comparison-content,
.wi-spp-align-right .wi-spp-clean-pricing,
.wi-spp-align-right .wi-spp-installment-lines {
  align-items: flex-end;
  justify-items: end;
  justify-content: flex-end;
  text-align: right;
}

.wi-spp-align-center .wi-spp-price-label-row,
.wi-spp-align-center .wi-spp-current-price-line,
.wi-spp-align-center .wi-spp-regular-price-line,
.wi-spp-align-center .wi-spp-clean-main {
  justify-content: center;
}

.wi-spp-align-right .wi-spp-price-label-row,
.wi-spp-align-right .wi-spp-current-price-line,
.wi-spp-align-right .wi-spp-regular-price-line,
.wi-spp-align-right .wi-spp-clean-main {
  justify-content: flex-end;
}

.wi-spp-layout-payment-cards.wi-spp-align-center,
.wi-spp-layout-payment-cards.wi-spp-align-right,
.wi-spp-layout-pix-highlight.wi-spp-align-center,
.wi-spp-layout-pix-highlight.wi-spp-align-right,
.wi-spp-layout-premium-table.wi-spp-align-center,
.wi-spp-layout-premium-table.wi-spp-align-right {
  justify-items: stretch;
}

.wi-spp-layout-payment-cards .wi-spp-method,
.wi-spp-layout-pix-highlight .wi-spp-method,
.wi-spp-layout-premium-table .wi-spp-method {
  width: 100%;
  justify-self: stretch;
}

.wi-spp-method {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  min-width: 0;
}

.wi-spp-method-body {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.wi-spp-price-label-row {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.wi-spp-label-desktop-inline .wi-spp-price-label-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}

.wi-spp-label-desktop-below .wi-spp-price-label-row {
  display: grid;
}

.wi-spp-icon {
  width: var(--wi-spp-icon-size);
  height: var(--wi-spp-icon-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--wi-spp-icon-size);
  color: currentColor;
}

.wi-spp-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.wi-spp-price {
  display: inline-flex;
  align-items: baseline;
	  gap: 4px;
	  font-size: var(--wi-spp-price-font);
	  font-weight: var(--wi-spp-price-weight);
	  line-height: var(--wi-spp-price-line);
	  color: var(--wi-spp-text);
	}

.wi-spp-price-stack {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.wi-spp-regular-price-line,
.wi-spp-current-price-line {
  display: flex;
  align-items: baseline;
  gap: 4px;
  min-width: 0;
  max-width: 100%;
}

.wi-spp-regular-price-line {
  flex-wrap: wrap;
}

.wi-spp-current-price-line {
  flex-wrap: wrap;
}

.wi-spp-regular-label,
.wi-spp-current-label {
	  color: var(--wi-spp-regular-label-color);
	  font-size: var(--wi-spp-regular-label-font);
	  font-weight: var(--wi-spp-regular-label-weight);
	  line-height: 1.1;
	}

.wi-spp-regular-price {
  color: var(--wi-spp-regular-price-color);
  font-size: var(--wi-spp-regular-price-font);
  font-weight: var(--wi-spp-regular-price-weight);
  line-height: 1.1;
}

.wi-spp-regular-strike .wi-spp-regular-price {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

.wi-spp-label,
.wi-spp-installment-line {
  color: var(--wi-spp-muted);
}

.wi-spp-label {
  font-size: var(--wi-spp-label-font);
  line-height: var(--wi-spp-label-line);
}

.wi-spp-installment-line {
  font-size: var(--wi-spp-installment-font);
  font-weight: var(--wi-spp-installment-weight);
  line-height: var(--wi-spp-installment-line-height);
}

.wi-spp-installment-lines {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35em;
  row-gap: 1px;
  max-width: 100%;
}

.wi-spp-installment-option {
  display: inline;
  min-width: 0;
}

.wi-spp-method .wi-spp-label {
  color: currentColor;
  font-weight: var(--wi-spp-label-weight);
}

.wi-spp-saving {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  width: fit-content;
  margin-top: 2px;
  padding: 2px 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--wi-spp-saving) 11%, #fff);
  color: var(--wi-spp-saving);
  font-size: var(--wi-spp-saving-font);
  font-weight: var(--wi-spp-saving-weight);
  line-height: var(--wi-spp-saving-line);
}

.wi-spp-saving strong {
  font-weight: inherit;
}

.wi-spp-method-pix {
  color: var(--wi-spp-pix);
}

.wi-spp-method-boleto {
  color: var(--wi-spp-ticket);
}

.wi-spp-method-card {
  color: var(--wi-spp-card);
}

.wi-spp-card-installments-only .wi-spp-installment-line {
  display: block;
  color: var(--wi-spp-muted);
  font-weight: var(--wi-spp-installment-weight);
  line-height: var(--wi-spp-installment-line-height);
}

.wi-spp-table-wrap {
  display: grid;
  gap: 8px;
  margin-top: 4px;
  width: 100%;
  max-width: 100%;
}

.wi-spp-table-trigger {
  color: var(--wi-spp-table-link);
  font-size: var(--wi-spp-table-link-font);
  font-weight: var(--wi-spp-table-link-weight);
  text-decoration: none;
}

.wi-spp-table-trigger:hover {
  text-decoration: underline;
}

.wi-spp-table-panel {
  display: grid;
  gap: 7px;
  width: 100%;
  max-width: 760px;
  padding: 10px 12px;
  border: 1px solid var(--wi-spp-border);
  border-radius: 8px;
  background: #fff;
}

.wi-spp-table-note {
  display: block;
  color: var(--wi-spp-muted);
  font-size: max(12px, calc(var(--wi-spp-table-font) + 1px));
  line-height: 1.35;
}

.wi-spp-table-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, auto);
  gap: 12px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--wi-spp-border);
  color: var(--wi-spp-text);
  font-size: max(13px, calc(var(--wi-spp-table-font) + 1px));
}

.wi-spp-table-head strong:last-child {
  text-align: right;
}

.wi-spp-table {
  display: grid;
  width: 100%;
}

.wi-spp-table-wrap.is-collapsed .wi-spp-table-panel {
  display: none;
}

.wi-spp-table-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, auto);
  align-items: center;
  gap: 12px;
  padding: 7px 8px;
  border-bottom: 1px solid var(--wi-spp-border);
  color: var(--wi-spp-text);
  background: #fff;
  font-size: var(--wi-spp-table-font);
  line-height: var(--wi-spp-table-line);
}

.wi-spp-table-row:last-child {
  border-bottom: 0;
}

.wi-spp-table-installment {
  min-width: 0;
  font-weight: var(--wi-spp-table-weight);
}

.wi-spp-table-total {
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 5px;
  min-width: 0;
  text-align: right;
}

.wi-spp-table-row strong {
  font-weight: var(--wi-spp-table-weight);
}

.wi-spp-table-row em {
  color: var(--wi-spp-muted);
  font-style: normal;
}

.wi-spp-debug {
  display: block;
  padding: 5px 7px;
  border: 1px dashed #d97706;
  border-radius: 6px;
  color: #92400e;
  background: #fffbeb;
  font-size: 11px;
}

.wi-spp-layout-minimal-pro {
  gap: 5px;
}

.wi-spp-layout-minimal-pro .wi-spp-method {
  padding: 0;
}

.wi-spp-layout-minimal-pro .wi-spp-icon {
  width: 20px;
  height: 20px;
  flex-basis: 20px;
}

.wi-spp-layout-payment-cards {
  grid-template-columns: 1fr;
}

.wi-spp-layout-payment-cards .wi-spp-method {
  padding: 10px;
  border: 1px solid var(--wi-spp-border);
  border-radius: 8px;
  background: var(--wi-spp-card-bg);
}

.wi-spp-layout-payment-cards .wi-spp-method-pix,
.wi-spp-layout-premium-table .wi-spp-method-pix,
.wi-spp-layout-pix-highlight .wi-spp-method-pix {
  border-color: var(--wi-spp-pix-card-border);
  background: var(--wi-spp-pix-card-bg);
}

.wi-spp-layout-payment-cards .wi-spp-method-boleto,
.wi-spp-layout-premium-table .wi-spp-method-boleto,
.wi-spp-layout-pix-highlight .wi-spp-method-boleto {
  border-color: var(--wi-spp-boleto-card-border);
  background: var(--wi-spp-boleto-card-bg);
}

.wi-spp-layout-payment-cards .wi-spp-method-card,
.wi-spp-layout-premium-table .wi-spp-method-card,
.wi-spp-layout-pix-highlight .wi-spp-method-card {
  border-color: var(--wi-spp-card-card-border);
  background: var(--wi-spp-card-card-bg);
}

.wi-spp-layout-pix-highlight .wi-spp-method {
  padding: 9px 10px;
  border: 1px solid var(--wi-spp-border);
  border-radius: 8px;
  background: var(--wi-spp-card-bg);
}

.wi-spp-layout-pix-highlight .wi-spp-method-pix {
  border-color: var(--wi-spp-pix-card-border);
  background: var(--wi-spp-pix-card-bg);
}

.wi-spp-layout-pix-highlight .wi-spp-method-pix .wi-spp-price {
  color: var(--wi-spp-pix);
  font-size: calc(var(--wi-spp-price-font) + 2px);
}

.wi-spp-layout-inline-compact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 6px 0;
}

.wi-spp-layout-inline-compact .wi-spp-method {
  align-items: center;
  gap: 5px;
}

.wi-spp-layout-inline-compact.wi-spp-align-center .wi-spp-method,
.wi-spp-layout-inline-compact.wi-spp-align-right .wi-spp-method {
  flex: 0 1 auto;
  width: fit-content;
  max-width: 100%;
}

.wi-spp-layout-inline-compact.wi-spp-align-center .wi-spp-method {
  justify-content: center;
}

.wi-spp-layout-inline-compact.wi-spp-align-right .wi-spp-method {
  justify-content: flex-end;
}

.wi-spp-layout-inline-compact .wi-spp-icon {
  width: var(--wi-spp-inline-icon-size, max(14px, calc(var(--wi-spp-icon-size) - 8px)));
  height: var(--wi-spp-inline-icon-size, max(14px, calc(var(--wi-spp-icon-size) - 8px)));
  flex-basis: var(--wi-spp-inline-icon-size, max(14px, calc(var(--wi-spp-icon-size) - 8px)));
}

.wi-spp-layout-inline-compact .wi-spp-method-body {
  display: flex;
  align-items: baseline;
  gap: 4px;
  flex-wrap: wrap;
}

.wi-spp-layout-inline-compact.wi-spp-align-center .wi-spp-method-body,
.wi-spp-layout-inline-compact.wi-spp-align-right .wi-spp-method-body {
  flex: 0 1 auto;
  max-width: calc(100% - var(--wi-spp-inline-icon-size, max(14px, calc(var(--wi-spp-icon-size) - 8px))) - 5px);
}

.wi-spp-layout-inline-compact .wi-spp-price-stack {
  flex: 0 1 auto;
  gap: 0;
}

.wi-spp-layout-inline-compact .wi-spp-regular-price-line,
.wi-spp-layout-inline-compact .wi-spp-current-price-line {
  gap: 3px;
}

.wi-spp-layout-inline-compact .wi-spp-price {
  font-size: var(--wi-spp-price-font);
}

.wi-spp-layout-inline-compact .wi-spp-table-wrap {
  display: none;
}

.wi-spp-layout-avista-parcelas {
  width: 100%;
  max-width: 760px;
  gap: 6px;
  margin: 10px 0;
}

.wi-spp-clean-pricing {
  display: grid;
  gap: var(--wi-spp-clean-gap);
  width: 100%;
  max-width: 100%;
  color: var(--wi-spp-text);
}

.wi-spp-clean-regular {
  display: inline-block;
  width: fit-content;
  color: var(--wi-spp-clean-regular-color);
  font-size: var(--wi-spp-clean-regular-font);
  font-weight: var(--wi-spp-clean-regular-weight);
  line-height: var(--wi-spp-price-line);
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

.wi-spp-clean-main {
  display: flex;
  align-items: baseline;
  gap: 7px;
  min-width: 0;
  max-width: 100%;
  flex-wrap: wrap;
}

.wi-spp-clean-main .wi-spp-price {
  color: var(--wi-spp-clean-price-color);
  font-size: var(--wi-spp-clean-price-font);
  font-weight: var(--wi-spp-clean-price-weight);
  letter-spacing: 0;
  line-height: var(--wi-spp-price-line);
}

.wi-spp-clean-cash-label {
  color: var(--wi-spp-clean-label-color);
  font-size: var(--wi-spp-clean-label-font);
  font-weight: var(--wi-spp-clean-label-weight);
  line-height: var(--wi-spp-label-line);
}

.wi-spp-clean-installments {
  color: var(--wi-spp-clean-installments-color);
  font-size: var(--wi-spp-clean-installments-font);
  font-weight: var(--wi-spp-clean-installments-weight);
  line-height: var(--wi-spp-installment-line-height);
}

.wi-spp-layout-avista-parcelas .wi-spp-table-trigger {
  width: fit-content;
  color: var(--wi-spp-clean-table-link-color);
  font-size: var(--wi-spp-clean-table-link-font);
  font-weight: var(--wi-spp-clean-table-link-weight);
  line-height: var(--wi-spp-label-line);
  border-bottom: 2px solid currentColor;
  text-decoration: none;
}

.wi-spp-layout-avista-parcelas .wi-spp-table-trigger:hover {
  color: var(--wi-spp-table-link);
  text-decoration: none;
}

.wi-spp-clean-savings {
  --wi-spp-saving: var(--wi-spp-clean-savings-color);
  --wi-spp-saving-font: var(--wi-spp-clean-savings-font);
  --wi-spp-saving-weight: var(--wi-spp-clean-savings-weight);
}

.wi-spp-clean-table {
  display: block;
}

.wi-spp-layout-avista-parcelas .wi-spp-clean-desktop-hidden {
  display: none !important;
}

.wi-spp-layout-premium-table {
  padding: 12px;
  border: 1px solid var(--wi-spp-border);
  border-radius: 8px;
  background: var(--wi-spp-soft);
}

.wi-spp-layout-premium-table .wi-spp-method {
  padding: 8px;
  border-radius: 6px;
  background: var(--wi-spp-card-bg);
}

.wi-spp-layout-premium-table .wi-spp-table {
  width: 100%;
}

.wi-spp-context-loop.wi-spp-layout-pix-highlight {
  width: 100%;
}

.wi-spp-context-loop.wi-spp-layout-pix-highlight .wi-spp-method {
  width: 100%;
}

.wi-spp-layout-pix-or-card {
  width: min(100%, 720px);
  padding: 12px;
  border: 1px solid var(--wi-spp-border);
  border-radius: 8px;
  background: var(--wi-spp-card-bg);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

.wi-spp-comparison {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.wi-spp-comparison-title {
  color: var(--wi-spp-text);
  font-size: max(15px, calc(var(--wi-spp-base-font) + 1px));
  font-weight: var(--wi-spp-label-weight);
}

.wi-spp-comparison-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: stretch;
  gap: 10px;
  min-width: 0;
}

.wi-spp-comparison-option {
  position: relative;
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  padding: 11px;
  border: 1px solid var(--wi-spp-border);
  border-radius: 8px;
  background: var(--wi-spp-card-bg);
  overflow: hidden;
}

.wi-spp-comparison-pix {
  border-color: var(--wi-spp-pix-card-border);
  background: var(--wi-spp-pix-card-bg);
}

.wi-spp-comparison-card {
  border-color: var(--wi-spp-card-card-border);
  background: var(--wi-spp-card-card-bg);
}

.wi-spp-comparison-main {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}

.wi-spp-comparison-content {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.wi-spp-comparison-price-line {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}

.wi-spp-comparison-price-line .wi-spp-price-stack {
  flex: 1 1 160px;
}

.wi-spp-comparison-kicker {
  color: var(--wi-spp-text);
  font-size: max(11px, calc(var(--wi-spp-base-font) - 2px));
  font-weight: var(--wi-spp-label-weight);
  text-transform: uppercase;
}

.wi-spp-comparison-option .wi-spp-label {
  font-weight: var(--wi-spp-label-weight);
  color: currentColor;
}

.wi-spp-comparison-option .wi-spp-price {
  color: var(--wi-spp-text);
  font-size: max(19px, calc(var(--wi-spp-price-font) + 4px));
  line-height: var(--wi-spp-price-line);
}

.wi-spp-comparison-pix .wi-spp-price {
  color: var(--wi-spp-pix);
}

.wi-spp-comparison-card .wi-spp-price {
  color: var(--wi-spp-card);
}

.wi-spp-comparison-badge {
  width: fit-content;
  padding: 3px 7px;
  border-radius: 999px;
  background: color-mix(in srgb, currentColor 11%, #fff);
  color: currentColor;
  font-size: max(10px, calc(var(--wi-spp-base-font) - 3px));
  font-weight: var(--wi-spp-label-weight);
}

.wi-spp-comparison-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wi-spp-muted);
  font-size: 12px;
  font-weight: var(--wi-spp-label-weight);
}

.wi-spp-comparison-divider > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--wi-spp-border);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 5px 14px rgba(15, 23, 42, 0.07);
}

.wi-spp-layout-pix-or-card .wi-spp-table {
  width: 100%;
}

.wi-spp-layout-pix-or-card .wi-spp-table-panel {
  max-width: none;
}

.wi-spp-layout-pix-or-card .wi-spp-table-row {
  grid-template-columns: minmax(0, 1fr) minmax(100px, auto);
}

.wi-spp-context-loop {
  font-size: max(11px, calc(var(--wi-spp-base-font) - 1px));
}

.wi-spp-context-loop .wi-spp-method-card .wi-spp-price {
  font-size: max(12px, calc(var(--wi-spp-price-font) - 1px));
}

.wi-spp-context-loop .wi-spp-table-wrap {
  display: none;
}

.wi-spp-sticky-template {
  display: none !important;
}

.wd-sticky-btn .price .wi-spp-context-sticky,
.wi-spp-context-sticky {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  margin: 0;
  max-width: 100%;
  font-size: var(--wi-spp-base-font);
  line-height: 1.15;
}

.wd-sticky-btn .price .wi-spp-context-sticky .wi-spp-method,
.wi-spp-context-sticky .wi-spp-method {
  align-items: center;
  gap: 5px;
}

.wd-sticky-btn .price .wi-spp-context-sticky .wi-spp-method-body,
.wi-spp-context-sticky .wi-spp-method-body {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 3px 5px;
}

.wd-sticky-btn .price .wi-spp-context-sticky .wi-spp-price,
.wi-spp-context-sticky .wi-spp-price {
  font-size: var(--wi-spp-price-font);
  line-height: 1;
}

.wd-sticky-btn .price .wi-spp-context-sticky .wi-spp-label,
.wi-spp-context-sticky .wi-spp-label {
  font-size: var(--wi-spp-label-font);
  line-height: 1;
}

.wd-sticky-btn .price .wi-spp-context-sticky .wi-spp-installment-line,
.wi-spp-context-sticky .wi-spp-installment-line {
  font-size: var(--wi-spp-installment-font);
  line-height: 1.15;
}

.wd-sticky-btn .price .wi-spp-context-sticky .wi-spp-icon,
.wi-spp-context-sticky .wi-spp-icon {
  width: var(--wi-spp-icon-size);
  height: var(--wi-spp-icon-size);
  flex-basis: var(--wi-spp-icon-size);
}

.wd-sticky-btn .price .wi-spp-context-sticky .wi-spp-table-wrap {
  display: none;
}

.wi-spp-context-loop.wi-spp-layout-pix-or-card {
  padding: 9px;
  box-shadow: none;
}

.wi-spp-context-loop .wi-spp-comparison-title {
  display: none;
}

.wi-spp-context-loop .wi-spp-comparison-grid {
  grid-template-columns: 1fr;
}

.wi-spp-context-loop .wi-spp-comparison-divider {
  display: none;
}

@media (max-width: 640px) {
  .wi-spp-layout-pix-or-card {
    width: 100%;
    max-width: 100%;
    padding: 8px;
    box-shadow: none;
  }

  .wi-spp-mobile-size-small {
    --wi-spp-mobile-price-font: 18px;
    --wi-spp-mobile-label-font: 11px;
    --wi-spp-mobile-installment-font: 11px;
    --wi-spp-mobile-saving-font: 10px;
    --wi-spp-mobile-badge-font: 10px;
    --wi-spp-mobile-icon-size: 16px;
    --wi-spp-mobile-regular-price-font: 12px;
    --wi-spp-mobile-regular-label-font: 10px;
  }

  .wi-spp-mobile-size-medium {
    --wi-spp-mobile-price-font: 20px;
    --wi-spp-mobile-label-font: 12px;
    --wi-spp-mobile-installment-font: 12px;
    --wi-spp-mobile-saving-font: 11px;
    --wi-spp-mobile-badge-font: 11px;
    --wi-spp-mobile-icon-size: 18px;
    --wi-spp-mobile-regular-price-font: 13px;
    --wi-spp-mobile-regular-label-font: 11px;
  }

  .wi-spp-mobile-size-large {
    --wi-spp-mobile-price-font: 22px;
    --wi-spp-mobile-label-font: 13px;
    --wi-spp-mobile-installment-font: 13px;
    --wi-spp-mobile-saving-font: 12px;
    --wi-spp-mobile-badge-font: 12px;
    --wi-spp-mobile-icon-size: 20px;
    --wi-spp-mobile-regular-price-font: 14px;
    --wi-spp-mobile-regular-label-font: 12px;
  }

  .wi-spp-context-product .wi-spp-price,
  .wi-spp-context-loop .wi-spp-price {
    font-size: var(--wi-spp-mobile-price-font);
  }

  .wi-spp-context-product .wi-spp-label,
  .wi-spp-context-loop .wi-spp-label {
    font-size: var(--wi-spp-mobile-label-font);
  }

  .wi-spp-label-mobile-inline .wi-spp-price-label-row {
    display: flex;
    align-items: baseline;
    gap: 5px;
    flex-wrap: wrap;
  }

  .wi-spp-label-mobile-below .wi-spp-price-label-row {
    display: grid;
  }

  .wi-spp-context-product .wi-spp-installment-line,
  .wi-spp-context-loop .wi-spp-installment-line {
    font-size: var(--wi-spp-mobile-installment-font);
  }

  .wi-spp-context-product .wi-spp-saving,
  .wi-spp-context-loop .wi-spp-saving {
    font-size: var(--wi-spp-mobile-saving-font);
  }

  .wi-spp-context-product .wi-spp-table-trigger,
  .wi-spp-context-loop .wi-spp-table-trigger {
    font-size: var(--wi-spp-mobile-installment-font);
  }

  .wi-spp-context-product .wi-spp-icon,
  .wi-spp-context-loop .wi-spp-icon {
    width: var(--wi-spp-mobile-icon-size);
    height: var(--wi-spp-mobile-icon-size);
    flex-basis: var(--wi-spp-mobile-icon-size);
  }

  .wi-spp-context-product .wi-spp-regular-price,
  .wi-spp-context-loop .wi-spp-regular-price {
    font-size: min(var(--wi-spp-regular-price-font), var(--wi-spp-mobile-regular-price-font));
  }

  .wi-spp-context-product .wi-spp-regular-label,
  .wi-spp-context-product .wi-spp-current-label,
  .wi-spp-context-loop .wi-spp-regular-label,
  .wi-spp-context-loop .wi-spp-current-label {
    font-size: min(var(--wi-spp-regular-label-font), var(--wi-spp-mobile-regular-label-font));
  }

  .wi-spp-mobile-size-custom .wi-spp-method-pix .wi-spp-price {
    font-size: var(--wi-spp-mobile-pix-price-font);
  }

  .wi-spp-mobile-size-custom .wi-spp-method-card .wi-spp-price {
    font-size: var(--wi-spp-mobile-card-price-font);
  }

  .wi-spp-layout-avista-parcelas .wi-spp-clean-pricing {
    gap: var(--wi-spp-clean-mobile-gap, var(--wi-spp-clean-gap));
  }

  .wi-spp-layout-avista-parcelas .wi-spp-clean-regular {
    color: var(--wi-spp-clean-mobile-regular-color, var(--wi-spp-clean-regular-color));
    font-size: var(--wi-spp-clean-mobile-regular-font, var(--wi-spp-clean-regular-font));
    font-weight: var(--wi-spp-clean-mobile-regular-weight, var(--wi-spp-clean-regular-weight));
  }

  .wi-spp-layout-avista-parcelas .wi-spp-clean-main .wi-spp-price {
    color: var(--wi-spp-clean-mobile-price-color, var(--wi-spp-clean-price-color));
    font-size: var(--wi-spp-clean-mobile-price-font, var(--wi-spp-clean-price-font));
    font-weight: var(--wi-spp-clean-mobile-price-weight, var(--wi-spp-clean-price-weight));
  }

  .wi-spp-layout-avista-parcelas .wi-spp-clean-cash-label {
    color: var(--wi-spp-clean-mobile-label-color, var(--wi-spp-clean-label-color));
    font-size: var(--wi-spp-clean-mobile-label-font, var(--wi-spp-clean-label-font));
    font-weight: var(--wi-spp-clean-mobile-label-weight, var(--wi-spp-clean-label-weight));
  }

  .wi-spp-layout-avista-parcelas .wi-spp-clean-installments {
    color: var(--wi-spp-clean-mobile-installments-color, var(--wi-spp-clean-installments-color));
    font-size: var(--wi-spp-clean-mobile-installments-font, var(--wi-spp-clean-installments-font));
    font-weight: var(--wi-spp-clean-mobile-installments-weight, var(--wi-spp-clean-installments-weight));
  }

  .wi-spp-layout-avista-parcelas .wi-spp-table-trigger {
    color: var(--wi-spp-clean-mobile-table-link-color, var(--wi-spp-clean-table-link-color));
    font-size: var(--wi-spp-clean-mobile-table-link-font, var(--wi-spp-clean-table-link-font));
    font-weight: var(--wi-spp-clean-mobile-table-link-weight, var(--wi-spp-clean-table-link-weight));
  }

  .wi-spp-layout-avista-parcelas .wi-spp-clean-savings {
    --wi-spp-saving: var(--wi-spp-clean-mobile-savings-color, var(--wi-spp-clean-savings-color));
    --wi-spp-saving-font: var(--wi-spp-clean-mobile-savings-font, var(--wi-spp-clean-savings-font));
    --wi-spp-saving-weight: var(--wi-spp-clean-mobile-savings-weight, var(--wi-spp-clean-savings-weight));
  }

  .wi-spp-layout-avista-parcelas .wi-spp-clean-regular.wi-spp-clean-desktop-hidden {
    display: inline-block !important;
  }

  .wi-spp-layout-avista-parcelas .wi-spp-clean-main .wi-spp-clean-desktop-hidden,
  .wi-spp-layout-avista-parcelas .wi-spp-clean-installments.wi-spp-clean-desktop-hidden,
  .wi-spp-layout-avista-parcelas .wi-spp-clean-savings.wi-spp-clean-desktop-hidden {
    display: inline-flex !important;
  }

  .wi-spp-layout-avista-parcelas .wi-spp-clean-table.wi-spp-clean-desktop-hidden {
    display: block !important;
  }

  .wi-spp-layout-avista-parcelas .wi-spp-clean-mobile-hidden {
    display: none !important;
  }

  .wi-spp-mobile-hide-icons .wi-spp-icon,
  .wi-spp-mobile-hide-savings .wi-spp-saving,
  .wi-spp-mobile-hide-table .wi-spp-table-wrap {
    display: none;
  }

  .wi-spp-layout-pix-or-card .wi-spp-comparison {
    gap: 7px;
  }

  .wi-spp-layout-pix-or-card .wi-spp-comparison-title {
    font-size: 13px;
  }

  .wi-spp-layout-pix-or-card .wi-spp-comparison-option {
    gap: 4px;
    padding: 8px;
    border-radius: 7px;
  }

  .wi-spp-layout-pix-or-card .wi-spp-comparison-main {
    gap: 5px;
  }

  .wi-spp-layout-pix-or-card .wi-spp-icon {
    width: var(--wi-spp-mobile-icon-size);
    height: var(--wi-spp-mobile-icon-size);
    flex-basis: var(--wi-spp-mobile-icon-size);
  }

  .wi-spp-layout-pix-or-card .wi-spp-comparison-kicker {
    font-size: max(9px, calc(var(--wi-spp-mobile-label-font) - 1px));
  }

  .wi-spp-layout-pix-or-card .wi-spp-label {
    font-size: var(--wi-spp-mobile-label-font);
  }

  .wi-spp-layout-pix-or-card .wi-spp-comparison-option .wi-spp-price {
    font-size: var(--wi-spp-mobile-price-font);
  }

  .wi-spp-layout-pix-or-card .wi-spp-regular-price {
    font-size: min(var(--wi-spp-regular-price-font), var(--wi-spp-mobile-regular-price-font, max(10px, calc(var(--wi-spp-mobile-price-font) - 5px))));
  }

  .wi-spp-layout-pix-or-card .wi-spp-regular-label,
  .wi-spp-layout-pix-or-card .wi-spp-current-label {
    font-size: min(var(--wi-spp-regular-label-font), var(--wi-spp-mobile-regular-label-font, var(--wi-spp-mobile-label-font)));
  }

  .wi-spp-mobile-size-custom .wi-spp-comparison-pix .wi-spp-price {
    font-size: var(--wi-spp-mobile-pix-price-font);
  }

  .wi-spp-mobile-size-custom .wi-spp-comparison-card .wi-spp-price {
    font-size: var(--wi-spp-mobile-card-price-font);
  }

  .wi-spp-layout-pix-or-card .wi-spp-installment-line {
    font-size: var(--wi-spp-mobile-installment-font);
  }

  .wi-spp-layout-pix-or-card .wi-spp-saving {
    padding: 1px 5px;
    max-width: 100%;
    font-size: var(--wi-spp-mobile-saving-font);
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .wi-spp-mobile-icon-top .wi-spp-comparison-option .wi-spp-comparison-main {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .wi-spp-mobile-icon-top .wi-spp-comparison-option .wi-spp-icon {
    margin-bottom: 1px;
  }

  .wi-spp-mobile-icon-top .wi-spp-comparison-content {
    width: 100%;
  }

  .wi-spp-mobile-icon-hidden .wi-spp-comparison-option .wi-spp-icon {
    display: none;
  }

  .wi-spp-mobile-align-center .wi-spp-comparison-option,
  .wi-spp-mobile-align-center .wi-spp-comparison-content,
  .wi-spp-mobile-align-center .wi-spp-comparison-price-line {
    justify-items: center;
    text-align: center;
  }

  .wi-spp-mobile-align-center .wi-spp-comparison-main {
    justify-content: center;
    justify-items: center;
  }

  .wi-spp-mobile-saving-line .wi-spp-comparison-pix .wi-spp-saving {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    margin-top: 2px;
  }

  .wi-spp-layout-pix-or-card .wi-spp-comparison-badge {
    padding: 2px 6px;
    font-size: var(--wi-spp-mobile-badge-font);
  }

  .wi-spp-layout-pix-or-card .wi-spp-table-trigger {
    font-size: var(--wi-spp-mobile-installment-font);
  }

  .wi-spp-mobile-hide-icons .wi-spp-comparison-option .wi-spp-icon,
  .wi-spp-mobile-hide-badges .wi-spp-comparison-badge,
  .wi-spp-mobile-hide-savings .wi-spp-saving,
  .wi-spp-mobile-hide-table .wi-spp-table-wrap {
    display: none;
  }

  .wi-spp-mobile-full .wi-spp-comparison-grid {
    grid-template-columns: 1fr;
  }

  .wi-spp-mobile-full .wi-spp-comparison-divider {
    position: relative;
  }

  .wi-spp-mobile-full .wi-spp-comparison-divider::before,
  .wi-spp-mobile-full .wi-spp-comparison-divider::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: var(--wi-spp-border);
  }

  .wi-spp-mobile-full .wi-spp-comparison-divider > span {
    width: auto;
    height: auto;
    margin: 0 7px;
    padding: 4px 8px;
  }

  .wi-spp-mobile-compact .wi-spp-comparison-title {
    display: none;
  }

  .wi-spp-mobile-compact .wi-spp-comparison-grid,
  .wi-spp-mobile-ultra .wi-spp-comparison-grid {
    grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr);
    gap: 6px;
    align-items: stretch;
  }

  .wi-spp-mobile-compact .wi-spp-comparison-divider,
  .wi-spp-mobile-ultra .wi-spp-comparison-divider {
    font-size: 10px;
  }

  .wi-spp-mobile-compact .wi-spp-comparison-divider > span,
  .wi-spp-mobile-ultra .wi-spp-comparison-divider > span {
    width: 28px;
    height: 28px;
    box-shadow: none;
  }

  .wi-spp-mobile-compact .wi-spp-comparison-kicker {
    display: none;
  }

  .wi-spp-mobile-compact .wi-spp-comparison-main,
  .wi-spp-mobile-ultra .wi-spp-comparison-main {
    align-items: flex-start;
  }

  .wi-spp-mobile-compact .wi-spp-comparison-price-line,
  .wi-spp-mobile-ultra .wi-spp-comparison-price-line {
    display: grid;
    gap: 1px;
  }

  .wi-spp-mobile-compact .wi-spp-table-wrap,
  .wi-spp-mobile-ultra .wi-spp-table-wrap {
    margin-top: 0;
  }

  .wi-spp-mobile-ultra {
    padding: 6px;
  }

  .wi-spp-mobile-ultra .wi-spp-comparison {
    gap: 4px;
  }

  .wi-spp-mobile-ultra .wi-spp-comparison-grid {
    grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
    gap: 4px;
  }

  .wi-spp-mobile-ultra .wi-spp-comparison-option {
    padding: 6px;
  }

  .wi-spp-mobile-ultra .wi-spp-saving {
    display: inline-flex;
    margin-top: 0;
  }

  .wi-spp-mobile-ultra .wi-spp-comparison-divider > span {
    width: 24px;
    height: 24px;
    font-size: 9px;
  }

  .wi-spp-layout-pix-or-card .wi-spp-table-wrap {
    margin-top: 8px;
    width: 100%;
  }

  .wi-spp-layout-pix-or-card .wi-spp-table-panel {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
  }

  .wi-spp-layout-pix-or-card .wi-spp-table-note {
    font-size: var(--wi-spp-mobile-installment-font);
  }

  .wi-spp-layout-pix-or-card .wi-spp-table-head,
  .wi-spp-layout-pix-or-card .wi-spp-table-row {
    grid-template-columns: minmax(0, 1fr) minmax(92px, auto);
    gap: 8px;
  }

  .wi-spp-layout-pix-or-card .wi-spp-table-row {
    padding: 7px 0;
  }
}

@media (max-width: 430px) {
  .wi-spp-layout-pix-or-card .wi-spp-table-head,
  .wi-spp-layout-pix-or-card .wi-spp-table-row {
    grid-template-columns: minmax(0, 1fr) minmax(108px, auto);
    gap: 6px;
    font-size: max(10px, calc(var(--wi-spp-mobile-installment-font) - 1px));
  }

  .wi-spp-layout-pix-or-card .wi-spp-table-head strong:last-child,
  .wi-spp-layout-pix-or-card .wi-spp-table-total {
    text-align: right;
  }

  .wi-spp-layout-pix-or-card .wi-spp-table-total {
    flex-wrap: nowrap;
    gap: 4px;
  }

  .wi-spp-layout-pix-or-card .wi-spp-table-total strong,
  .wi-spp-layout-pix-or-card .wi-spp-table-total em {
    white-space: nowrap;
  }
}

.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce div.product div.images .woocommerce-product-gallery__image,
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
  position: relative;
}

.wi-spp-image-label-host,
.wi-spp-label-host {
  position: relative !important;
}

.wi-spp-image-label-host {
  display: inline-block;
  max-width: 100%;
}

.wi-spp-labels {
  max-width: 100%;
  text-align: left;
}

.wi-spp-labels,
.wi-spp-labels * {
  box-sizing: border-box;
}

.wi-spp-label-selector-source {
  display: none !important;
}

.wi-spp-labels-position-over-image {
  max-width: 100%;
}

.wi-spp-labels-position-below-image,
.wi-spp-labels-position-before-title,
.wi-spp-labels-position-after-title,
.wi-spp-labels-position-before-price,
.wi-spp-labels-position-after-price,
.wi-spp-labels-position-before-add-to-cart,
.wi-spp-labels-position-after-add-to-cart,
.wi-spp-labels-position-custom {
  position: relative;
  pointer-events: auto;
}

.wi-spp-labels-flow-vertical {
  flex-wrap: nowrap !important;
}

.wi-spp-label-wrap {
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
  pointer-events: none;
  z-index: var(--wi-spp-label-z, 20);
}

.wi-spp-product-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
	  max-width: min(92vw, var(--wi-spp-label-max-width, 280px));
	  min-width: 0;
	  color: var(--wi-spp-label-color, #fff);
	  font-family: var(--wi-spp-label-family, inherit);
	  font-size: var(--wi-spp-label-font, 12px);
	  font-weight: var(--wi-spp-label-weight, 800);
	  font-style: normal;
	  letter-spacing: 0;
	  line-height: var(--wi-spp-label-line, 1.1);
	  position: relative;
	  text-transform: var(--wi-spp-label-transform, none);
	  vertical-align: baseline;
	  white-space: normal;
	}

.wi-spp-label-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.6em;
  max-width: 100%;
  padding: var(--wi-spp-label-py, 5px) var(--wi-spp-label-px, 9px);
  border: 1px solid var(--wi-spp-label-border, var(--wi-spp-label-bg, #0a8f76));
  border-radius: var(--wi-spp-label-radius, 999px);
  background: var(--wi-spp-label-bg, #0a8f76);
	  box-shadow: 0 6px 14px rgba(15, 23, 42, .12);
	  color: inherit;
	  line-height: var(--wi-spp-label-line, 1.1);
  overflow-wrap: anywhere;
  text-align: center;
}

.wi-spp-label-style-badge .wi-spp-label-text {
  min-width: 3.5em;
  min-height: 3.5em;
  padding: .45em;
  border-radius: 999px;
  white-space: normal;
  text-transform: uppercase;
}

.wi-spp-label-style-ribbon .wi-spp-label-text {
  border-radius: 4px 0 0 4px;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);
  padding-right: calc(var(--wi-spp-label-px, 9px) + 8px);
}

.wi-spp-label-style-outline .wi-spp-label-text {
  box-shadow: none;
  background: var(--wi-spp-label-bg, transparent);
}

.wi-spp-labels-template-corner,
.wi-spp-labels-template-corner .wi-spp-label-wrap,
.wi-spp-labels-template-corner .wi-spp-product-label,
.wi-spp-labels-template-corner .wi-spp-label-text {
  width: var(--wi-spp-corner-width, 150px);
  max-width: none;
}

.wi-spp-labels-template-corner .wi-spp-label-text {
  min-height: var(--wi-spp-corner-height, 28px);
  height: var(--wi-spp-corner-height, 28px);
  border-radius: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wi-spp-labels-template-corner .wi-spp-product-label {
  transform-origin: center;
}

.wi-spp-labels-template-corner.wi-spp-labels-image-top-left .wi-spp-label-style-corner {
  transform: rotate(var(--wi-spp-corner-angle-negative, -35deg));
}

.wi-spp-labels-template-corner.wi-spp-labels-image-top-right .wi-spp-label-style-corner {
  transform: rotate(var(--wi-spp-corner-angle, 35deg));
}

.wi-spp-labels-template-corner.wi-spp-labels-image-bottom-left .wi-spp-label-style-corner {
  transform: rotate(var(--wi-spp-corner-angle, 35deg));
}

.wi-spp-labels-template-corner.wi-spp-labels-image-bottom-right .wi-spp-label-style-corner {
  transform: rotate(var(--wi-spp-corner-angle-negative, -35deg));
}

.wi-spp-labels-context-loop {
  margin: 5px 0;
}

.wi-spp-labels-context-loop .wi-spp-product-label {
  font-size: min(var(--wi-spp-label-font, 12px), 12px);
  max-width: 100%;
}

.wi-spp-countdowns {
  max-width: 100%;
  text-align: left;
}

.wi-spp-countdowns,
.wi-spp-countdowns * {
  box-sizing: border-box;
}

.wi-spp-countdowns-position-over-image {
  max-width: 100%;
}

.wi-spp-countdowns-position-below-image,
.wi-spp-countdowns-position-before-title,
.wi-spp-countdowns-position-after-title,
.wi-spp-countdowns-position-before-price,
.wi-spp-countdowns-position-after-price,
.wi-spp-countdowns-position-before-add-to-cart,
.wi-spp-countdowns-position-after-add-to-cart,
.wi-spp-countdowns-position-custom {
  position: relative;
}

.wi-spp-countdown {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  gap: var(--wi-spp-countdown-gap, 6px);
  padding: var(--wi-spp-countdown-py, 6px) var(--wi-spp-countdown-px, 12px);
  border: var(--wi-spp-countdown-border-width, 1px) solid var(--wi-spp-countdown-border-color, #ffc400);
  border-radius: var(--wi-spp-countdown-radius, 6px);
  background: var(--wi-spp-countdown-bg, #ffc400);
  box-shadow: 0 4px 10px rgba(15, 23, 42, .08);
  color: var(--wi-spp-countdown-color, #111);
  font-family: var(--wi-spp-countdown-font-family, inherit);
  font-size: var(--wi-spp-countdown-font-size, 10px);
  font-weight: var(--wi-spp-countdown-font-weight, 600);
  font-style: normal;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
}

.wi-spp-countdown-layout-banner {
  column-gap: calc(var(--wi-spp-countdown-gap, 6px) * 2);
  justify-content: space-between;
  width: 100%;
}

.wi-spp-countdown-layout-compact,
.wi-spp-countdown-phrase-hidden {
  width: max-content;
}

.wi-spp-countdowns-position-over-image .wi-spp-countdown-layout-banner {
  width: max-content;
}

.wi-spp-countdown-message,
.wi-spp-countdown-deadline {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  min-height: var(--wi-spp-countdown-digit-size, 24px);
  gap: var(--wi-spp-countdown-gap, 6px);
}

.wi-spp-countdown-message {
  flex: 1 1 auto;
}

.wi-spp-countdown-message:empty {
  display: none;
}

.wi-spp-countdown-deadline {
  flex: 0 0 auto;
  margin-left: auto;
}

.wi-spp-countdown-message:empty + .wi-spp-countdown-deadline {
  margin-left: 0;
}

.wi-spp-countdown-headline {
  display: inline-flex;
  align-items: center;
  min-height: var(--wi-spp-countdown-digit-size, 24px);
  overflow: hidden;
  font-style: italic;
  line-height: 1;
  text-overflow: ellipsis;
}

.wi-spp-countdown-prefix {
  display: inline-flex;
  align-items: center;
  min-height: var(--wi-spp-countdown-digit-size, 24px);
  font-weight: var(--wi-spp-countdown-font-weight, 600);
  line-height: 1;
}

.wi-spp-countdown-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--wi-spp-countdown-icon-size, 16px);
  height: var(--wi-spp-countdown-icon-size, 16px);
  flex: 0 0 var(--wi-spp-countdown-icon-size, 16px);
  color: var(--wi-spp-countdown-icon-color, currentColor);
}

.wi-spp-countdown-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.wi-spp-countdown-time {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: var(--wi-spp-countdown-gap, 6px);
}

.wi-spp-countdown-unit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--wi-spp-countdown-digit-size, 24px);
  height: var(--wi-spp-countdown-digit-size, 24px);
  min-width: var(--wi-spp-countdown-digit-size, 24px);
  min-height: var(--wi-spp-countdown-digit-size, 24px);
  padding: 0;
  border-radius: var(--wi-spp-countdown-digit-radius, 4px);
  background: var(--wi-spp-countdown-digit-bg, #fff);
  color: var(--wi-spp-countdown-digit-color, #111);
  font-size: var(--wi-spp-countdown-digit-font-size, var(--wi-spp-countdown-font-size, 12px));
  font-variant-numeric: tabular-nums;
  line-height: 1;
  overflow: hidden;
}

.wi-spp-countdown-unit-days {
  width: auto;
  min-width: var(--wi-spp-countdown-digit-size, 24px);
  padding: 0 4px;
}

.wi-spp-countdown-unit-suffix {
  margin-left: 1px;
  font-size: .68em;
  line-height: 1;
}

.wi-spp-countdown-number {
  display: inline-block;
  min-width: 2ch;
  position: relative;
  text-align: center;
  transform: translateY(0);
}

.wi-spp-countdown-unit-days .wi-spp-countdown-number {
  min-width: 1ch;
}

.wi-spp-countdown-number.is-ticking {
  animation: wi-spp-countdown-new var(--wi-spp-countdown-animation-duration, 620ms) cubic-bezier(.22, .61, .36, 1);
}

.wi-spp-countdown-number.is-ticking::before {
  content: attr(data-old);
  position: absolute;
  inset: 0;
  animation: wi-spp-countdown-old var(--wi-spp-countdown-animation-duration, 620ms) cubic-bezier(.22, .61, .36, 1);
}

.wi-spp-countdown-separator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--wi-spp-countdown-separator, currentColor);
  line-height: 1;
}

.wi-spp-countdown.is-expired {
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .2s ease, transform .2s ease;
}

@keyframes wi-spp-countdown-new {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes wi-spp-countdown-old {
  from {
    transform: translateY(0);
    opacity: 1;
  }

  to {
    transform: translateY(-100%);
    opacity: .1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wi-spp-countdown-number.is-ticking,
  .wi-spp-countdown-number.is-ticking::before {
    animation: none;
  }

  .wi-spp-countdown.is-expired {
    transition: none;
  }
}

@media (max-width: 480px) {
  .wi-spp-layout-payment-cards .wi-spp-method,
  .wi-spp-layout-pix-highlight .wi-spp-method,
  .wi-spp-layout-premium-table .wi-spp-method {
    padding: 8px;
  }

  .wi-spp-table-row {
    grid-template-columns: minmax(0, 1fr) minmax(96px, auto);
    gap: 8px;
  }

  .wi-spp-table-total {
    flex-wrap: wrap;
  }

  .wi-spp-product-label {
    max-width: calc(100vw - 34px);
  }

  .wi-spp-countdown-layout-banner {
    gap: var(--wi-spp-countdown-gap, 6px);
  }

  .wi-spp-countdown-deadline {
    margin-left: var(--wi-spp-countdown-gap, 6px);
  }
}
