/* #1485: the public marketing pages (/villanyszerelo, /arajanlat-minta,
   /arajanlat-minta/villanyszereles, /villanyszereles-dijak-2026). Loaded after
   /landing.css and built on its tokens and components (.btn, .stepcard, .pricecard,
   details, .finalcta); only what those pages add lives here. Served at /marketing.css. */
:root{--mk-review-text:#7a4e00;--mk-review-border:#dfc77e;--mk-soft:#f6f3ea;--mk-touch:48px;--mk-rule:#edf0eb;--mk-green-border:#b9dcc7;--mk-callout-shadow:0 8px 22px rgba(16,32,56,.05)}
body.mk{font-size:var(--type-body-md)}
.mk .header .nav{min-height:72px}
.mk-navacts{gap:8px}
.mk-login{display:inline-flex;align-items:center;min-height:var(--mk-touch);padding:0 12px;font-size:var(--type-body-sm);font-weight:750;color:var(--ink);text-decoration:none;border-radius:10px}
.mk-login:hover{color:var(--green-dark);text-decoration:underline}
.mk-crumbs{padding:18px 0 0;font-size:var(--type-body-sm);color:var(--ink2)}
.mk-crumbs ol{display:flex;flex-wrap:wrap;gap:0 6px;margin:0;padding:0;list-style:none}
.mk-crumbs li{display:inline-flex;align-items:center;gap:6px}
.mk-crumbs li+li::before{content:"›";color:var(--ink2)}
.mk-crumbs a{display:inline-flex;align-items:center;min-height:var(--mk-touch);color:var(--ink2)}
.mk-crumbs [aria-current]{color:var(--ink);font-weight:650}
.mk-hero{padding:40px 0 34px}
.mk-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.mk-hero .headline{font-size:var(--type-display-lg);line-height:1.02;max-width:620px}
.mk-hero .lead{max-width:560px}
.mk-section{padding:44px 0}
.mk-section.is-soft{background:var(--mk-soft)}
.mk-prose{max-width:720px}
.mk-prose h2{font-size:var(--type-heading-xl);letter-spacing:-.04em;line-height:1.1;margin:0 0 14px}
.mk-prose h3{font-size:var(--type-heading-sm);margin:24px 0 8px}
.mk-prose p,.mk-prose li{font-size:var(--type-body-md);line-height:1.65;color:var(--ink)}
.mk-prose p{margin:0 0 14px}
.mk-prose ol,.mk-prose ul{margin:0 0 16px;padding-left:22px;display:grid;gap:8px}
.mk-prose a{color:var(--green-dark);font-weight:650}
.mk-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
/* Dictated note (source: clay) */
.mk-said{background:var(--clay);border-radius:14px;padding:16px 18px;margin:0 0 14px;color:var(--ink)}
.mk-said b{display:block;font-size:var(--type-label);color:var(--clay-dark);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.mk-said p{margin:0;font-size:var(--type-body-md);line-height:1.55}
/* Sample quote */
.mk-quote{margin:0;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.mk-quote-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:4px}
.mk-quote-head b{font-size:var(--type-heading-sm)}
.mk-quote-head small{color:var(--ink2);font-size:var(--type-body-sm)}
.mk-badge{display:inline-block;background:var(--yellow);color:var(--mk-review-text);font-size:var(--type-micro);font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:5px}
.mk-quote-job{margin:0 0 10px;color:var(--ink2);font-size:var(--type-body-sm)}
.mk-qwrap{overflow-x:auto}
.mk-qtable{width:100%;border-collapse:collapse;font-size:var(--type-body-sm)}
.mk-qtable th,.mk-qtable td{padding:8px 6px;border-bottom:1px solid var(--mk-rule);text-align:left;vertical-align:top}
.mk-qtable thead th{font-size:var(--type-micro);color:var(--ink2);text-transform:uppercase;letter-spacing:.06em;font-weight:750}
.mk-qtable .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.mk-qsec th{padding-top:14px;color:var(--green-dark);font-size:var(--type-body-sm);font-weight:800;border-bottom:1px solid var(--green)}
.mk-qname{display:block}
.mk-qmeta{display:none;color:var(--ink2);font-size:var(--type-micro);font-variant-numeric:tabular-nums}
.mk-qtable tfoot th{font-weight:650;text-align:right;border-bottom:0;padding:5px 6px}
.mk-qtable tfoot td{border-bottom:0;padding:5px 6px}
.mk-qgross th,.mk-qgross td{font-weight:850;font-size:var(--type-body-md);border-top:2px solid var(--ink)}
.mk-qtable tr.is-review{background:var(--yellow)}
.mk-flag{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:var(--type-micro);font-weight:800;color:var(--mk-review-text)}
.mk-flag-why{display:block;font-size:var(--type-micro);color:var(--mk-review-text);line-height:1.45}
.mk-quote-note{margin:10px 0 0;font-size:var(--type-micro);color:var(--ink2);line-height:1.5}
/* Status chips (meaning, not decoration: review = yellow, source = clay) */
.mk-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.mk-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border-radius:999px;font-size:var(--type-body-sm);font-weight:700;border:1px solid var(--line);background:var(--white)}
.mk-chip.is-review{background:var(--yellow);border-color:var(--mk-review-border);color:var(--mk-review-text)}
.mk-chip.is-source{background:var(--clay);border-color:var(--clay);color:var(--clay-dark)}
/* Feature list with checks */
.mk-list{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.mk-list li{display:flex;gap:10px;align-items:flex-start;font-size:var(--type-body-md);line-height:1.55}
.mk-list li::before{content:"✓";color:var(--green);font-weight:800;flex:0 0 auto}
/* Downloads */
.mk-downloads{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
.mk-downloads .btn{min-height:var(--mk-touch)}
.mk-dl-note{margin:0;font-size:var(--type-body-sm);color:var(--ink2)}
/* Related pages */
.mk-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.mk-related a{display:block;min-height:var(--mk-touch);padding:16px 18px;background:var(--white);border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink)}
.mk-related a:hover{border-color:var(--green)}
.mk-related b{display:block;font-size:var(--type-body-md);margin-bottom:4px}
.mk-related span{display:block;color:var(--ink2);font-size:var(--type-body-sm);line-height:1.5}
/* Price bands */
.mk-bands{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:var(--type-body-sm)}
.mk-bands caption{text-align:left;padding:0 0 10px;color:var(--ink2);font-size:var(--type-body-sm);line-height:1.5}
.mk-bands th,.mk-bands td{padding:11px 12px;border-bottom:1px solid var(--mk-rule);text-align:left;vertical-align:top}
.mk-bands thead th{background:var(--pale);font-size:var(--type-label);color:var(--ink);font-weight:800}
.mk-bands tbody th{font-weight:700}
.mk-bands .num{white-space:nowrap;font-variant-numeric:tabular-nums}
.mk-bands small{display:block;color:var(--ink2);font-size:var(--type-micro);font-weight:500}
.mk-source{margin:12px 0 0;font-size:var(--type-body-sm);color:var(--ink2);line-height:1.6;max-width:880px}
.mk-callout{background:var(--white);border:1px solid var(--mk-green-border);border-radius:16px;padding:24px;box-shadow:var(--mk-callout-shadow)}
.mk-callout h2{font-size:var(--type-heading-md);letter-spacing:-.03em;margin:0 0 10px}
.mk-callout p{margin:0 0 16px;font-size:var(--type-body-md);line-height:1.6;color:var(--ink)}
.mk .site-footer .links a{display:inline-flex;align-items:center;min-height:var(--mk-touch)}
.mk .site-footer p{max-width:520px;line-height:1.55}
@media(max-width:860px){.mk-hero-grid,.mk-two{grid-template-columns:1fr;gap:28px}}
@media(max-width:610px){
  .mk-hero{padding:22px 0 24px}
  .mk-hero .headline{font-size:clamp(36px,10vw,46px)}
  .mk-section{padding:30px 0}
  .mk-prose h2{font-size:28px}
  .mk-quote{padding:14px 12px;border-radius:14px}
  .mk-qtable .mk-qcol{display:none}
  .mk-qmeta{display:block}
  .mk-downloads .btn{flex:1 1 100%}
  .mk-bands thead{display:none}
  .mk-bands,.mk-bands tbody,.mk-bands tr,.mk-bands th,.mk-bands td{display:block;width:100%}
  .mk-bands tr{border-bottom:1px solid var(--line);padding:10px 0}
  .mk-bands th,.mk-bands td{border:0;padding:3px 12px}
  .mk-bands td::before{content:attr(data-label);display:block;font-size:var(--type-micro);font-weight:750;color:var(--ink2)}
  .mk-bands caption{display:block;width:100%;padding:14px 12px 6px;border-bottom:1px solid var(--line)}
  .mk-bands tr{display:grid;grid-template-columns:1fr 1fr;column-gap:4px}
  .mk-bands tbody th{grid-column:1/-1}
  .mk-callout{padding:18px 16px}
  .mk .site-footer .links{gap:0 16px}
}
/* 48 px touch targets for the shared landing pieces used here (logo, text links). */
.mk .header .logo{padding:8px 0}
.mk .text-link{display:inline-flex;align-items:center;min-height:var(--mk-touch);padding:0}
.mk-prose .mk-chips{display:flex;padding-left:0}
.mk-prose .mk-list{padding-left:0}
.mk-h2{font-size:var(--type-heading-xl);letter-spacing:-.04em;line-height:1.1;margin:0 0 18px}
/* Phone: each line is a flex row (name + amount); quantity and unit price sit under the name. */
@media(max-width:610px){.mk-qtable,.mk-qtable thead,.mk-qtable tbody,.mk-qtable tfoot{display:block}.mk-qtable tr{display:flex;align-items:flex-start;gap:8px}.mk-qtable tr>:first-child{flex:1 1 auto;min-width:0}.mk-qtable tr>.num:last-child{flex:0 0 auto}.mk-qtable th,.mk-qtable td{border-bottom:0}.mk-qtable tbody tr{border-bottom:1px solid var(--mk-rule)}.mk-qtable tr.mk-qsec{border-bottom:1px solid var(--green)}}
.mk-prose a.btn{font-weight:750;text-decoration:none}.mk-prose a.btn-primary{color:var(--white)}.mk-prose a.btn-secondary{color:var(--ink)}