/* ictheme — Rendelés sablon (template-rendeles.php) saját, egyedi komponensei.
   A közös design rendszer (main.css) elemeit — .wrap, .eyebrow, .btn*, header/footer,
   .sec-head, .reveal stb. — itt nem ismételjük meg. Ez a lap egy valódi, üzletileg
   kritikus, régi (legacy) megrendelő-widgetet ágyaz be (icprg/order_form.js) — a
   .widget-card csak a widget köré rakott, saját stílusú keret, a widget kimenetét
   magát nem befolyásolja. */

/* ---------- Oldal hero ---------- */
.ictheme .page-hero{padding:40px 0 20px}
.ictheme .page-hero h1{font-size:clamp(34px,4.6vw,52px);font-weight:800;margin-top:14px}
.ictheme .page-hero .sub{color:var(--muted);font-size:17px;max-width:78ch;margin:18px 0 0}
.ictheme .page-hero .sub strong{color:var(--ink)}

/* ---------- Vásárlás folyamata (lépéslista) ---------- */
.ictheme .step-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;counter-reset:step}
.ictheme .step{display:flex;gap:18px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px 26px;box-shadow:var(--shadow)}
.ictheme .step-num{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--panel);color:#fff;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:15px}
.ictheme .step-body h3{font-size:17px;margin-bottom:6px}
.ictheme .step-body p{color:var(--muted);font-size:14.5px;margin:0;max-width:78ch}
.ictheme .step-body strong{color:var(--ink)}
.ictheme .note{font-size:13.5px;color:var(--muted);margin:16px 2px 0}

/* ---------- Támogatás infósáv ---------- */
.ictheme .info-band{background:var(--panel);color:#fff;border-radius:22px;padding:34px 38px}
.ictheme .info-band h2{color:#fff;font-size:24px;margin-bottom:14px}
.ictheme .info-band p{color:#C5CEDA;font-size:14.8px;margin:0 0 12px;max-width:78ch}
.ictheme .info-band p:last-child{margin-bottom:0}
.ictheme .info-band .ok{color:color-mix(in srgb,var(--accent) 55%,#ffffff);font-weight:600}

/* ---------- Megrendelőlap (legacy widget) keret ---------- */
.ictheme .widget-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:34px 38px;overflow-x:auto}
.ictheme .consent{font-size:13.5px;color:var(--muted);margin:22px 2px 0;max-width:78ch}
.ictheme .consent a{color:var(--accent-strong);font-weight:600;border-bottom:1px solid currentColor}
.ictheme .consent a:hover{color:var(--accent)}
.ictheme .guarantee{font-size:14.5px;color:var(--ink-2);margin:14px 2px 0;max-width:78ch}
.ictheme .guarantee .hl{color:var(--accent-strong)}

/* ---------- Referencia logók ---------- */
.ictheme .logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 34px;padding:8px 0}
.ictheme .logos .ll{display:inline-flex;align-items:center;justify-content:center;height:38px}
.ictheme .logos .ll img{max-height:38px;max-width:130px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .2s,opacity .2s}
.ictheme .logos .ll:hover img{filter:grayscale(0);opacity:1}
.ictheme .logos .ll .fb{display:none;font-family:var(--display);font-weight:700;font-size:16px;color:#9aa3af}

/* ---------- Reszponzív ---------- */
@media (max-width:680px){
  .ictheme .step{padding:18px 20px}
  .ictheme .info-band{padding:26px 22px}
  .ictheme .widget-card{padding:22px 20px}
}