.prop-firm-tags,
.prop-firm-platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.managed-facts-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.managed-fact {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  min-height: 66px;
  padding: 11px 12px;
  border: 1px solid var(--color-base-300, #dce4d6);
  border-radius: 14px;
  background: var(--color-base-200, #f4f6f0);
}

.managed-fact > [class*="icon-"] {
  margin-top: 2px;
  color: var(--color-primary, #2f6716);
}

.managed-fact > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.managed-fact-primary,
.managed-fact-wide {
  grid-column: 1 / -1;
}

.managed-fact-primary {
  align-items: center;
  min-height: 50px;
  color: var(--ib-forest, #173300);
  background: var(--ib-lime-soft, #ebfac5);
  border-color: color-mix(in srgb, var(--ib-forest, #173300) 22%, transparent);
}

.managed-fact-label {
  color: color-mix(in srgb, var(--color-base-content, #11142d) 62%, transparent);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
}

.managed-fact-value {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.35;
}

.managed-fact-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.managed-fact-chips > span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 9px;
  border: 1px solid color-mix(in srgb, var(--color-primary, #2f6716) 22%, transparent);
  border-radius: 999px;
  background: var(--color-base-100, #fff);
  color: var(--color-base-content, #11142d);
  font-size: 12px;
  font-weight: 700;
}

[data-theme="nova-dark"] .managed-fact-primary {
  color: var(--ib-dark-text, #f3f6ee);
  background: color-mix(in srgb, var(--ib-lime, #c7f23c) 12%, var(--color-base-100));
  border-color: color-mix(in srgb, var(--ib-lime, #c7f23c) 30%, transparent);
}

@media (max-width: 430px) {
  .managed-facts-grid {
    grid-template-columns: 1fr;
  }

  .managed-fact,
  .managed-fact-primary,
  .managed-fact-wide {
    grid-column: 1;
  }
}

.prop-firm-platforms-card .prop-firm-platforms {
  margin-top: 0;
}

.prop-firm-tag {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border: 1px solid color-mix(in srgb, var(--ib-forest, #173300) 18%, transparent);
  border-radius: 999px;
  background: var(--ib-lime-soft, #ebfac5);
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.prop-firm-platform {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 3px 9px 3px 4px;
  border: 1px solid var(--color-base-300, #dce4d6);
  border-radius: 8px;
  background: #fff;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.prop-firm-platform img {
  width: 30px;
  height: 32px;
  object-fit: contain;
}

.prop-firm-platform {
  border-color: var(--color-base-300, #dce4d6);
  background: var(--color-base-100, #fff);
}
.broker-platform-selector { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.broker-platform-option { display: grid; grid-template-columns: auto 38px minmax(0, 1fr); align-items: center; gap: 9px; min-width: 0; min-height: 58px; padding: 9px 11px; border: 1px solid #e0e6db; border-radius: 11px; background: var(--ib-surface-muted, #f5f7f2); cursor: pointer; }
.broker-platform-logo { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; overflow: hidden; border-radius: 8px; background: #fff; }
.broker-platform-logo img { display: block; width: 30px; height: 30px; object-fit: contain; }
.broker-platform-option > span:last-child { min-width: 0; font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.broker-platform-option { border-color: var(--color-base-300, #dce4d6); background: var(--color-base-200, #f4f6f0); }
.broker-platform-logo { background: var(--color-base-100, #fff); }
@media (max-width: 991.98px) { .broker-platform-selector { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .broker-platform-selector { grid-template-columns: 1fr; } }

.profile-tabs-wrapper .prop-firm-media-dropdown {
  display: flex;
  align-items: stretch;
}

.profile-tabs-wrapper .prop-firm-media-dropdown > a {
  display: flex;
  align-items: center;
}

.profile-tabs-wrapper .prop-firm-media-dropdown .dropdown-menu {
  min-width: 210px;
}

.profile-tabs-wrapper .prop-firm-media-dropdown .dropdown-menu a {
  display: flex;
  align-items: center;
  padding: 10px 18px;
  border-bottom: 0;
  font-size: 13px;
  font-weight: 500;
}

.prop-challenge-filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr)) auto auto;
  gap: 10px;
  align-items: center;
}

.prop-challenges {
  container-type: inline-size;
  overflow: hidden;
}

.prop-challenge-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  white-space: nowrap;
  font-weight: 500;
}

.prop-challenge-table {
  width: 100%;
  min-width: 1160px;
  margin: 0;
}

.prop-challenge-table th {
  padding: 12px 7px;
  border-top: 1px solid var(--color-base-300, #dce4d6);
  border-bottom: 1px solid var(--color-base-300, #dce4d6);
  color: #8492a6;
  font-size: 11px;
  font-weight: 600;
  line-height: 15px;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}

.prop-challenge-table td {
  padding: 15px 7px;
  border-bottom: 1px solid var(--color-base-300, #dce4d6);
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle;
  white-space: nowrap;
}

.prop-challenge-firm {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 195px;
}

.prop-challenge-firm img {
  width: 46px;
  height: 46px;
  border-radius: 10px;
  object-fit: cover;
}

.prop-challenge-payout {
  max-width: 190px;
  white-space: normal !important;
}

.prop-challenge-price {
  font-weight: 600;
}

.prop-challenge-price-stack {
  display: grid;
  gap: 2px;
  align-content: center;
  min-height: 48px;
}

.prop-challenge-price-stack > * {
  line-height: 1.35;
}

.prop-challenge-price-stack [data-discount-price],
.prop-challenge-price-stack [data-regular-price] {
  font-weight: 700;
}

.prop-challenge-price-stack del {
  display: block;
  opacity: .72;
}

.prop-challenge-price-stack [data-original-price].hidden {
  display: none;
}

.prop-challenge-action .btn {
  min-width: 72px;
}

.prop-challenge-table th,
.prop-challenge-table td {
  border-color: var(--color-base-300, #dce4d6);
}

.prop-overview-title { margin: 0 0 22px; font-size: 24px; font-weight: 700; }
.prop-overview-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 22px; align-items: start; }
.prop-overview-nav-card { position: sticky; top: 78px; overflow: hidden; }
.prop-overview-nav { display: grid; padding: 14px 0; }
.prop-overview-nav a { position: relative; padding: 11px 20px; color: color-mix(in srgb, var(--color-base-content, #11142d) 62%, transparent); font-weight: 500; text-decoration: none; }
.prop-overview-nav a.active { color: inherit; font-weight: 700; }
.prop-overview-nav a.active::before { content: ""; position: absolute; inset-inline-start: 0; top: 7px; bottom: 7px; width: 3px; border-radius: 3px; background: var(--color-primary, #2f6716); }
.prop-overview-content { display: grid; gap: 18px; min-width: 0; }
.prop-overview-section { scroll-margin-top: 90px; }
.prop-overview-section h2 { margin: 0 0 18px; font-size: 19px; font-weight: 700; }
.prop-overview-body { margin-bottom: 18px; color: color-mix(in srgb, var(--color-base-content, #11142d) 68%, transparent); line-height: 1.75; }
.prop-overview-data-table { width: 100%; table-layout: auto; }
.prop-overview-table-wrap { border-radius: 12px; }
.prop-overview-data-table th { min-width: 160px; width: 220px; color: inherit; font-weight: 600; white-space: nowrap; }
.prop-overview-data-table th, .prop-overview-data-table td { padding: 13px 12px; vertical-align: top; }
.prop-overview-data-table td { min-width: 105px; }
.prop-overview-data-table .prop-overview-table-head th, .prop-overview-data-table .prop-overview-table-head td { background: var(--color-base-200, #edf1e8); color: color-mix(in srgb, var(--color-base-content, #11142d) 68%, transparent); font-size: 12px; }
.prop-overview-methods, .prop-overview-country-list { display: flex; flex-wrap: wrap; gap: 10px; }
.prop-overview-method, .prop-overview-country { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 6px 10px; border: 1px solid var(--color-base-300, #dce4d6); border-radius: var(--radius-field, 9px); background: var(--color-base-100, #fff); }
.prop-overview-method img { width: 34px; height: 34px; object-fit: contain; }
.prop-overview-country img { width: 34px; height: 25px; border-radius: 4px; object-fit: cover; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
.prop-overview-challenge-list { display: grid; gap: 10px; }
.prop-overview-challenge-row { display: flex; justify-content: space-between; gap: 16px; padding: 13px 15px; border: 1px solid var(--color-base-300, #dce4d6); border-radius: var(--radius-box, 9px); color: inherit; text-decoration: none; }
.prop-overview-challenge-row span { display: grid; gap: 2px; }
.prop-overview-challenge-row span:last-child { text-align: end; }
.prop-overview-challenge-row small, .prop-overview-challenge-row del { color: color-mix(in srgb, var(--color-base-content, #11142d) 62%, transparent); }
.broker-regulator-chips { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.broker-overview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.broker-overview-item { min-width: 0; padding: 16px; border: 1px solid #e2e8dc; border-radius: 13px; background: var(--ib-surface-muted, #f4f6f1); }
.broker-overview-item h3 { margin: 0 0 10px; color: color-mix(in srgb, var(--color-base-content, #11142d) 62%, transparent); font-size: 12px; font-weight: 700; letter-spacing: .045em; line-height: 1.4; text-transform: uppercase; }
.broker-overview-values { display: flex; flex-wrap: wrap; gap: 7px; }
.broker-overview-values span { display: inline-flex; align-items: center; min-height: 31px; max-width: 100%; padding: 5px 10px; border: 1px solid rgba(47, 92, 36, .16); border-radius: 999px; background: #fff; color: inherit; font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.broker-regulation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.broker-regulation-card { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 13px; align-items: start; padding: 16px; border: 1px solid #dce5d6; border-radius: 14px; background: linear-gradient(135deg, #f8faf5, #f0f5eb); }
.broker-regulation-code { display: inline-flex; align-items: center; justify-content: center; min-width: 64px; min-height: 42px; padding: 7px 11px; border-radius: 10px; background: var(--ib-lime, #c7f23c); color: #14210f; font-size: 14px; font-weight: 800; }
.broker-regulation-details { display: grid; gap: 4px; min-width: 0; }
.broker-regulation-details span { color: color-mix(in srgb, var(--color-base-content, #11142d) 62%, transparent); font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.broker-regulation-details span:first-child { color: inherit; font-weight: 700; }
.broker-overview-item { border-color: var(--color-base-300, #dce4d6); background: var(--color-base-200, #f4f6f0); }
.broker-overview-values span { border-color: color-mix(in srgb, var(--color-primary, #2f6716) 18%, transparent); background: var(--color-base-100, #fff); color: var(--color-base-content, #11142d); }
.broker-regulation-card { border-color: var(--color-base-300, #dce4d6); background: linear-gradient(135deg, var(--color-base-100, #fff), var(--color-base-200, #f4f6f0)); }
.broker-regulation-details span:first-child { color: var(--color-base-content, #11142d); }
.broker-information-report { overflow: hidden; border: 1px solid #dbe6d4; }
.broker-information-report .card-body { padding: 22px; }
.broker-report-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.broker-report-heading h2 { margin-bottom: 5px; }
.broker-report-heading p { margin: 0; color: color-mix(in srgb, var(--color-base-content, #11142d) 62%, transparent); line-height: 1.6; }
.broker-report-heading .svg-container { flex: 0 0 auto; color: var(--ib-forest, #244f1c); }
.broker-report-login { padding: 14px 16px; border-radius: 11px; background: var(--color-base-200, #f1f4ed); color: color-mix(in srgb, var(--color-base-content, #11142d) 62%, transparent); text-align: center; }
@media (max-width: 991.98px) { .prop-overview-layout { grid-template-columns: 1fr; } .prop-overview-nav-card { position: static; } .prop-overview-nav { display: flex; overflow-x: auto; padding: 8px; } .prop-overview-nav a { flex: 0 0 auto; padding: 10px 13px; } .prop-overview-nav a.active::before { inset-inline: 10px; top: auto; bottom: 0; width: auto; height: 3px; } }
@media (max-width: 575.98px) { .prop-overview-title { font-size: 20px; } .prop-overview-section .card-body { padding: 16px; } .prop-overview-data-table th { min-width: 135px; width: 135px; } .broker-overview-grid, .broker-regulation-grid { grid-template-columns: 1fr; } .broker-overview-item, .broker-regulation-card { padding: 13px; } }

/* Overview data keeps its table semantics on wide screens and becomes a
 * readable row-card collection when the shared component is narrow. */
@media (max-width: 620px) {
  .prop-overview-table-wrap {
    overflow: visible;
  }

  .prop-overview-data-table,
  .prop-overview-data-table tbody {
    display: block;
    width: 100%;
  }

  .prop-overview-data-table tbody {
    display: grid;
    gap: 10px;
  }

  .prop-overview-data-table tr {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 12px;
    border: 1px solid var(--color-base-300, #e2e8dc);
    border-radius: 12px;
    background: var(--color-base-200, #f4f6f1);
  }

  .prop-overview-data-table th,
  .prop-overview-data-table td {
    display: inline-flex;
    align-items: center;
    width: auto;
    min-width: 0;
    padding: 5px 9px;
    border: 0;
    border-radius: 999px;
    white-space: normal;
  }

  .prop-overview-data-table th {
    flex: 0 0 100%;
    padding: 0 0 3px;
    border-radius: 0;
    color: var(--color-base-content, #11142d);
    font-size: 12px;
  }

  .prop-overview-data-table td {
    border: 1px solid color-mix(in srgb, var(--color-primary, #2f6716) 18%, transparent);
    background: var(--color-base-100, #fff);
    font-size: 12px;
    font-weight: 600;
    overflow-wrap: anywhere;
  }

  .prop-overview-data-table .prop-overview-table-head {
    background: color-mix(in srgb, var(--color-primary, #2f6716) 8%, var(--color-base-100, #fff));
  }

  .prop-overview-data-table .prop-overview-table-head th,
  .prop-overview-data-table .prop-overview-table-head td {
    background: var(--color-base-100, #fff);
    color: var(--color-base-content, #11142d);
  }

  .prop-overview-methods {
    width: 100%;
    gap: 7px;
  }

  .prop-overview-method {
    min-height: 38px;
    padding: 5px 8px;
    font-size: 12px;
  }

  .prop-overview-method img {
    width: 28px;
    height: 28px;
  }

  .prop-overview-challenge-row {
    align-items: flex-start;
    padding: 12px;
  }

  .prop-overview-challenge-row span:first-child {
    min-width: 0;
  }

  .prop-overview-challenge-row strong,
  .prop-overview-challenge-row small {
    overflow-wrap: anywhere;
  }
}

@media (max-width: 1199.98px) {
  .prop-challenge-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .prop-challenge-filters {
    grid-template-columns: 1fr;
  }

}

/*
 * The challenge catalogue is a table on wide layouts and a semantic card
 * collection when its actual container becomes narrow. This is based on the
 * component width, not a page-specific viewport hack, so it also works when
 * Nova sidebars or future layouts reduce the available content area.
 */
/*
 * Thirteen data columns need the full wide Nova content canvas.  Switch to
 * cards before the table starts clipping its price/action edge (especially in
 * RTL and with longer programme names), rather than relying on horizontal
 * scrolling that hides the purchase action.
 */
@container (max-width: 1450px) {
  .prop-challenges > .table-responsive {
    overflow: visible;
    padding: 0 14px 16px;
  }

  .prop-challenge-table,
  .prop-challenge-table tbody {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .prop-challenge-table thead {
    display: none;
  }

  .prop-challenge-table tbody {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .prop-challenge-table tr[data-challenge-row] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    overflow: hidden;
    border: 1px solid var(--color-base-300, #e8ebf2);
    border-radius: 16px;
    background: var(--color-base-100, #fff);
  }

  .prop-challenge-table td {
    display: grid;
    min-width: 0;
    padding: 11px 14px;
    border: 0;
    border-top: 1px solid var(--color-base-300, #e8ebf2);
    white-space: normal;
  }

  .prop-challenge-table td::before {
    content: attr(data-label);
    margin-bottom: 4px;
    color: color-mix(in srgb, var(--color-base-content, #11142d) 62%, transparent);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .035em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  .prop-challenge-table .prop-challenge-firm-cell {
    grid-column: 1 / -1;
    padding: 14px;
    border-top: 0;
    background: color-mix(in srgb, var(--color-primary, #2f6716) 7%, var(--color-base-100, #fff));
  }

  .prop-challenge-table .prop-challenge-firm-cell::before,
  .prop-challenge-table .prop-challenge-action::before {
    display: none;
  }

  .prop-challenge-firm {
    min-width: 0;
  }

  .prop-challenge-firm > div {
    min-width: 0;
  }

  .prop-challenge-firm .small {
    overflow-wrap: anywhere;
  }

  .prop-challenge-payout {
    max-width: none;
  }

  .prop-challenge-price-stack {
    min-height: 0;
  }

  .prop-challenge-action {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
  }

  .prop-challenge-action .btn {
    width: 100%;
    min-height: 40px;
  }
}

/*
 * On Nova's genuinely wide canvas, keep all columns inside the component.
 * Fixed column contracts stop long English headings from expanding the table
 * and clipping Price/Buy, while the card breakpoint above owns narrower
 * containers.
 */
@container (min-width: 1450.01px) {
  .prop-challenge-table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
  }

  .prop-challenge-table th {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .prop-challenge-table th:nth-child(1) { width: 320px; }
  .prop-challenge-table th:nth-child(2) { width: 100px; }
  .prop-challenge-table th:nth-child(3) { width: 70px; }
  .prop-challenge-table th:nth-child(4) { width: 110px; }
  .prop-challenge-table th:nth-child(5) { width: 85px; }
  .prop-challenge-table th:nth-child(6) { width: 85px; }
  .prop-challenge-table th:nth-child(7) { width: 110px; }
  .prop-challenge-table th:nth-child(8) { width: 75px; }
  .prop-challenge-table th:nth-child(9) { width: 90px; }
  .prop-challenge-table th:nth-child(10) { width: 120px; }
  .prop-challenge-table th:nth-child(11) { width: 85px; }
  .prop-challenge-table th:nth-child(12) { width: 115px; }
  .prop-challenge-table th:nth-child(13) { width: 80px; }

  .prop-challenge-table .prop-challenge-firm-cell,
  .prop-challenge-table .prop-challenge-payout {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

@container (max-width: 560px) {
  .prop-challenges > .card-body {
    padding: 14px;
  }

  .prop-challenge-filters,
  .prop-challenge-table tbody {
    grid-template-columns: 1fr;
  }

  .prop-challenge-table tr[data-challenge-row] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.prop-offer-shell{padding-top:16px;padding-bottom:16px}.prop-offer-banner{--offer-accent:#d946ef;--offer-bg:#17121d;display:grid;grid-template-columns:minmax(210px,310px) minmax(0,1fr) auto;align-items:stretch;gap:24px;padding:22px 28px;border:1px solid color-mix(in srgb,var(--offer-accent) 28%,transparent);border-radius:18px;background:var(--offer-bg);color:#fff;overflow:hidden}.prop-offer-visual{min-height:166px;border:2px solid var(--offer-accent);border-radius:18px;background:color-mix(in srgb,var(--offer-accent) 13%,var(--offer-bg));background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;position:relative;padding:48px 18px 18px}.prop-offer-visual strong{font-size:30px;line-height:1;text-align:center}.prop-offer-badge{position:absolute;top:0;inset-inline-start:64px;padding:10px 24px;border-radius:0 0 20px 20px;background:var(--offer-accent);font-weight:700;font-size:13px;letter-spacing:.04em}.prop-offer-content{min-width:0;display:flex;flex-direction:column;justify-content:center}.prop-offer-firm{display:flex;align-items:center;gap:14px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.13);font-size:17px}.prop-offer-firm img{width:52px;height:52px;border-radius:12px;object-fit:cover}.prop-offer-content p{margin:0;color:rgba(255,255,255,.78);line-height:1.65;overflow-wrap:anywhere}.prop-offer-actions{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:10px;min-width:185px}.prop-offer-code{border:1px dashed var(--offer-accent);border-radius:999px;padding:10px 16px;background:color-mix(in srgb,var(--offer-accent) 8%,transparent);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.prop-offer-code span{color:var(--offer-accent)}.prop-offer-code.copied{border-style:solid}.prop-offer-actions .btn{background:var(--offer-accent);border-color:var(--offer-accent)}@media(max-width:991.98px){.prop-offer-banner{grid-template-columns:220px minmax(0,1fr)}.prop-offer-actions{grid-column:1/-1;flex-direction:row}.prop-offer-actions>*{flex:1}}@media(max-width:575.98px){.prop-offer-shell{padding:10px 12px}.prop-offer-banner{grid-template-columns:1fr;padding:14px;gap:14px;border-radius:14px}.prop-offer-visual{min-height:150px;padding-top:44px}.prop-offer-actions{grid-column:auto;flex-direction:column}.prop-offer-firm{margin-bottom:10px;padding-bottom:10px}.prop-offer-content p{font-size:14px}.prop-offer-visual strong{font-size:26px}}
.prop-offer-banner{--offer-accent:#C7F23C}.prop-offer-badge,.prop-offer-actions .btn{color:#15191f}.prop-offer-copied{display:none;color:#15191f;background:var(--offer-accent);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.prop-offer-code.copied .prop-offer-code-label,.prop-offer-code.copied strong,.prop-offer-code.copied>i{display:none}.prop-offer-code.copied .prop-offer-copied{display:inline-block}
.prop-offer-code .prop-offer-copied{display:none;color:var(--offer-accent);background:transparent;border-radius:0;padding:0;font-size:14px;font-weight:700}.prop-offer-code.copied .prop-offer-copied{display:inline-block;color:var(--offer-accent)}
.prop-offer-perks{position:static;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.prop-offer-perks span{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 16px;background:color-mix(in srgb,var(--offer-accent) 12%,var(--offer-bg));color:var(--offer-accent);font-size:12px;line-height:1;font-weight:900;letter-spacing:.035em;box-shadow:0 8px 22px rgba(0,0,0,.14)}.prop-offer-perks i{font-size:14px}.prop-offer-perks b{font-size:13px}.prop-offer-perk-free{border:1px solid color-mix(in srgb,var(--offer-accent) 22%,transparent)}.prop-offer-perk-split{border:1px solid transparent}