/* Kálóczi Photo — Designrendszer v0.1 · "A · Zsálya és tus"
* Forrás: kaloczi-design/Kaloczi-Photo-designrendszer (1–5. és 12. fejezet).
* Szabály: minden szabály a body.kp alatt; oldalankénti Custom CSS üres marad. */
/* ---------- 1. Tokenek ---------- */
:root {
--kp-paper: #F7F7F5;
--kp-paper-2: #EFEFEC;
--kp-card: #FFFFFF;
--kp-line: #DEDFD9;
--kp-line-2: #CED2C9;
--kp-hairline: #E9EAE5;
--kp-photo-ph: #E3E6E0;
--kp-ink: #121416;
--kp-body: #33383A;
--kp-muted: #5A605C;
--kp-muted-2: #4E5451;
--kp-sage: #A4B4A0;
--kp-sage-text: #4A5C4C;
--kp-sage-hover: #33422F;
--kp-dark: #121416;
--kp-dark-hero: #1C1F21;
--kp-dark-line: #2A2E30;
--kp-on-dark: #A6ADA6;
--kp-on-dark-2: #C4CAC3;
--kp-on-dark-3: #DCE1DA;
--kp-ok-bg: #E3EBE2; --kp-ok-fg: #3F5545;
--kp-wait-bg: #EFEDE2; --kp-wait-fg: #55523C;
--kp-later-bg: #EAEBE7; --kp-later-fg: #4E5451;
--kp-error-bg: #F2E4E1; --kp-error-fg: #7A3E33; --kp-error-line: #A9564A;
--kp-display: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
--kp-text: 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif;
--kp-tracking-display: -0.018em;
--kp-tracking-label: 0.34em;
--kp-tracking-button: 0.16em;
--kp-margin: 64px;
}
@media (max-width: 767px) { :root { --kp-margin: 24px; } }
/* ---------- 2. Alap ---------- */
body.kp,
body.kp #Wrapper,
body.kp #Content,
body.kp #Content .content_wrapper,
body.kp .mfn-builder-content { background-color: var(--kp-paper); }
body.kp {
font-family: var(--kp-text);
font-weight: 300;
color: var(--kp-body);
-webkit-font-smoothing: antialiased;
hyphens: none;
-webkit-hyphens: none;
}
body.kp p, body.kp li, body.kp td, body.kp label, body.kp .the_content, body.kp .column_column {
font-family: var(--kp-text);
font-size: 17px;
line-height: 1.85;
font-weight: 300;
color: var(--kp-body);
text-align: left;
hyphens: none;
}
body.kp h1, body.kp h2, body.kp h3, body.kp h4, body.kp h5, body.kp h6,
body.kp h1 a, body.kp h2 a, body.kp h3 a, body.kp h4 a {
font-family: var(--kp-display);
color: var(--kp-ink);
font-weight: 300;
letter-spacing: var(--kp-tracking-display);
text-transform: none;
hyphens: none;
}
body.kp h1 { font-size: clamp(46px, 5.6vw, 72px); line-height: 1.05; }
body.kp h2 { font-size: clamp(30px, 3.2vw, 46px); line-height: 1.12; }
body.kp h3 { font-size: 25px; line-height: 1.2; font-weight: 400; }
body.kp h4 { font-family: var(--kp-text); font-size: 19px; line-height: 1.4; font-weight: 400; letter-spacing: 0; }
body.kp h5, body.kp h6 { font-family: var(--kp-text); font-size: 15px; font-weight: 500; letter-spacing: 0; }
body.kp a { color: var(--kp-sage-text); transition: color .2s ease, border-color .2s ease; }
body.kp a:hover { color: var(--kp-ink); }
body.kp ::selection { background: var(--kp-sage); color: var(--kp-ink); }
body.kp img { image-rendering: auto; }
/* A Betheme oldalcím + morzsa sávja a snippets plugintól rejtve; a hero saját morzsát ad. */
/* Plugin-felületek (galéria, webshop, fotókönyv, vendégkönyv): sosem eshetnek vissza a böngésző talpas alapbetűjére */
body.kp [class*="gallery-"]:not(svg):not(path), body.kp [class*="pe-shop"]:not(svg):not(path), body.kp [class*="photobook"]:not(svg):not(path), body.kp [class*="guestbook"]:not(svg):not(path), body.kp [class*="igw-"]:not(svg):not(path) { font-family: var(--kp-text); }
/* ---------- 3. Felső címke (eyebrow) és segédosztályok ---------- */
body.kp .kp-eyebrow, body.kp .kp-eyebrow p, body.kp .kp-eyebrow h6, body.kp .kp-eyebrow .title {
font-family: var(--kp-text);
font-size: 11px;
line-height: 1.2;
font-weight: 400;
text-transform: uppercase;
letter-spacing: var(--kp-tracking-label);
color: var(--kp-sage-text);
margin-bottom: 14px;
}
body.kp .kp-dark .kp-eyebrow, body.kp .kp-dark .kp-eyebrow p { color: var(--kp-sage); }
body.kp .kp-lead p { font-size: 18px; line-height: 1.75; color: var(--kp-body); max-width: 660px; }
body.kp .kp-narrow { max-width: 660px; }
body.kp .kp-muted, body.kp .kp-muted p { color: var(--kp-muted); }
body.kp .kp-small, body.kp .kp-small p { font-size: 14px; line-height: 1.7; }
/* Szekciók: ritmus a háttérrel */
body.kp .section.kp-alt, body.kp .kp-alt { background-color: var(--kp-paper-2); }
body.kp .section.kp-paper, body.kp .kp-paper { background-color: var(--kp-paper); }
body.kp .section.kp-dark, body.kp .kp-dark { background-color: var(--kp-dark); color: var(--kp-on-dark-3); }
body.kp .kp-dark p, body.kp .kp-dark li, body.kp .kp-dark .column_column { color: var(--kp-on-dark-3); }
body.kp .kp-dark h1, body.kp .kp-dark h2, body.kp .kp-dark h3, body.kp .kp-dark h4, body.kp .kp-dark .title { color: #fff; }
body.kp .kp-dark a:not(.button) { color: var(--kp-sage); }
body.kp .kp-dark a:not(.button):hover { color: #fff; }
body.kp .kp-section-head .title { margin-bottom: 0; }
/* ---------- 4. Gombok (szögletes, nagybetűs, árnyék nélkül) ---------- */
body.kp a.button, body.kp .button, body.kp button:not(.mfn-close):not(.kp-plain):not(:where([class*="gallery-"], [class*="photobook"])), body.kp input[type="submit"],
body.kp input[type="button"], body.kp .mfn-button, body.kp a.action_button {
font-family: var(--kp-text);
font-size: 12px;
line-height: 1.2;
font-weight: 400;
letter-spacing: var(--kp-tracking-button);
text-transform: uppercase;
border-radius: 0;
box-shadow: none;
background: var(--kp-ink);
background-image: none;
color: var(--kp-paper);
border: 1px solid var(--kp-ink);
padding: 17px 32px;
min-height: 44px;
transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
body.kp a.button .button_label, body.kp .button .button_label { color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; }
body.kp a.button:hover, body.kp .button:hover, body.kp input[type="submit"]:hover, body.kp button:not(.mfn-close):not(.kp-plain):not(:where([class*="gallery-"], [class*="photobook"])):hover {
background: var(--kp-body);
border-color: var(--kp-body);
color: var(--kp-paper);
}
/* Másodlagos: átlátszó, 1px tinta keret */
body.kp .kp-btn-secondary a.button, body.kp a.button.kp-btn-secondary, body.kp .kp-btn-secondary .button {
background: transparent; color: var(--kp-ink); border-color: var(--kp-ink);
}
body.kp .kp-btn-secondary a.button:hover, body.kp a.button.kp-btn-secondary:hover {
background: var(--kp-ink); color: var(--kp-paper); border-color: var(--kp-ink);
}
/* Sötét felületen: elsődleges = papír, másodlagos = keretes világos */
body.kp .kp-dark a.button, body.kp .kp-on-dark a.button {
background: var(--kp-paper); color: var(--kp-ink); border-color: var(--kp-paper);
}
body.kp .kp-dark a.button:hover, body.kp .kp-on-dark a.button:hover { background: #fff; border-color: #fff; color: var(--kp-ink); }
body.kp .kp-dark .kp-btn-secondary a.button, body.kp .kp-on-dark .kp-btn-secondary a.button {
background: transparent; color: var(--kp-paper); border-color: rgba(247,247,245,.55);
}
body.kp .kp-dark .kp-btn-secondary a.button:hover, body.kp .kp-on-dark .kp-btn-secondary a.button:hover {
background: var(--kp-paper); color: var(--kp-ink); border-color: var(--kp-paper);
}
/* Zsálya CTA: csak az ajánlati oldal „Megrendelem" gombja */
body.kp .kp-btn-sage a.button, body.kp a.button.kp-btn-sage { background: var(--kp-sage); border-color: var(--kp-sage); color: var(--kp-ink); }
/* Szöveges link nyíllal */
body.kp .kp-link a, body.kp a.kp-link {
font-size: 12px; letter-spacing: var(--kp-tracking-button); text-transform: uppercase; color: var(--kp-ink);
border-bottom: 1px solid var(--kp-sage); padding-bottom: 3px; text-decoration: none;
}
body.kp .kp-link a:hover { color: var(--kp-sage-text); }
/* ---------- 5. Űrlapmezők ---------- */
body.kp input[type="text"], body.kp input[type="email"], body.kp input[type="tel"], body.kp input[type="url"],
body.kp input[type="number"], body.kp input[type="date"], body.kp input[type="password"], body.kp input[type="search"],
body.kp select, body.kp textarea, body.kp .pe-form input, body.kp .pe-form select, body.kp .pe-form textarea {
font-family: var(--kp-text);
font-size: 15px;
font-weight: 300;
color: var(--kp-ink);
background: #fff;
border: 1px solid var(--kp-line-2);
border-radius: 0;
box-shadow: none;
padding: 14px;
min-height: 50px;
outline: 0;
transition: border-color .15s ease;
}
body.kp textarea { min-height: 130px; line-height: 1.6; }
body.kp input:focus, body.kp select:focus, body.kp textarea:focus { border: 2px solid var(--kp-ink); padding: 13px; }
body.kp ::placeholder { color: #8b918c; opacity: 1; }
body.kp label, body.kp .pe-form label {
font-size: 14px; line-height: 1.5; letter-spacing: normal; text-transform: none; font-weight: 500; color: var(--kp-ink); margin-bottom: 6px; display: block;
}
/* Folyó szöveg és leírás sosem csupa nagybetűs / ritkított: a címkék belső elemei is normál betűsek */
body.kp label *, body.kp .pe-form label * { text-transform: none; letter-spacing: normal; }
body.kp .pe-extra-service-desc, body.kp label small, body.kp label .desc { font-size: 13px; font-weight: 400; color: var(--kp-muted); line-height: 1.55; }
body.kp .error, body.kp .wpcf7-not-valid-tip, body.kp .pe-error { color: var(--kp-error-fg); font-size: 12px; }
body.kp input.error, body.kp .wpcf7-not-valid { border-color: var(--kp-error-line); }
/* ---------- 6. Kártyák ---------- */
body.kp .kp-card, body.kp .kp-cards .mcb-column-inner {
background: var(--kp-card);
border: 1px solid var(--kp-line);
border-radius: 0;
box-shadow: none;
}
body.kp .kp-card { padding: 30px; }
body.kp .kp-card-flush { padding: 0; }
body.kp .kp-card h3, body.kp .kp-card h4 { margin-bottom: 8px; }
/* Állapot-chipek */
body.kp .kp-chip { display: inline-block; padding: 7px 14px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; border-radius: 0; background: var(--kp-later-bg); color: var(--kp-later-fg); }
body.kp .kp-chip.is-ok { background: var(--kp-ok-bg); color: var(--kp-ok-fg); }
body.kp .kp-chip.is-wait { background: var(--kp-wait-bg); color: var(--kp-wait-fg); }
body.kp .kp-chip.is-error { background: var(--kp-error-bg); color: var(--kp-error-fg); }
/* Vonalak, elválasztók */
body.kp hr, body.kp .hr_narrow, body.kp .divider { border-color: var(--kp-line); background: var(--kp-line); }
/* ---------- 7. Csomag-kártyák (Betheme pricing_item) ---------- */
body.kp .pricing-box { background: var(--kp-card); border: 1px solid var(--kp-line); border-radius: 0; box-shadow: none; padding: 0; text-align: left; }
body.kp .pricing-box .plan-header { background: transparent; border: 0; padding: 30px 30px 6px; text-align: left; }
body.kp .pricing-box .plan-header h2, body.kp .pricing-box .plan-header .title, body.kp .pricing-box h2 {
font-family: var(--kp-text); font-size: 11px; font-weight: 400; letter-spacing: var(--kp-tracking-label); text-transform: uppercase; color: var(--kp-sage-text);
}
body.kp .pricing-box .plan-price { text-align: left; padding: 0 30px; }
body.kp .pricing-box .plan-price .price, body.kp .pricing-box .plan-price .price span {
font-family: var(--kp-display); font-weight: 400; font-size: 48px; line-height: 1; color: var(--kp-ink); letter-spacing: var(--kp-tracking-display);
}
body.kp .pricing-box .plan-price .currency, body.kp .pricing-box .plan-price sup { font-size: 14px; color: var(--kp-muted); font-family: var(--kp-text); }
body.kp .pricing-box .plan-inside { padding: 18px 30px 8px; text-align: left; }
body.kp .pricing-box .plan-inside ul { margin: 0; padding: 0; list-style: none; }
body.kp .pricing-box .plan-inside li { font-size: 14.5px; line-height: 1.6; padding: 10px 0; border-bottom: 1px solid var(--kp-hairline); }
body.kp .pricing-box .plan-footer { padding: 18px 30px 30px; }
body.kp .pricing-box .plan-footer .button { width: 100%; text-align: center; justify-content: center; background: transparent; color: var(--kp-ink); border-color: var(--kp-ink); }
body.kp .pricing-box .plan-footer .button:hover { background: var(--kp-ink); color: var(--kp-paper); }
body.kp .pricing-box-featured { border: 2px solid var(--kp-ink); box-shadow: inset 0 0 0 4px var(--kp-sage); position: relative; }
body.kp .pricing-box-featured .plan-footer .button { background: var(--kp-ink); color: var(--kp-paper); }
body.kp .pricing-box-featured .plan-header::before {
content: attr(data-badge, 'Legnépszerűbb'); position: absolute; top: 0; right: 0; background: var(--kp-sage); color: var(--kp-ink);
font-size: 10px; letter-spacing: .14em; text-transform: uppercase; padding: 6px 12px; font-weight: 600;
}
/* ---------- 8. Bizalmi sáv (quick_fact) ---------- */
body.kp .kp-trust { background: var(--kp-paper); border-top: 1px solid var(--kp-line); border-bottom: 1px solid var(--kp-line); }
body.kp .kp-trust .quick_fact { text-align: center; }
body.kp .kp-trust .quick_fact .number, body.kp .kp-trust .quick_fact .number-wrapper .label { font-family: var(--kp-display); font-weight: 400; font-size: 22px; color: var(--kp-ink); }
body.kp .kp-trust .quick_fact .title, body.kp .kp-trust .quick_fact p { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--kp-muted); font-family: var(--kp-text); margin-top: 6px; }
body.kp .kp-trust .quick_fact hr, body.kp .kp-trust .quick_fact .hr_narrow { display: none; }
/* ---------- 9. Folyamat (icon_box_2 számozott lépések) ---------- */
body.kp .kp-steps .icon_box .icon-wrapper, body.kp .kp-steps .icon_box_2 .icon-wrapper { display: none; }
body.kp .kp-steps .desc_wrapper .title, body.kp .kp-steps .icon_box .title { font-family: var(--kp-text); font-size: 12px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--kp-ink); }
body.kp .kp-steps .desc, body.kp .kp-steps .desc p { font-size: 14.5px; line-height: 1.7; color: var(--kp-muted); }
/* ---------- 10. GYIK ---------- */
body.kp .faq .mfn-acc .question { border-bottom: 1px solid var(--kp-line); background: transparent; }
body.kp .faq .question .title { font-family: var(--kp-text); font-size: 19px; line-height: 1.4; font-weight: 400; color: var(--kp-ink); padding: 22px 40px 22px 0; }
body.kp .faq .question .answer, body.kp .faq .question .answer p { font-size: 16px; color: var(--kp-body); }
body.kp .faq .question .num { display: none; }
/* ---------- 11. Fejléc (Header template) ---------- */
body.kp #mfn-header-template, body.kp .mfn-header-tmpl { background: rgba(247,247,245,.96); border-bottom: 1px solid var(--kp-line); box-shadow: none; }
body.kp .mfn-header-tmpl .mcb-section, body.kp .mfn-header-tmpl .section { background: transparent; }
body.kp .mfn-header-tmpl .mfn-header-menu > li > a, body.kp .mfn-header-tmpl .menu > li > a, body.kp .mfn-header-tmpl .header-menu a {
font-family: var(--kp-text); font-size: 12px; font-weight: 400; letter-spacing: .18em; text-transform: uppercase; color: var(--kp-ink);
}
body.kp .mfn-header-tmpl .menu > li.current-menu-item > a, body.kp .mfn-header-tmpl .menu > li.current-menu-ancestor > a { border-bottom: 1px solid var(--kp-sage); }
body.kp .kp-wordmark, body.kp .kp-wordmark a { font-family: var(--kp-display); font-weight: 400; font-size: 25px; letter-spacing: .24em; color: var(--kp-ink); line-height: 1; text-decoration: none; }
body.kp .kp-wordmark small { display: block; font-family: var(--kp-text); font-size: 9px; letter-spacing: .4em; font-weight: 400; color: var(--kp-muted); margin-top: 6px; }
body.kp .kp-header-cta a.button { padding: 15px 28px; }
body.kp .kp-header-lock a { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--kp-ink); font-weight: 400; }
/* ---------- 12. Lábléc ---------- */
body.kp #mfn-footer-template, body.kp .mfn-footer-tmpl, body.kp #Footer { background: var(--kp-dark); color: var(--kp-on-dark); }
body.kp .mfn-footer-tmpl .mcb-section, body.kp .mfn-footer-tmpl .section { background: var(--kp-dark); }
body.kp .mfn-footer-tmpl p, body.kp .mfn-footer-tmpl li, body.kp .mfn-footer-tmpl .column_column { color: var(--kp-on-dark); font-size: 14px; line-height: 1.8; }
body.kp .mfn-footer-tmpl h1, body.kp .mfn-footer-tmpl h2, body.kp .mfn-footer-tmpl h3, body.kp .mfn-footer-tmpl h4, body.kp .mfn-footer-tmpl .title { color: #fff; font-family: var(--kp-text); font-size: 11px; letter-spacing: .28em; text-transform: uppercase; font-weight: 500; }
body.kp .mfn-footer-tmpl a { color: var(--kp-on-dark-2); }
body.kp .mfn-footer-tmpl a:hover { color: #fff; }
body.kp .mfn-footer-tmpl .kp-wordmark, body.kp .mfn-footer-tmpl .kp-wordmark a { color: #fff; }
body.kp .mfn-footer-tmpl .kp-wordmark small { color: var(--kp-on-dark); }
body.kp .mfn-footer-tmpl hr, body.kp .mfn-footer-tmpl .divider { border-color: var(--kp-dark-line); background: var(--kp-dark-line); }
/* ---------- 13. Hero ---------- */
body.kp .kp-hero { background-color: var(--kp-dark-hero); color: var(--kp-on-dark-3); }
body.kp .kp-hero h1, body.kp .kp-hero .title { color: #fff; font-size: clamp(46px, 5.7vw, 82px); line-height: 1.06; font-weight: 300; letter-spacing: var(--kp-tracking-display); }
body.kp .kp-hero p, body.kp .kp-hero .column_column { color: var(--kp-on-dark-3); font-size: 18px; line-height: 1.7; }
body.kp .kp-hero .kp-eyebrow, body.kp .kp-hero .kp-eyebrow p { color: var(--kp-on-dark-2); }
body.kp .kp-hero-center, body.kp .kp-hero-center * { text-align: center; }
/* ---------- 14. Mobil ragadós sáv ---------- */
.kp-stickybar { display: none; }
@media (max-width: 767px) {
body.kp { padding-bottom: 72px; }
body.kp .kp-stickybar {
display: flex; align-items: stretch; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990;
height: 72px; padding: 12px 16px; background: var(--kp-paper); border-top: 1px solid var(--kp-line);
}
body.kp .kp-stickybar__cta { flex: 1; display: flex; align-items: center; justify-content: center; background: var(--kp-ink); color: var(--kp-paper); font-size: 12px; letter-spacing: var(--kp-tracking-button); text-transform: uppercase; text-decoration: none; }
body.kp .kp-stickybar__icon { width: 48px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--kp-line-2); color: var(--kp-ink); background: #fff; }
body.kp h1 { font-size: 46px; line-height: 1.08; }
body.kp h2 { font-size: 30px; line-height: 1.15; }
body.kp p, body.kp li, body.kp .column_column { font-size: 15px; line-height: 1.7; }
}
/* ---------- 15. Hozzáférhetőség ---------- */
body.kp a:focus-visible, body.kp button:focus-visible, body.kp input:focus-visible { outline: 2px solid var(--kp-ink); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { body.kp * { transition: none !important; animation: none !important; } }
/* =====================================================================
* 16. Elrendezés — tartalomszélesség, szekciók, rácsok
* ===================================================================== */
body.kp #Content .section_wrapper,
body.kp #Content .mcb-section-inner { max-width: 1440px; width: 100%; margin-left: auto; margin-right: auto; padding-left: var(--kp-margin); padding-right: var(--kp-margin); box-sizing: border-box; }
body.kp #Content .mcb-section { padding-left: 0; padding-right: 0; }
body.kp .kp-sec { padding: 96px 0; }
@media (max-width: 767px) { body.kp .kp-sec { padding: 56px 0; } }
/* Az elemek belső margóját a rácsok kezelik */
body.kp .mcb-column-inner { margin: 0; }
body.kp .kp-sec .mcb-wrap-inner, body.kp .kp-hero .mcb-wrap-inner { padding: 0; }
body.kp #Content .mcb-wrap { padding: 0; }
body.kp #Content .mcb-section-inner > .mcb-wrap { margin: 0; }
/* Szekció-fej: felül címke, alatta cím, jobbra a link */
body.kp .kp-head > .mcb-wrap-inner { display: grid; grid-template-columns: 1fr auto; column-gap: 24px; align-items: end; margin-bottom: 48px; }
body.kp .kp-head .column { width: auto; max-width: none; margin: 0; }
body.kp .kp-head .kp-eyebrow { grid-column: 1; grid-row: 1; }
body.kp .kp-head .kp-sec-title { grid-column: 1; grid-row: 2; }
body.kp .kp-head .kp-link { grid-column: 2; grid-row: 1 / span 2; align-self: end; margin-bottom: 8px; text-align: right; }
body.kp .kp-head .kp-eyebrow p, body.kp .kp-head .kp-link p { margin: 0; }
body.kp .kp-head .kp-sec-title h1, body.kp .kp-head .kp-sec-title h2 { margin: 0; }
@media (max-width: 767px) { body.kp .kp-head > .mcb-wrap-inner { grid-template-columns: 1fr; margin-bottom: 32px; } body.kp .kp-head .kp-link { grid-column: 1; grid-row: 3; margin-top: 14px; text-align: left; } }
/* Oszlop-rácsok: a Betheme tört-szélességeit felülírjuk, a rács osztja a teret */
body.kp .kp-cols-2 > .mcb-wrap-inner, body.kp .kp-cols-3 > .mcb-wrap-inner, body.kp .kp-cols-4 > .mcb-wrap-inner, body.kp .kp-cols-5 > .mcb-wrap-inner { display: grid; gap: 24px; }
body.kp .kp-cols-2 > .mcb-wrap-inner { grid-template-columns: repeat(2, 1fr); }
body.kp .kp-cols-3 > .mcb-wrap-inner { grid-template-columns: repeat(3, 1fr); }
body.kp .kp-cols-4 > .mcb-wrap-inner { grid-template-columns: repeat(4, 1fr); }
body.kp .kp-cols-5 > .mcb-wrap-inner { grid-template-columns: repeat(5, 1fr); gap: 0; }
body.kp .kp-cols-2 > .mcb-wrap-inner > .column, body.kp .kp-cols-3 > .mcb-wrap-inner > .column, body.kp .kp-cols-4 > .mcb-wrap-inner > .column, body.kp .kp-cols-5 > .mcb-wrap-inner > .column { width: auto; max-width: none; margin: 0; float: none; }
@media (max-width: 1199px) { body.kp .kp-cols-4 > .mcb-wrap-inner { grid-template-columns: repeat(2, 1fr); } body.kp .kp-cols-5 > .mcb-wrap-inner { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 991px) { body.kp .kp-cols-3 > .mcb-wrap-inner { grid-template-columns: 1fr; } }
@media (max-width: 767px) { body.kp .kp-cols-2 > .mcb-wrap-inner { grid-template-columns: 1fr; } body.kp .kp-cols-5 > .mcb-wrap-inner { grid-template-columns: 1fr 1fr 1fr; } }
/* Vízszintesen görgethető kártyacsík mobilon (terv 11. fejezet) */
@media (max-width: 767px) {
body.kp .kp-scroll-m > .mcb-wrap-inner { display: flex; overflow-x: auto; gap: 12px; scroll-snap-type: x mandatory; padding-right: 40px; -webkit-overflow-scrolling: touch; }
body.kp .kp-scroll-m > .mcb-wrap-inner > .column { flex: 0 0 72%; scroll-snap-align: start; }
}
/* Két hasábos szekciók (fő-oszlop rács a szekció belsején) */
body.kp .kp-intro > .section_wrapper, body.kp .kp-portal > .section_wrapper, body.kp .kp-cta > .section_wrapper { display: grid; column-gap: 64px; align-items: center; }
body.kp .kp-intro > .section_wrapper { grid-template-columns: 2fr 3fr; }
body.kp .kp-portal > .section_wrapper { grid-template-columns: 2fr 3fr; column-gap: 80px; align-items: start; }
body.kp .kp-cta > .section_wrapper { grid-template-columns: 1fr 1fr; align-items: end; }
body.kp .kp-intro > .section_wrapper > .mcb-wrap, body.kp .kp-portal > .section_wrapper > .mcb-wrap, body.kp .kp-cta > .section_wrapper > .mcb-wrap { width: auto; max-width: none; float: none; }
@media (max-width: 991px) { body.kp .kp-intro > .section_wrapper, body.kp .kp-portal > .section_wrapper, body.kp .kp-cta > .section_wrapper { grid-template-columns: 1fr; row-gap: 32px; } }
/* ---------- Hero ---------- */
body.kp .kp-hero { position: relative; background-size: cover; background-position: center; min-height: 780px; display: flex; align-items: center; }
/* Hero sötétítés: alapértelmezés .55 (--kp-hero-dark). Állítható: (1) a szekció „Egyedi CSS osztály" mezőjébe kp-dim-0 … kp-dim-80 (pl. kp-dim-30 = világosabb),
vagy (2) a BeBuilder szekció „Háttér átfedés (Background overlay)" színe/átlátszósága — ez felülírja az alapértelmezést (a szabály szándékosan alacsony specificitású). */
:where(body.kp .kp-hero) > .mcb-background-overlay { position: absolute; inset: 0; background: rgba(18, 20, 22, var(--kp-hero-dark, .55)); }
body.kp .kp-hero.kp-dim-0 { --kp-hero-dark: 0; } body.kp .kp-hero.kp-dim-10 { --kp-hero-dark: .1; } body.kp .kp-hero.kp-dim-20 { --kp-hero-dark: .2; }
body.kp .kp-hero.kp-dim-30 { --kp-hero-dark: .3; } body.kp .kp-hero.kp-dim-40 { --kp-hero-dark: .4; } body.kp .kp-hero.kp-dim-50 { --kp-hero-dark: .5; }
body.kp .kp-hero.kp-dim-60 { --kp-hero-dark: .6; } body.kp .kp-hero.kp-dim-70 { --kp-hero-dark: .7; } body.kp .kp-hero.kp-dim-80 { --kp-hero-dark: .8; }
/* Balról-jobbra elhalványuló sötétítés (2026-09-22, user kérés: "bal sötét, jobb átlátszó", hogy a szöveg
olvasható maradjon, de a kép is érvényesüljön) — opt-in, a szekció „Egyedi CSS osztály" mezőjébe:
kp-hero-fade-l. A kp-dim-X-szel kombinálható (az adja meg a bal széli csúcs-sötétséget, alapból .55). */
:where(body.kp .kp-hero.kp-hero-fade-l) > .mcb-background-overlay { background: linear-gradient(to right, rgba(18, 20, 22, var(--kp-hero-dark, .55)) 0%, rgba(18, 20, 22, 0) 100%); }
body.kp .kp-hero > .section_wrapper { position: relative; z-index: 2; padding-top: 140px; padding-bottom: 120px; }
body.kp .kp-hero .kp-hero-inner .column { margin-left: auto; margin-right: auto; }
body.kp .kp-hero h1 { max-width: 900px; margin: 0 auto 24px; }
body.kp .kp-hero .kp-lead p { max-width: 640px; margin: 0 auto 36px; text-align: center; }
body.kp .kp-hero .kp-eyebrow p { margin-bottom: 22px; }
body.kp .kp-hero .column_button { display: inline-block; width: auto; margin: 0 6px 12px; }
@media (max-width: 767px) { body.kp .kp-hero { min-height: 520px; } body.kp .kp-hero > .section_wrapper { padding-top: 96px; padding-bottom: 72px; } }
/* ---------- Bizalmi sáv ---------- */
body.kp .kp-trust { padding: 0; }
body.kp .kp-trust .kp-cols-5 > .mcb-wrap-inner { align-items: stretch; min-height: 92px; }
body.kp .kp-trust .kp-trust-item { display: flex; align-items: center; justify-content: center; border-left: 1px solid var(--kp-hairline); }
body.kp .kp-trust .kp-trust-item:first-child { border-left: 0; }
body.kp .kp-trust .kp-trust-item p, body.kp .kp-trust .kp-trust-item .column_attr { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--kp-muted); margin: 0; text-align: center; line-height: 1.5; }
@media (max-width: 767px) { body.kp .kp-trust .kp-cols-5 > .mcb-wrap-inner { grid-template-columns: 1fr 1fr; } body.kp .kp-trust .kp-trust-item { min-height: 64px; border-left: 0; border-top: 1px solid var(--kp-hairline); } }
/* ---------- Bemutatkozás ---------- */
body.kp .kp-portrait img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; height: auto; display: block; }
body.kp .kp-intro-txt .kp-eyebrow p { margin-bottom: 8px; }
body.kp .kp-intro-txt .kp-sec-title h2 { margin-bottom: 24px; }
/* ---------- Folyamat (számozott lépések) ---------- */
body.kp .kp-steps > .mcb-wrap-inner { counter-reset: kpstep; }
body.kp .kp-step { counter-increment: kpstep; }
body.kp .kp-step .icon-wrapper, body.kp .kp-step .image_wrapper { display: none; }
body.kp .kp-step .desc-wrapper::before { content: counter(kpstep, decimal-leading-zero); display: block; font-family: var(--kp-display); font-weight: 300; font-size: 34px; line-height: 1; color: var(--kp-sage-text); margin-bottom: 14px; }
body.kp .kp-step .desc-wrapper .title, body.kp .kp-step h4 { font-family: var(--kp-text); font-size: 12px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--kp-ink); margin-bottom: 8px; }
body.kp .kp-step .desc, body.kp .kp-step .desc p { font-size: 14.5px; line-height: 1.7; color: var(--kp-muted); }
/* ---------- Csomagok ---------- */
body.kp .kp-packages > .mcb-wrap-inner { align-items: stretch; }
body.kp .kp-packages .column_pricing_item, body.kp .kp-packages .mcb-column-inner, body.kp .kp-packages .pricing-box { height: 100%; }
body.kp .pricing-box { display: flex; flex-direction: column; }
body.kp .pricing-box .plan-inside { flex: 1; }
body.kp .pricing-box-featured::before { content: 'Legnépszerűbb'; position: absolute; top: 0; right: 0; background: var(--kp-sage); color: var(--kp-ink); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; padding: 7px 12px; font-weight: 600; z-index: 2; }
body.kp .pricing-box .plan-header::before { content: none !important; }
body.kp .pricing-box .plan-header .image { margin: 0; }
body.kp .pricing-box .plan-header .image img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; display: block; }
body.kp .pricing-box hr, body.kp .pricing-box .hr_color { display: none; }
/* ---------- Esküvői történetek — aszimmetrikus mozaik ---------- */
body.kp .kp-mosaic > .mcb-wrap-inner { display: grid; grid-template-columns: 1.5fr 1fr 1fr; grid-template-rows: 300px 300px; gap: 16px; }
body.kp .kp-mosaic .column { width: auto; max-width: none; margin: 0; float: none; height: 100%; }
body.kp .kp-mosaic .mcb-column-inner, body.kp .kp-mosaic .image_frame, body.kp .kp-mosaic .image_wrapper, body.kp .kp-mosaic a { display: block; height: 100%; }
body.kp .kp-mosaic img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
body.kp .kp-mosaic .column:hover img { transform: scale(1.03); }
body.kp .kp-mosaic .image_frame { overflow: hidden; }
body.kp .kp-mosaic .kp-m1 { grid-column: 1; grid-row: 1 / span 2; }
body.kp .kp-mosaic .kp-m2 { grid-column: 2; grid-row: 1; }
body.kp .kp-mosaic .kp-m3 { grid-column: 3; grid-row: 1; }
body.kp .kp-mosaic .kp-m4 { grid-column: 2; grid-row: 2; }
body.kp .kp-mosaic .kp-m5 { grid-column: 3; grid-row: 2; }
@media (max-width: 767px) { body.kp .kp-mosaic > .mcb-wrap-inner { grid-template-columns: 1fr 1fr; grid-template-rows: 240px 160px 160px; gap: 8px; } body.kp .kp-mosaic .kp-m1 { grid-column: 1 / span 2; grid-row: 1; } body.kp .kp-mosaic .kp-m2 { grid-column: 1; grid-row: 2; } body.kp .kp-mosaic .kp-m3 { grid-column: 2; grid-row: 2; } body.kp .kp-mosaic .kp-m4 { grid-column: 1; grid-row: 3; } body.kp .kp-mosaic .kp-m5 { grid-column: 2; grid-row: 3; } }
/* ---------- Szolgáltatás-/webshop-kártyák ---------- */
body.kp .kp-svc-card .mcb-column-inner { background: var(--kp-card); border: 1px solid var(--kp-line); padding: 28px 26px 24px; min-height: 148px; height: 100%; transition: border-color .2s ease; }
body.kp .kp-svc-card:hover .mcb-column-inner { border-color: var(--kp-ink); }
body.kp .kp-svc-card .icon-wrapper, body.kp .kp-portal-card .icon-wrapper, body.kp .kp-svc-card .image_wrapper { display: none; }
body.kp .kp-svc-card .title, body.kp .kp-svc-card h4 { font-family: var(--kp-display); font-size: 25px; font-weight: 400; line-height: 1.2; letter-spacing: var(--kp-tracking-display); color: var(--kp-ink); margin-bottom: 8px; }
body.kp .kp-svc-card .desc, body.kp .kp-svc-card .desc p { font-size: 14.5px; line-height: 1.65; color: var(--kp-muted); margin: 0; }
body.kp .kp-svc-card a, body.kp .kp-svc-card a:hover { color: inherit; text-decoration: none; }
/* ---------- Kliens zóna sáv ---------- */
body.kp .kp-portal .kp-portal-l h2 { font-size: clamp(30px, 3.2vw, 46px); margin-bottom: 20px; }
body.kp .kp-portal .kp-portal-l .kp-eyebrow p { margin-bottom: 18px; }
body.kp .kp-portal-card .mcb-column-inner { background: var(--kp-dark-hero); border: 1px solid var(--kp-dark-line); padding: 28px 26px; height: 100%; }
body.kp .kp-portal-card .title, body.kp .kp-portal-card h4 { font-family: var(--kp-text); font-size: 17px; font-weight: 400; color: #fff; margin-bottom: 8px; }
body.kp .kp-portal-card .desc, body.kp .kp-portal-card .desc p { font-size: 14px; line-height: 1.65; color: var(--kp-on-dark); margin: 0; }
/* ---------- Vélemények ---------- */
body.kp .kp-reviews { min-height: 40px; }
/* ---------- Záró CTA ---------- */
body.kp .kp-cta .kp-cta-l h2 { margin: 0; font-size: clamp(34px, 3.6vw, 52px); }
body.kp .kp-cta .kp-cta-r p { max-width: 460px; margin-bottom: 24px; }
/* =====================================================================
* 17. Javítások (icon_box_2 balra zárt, csomagár, véleménykártyák)
* ===================================================================== */
body.kp .mfn-icon-box { text-align: left; align-items: flex-start; justify-content: flex-start; }
body.kp .mfn-icon-box .desc-wrapper, body.kp .mfn-icon-box .desc-wrapper * { text-align: left; }
body.kp .mfn-icon-box .icon-wrapper:empty { display: none; }
body.kp .kp-step .desc-wrapper { padding-right: 24px; }
body.kp .pricing-box, body.kp .pricing-box * { text-align: left; }
body.kp .pricing-box .plan-header { display: block; }
body.kp .pricing-box .plan-header .title { margin: 0 0 14px; }
body.kp .pricing-box .price, body.kp .pricing-box .price span { color: var(--kp-ink); font-family: var(--kp-display); font-weight: 400; font-size: 52px; line-height: 1; letter-spacing: var(--kp-tracking-display); }
body.kp .pricing-box .price sup.currency { font-family: var(--kp-text); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--kp-muted); margin-left: 8px; vertical-align: baseline; top: 0; }
body.kp .pricing-box .plan-inside li { color: var(--kp-body); }
body.kp .pricing-box-featured, body.kp .pricing-box-featured .plan-header, body.kp .pricing-box-featured .plan-inside { background: var(--kp-card); color: var(--kp-ink); }
body.kp .pricing-box .plan-footer .button { text-align: center; }
body.kp .pricing-box .plan-footer .button span { text-align: center; }
/* Értékelések (Mirapix Értékelések plugin) — a terv szerint: fehér, keretes, szögletes kártyák */
body.kp .kp-reviews .mrv-card, body.kp .kp-reviews .mrv-item, body.kp .kp-reviews .mrv-review { background: var(--kp-card); border: 1px solid var(--kp-line); border-radius: 0; box-shadow: none; padding: 28px; }
body.kp .kp-reviews .mrv-text, body.kp .kp-reviews .mrv-review-text { font-family: var(--kp-display); font-size: 21px; line-height: 1.45; font-weight: 300; color: var(--kp-ink); }
/* =====================================================================
* 18. Fejléc és lábléc — a terv szerint
* ===================================================================== */
/* A fejléc a tartalom fölött, nem rajta úszik (a hero a fejléc alatt kezdődik) */
body.kp .mfn-header-tmpl-absolute, body.kp #mfn-header-template { position: relative !important; top: auto; }
body.kp #mfn-header-template { z-index: 900; }
body.kp .mfn-header-tmpl .mcb-header-section > .section_wrapper { max-width: 1440px; width: 100%; margin: 0 auto; padding: 0 var(--kp-margin); min-height: 88px; align-items: center; flex-wrap: nowrap; box-sizing: border-box; }
body.kp .mfn-header-tmpl .mcb-header-section > .section_wrapper > .mcb-wrap { width: auto; }
body.kp .mfn-header-tmpl .mcb-header-section > .section_wrapper > .mcb-wrap:first-child { flex: 1 1 auto; }
body.kp .mfn-header-tmpl .mfn-header-mainmenu .menu-label, body.kp .mfn-header-tmpl .mfn-header-mainmenu > li > a { font-family: var(--kp-text); font-size: 12px; font-weight: 400; letter-spacing: .18em; text-transform: uppercase; color: var(--kp-ink); }
body.kp .mfn-header-tmpl .mfn-header-mainmenu > li > a:hover .menu-label { color: var(--kp-sage-text); }
body.kp .mfn-header-tmpl .mfn-header-mainmenu > li.current-menu-item > a, body.kp .mfn-header-tmpl .mfn-header-mainmenu > li.current-menu-ancestor > a, body.kp .mfn-header-tmpl .mfn-header-mainmenu > li.current_page_item > a { box-shadow: inset 0 -1px 0 var(--kp-sage); }
body.kp .mfn-header-tmpl .mfn-header-mainmenu .menu-sub i { font-size: 8px; opacity: .55; }
/* Kereső: diszkrét, vonalas (nem lebegő buborék és nem kiemelt sáv) */
body.kp .kp-header-search .ai-asszisztens-search { max-width: 210px; }
body.kp .kp-header-search .ai-asszisztens-search-form { position: relative; }
body.kp .kp-header-search input.ai-asszisztens-search-input { border: 0; border-bottom: 1px solid var(--kp-line-2); background: transparent; min-height: 36px; padding: 6px 30px 6px 0; font-size: 13px; }
body.kp .kp-header-search input.ai-asszisztens-search-input:focus { border: 0; border-bottom: 1px solid var(--kp-ink); padding: 6px 30px 6px 0; }
body.kp .kp-header-search .ai-asszisztens-search-btn { position: absolute; right: 0; top: 0; bottom: 0; background: transparent; border: 0; color: var(--kp-ink); padding: 0 4px; min-height: 0; }
body.kp .kp-header-search .ai-asszisztens-search-btn:hover { background: transparent; }
@media (max-width: 1399px) { body.kp .kp-header-search { display: none; } }
/* Kliens zóna link lakattal + Ajánlatkérés gomb */
body.kp .kp-header-lock a { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--kp-ink); text-decoration: none; white-space: nowrap; }
body.kp .kp-header-lock a::before { content: ''; width: 14px; height: 14px; background: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,") center / contain no-repeat; }
body.kp .kp-header-lock p { margin: 0; }
body.kp .kp-header-cta-wrap { margin-left: 20px; }
body.kp .kp-header-cta { padding: 16px 28px; }
@media (max-width: 991px) { body.kp .kp-header-lock, body.kp .kp-header-cta-wrap { display: none; } }
/* Lábléc */
body.kp #mfn-footer-template { background: var(--kp-dark); }
body.kp .kp-footer-main { padding: 88px 0 56px; }
body.kp #mfn-footer-template .kp-footer-main > .section_wrapper { max-width: 1440px; margin: 0 auto; padding: 0 var(--kp-margin); display: grid; grid-template-columns: 2fr repeat(4, 1fr); column-gap: 48px; box-sizing: border-box; }
body.kp #mfn-footer-template .kp-footer-main > .section_wrapper > .mcb-wrap { width: auto; max-width: none; float: none; }
body.kp .kp-footer-logo img { width: 190px; height: auto; filter: brightness(0) invert(1); opacity: .95; margin-bottom: 28px; }
body.kp .kp-footer-contact p { font-size: 14px; line-height: 1.8; color: var(--kp-on-dark); margin-bottom: 14px; }
body.kp .kp-footer-contact a { color: var(--kp-on-dark-2); text-decoration: none; }
body.kp .kp-footer-contact a:hover, body.kp .kp-footer-menu a:hover { color: #fff; }
body.kp .kp-footer-contact .kp-social { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
body.kp .kp-footer-contact .kp-social a { margin: 0; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid var(--kp-dark-line); color: var(--kp-on-dark-2); transition: color .2s, border-color .2s, background .2s; }
body.kp .kp-footer-contact .kp-social a i { font-size: 20px; line-height: 1; }
body.kp .kp-footer-contact .kp-social a:hover { color: #fff; border-color: var(--kp-on-dark); background: rgba(255,255,255,.06); }
body.kp .kp-footer-title p { font-size: 11px; letter-spacing: .28em; text-transform: uppercase; color: var(--kp-on-dark-2); font-weight: 500; margin: 0 0 18px; }
body.kp .kp-footer-menu ul { list-style: none; margin: 0; padding: 0; }
body.kp .kp-footer-menu li { margin: 0 0 10px; }
body.kp .kp-footer-menu a, body.kp .kp-footer-menu .menu-label { font-family: var(--kp-text); font-size: 14px; font-weight: 300; color: var(--kp-on-dark-2); text-decoration: none; letter-spacing: 0; text-transform: none; }
body.kp .kp-footer-menu .menu-icon, body.kp .kp-footer-menu .menu-sub { display: none; }
body.kp .kp-footer-bar { background: var(--kp-dark); border-top: 1px solid var(--kp-dark-line); padding: 26px 0; }
body.kp #mfn-footer-template .kp-footer-bar > .section_wrapper { max-width: 1440px; margin: 0 auto; padding: 0 var(--kp-margin); display: grid; grid-template-columns: 1fr auto; column-gap: 32px; align-items: center; box-sizing: border-box; }
body.kp #mfn-footer-template .kp-footer-bar > .section_wrapper > .mcb-wrap { width: auto; max-width: none; float: none; }
body.kp .kp-footer-copy p, body.kp .kp-footer-legal p { font-size: 12px; line-height: 1.8; color: var(--kp-on-dark); margin: 0; }
body.kp .kp-footer-legal p { text-align: right; }
body.kp .kp-footer-legal a { color: var(--kp-on-dark-2); }
@media (max-width: 991px) { body.kp #mfn-footer-template .kp-footer-main > .section_wrapper { grid-template-columns: 1fr 1fr; row-gap: 40px; } body.kp #mfn-footer-template .kp-footer-main > .section_wrapper > .mcb-wrap:first-child { grid-column: 1 / -1; } body.kp #mfn-footer-template .kp-footer-bar > .section_wrapper { grid-template-columns: 1fr; row-gap: 12px; } body.kp .kp-footer-legal p { text-align: left; } }
/* ---------- 19. Csomagkártya: a Betheme kiemelt-stílusának felülírása ---------- */
body.kp .pricing-box .plan-header .price, body.kp .pricing-box .plan-header .price span,
body.kp .pricing-box-featured .plan-header .price, body.kp .pricing-box-featured .plan-header .price span { color: var(--kp-ink) !important; }
body.kp .pricing-box .plan-header .price sup, body.kp .pricing-box .plan-header .price sup.currency { color: var(--kp-muted) !important; }
body.kp .pricing-box .plan-header .title, body.kp .pricing-box-featured .plan-header .title { color: var(--kp-sage-text) !important; }
body.kp .pricing-box .plan-inside, body.kp .pricing-box .plan-inside ul, body.kp .pricing-box .plan-inside li, body.kp .pricing-box .plan-inside .pi-content { text-align: left !important; }
body.kp .pricing-box .plan-inside li { padding: 10px 0; }
body.kp .pricing-box .plan-inside li:last-child { border-bottom: 0; }
body.kp .pricing-box .plan-header, body.kp .pricing-box .plan-price { text-align: left !important; }
/* =====================================================================
* 20. Szolgáltatásoldal-sablon (terv 7.3)
* ===================================================================== */
body.kp .kp-hero-page { min-height: 560px; text-align: left; }
body.kp .kp-hero-page > .section_wrapper { padding-top: 96px; padding-bottom: 96px; }
body.kp .kp-hero-page .kp-hero-inner .column { margin-left: 0; margin-right: 0; }
body.kp .kp-hero-page h1 { max-width: 1000px; margin: 0 0 24px; font-size: clamp(42px, 5vw, 72px); line-height: 1.05; }
body.kp .kp-hero-page .kp-lead p { text-align: left; margin: 0 0 36px; }
body.kp .kp-hero-page, body.kp .kp-hero-page * { text-align: left; }
body.kp .kp-hero-page .kp-hero-inner { text-align: left; }
body.kp .kp-hero-page .column_button { margin-left: 0; margin-right: 12px; }
body.kp .kp-crumbs p { font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--kp-on-dark-2); margin: 0 0 28px; }
body.kp .kp-crumbs a { color: var(--kp-on-dark-2); text-decoration: none; }
body.kp .kp-crumbs a:hover { color: #fff; }
body.kp .kp-crumbs span { color: var(--kp-sage); }
body.kp .kp-story > .section_wrapper, body.kp .kp-faqsec > .section_wrapper, body.kp .kp-gift > .section_wrapper { display: grid; column-gap: 80px; align-items: start; }
body.kp .kp-story > .section_wrapper { grid-template-columns: 2fr 3fr; }
body.kp .kp-faqsec > .section_wrapper { grid-template-columns: 2fr 3fr; }
body.kp .kp-gift > .section_wrapper { grid-template-columns: 1fr 1fr; align-items: center; }
body.kp .kp-story > .section_wrapper > .mcb-wrap, body.kp .kp-faqsec > .section_wrapper > .mcb-wrap, body.kp .kp-gift > .section_wrapper > .mcb-wrap { width: auto; max-width: none; float: none; }
@media (max-width: 991px) { body.kp .kp-story > .section_wrapper, body.kp .kp-faqsec > .section_wrapper, body.kp .kp-gift > .section_wrapper { grid-template-columns: 1fr; row-gap: 32px; } }
body.kp .kp-story .kp-sec-title h2 { margin: 0; }
body.kp .kp-story .kp-narrow p:first-child { margin-top: 0; }
body.kp .kp-ticks { list-style: none; padding: 0; margin: 0 0 28px; }
body.kp .kp-ticks li { position: relative; padding: 9px 0 9px 26px; border-bottom: 1px solid var(--kp-hairline); font-size: 15px; line-height: 1.6; }
body.kp .kp-ticks li::before { content: ''; position: absolute; left: 0; top: 17px; width: 12px; height: 7px; border-left: 1.6px solid var(--kp-sage-text); border-bottom: 1.6px solid var(--kp-sage-text); transform: rotate(-45deg); }
body.kp .kp-gift { background: var(--kp-paper-2); }
body.kp .kp-cols-6 > .mcb-wrap-inner { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; }
body.kp .kp-cols-6 > .mcb-wrap-inner > .column { width: auto; max-width: none; margin: 0; float: none; }
@media (max-width: 991px) { body.kp .kp-cols-6 > .mcb-wrap-inner { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) { body.kp .kp-cols-6 > .mcb-wrap-inner { grid-template-columns: repeat(2, 1fr); } }
body.kp .kp-dress img, body.kp .kp-gal-img img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; display: block; }
body.kp .kp-dress .caption, body.kp .kp-dress figcaption, body.kp .kp-dress .wp-caption-text { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--kp-muted); margin-top: 8px; text-align: left; }
body.kp .kp-gallery .kp-gal-img img { aspect-ratio: 3 / 2; }
/* GYIK (Betheme faq elem) */
body.kp .kp-faq .mfn-acc .question, body.kp .faq .mfn-acc .question { border-bottom: 1px solid var(--kp-line); background: transparent; padding: 0; }
body.kp .kp-faq .question .title, body.kp .faq .question .title { font-family: var(--kp-text); font-size: 19px; line-height: 1.4; font-weight: 400; color: var(--kp-ink); padding: 22px 44px 22px 0; cursor: pointer; }
body.kp .kp-faq .question .answer, body.kp .faq .question .answer { padding: 0 44px 22px 0; }
body.kp .kp-faq .question .answer p, body.kp .faq .question .answer p { font-size: 16px; line-height: 1.75; color: var(--kp-body); margin: 0; }
body.kp .kp-faq .question .num, body.kp .faq .question .num { display: none; }
body.kp .faq .question .title i { right: 0; left: auto; color: var(--kp-ink); }
body.kp .faq .question:first-child { border-top: 1px solid var(--kp-line); }
/* Blog-ajánló, információs sáv */
body.kp .kp-blogsec { padding: 72px 0; }
body.kp .kp-blog h3.kp-blog-title, body.kp .kp-blog .kp-blog-title { font-size: 30px; margin: 0 0 12px; font-family: var(--kp-display); font-weight: 300; }
body.kp .kp-info .kp-narrow p { margin-bottom: 8px; }
/* A popup-host: csak a gomb rejtett, a modál (position:fixed) működik */
body.kp .kp-popup-host .pe-form-popup-trigger { display: none; }
body.kp .kp-popup-host, body.kp .kp-popup-host .column_attr { margin: 0; padding: 0; min-height: 0; }
body.kp .mfn-sticky-mobile-cta { display: none !important; }
/* =====================================================================
* 21. Esküvői oldal, áttekintő, kapcsolat
* ===================================================================== */
/* Világos oldalfej */
body.kp .kp-pagehead { padding: 72px 0 56px; }
body.kp .kp-pagehead > .section_wrapper { display: grid; grid-template-columns: 3fr 2fr; column-gap: 64px; align-items: end; }
body.kp .kp-pagehead > .section_wrapper > .mcb-wrap { width: auto; max-width: none; float: none; }
body.kp .kp-page-title h1, body.kp .kp-page-title { margin: 0; font-size: clamp(44px, 5.2vw, 72px); line-height: 1.05; }
body.kp .kp-crumbs-light p { color: var(--kp-muted); margin: 0 0 22px; }
body.kp .kp-crumbs-light a { color: var(--kp-muted); }
body.kp .kp-ph-side p { margin: 0 0 8px; max-width: 520px; }
body.kp .kp-hide { display: none; }
@media (max-width: 991px) { body.kp .kp-pagehead > .section_wrapper { grid-template-columns: 1fr; row-gap: 20px; } }
/* Kiemelt (sötét) blokk: kép balra, szöveg jobbra */
body.kp .kp-featured { padding: 0; }
body.kp .kp-featured > .section_wrapper { max-width: 1440px; padding: 0 var(--kp-margin); display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; column-gap: 0; }
body.kp .kp-featured > .section_wrapper > .mcb-wrap { width: auto; max-width: none; float: none; }
body.kp .kp-feat-img img { width: 100%; height: 100%; min-height: 380px; object-fit: cover; display: block; }
body.kp .kp-feat-l .mcb-wrap-inner, body.kp .kp-feat-l .column, body.kp .kp-feat-l .mcb-column-inner, body.kp .kp-feat-l .image_frame { height: 100%; }
body.kp .kp-feat-r { padding: 72px 64px; display: flex; align-items: center; background: var(--kp-dark); }
body.kp .kp-feat-r .mcb-wrap-inner { width: 100%; }
body.kp .kp-feat-r h2 { margin: 8px 0 20px; }
body.kp .kp-feat-r .column_button { display: inline-block; width: auto; margin: 12px 8px 0 0; }
@media (max-width: 991px) { body.kp .kp-featured > .section_wrapper { grid-template-columns: 1fr; } body.kp .kp-feat-r { padding: 40px 24px; } }
/* Fotós kártyák (áttekintő, esküvői „egyéb szolgáltatások") */
body.kp .kp-svc-photo .mcb-column-inner { padding: 0; min-height: 0; }
body.kp .kp-svc-photo .mfn-icon-box { display: block; }
body.kp .kp-svc-photo .icon-wrapper { display: block !important; margin: 0; }
body.kp .kp-svc-photo .icon-wrapper img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; display: block; max-width: none; }
body.kp .kp-svc-photo .desc-wrapper { padding: 22px 24px 24px; }
body.kp .kp-svc-photo .title, body.kp .kp-svc-photo h4 { font-size: 22px; }
body.kp .kp-tag { font-size: 11px !important; letter-spacing: .16em; text-transform: uppercase; color: var(--kp-sage-text) !important; margin-top: 14px !important; }
body.kp .kp-svc-ask .mcb-column-inner { background: var(--kp-paper-2); border-style: dashed; }
body.kp .kp-blogcard .mcb-column-inner { min-height: 0; }
body.kp .kp-blogcard .kp-link a { font-size: 12px; }
/* Statisztika (2022 óta …) */
body.kp .kp-stats > .mcb-wrap-inner { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 24px; }
body.kp .kp-stats > .mcb-wrap-inner > .column_column { grid-column: 1 / -1; }
body.kp .kp-stats > .mcb-wrap-inner > .column { width: auto; max-width: none; margin: 0; float: none; }
body.kp .kp-stat .quick_fact { text-align: left; }
body.kp .kp-stat .number-wrapper { display: flex; align-items: baseline; gap: 6px; }
body.kp .kp-stat .number, body.kp .kp-stat .label { font-family: var(--kp-display); font-weight: 300; font-size: 52px; line-height: 1; color: var(--kp-ink); letter-spacing: var(--kp-tracking-display); }
body.kp .kp-stat .label { font-size: 16px; color: var(--kp-muted); font-family: var(--kp-text); letter-spacing: .1em; text-transform: uppercase; }
body.kp .kp-stat .title { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--kp-muted); font-family: var(--kp-text); margin-top: 10px; font-weight: 400; }
body.kp .kp-stat hr, body.kp .kp-stat .hr_narrow { display: none; }
/* Az átadás menete (sötét, három óriás szám) */
body.kp .kp-delivery-item .quick_fact { text-align: left; border-top: 1px solid var(--kp-dark-line); padding-top: 28px; }
body.kp .kp-delivery-item .number-wrapper { display: flex; align-items: baseline; gap: 12px; margin-bottom: 14px; }
body.kp .kp-delivery-item .number { font-family: var(--kp-display); font-weight: 300; font-size: 72px; line-height: 1; color: #fff; letter-spacing: var(--kp-tracking-display); }
body.kp .kp-delivery-item .label { font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--kp-sage); font-family: var(--kp-text); }
body.kp .kp-delivery-item .desc, body.kp .kp-delivery-item .desc p { font-size: 15px; line-height: 1.7; color: var(--kp-on-dark-2); }
body.kp .kp-delivery-item hr, body.kp .kp-delivery-item .hr_narrow { display: none; }
/* Kiemelt vélemény */
body.kp .kp-quotesec { padding: 72px 0; }
body.kp .kp-quote .mrv-quote-text, body.kp .kp-quote blockquote, body.kp .kp-quote .mrv-text { font-family: var(--kp-text); font-weight: 300; font-size: clamp(16px, 1.25vw, 18px); line-height: 1.7; color: var(--kp-ink); text-align: center; }
body.kp .kp-quote .mrv .mrv-quote { max-width: 760px; text-align: center; margin-bottom: 20px; }
body.kp .kp-quote .mrv-quote::before { font-size: 90px; top: -34px; left: -6px; }
body.kp .kp-quote .mrv { text-align: center; }
/* Kapcsolat */
body.kp .kp-contactgrid { padding-top: 0; }
body.kp .kp-contactgrid > .section_wrapper { display: grid; grid-template-columns: 3fr 2fr; column-gap: 24px; align-items: start; }
body.kp .kp-contactgrid > .section_wrapper > .mcb-wrap { width: auto; max-width: none; float: none; }
body.kp .kp-form-card { background: var(--kp-card); border: 1px solid var(--kp-line); padding: 44px 48px; }
body.kp .kp-form-title h3 { font-family: var(--kp-display); font-size: 30px; font-weight: 300; margin: 0 0 24px; }
body.kp .kp-form .project-engine-form-field { margin-bottom: 20px; }
body.kp .kp-contact-side > .mcb-wrap-inner { display: flex; flex-direction: column; gap: 16px; }
body.kp .kp-contact-side .column { width: 100%; max-width: none; margin: 0; }
body.kp .kp-contact-dark .mcb-column-inner { background: var(--kp-dark); padding: 34px 34px 30px; }
body.kp .kp-contact-dark h4 { font-family: var(--kp-display); font-size: 26px; font-weight: 300; color: #fff; margin: 0 0 18px; }
body.kp .kp-contact-dark p { font-size: 15px; line-height: 1.7; color: #fff; margin: 0 0 6px; }
body.kp .kp-contact-dark a { color: #fff; text-decoration: none; }
body.kp .kp-contact-dark .kp-dim { color: var(--kp-on-dark); font-size: 14px; margin-top: 12px; }
body.kp .kp-contact-dark .kp-label, body.kp .kp-contact-card .kp-label { font-size: 10px; letter-spacing: .24em; text-transform: uppercase; color: var(--kp-on-dark); margin: 20px 0 8px; }
body.kp .kp-contact-card .mcb-column-inner { background: var(--kp-card); border: 1px solid var(--kp-line); padding: 22px 26px; }
body.kp .kp-contact-card .kp-label { color: var(--kp-muted); margin-top: 0; }
body.kp .kp-contact-card p { font-size: 15px; line-height: 1.6; margin: 0 0 8px; }
body.kp .kp-contact-dark .kp-social a { margin-right: 18px; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; }
body.kp .kp-btn-block .button { width: 100%; text-align: center; }
body.kp .kp-contact-side .kp-btn-block { margin-top: -8px; }
@media (max-width: 991px) { body.kp .kp-contactgrid > .section_wrapper { grid-template-columns: 1fr; row-gap: 16px; } body.kp .kp-form-card { padding: 28px 22px; } }
body.kp .kp-map { padding: 0; background: var(--kp-paper-2); }
body.kp .kp-map > .section_wrapper { max-width: none; padding: 0; display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; }
body.kp .kp-map > .section_wrapper > .mcb-wrap { width: auto; max-width: none; float: none; }
body.kp .kp-mapframe { position: relative; width: 100%; height: 100%; min-height: 420px; }
body.kp .kp-mapframe iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; filter: grayscale(.35); }
body.kp .kp-map-r { padding: 72px 64px; display: flex; align-items: center; }
body.kp .kp-map-r .mcb-wrap-inner { width: 100%; }
body.kp .kp-map-r h2 { margin: 0 0 16px; }
body.kp .kp-map-r .column_button { display: inline-block; width: auto; margin: 16px 8px 0 0; }
@media (max-width: 991px) { body.kp .kp-map > .section_wrapper { grid-template-columns: 1fr; } body.kp .kp-map-r { padding: 40px 24px; } }
body.kp .kp-before > .section_wrapper { display: grid; grid-template-columns: 1fr 3fr; column-gap: 48px; align-items: start; }
body.kp .kp-before > .section_wrapper > .mcb-wrap { width: auto; max-width: none; float: none; }
body.kp .kp-miniqa .mcb-column-inner { border-top: 1px solid var(--kp-line); padding-top: 18px; }
body.kp .kp-miniqa .title, body.kp .kp-miniqa h4 { font-size: 15px; font-family: var(--kp-text); font-weight: 500; color: var(--kp-ink); margin-bottom: 6px; }
body.kp .kp-miniqa .desc, body.kp .kp-miniqa .desc p { font-size: 14px; line-height: 1.65; color: var(--kp-muted); }
body.kp .kp-miniqa .icon-wrapper { display: none; }
@media (max-width: 991px) { body.kp .kp-before > .section_wrapper { grid-template-columns: 1fr; row-gap: 24px; } }
/* ---------- 22. Az oldalcím-sáv (#Subheader) az új dizájnban nem kell ---------- */
body.kp #Subheader { display: none !important; height: 0 !important; visibility: hidden; }
body.kp #Content { padding-top: 0; }
/* =====================================================================
* 23. Speciális szolgáltatásoldalak (QR, selfie box, …)
* ===================================================================== */
body.kp .kp-split > .section_wrapper { display: grid; grid-template-columns: 2fr 3fr; column-gap: 72px; align-items: center; }
body.kp .kp-split-rev > .section_wrapper { grid-template-columns: 3fr 2fr; }
body.kp .kp-split > .section_wrapper > .mcb-wrap { width: auto; max-width: none; float: none; }
@media (max-width: 991px) { body.kp .kp-split > .section_wrapper, body.kp .kp-split-rev > .section_wrapper { grid-template-columns: 1fr; row-gap: 32px; } }
body.kp .kp-device img { display: block; width: 100%; max-width: 300px; height: auto; margin: 0 auto; border: 1px solid var(--kp-line-2); background: #fff; }
body.kp .kp-features .mcb-column-inner { border-top: 1px solid var(--kp-line); padding-top: 16px; }
body.kp .kp-features .title, body.kp .kp-features h4 { font-size: 15px; font-family: var(--kp-text); font-weight: 500; color: var(--kp-ink); margin: 0; }
body.kp .kp-features .icon-wrapper { display: none; }
body.kp .kp-features-sec { padding: 56px 0; }
/* Rendelő-kártyák (QR csomagok): a Vendégkönyv plugin gombja (.guestbook-order-trigger) működik tovább */
body.kp .kp-orders > .mcb-wrap-inner { align-items: stretch; }
body.kp .kp-order-col, body.kp .kp-order-col .mcb-column-inner, body.kp .kp-order-col .column_attr, body.kp .kp-order { height: 100%; }
body.kp .kp-order { position: relative; background: var(--kp-card); border: 1px solid var(--kp-line); padding: 34px 30px 30px; display: flex; flex-direction: column; }
body.kp .kp-order.is-featured { border: 2px solid var(--kp-ink); box-shadow: inset 0 0 0 4px var(--kp-sage); }
body.kp .kp-order-badge { position: absolute; top: 0; right: 0; background: var(--kp-sage); color: var(--kp-ink); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; padding: 7px 12px; font-weight: 600; }
body.kp .kp-order-label { font-size: 11px; letter-spacing: .34em; text-transform: uppercase; color: var(--kp-sage-text); margin-bottom: 14px; }
body.kp .kp-order-price { font-family: var(--kp-display); font-size: 44px; line-height: 1; font-weight: 400; color: var(--kp-ink); letter-spacing: var(--kp-tracking-display); }
body.kp .kp-order-dur { font-size: 13px; color: var(--kp-muted); margin-top: 8px; }
body.kp .kp-order ul { list-style: none; margin: 22px 0 24px; padding: 0; flex: 1; text-align: left; }
body.kp .kp-order li { font-size: 14.5px; line-height: 1.55; padding: 10px 0 10px 24px; border-bottom: 1px solid var(--kp-hairline); position: relative; color: var(--kp-body); }
body.kp .kp-order li::before { content: ''; position: absolute; left: 0; top: 17px; width: 11px; height: 6px; border-left: 1.6px solid var(--kp-sage-text); border-bottom: 1.6px solid var(--kp-sage-text); transform: rotate(-45deg); }
body.kp .kp-order .guestbook-order-trigger { width: 100%; background: transparent; color: var(--kp-ink); border: 1px solid var(--kp-ink); }
body.kp .kp-order.is-featured .guestbook-order-trigger { background: var(--kp-ink); color: var(--kp-paper); }
body.kp .kp-order .guestbook-order-trigger:hover { background: var(--kp-ink); color: var(--kp-paper); }
/* A builderből átemelt, önálló stílusú widgetek (AI-stílus bemutató): a betűk és színek a rendszerhez igazítva */
body.kp .kp-legacy, body.kp .kp-legacy * { font-family: var(--kp-text); }
body.kp .kp-legacy h1, body.kp .kp-legacy h2, body.kp .kp-legacy h3, body.kp .kp-legacy h4 { font-family: var(--kp-display); font-weight: 300; }
body.kp .kp-legacy a.sfb-btn, body.kp .kp-legacy .sfb-btn { border-radius: 0; }
body.kp .kp-legacy-sec .column_html, body.kp .kp-legacy-sec .mfn-html-wrapper { text-align: left; }
/* =====================================================================
* 24. Pluginok bőre: sütisáv, popup-űrlap, galéria-portfólió, portál, ajánlati oldal
* (a pluginok saját CSS-ét a kp-design írja felül, így a dev és az éles érintetlen marad)
* ===================================================================== */
/* Betheme sütisáv */
body.kp #mfn-gdpr { background: var(--kp-card); border: 1px solid var(--kp-line); border-radius: 0; box-shadow: none; padding: 22px 24px; max-width: 360px; font-family: var(--kp-text); text-align: left; }
body.kp #mfn-gdpr .mfn-gdpr-image { display: none; }
body.kp #mfn-gdpr .mfn-gdpr-content { font-size: 14px; line-height: 1.65; color: var(--kp-body); margin: 0 0 12px; text-align: left; }
body.kp #mfn-gdpr .mfn-gdpr-content a { color: var(--kp-sage-text); }
body.kp #mfn-gdpr .mfn-gdpr-readmore { display: inline-block; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--kp-ink); margin: 0 18px 12px 0; }
body.kp #mfn-gdpr .mfn-gdpr-button { background: var(--kp-ink); color: var(--kp-paper); border: 1px solid var(--kp-ink); border-radius: 0; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; padding: 12px 20px; min-height: 0; }
/* PE Forms: popup és mezők */
body.kp .pe-form-popup-overlay { background: rgba(18, 20, 22, .62); }
body.kp .pe-form-popup { background: var(--kp-card); border: 0; border-radius: 0; box-shadow: none; }
body.kp .pe-form-popup-close { background: transparent; color: var(--kp-ink); border: 0; font-size: 28px; padding: 6px 12px; min-height: 0; }
body.kp .pe-form-popup-close:hover { background: transparent; color: var(--kp-sage-text); }
body.kp .project-engine-form h2, body.kp .pe-form-popup h2, body.kp .pe-form-popup h3 { font-family: var(--kp-display); font-weight: 300; font-size: 30px; color: var(--kp-ink); }
body.kp .project-engine-form-field label { font-size: 14px; letter-spacing: normal; text-transform: none; color: var(--kp-ink); font-weight: 500; }
body.kp .project-engine-form-divider-label { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--kp-muted); font-weight: 500; }
body.kp .project-engine-form-divider { border-color: var(--kp-line); }
body.kp .project-engine-form-field-note { color: var(--kp-muted); font-size: 13px; }
body.kp .project-engine-form-success { background: var(--kp-ok-bg); color: var(--kp-ok-fg); border: 1px solid var(--kp-ok-bg); border-radius: 0; }
/* Galéria-portfólió (esküvői történetek, ügyfélgalériák) */
body.kp .gallery-portfolio-wrap { max-width: 1440px; margin: 0 auto; padding: 0 var(--kp-margin) 96px; box-sizing: border-box; }
body.kp .gallery-portfolio-intro h1 { display: none; }
body.kp .gallery-portfolio-intro p { max-width: 660px; font-size: 17px; line-height: 1.85; color: var(--kp-body); margin: 0 0 40px; text-align: left; }
body.kp .gallery-portfolio-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 32px; justify-content: flex-start; }
body.kp .gallery-portfolio-filter-btn { background: transparent; color: var(--kp-ink); border: 1px solid var(--kp-line-2); border-radius: 0; padding: 12px 20px; min-height: 0; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }
body.kp .gallery-portfolio-filter-btn:hover { border-color: var(--kp-ink); background: transparent; color: var(--kp-ink); }
body.kp .gallery-portfolio-filter-btn.is-active { background: var(--kp-ink); color: var(--kp-paper); border-color: var(--kp-ink); }
body.kp .gallery-portfolio-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
body.kp .gallery-portfolio-card { display: block; background: var(--kp-card); border: 1px solid var(--kp-line); border-radius: 0; box-shadow: none; text-decoration: none; overflow: hidden; }
body.kp .gallery-portfolio-card[hidden] { display: none; }
body.kp .gallery-portfolio-card:hover { border-color: var(--kp-ink); }
body.kp .gallery-portfolio-card-img-wrap { display: block; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 0; }
body.kp .gallery-portfolio-card-img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0; }
body.kp .gallery-portfolio-card-name { display: block; font-family: var(--kp-display); font-size: 22px; font-weight: 400; color: var(--kp-ink); padding: 18px 22px 20px; text-align: left; letter-spacing: var(--kp-tracking-display); }
body.kp .gallery-portfolio-card-badge { background: var(--kp-ink); color: var(--kp-paper); border-radius: 0; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
body.kp .gallery-portfolio-card-peek-title { font-family: var(--kp-display); font-weight: 300; }
@media (max-width: 991px) { body.kp .gallery-portfolio-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 575px) { body.kp .gallery-portfolio-grid { grid-template-columns: 1fr; } }
/* Ügyfélportál */
body.kp .project-engine-portal { max-width: 1312px; padding: 48px var(--kp-margin) 96px !important; font-family: var(--kp-text); }
body.kp .project-engine-portal h1, body.kp .project-engine-portal h2, body.kp .project-engine-portal h3 { font-family: var(--kp-display); font-weight: 300; color: var(--kp-ink); letter-spacing: var(--kp-tracking-display); }
body.kp .project-engine-portal h1 { font-size: clamp(34px, 4vw, 52px); }
body.kp .project-engine-portal-nav { border-bottom: 1px solid var(--kp-line); gap: 4px; }
body.kp .project-engine-portal-nav-link { font-family: var(--kp-text); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--kp-muted); border-radius: 0; background: transparent; padding: 16px 18px; border-bottom: 2px solid transparent; }
body.kp .project-engine-portal-nav-link:hover { color: var(--kp-ink); background: transparent; }
body.kp .project-engine-portal-nav-link.is-active { color: var(--kp-ink); border-bottom-color: var(--kp-ink); background: transparent; box-shadow: none; }
body.kp .project-engine-portal-card, body.kp .project-engine-portal-order-card, body.kp .project-engine-portal-voucher-card, body.kp .project-engine-portal-documents { background: var(--kp-card); border: 1px solid var(--kp-line); border-radius: 0; box-shadow: none; }
body.kp .project-engine-portal-btn, body.kp .project-engine-portal-logout-btn, body.kp .project-engine-portal-line-download-btn, body.kp .project-engine-portal-order-cancel-btn { border-radius: 0; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; box-shadow: none; }
body.kp .project-engine-portal-btn { background: var(--kp-ink); color: var(--kp-paper); border: 1px solid var(--kp-ink); }
body.kp .project-engine-status-badge { border-radius: 0; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; background: var(--kp-later-bg); color: var(--kp-later-fg); padding: 7px 14px; }
body.kp .pe-status-timeline-step, body.kp .pe-task-list, body.kp .pe-menetrend-item { border-radius: 0; }
/* Ajánlati oldal (PE offer) */
body.kp .pe-offer-option-card, body.kp .pe-offer-useful-info-card, body.kp .pe-offer-recap, body.kp .pe-offer-response-form { background: var(--kp-card); border: 1px solid var(--kp-line); border-radius: 0; box-shadow: none; }
body.kp .pe-offer-option-card.is-selected, body.kp .pe-offer-option-card.selected { border: 2px solid var(--kp-ink); box-shadow: inset 0 0 0 4px var(--kp-sage); }
body.kp .pe-offer-option-price { font-family: var(--kp-display); font-weight: 400; color: var(--kp-ink); }
body.kp .pe-offer-greeting, body.kp .pe-offer-thanks h1, body.kp .pe-offer-thanks h2 { font-family: var(--kp-display); font-weight: 300; color: var(--kp-ink); }
body.kp .pe-offer-sticky-footer { background: var(--kp-dark); border-top: 1px solid var(--kp-dark-line); border-radius: 0; box-shadow: none; }
body.kp .pe-offer-sticky-footer, body.kp .pe-offer-sticky-footer * { color: #fff; }
body.kp .pe-offer-extension-notice { border-radius: 0; }
body.kp .pe-offer-flip-card { border-radius: 0; background: var(--kp-card); color: var(--kp-ink); }
/* Vélemények (Mirapix Értékelések) — a 3 kártyás rács */
body.kp .mrv-grid .mrv-card, body.kp .mrv .mrv-card, body.kp .mrv .mrv-item { background: var(--kp-card); border: 1px solid var(--kp-line); border-radius: 0; box-shadow: none; }
body.kp .mrv button, body.kp .mrv .mrv-more, body.kp .mrv a.mrv-btn { border-radius: 0; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
body.kp .kp-reviews .mrv { max-width: none; }
/* AI Asszisztens indító (diszkrét, szögletes) */
body.kp #ai-asszisztens-widget button.ai-asszisztens-launcher, body.kp .ai-asszisztens-launcher { border-radius: 50% !important; background: var(--kp-ink); color: var(--kp-paper); box-shadow: 0 6px 18px rgba(18,20,22,.22); width: 56px; height: 56px; padding: 0; min-height: 0; }
/* ---------- 25. Rólunk ---------- */
body.kp .kp-bigquote blockquote { font-family: var(--kp-display); font-weight: 300; font-size: clamp(24px, 2.6vw, 36px); line-height: 1.4; color: var(--kp-ink); border: 0; padding: 0; margin: 0 auto; max-width: 900px; text-align: center; background: transparent; }
body.kp .kp-team > .mcb-wrap-inner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
body.kp .kp-team-caps > .mcb-wrap-inner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 12px; }
body.kp .kp-team > .mcb-wrap-inner > .column, body.kp .kp-team-caps > .mcb-wrap-inner > .column { width: auto; max-width: none; margin: 0; float: none; }
body.kp .kp-team-img img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; display: block; }
body.kp .kp-team-cap p { font-size: 15px; line-height: 1.5; margin: 0; }
body.kp .kp-team-cap strong { font-family: var(--kp-display); font-size: 20px; font-weight: 400; color: var(--kp-ink); }
@media (max-width: 767px) { body.kp .kp-team > .mcb-wrap-inner, body.kp .kp-team-caps > .mcb-wrap-inner { grid-template-columns: 1fr; } }
/* ---------- 26. Mobil: az AI-chat indító a ragadós sáv fölé kerül ---------- */
@media (max-width: 767px) {
body.kp #mfn-gdpr { left: 12px; right: 12px; bottom: 12px; max-width: none; }
}
/* =====================================================================
* 27. Betű-ütközés: a site ikon-fontja (kaloczi_icons) minden [class^="kp-"] elemre icomoon !important-ot ír.
* A kp-osztályú SZÖVEG-elemek visszakapják a rendszer betűit; az ikon-elemek érintetlenek.
* ===================================================================== */
body.kp [class^="kp-"]:not(i), body.kp [class*=" kp-"]:not(i) { font-family: var(--kp-text) !important; }
body.kp .kp-order-price, body.kp .kp-pkg__price, body.kp .kp-pkg__name, body.kp .kp-menetrend__time, body.kp .kp-pstrip__r strong,
body.kp .kp-hero h1, body.kp .kp-page-title h1, body.kp .kp-sec-title h2 { font-family: var(--kp-display) !important; }
/* Kapi-komponensek címbetűs elemei (404, buborék, köszönő kártya) — a fenti !important kényszer alól kivéve */
body.kp h1.kp-page-title, body.kp span.kp-notfound__code, body.kp div.kp-bubble, body.kp .kp-strip__fr.is-miss span, body.kp .kp-notfound__hint b, body.kp h3.kp-done__title { font-family: var(--kp-display) !important; }
/* =====================================================================
28. Webshop (Store plugin), jogi/szabályzat oldalak, videók, közös segédek
===================================================================== */
body.kp .kp-jump { margin: 24px 0 0; display: flex; flex-wrap: wrap; gap: 8px 28px; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; }
body.kp .kp-jump a { color: var(--kp-ink); text-decoration: none; border-bottom: 1px solid var(--kp-ink); padding-bottom: 3px; }
body.kp .kp-jump a:hover { color: var(--kp-sage-text); border-color: var(--kp-sage-text); }
/* Store: kategória-kártyák (kalo-shop-cards) és árlista */
body.kp .kalo-shop-cards { max-width: none; margin: 28px 0 0; gap: 24px; }
body.kp .kalo-shop-card { border: 1px solid var(--kp-line); border-radius: 0; background: var(--kp-card); box-shadow: none; transform: none; }
body.kp .kalo-shop-card:hover { border-color: var(--kp-ink); box-shadow: none; transform: none; }
body.kp .kalo-shop-card-img { aspect-ratio: 4 / 5; background: var(--kp-paper-2); }
body.kp .kalo-shop-card-body { text-align: left; padding: 20px 22px 22px; }
body.kp .kalo-shop-card-name { font-family: var(--kp-display); font-weight: 400; font-size: 22px; letter-spacing: var(--kp-tracking-display); color: var(--kp-ink); }
body.kp .kalo-shop-card-foot { justify-content: space-between; }
body.kp .kalo-shop-price { font-family: var(--kp-text); font-size: 15px; color: var(--kp-ink); }
body.kp .kalo-shop-count { font-family: var(--kp-text); letter-spacing: .14em; color: var(--kp-muted); }
body.kp ul.kalo-shop-pricelist li { border-bottom-color: var(--kp-line); }
body.kp ul.kalo-shop-pricelist a { color: var(--kp-ink); }
body.kp ul.kalo-shop-pricelist a:hover { color: var(--kp-sage-text); }
body.kp .kp-gift-img img { width: 100%; height: auto; display: block; }
body.kp .kp-shop-l .image_frame, body.kp .kp-shop-r .image_frame { margin: 0; }
/* Store: termékrács ([store_shop]) */
body.kp .pe-shop-wrap { text-align: left; padding: 0 0 8px; }
body.kp .pe-shop-products { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 24px; justify-content: stretch; margin-bottom: 0; }
body.kp .pe-shop-product { background: var(--kp-card); border: 1px solid var(--kp-line); border-radius: 0; padding: 18px 18px 22px; flex: none; max-width: none; min-width: 0; text-align: left; transition: border-color .2s ease; }
body.kp .pe-shop-product:hover { border-color: var(--kp-ink); }
body.kp .pe-shop-product-image { border-radius: 0; margin-bottom: 16px; background: var(--kp-paper-2); }
body.kp .pe-shop-product h3, body.kp .pe-shop-product-title, body.kp .pe-shop-product .title { font-family: var(--kp-display); font-weight: 400; font-size: 22px; line-height: 1.2; letter-spacing: var(--kp-tracking-display); color: var(--kp-ink); margin: 0 0 6px; }
body.kp .pe-shop-product-desc { color: var(--kp-muted); font-size: 14px; }
body.kp .pe-shop-product-price { font-family: var(--kp-text); font-size: 15px; font-weight: 600; color: var(--kp-ink); margin: 10px 0 18px; }
body.kp .pe-shop-price-original { color: var(--kp-muted); }
body.kp .pe-shop-price-sale { color: var(--kp-sage-text); }
body.kp .pe-shop-btn, body.kp .pe-shop-view-btn, body.kp .pe-shop-add-to-cart-btn {
display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; border-radius: 0;
background: var(--kp-ink); color: #fff; border: 1px solid var(--kp-ink); font-family: var(--kp-display); font-weight: 500;
font-size: 12px; letter-spacing: .16em; text-transform: uppercase; text-decoration: none; box-shadow: none; transition: background .15s, color .15s;
}
body.kp .pe-shop-btn:hover, body.kp .pe-shop-view-btn:hover, body.kp .pe-shop-add-to-cart-btn:hover { background: transparent; color: var(--kp-ink); border-color: var(--kp-ink); }
body.kp .pe-shop-btn[disabled], body.kp .pe-shop-add-to-cart-btn[disabled] { background: var(--kp-line); border-color: var(--kp-line); color: var(--kp-muted); cursor: not-allowed; }
body.kp .pe-shop-view-btn { width: 100%; }
/* Store: termékoldal, kosár, pénztár, köszönő oldal */
body.kp .pe-shop-detail-wrap, body.kp .pe-shop-detail { color: var(--kp-ink); }
body.kp .pe-shop-detail { background: var(--kp-card); border: 1px solid var(--kp-line); border-radius: 0; box-shadow: none; }
body.kp .pe-shop-detail-back { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--kp-ink); text-decoration: none; }
body.kp .pe-shop-detail-info h1, body.kp .pe-shop-detail-info h2 { font-family: var(--kp-display); font-weight: 400; letter-spacing: var(--kp-tracking-display); }
body.kp .pe-shop-detail-thumb, body.kp .pe-shop-detail-gallery img, body.kp .pe-shop-detail-gallery > * { border-radius: 0; }
body.kp .pe-shop-detail-pill, body.kp .pe-shop-detail-swatch { border-radius: 0; }
body.kp .pe-shop-detail-select, body.kp .pe-shop-wrap input[type="text"], body.kp .pe-shop-wrap input[type="email"], body.kp .pe-shop-wrap input[type="tel"], body.kp .pe-shop-wrap input[type="number"], body.kp .pe-shop-wrap select, body.kp .pe-shop-wrap textarea {
background: var(--kp-paper); border: 1px solid var(--kp-line); border-radius: 0; color: var(--kp-ink); min-height: 46px; box-shadow: none; font-family: var(--kp-text);
}
body.kp .pe-shop-wrap input:focus, body.kp .pe-shop-wrap select:focus, body.kp .pe-shop-wrap textarea:focus { border-color: var(--kp-ink); outline: 0; box-shadow: 0 0 0 1px var(--kp-ink); }
body.kp .pe-shop-dropzone { border-radius: 0; border-color: var(--kp-line); background: var(--kp-paper); }
body.kp .pe-shop-qty-btn { border-radius: 0; background: var(--kp-ink); color: #fff; border: 1px solid var(--kp-ink); }
body.kp .pe-shop-qty-input { border-radius: 0; }
body.kp .pe-shop-thanks { background: var(--kp-card); border: 1px solid var(--kp-line); border-radius: 0; }
body.kp .pe-shop-modal, body.kp .pe-shop-modal-box, body.kp .pe-shop-lightbox-inner { border-radius: 0; }
/* Jogi / szabályzat / tudnivalók (kp-doc): olvasható sortöréssel, a design tokenjeivel */
body.kp .kp-doc { padding-top: 24px; }
body.kp .kp-doc .column_column, body.kp .kp-doc .column_column p, body.kp .kp-doc .column_column li { font-size: 16px; line-height: 1.75; color: var(--kp-ink); }
body.kp .kp-doc .column_column p, body.kp .kp-doc .column_column ul, body.kp .kp-doc .column_column ol { max-width: 76ch; }
body.kp .kp-doc .column_column ul, body.kp .kp-doc .column_column ol { padding-left: 1.2em; }
body.kp .kp-doc h2, body.kp .kp-doc h3, body.kp .kp-doc h4, body.kp .kp-doc .column_heading .title { font-family: var(--kp-display); font-weight: 400; font-size: 22px; line-height: 1.3; letter-spacing: var(--kp-tracking-display); color: var(--kp-ink); margin: 8px 0 12px; }
body.kp .kp-doc h2 { font-size: 26px; }
body.kp .kp-doc .divider_wrapper hr, body.kp .kp-doc hr.hr_color { border-color: var(--kp-line); background: var(--kp-line); }
body.kp .kp-doc a { color: var(--kp-sage-text); text-decoration: underline; text-underline-offset: 3px; }
body.kp .kp-doc .image_frame, body.kp .kp-doc .image_frame img { border-radius: 0; }
body.kp .kp-doc .table_of_contents, body.kp .kp-doc .mfn-toc { font-size: 14px; }
body.kp .kp-doc .table_of_contents a { color: var(--kp-ink); text-decoration: none; }
body.kp .kp-doc .table_of_contents a:hover { color: var(--kp-sage-text); }
/* Videók */
body.kp .kp-videos > .mcb-wrap-inner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
body.kp .kp-videos .column { width: 100%; max-width: none; margin: 0; }
body.kp .kp-videos iframe, body.kp .kp-videos .mfn-video { aspect-ratio: 16 / 9; width: 100%; height: auto; border: 0; }
@media (max-width: 991px) { body.kp .kp-videos > .mcb-wrap-inner { grid-template-columns: 1fr; } }
/* Ügyfél-oldali közös segéd: a régi (kalo-shop-*, kalo-svc) blokkok tokenjei */
body.kp { --ks-ink: var(--kp-ink); --ks-sage: var(--kp-sage-text); --ks-line: var(--kp-line); --ks-tint: var(--kp-paper-2); --ks-faint: var(--kp-muted); }
/* Partnerek ([kalo_partnerek]): a kártya