/* GENERATED by tools/gen.py from tools/persuasion/ideas.css (only when tools/features.json persuasion.on is true). Do not edit. */
/* copyzor.com — persuasion idea version (tools/features.json persuasion.on): the elements js/ideas.js adds to the order flow,
   the pricing cards (gen.py pricing_cards) and the hero texts. Not part of the normal build. */

/* hero: EN visitors don't see the HU static text before js/ideas.js swaps it (like [data-i18n] in site.css) */
html.js:not(.lang-hu):not(.cz-ideas-done) [data-idea], html.js:not(.lang-hu):not(.cz-ideas-done) [data-idea-booking] { visibility: hidden; }
/* landingCopy: the same for the home [data-i18n] texts js/ideas.js replaces (i18n.js shows the old EN ones first) */
html.js:not(.lang-hu):not(.cz-ideas-done) .hero [data-i18n], html.js:not(.lang-hu):not(.cz-ideas-done) .cta [data-i18n], html.js:not(.lang-hu):not(.cz-ideas-done) .foot__brand [data-i18n] { visibility: hidden; }

/* landingCopy: "how it works" under the hero (gen.py how_block) */
.how { padding: 8px 0 56px; }
.how__eyebrow { margin-bottom: 20px; color: var(--acid); }
.how__steps { padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 32px; border-top: 1px solid var(--line); }
.how__step { display: flex; gap: 14px; align-items: baseline; padding-top: 18px; font-size: var(--t-sm); line-height: 1.6; color: var(--fg-2); }
.how__n { font-size: var(--t-2xs); font-weight: 700; letter-spacing: 0.18em; color: var(--acid); }
.how__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 32px; }
.how__note { font-size: var(--t-2xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--fg-3); }
@media (max-width: 760px) {
  .how__steps { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .how__step { padding: 14px 0; border-bottom: 1px solid var(--line); }
}

/* order flow */
.cz-who { margin: -4px 0 14px; font-size: 13px; line-height: 1.5; color: var(--fg-2); }
.cz-who + .cz-rec { margin-top: -10px; color: var(--acid); }
.cz-diff { margin: -10px 0 20px; padding-left: 12px; border-left: 2px solid rgba(209, 254, 23, 0.6); font-size: 12px; line-height: 1.6; color: var(--fg-2); }
.cz-proof { font-size: 12px; line-height: 1.6; letter-spacing: 0.04em; color: var(--fg-3); }
.cz-reassure { margin-top: -12px; padding: 12px 16px; border: 1px solid rgba(209, 254, 23, 0.5); font-size: 13px; line-height: 1.6; color: var(--fg); }
.cz-next ol { display: flex; flex-direction: column; gap: 8px; padding-left: 22px; list-style: decimal; font-size: 13px; line-height: 1.6; color: var(--fg-2); }
.cz-next li::marker { color: var(--acid); }
.of-cpchip .cz-until { font-weight: 400; }

/* pricing.html cards */
.pricing__in--cards { max-width: calc(1240px + 2 * var(--gutter)); }
.pz-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start; margin: 8px 0 48px; text-align: left; }
.pz-card { display: flex; flex-direction: column; padding: 24px 22px; border: 2px solid var(--cz-grey-50); background: rgba(0, 0, 0, 0.55); }
.pz-card--big { border-color: var(--acid); box-shadow: 6px 6px 0 0 var(--acid); }
.pz-card__name { margin-bottom: 10px; font-size: 17px; line-height: 1.25; font-weight: 700; text-wrap: balance; }
.pz-card__who { margin-bottom: 14px; font-size: 13px; line-height: 1.5; color: var(--fg-2); }
.pz-card__price { margin-bottom: 18px; font-size: 24px; font-weight: 700; color: var(--acid); }
.pz-card__feats { margin-bottom: 22px; border-top: 1px solid rgba(255, 255, 255, 0.15); }
.pz-card__feats li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; font-size: 13px; line-height: 1.45; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.pz-tick { color: var(--acid); }
.pz-card__s { display: block; margin-top: 3px; font-size: 11px; color: var(--fg-3); }
.pz-card .btn { width: 100%; justify-content: center; }
@media (max-width: 900px) {
  .pz-cards { grid-template-columns: minmax(0, 1fr); }
  .pz-card--big { box-shadow: 4px 4px 0 0 var(--acid); }
}

/* otletek.html */
.pz-flag { font-size: 11px; color: var(--acid); }
.pz-src { font-size: 12px; color: var(--fg-3); }