/* Tematikus aloldalak (digitális meghívó, visszajelzés, weboldal, minták, árak, save the date)
   A site.css + page.css komponenseire épül; itt csak az aloldal-specifikus elemek vannak. */

/* Morzsamenü */
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin:0 0 30px;padding:0;font:500 11.5px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.crumbs li{display:flex;align-items:center}
.crumbs li + li::before{content:"";width:18px;height:1px;background:var(--line-2);margin:0 12px}
.crumbs a{transition:color .3s var(--ease)}
.crumbs a:hover{color:var(--wine)}
.crumbs [aria-current]{color:var(--ink-2)}

/* Nyitó blokk */
.lp-hero{padding:clamp(52px,7vw,104px) 0 clamp(56px,7vw,104px)}
.lp-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(36px,5vw,88px);align-items:end}
.lp-hero .label.kick{display:flex;align-items:center;gap:14px;margin:0 0 22px}
.lp-hero .label.kick::before{content:"";width:28px;height:1px;background:currentColor}
.lp-hero .display{max-width:11.5em}
.lp-hero .lead{margin:28px 0 0;max-width:33em}
.lp-hero .hero-cta{margin-top:36px}
@media (max-width:980px){.lp-hero-grid{grid-template-columns:1fr;align-items:start}}

/* Tény-kártya: címke + érték sorok, alapvonalra igazítva */
.facts{margin:0;padding:clamp(24px,2.6vw,34px);background:#FBF8F2;border-radius:6px;position:relative;box-shadow:0 30px 60px -44px rgba(60,30,20,.35)}
.facts::before{content:"";position:absolute;inset:9px;border:1px solid rgba(107,30,42,.14);border-radius:3px;pointer-events:none}
.facts-h{display:block;padding-bottom:14px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.facts dl{margin:0}
.facts dl > div{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:20px;align-items:baseline;padding:14px 0;border-bottom:1px dotted rgba(31,26,23,.24)}
.facts dl > div:last-child{border-bottom:0;padding-bottom:2px}
.facts dt{font:500 11.5px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.facts dd{margin:0;text-align:right;font:400 21px/1.2 var(--serif);color:var(--ink)}
.facts dd small{display:block;font:400 13px/1.35 var(--sans);color:var(--ink-3);margin-top:3px}
.facts .wine{color:var(--wine);font-style:italic}

/* Szekciók */
.lp-sec{padding:clamp(72px,9vw,128px) 0;border-top:1px solid var(--line)}
.lp-sec.flush{border-top:0;padding-top:0}
.lp-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px)}
.lp-split > .lp-side{position:sticky;top:116px;align-self:start}
.lp-side > .label{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.lp-side > .label::before{content:"";width:28px;height:1px;background:currentColor}
.lp-side .h2{font-size:clamp(36px,4.4vw,58px)}
.lp-side .lead{margin-top:24px}
@media (max-width:860px){.lp-split{grid-template-columns:1fr}.lp-split > .lp-side{position:static}}

/* Folyószöveg az aloldalakon */
.lp-prose{font-size:18px;line-height:1.72;color:var(--ink-2);max-width:40em}
.lp-prose > *:first-child{margin-top:0}
.lp-prose p{margin:0 0 1.15em}
.lp-prose h3{font:400 clamp(25px,2.4vw,30px)/1.18 var(--serif);color:var(--ink);margin:1.7em 0 .5em}
.lp-prose strong{font-weight:600;color:var(--ink)}
.lp-prose a{color:var(--wine);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:1px}
.lp-prose ul,.lp-prose ol{margin:0 0 1.3em;padding:0}
.lp-prose ul{list-style:none}
.lp-prose ul li{position:relative;padding-left:28px;margin:.55em 0}
.lp-prose ul li::before{content:"";position:absolute;left:0;top:.82em;width:14px;height:1px;background:var(--wine)}
.lp-prose ol{padding-left:1.3em}
.lp-prose ol li{margin:.55em 0;padding-left:.3em}
.lp-prose ol li::marker{font-family:var(--serif);font-style:italic;color:var(--wine)}

/* Összehasonlító táblázat */
.lp-table{width:100%;border-collapse:collapse;margin:8px 0 1.4em;font-size:16px;line-height:1.45}
.lp-table th,.lp-table td{text-align:left;vertical-align:baseline;padding:14px 14px 14px 0;border-bottom:1px solid var(--line)}
.lp-table thead th{font:500 11.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);border-bottom-color:var(--line-2)}
.lp-table tbody th{font:400 19px/1.25 var(--serif);color:var(--ink);font-weight:400;width:32%}
.lp-table td:last-child,.lp-table th:last-child{padding-right:0}
.lp-table .yes{color:var(--ink)}
@media (max-width:560px){.lp-table{font-size:14.5px}.lp-table tbody th{font-size:17px;width:30%}.lp-table th,.lp-table td{padding-right:10px}}

/* Kártyarács */
.lp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.lp-card{padding:32px clamp(18px,2.4vw,34px) 34px 0;border-bottom:1px solid var(--line)}
.lp-card + .lp-card{padding-left:clamp(18px,2.4vw,34px);border-left:1px solid var(--line)}
.lp-card:nth-child(3n+1){padding-left:0;border-left:0}
.lp-card .num{display:block;margin-bottom:18px}
.lp-card h3{font:400 clamp(24px,2.2vw,28px)/1.15 var(--serif);margin:0 0 10px}
.lp-card p{margin:0;font-size:16px;color:var(--ink-2)}
@media (max-width:980px){.lp-cards{grid-template-columns:1fr 1fr}.lp-card:nth-child(3n+1){padding-left:clamp(18px,2.4vw,34px);border-left:1px solid var(--line)}.lp-card:nth-child(2n+1){padding-left:0;border-left:0}}
@media (max-width:600px){.lp-cards{grid-template-columns:1fr}.lp-card,.lp-card + .lp-card,.lp-card:nth-child(3n+1){padding:26px 0;border-left:0}}

/* Minta részletes blokk */
.lp-sample{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:center;padding:clamp(48px,6vw,80px) 0;border-top:1px solid var(--line)}
.lp-sample:first-child{border-top:0;padding-top:0}
.lp-sample figure{margin:0;border-radius:3px;overflow:hidden;aspect-ratio:4/5;background:var(--paper-2);box-shadow:0 40px 70px -50px rgba(60,30,20,.55)}
.lp-sample figure img{width:100%;height:100%;object-fit:cover}
.lp-sample .label{display:block;margin-bottom:18px}
.lp-sample h2{margin-bottom:20px}
.lp-sample .lead{margin:0 0 24px}
.lp-sample .show-list{margin-bottom:30px}
.lp-sample:nth-child(even) figure{order:2}
@media (max-width:860px){.lp-sample{grid-template-columns:1fr}.lp-sample:nth-child(even) figure{order:0}.lp-sample figure{aspect-ratio:5/4}}

/* Árkalkuláció kártyák */
.calc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.calc{padding:clamp(24px,2.6vw,34px);background:#FBF8F2;border-radius:6px;position:relative;display:flex;flex-direction:column;box-shadow:0 30px 60px -44px rgba(60,30,20,.35)}
.calc::before{content:"";position:absolute;inset:9px;border:1px solid rgba(107,30,42,.14);border-radius:3px;pointer-events:none}
.calc .label{display:block;margin-bottom:12px}
.calc h3{font:400 clamp(25px,2.2vw,29px)/1.15 var(--serif);margin:0 0 8px}
.calc > p{margin:0 0 18px;font-size:15px;color:var(--ink-3)}
.calc ul{list-style:none;margin:0 0 auto;padding:0;border-top:1px solid var(--line)}
.calc li{display:flex;align-items:baseline;gap:10px;padding:11px 0;font-size:15.5px;color:var(--ink)}
.calc li .ln{flex:0 1 auto;min-width:0}
.calc li .dots{flex:1 1 16px;min-width:16px;border-bottom:1px dotted rgba(31,26,23,.3);transform:translateY(-4px)}
.calc li .pr{flex:none;font:italic 400 18px/1 var(--serif);color:var(--wine);white-space:nowrap}
.calc .tot{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:14px;padding-top:16px;border-top:1px solid var(--line-2)}
.calc .tot span{font:500 11.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.calc .tot b{font:400 clamp(30px,2.8vw,38px)/1 var(--serif);font-weight:400;color:var(--ink);white-space:nowrap}
.lp-prose .calc ul{margin:0}
.lp-prose .calc li{padding:11px 0;margin:0}
.lp-prose .calc li::before{content:none}
.calc .tip{margin:14px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2)}
@media (max-width:980px){.calc-grid{grid-template-columns:1fr}}

/* Kapcsolódó oldalak */
.lp-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.lp-link{display:flex;flex-direction:column;gap:10px;padding:26px 0 0;border-top:1px solid var(--line-2)}
.lp-link .label{font-size:11px}
.lp-link b{font:400 clamp(23px,2vw,27px)/1.18 var(--serif);font-weight:400;color:var(--ink);transition:color .3s var(--ease)}
.lp-link span:last-child{font-size:15px;color:var(--ink-2)}
.lp-link:hover b{color:var(--wine)}
@media (max-width:860px){.lp-links{grid-template-columns:1fr}}

/* Kis megjegyzés-sáv */
.lp-note{margin:28px 0 0;padding:18px 22px;border-left:2px solid var(--wine);background:rgba(255,255,255,.35);font-size:15px;color:var(--ink-2);max-width:46em}
.lp-note a{color:var(--wine);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat}

/* A sötét pcta után ne legyen dupla térköz */
.lp-end{padding-top:clamp(72px,9vw,128px);border-top:1px solid var(--line)}

/* Telefon-keret a nyitó blokkban (save the date) */
.lp-hero .phone.big{margin:0 auto;box-shadow:0 50px 90px -50px rgba(40,10,15,.6)}
.lp-hero .phone.big .scr{background:#2a241f}
@media (max-width:980px){.lp-hero .phone.big{width:min(280px,70vw)}}

/* GYIK és sötét panel címkéje az aloldalakon */
.lp-sec .faq > div:first-child > .label,.page #felulet .label{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.lp-sec .faq > div:first-child > .label::before,.page #felulet .label::before{content:"";width:28px;height:1px;background:currentColor}
.lp-sec .faq .h2{font-size:clamp(36px,4.4vw,58px)}
.lp-hero-grid.mid{align-items:center}