/* Kapcsolat oldal a főoldal (v14) elemeivel: Tamás kézírásos üzenettel, Prof, képes kártyák, arany gombok */
body.contact-v14 { --k-gold: #c9a86b; --k-gold2: #c9a86b; --k-gold3: #f6ead0; --k-surf: #1d1a15; --k-line: #2c2821; --k-line2: #484237; --k-tx: #efeadf; --k-mut: #bab3a5; --k-pad: clamp(16px, 3.9vw, 72px); }
body.contact-v14 .ct-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 24px; align-items: end; min-height: clamp(520px, 72vh, 760px); padding: 40px var(--k-pad) 0; overflow: hidden; background: radial-gradient(ellipse at 75% 85%, #373229 0%, transparent 60%), #15130f; border-bottom: 1px solid var(--k-line); }
body.contact-v14 .ct-copy { align-self: center; display: flex; flex-direction: column; gap: 22px; padding-bottom: 40px; }
body.contact-v14 .ct-copy .eyebrow { margin: 0; font: 400 10px/1.3 Michroma, sans-serif; letter-spacing: 2.4px; color: var(--k-gold); }
body.contact-v14 .ct-copy h1 { margin: 0; font: 400 clamp(46px, 5.6vw, 92px)/1.02 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: var(--k-tx); }
body.contact-v14 .ct-copy h1 em { color: var(--k-gold2); }
body.contact-v14 .ct-lead { margin: 0; max-width: 34em; font-size: 18px; line-height: 1.55; color: var(--k-mut); }
body.contact-v14 .ct-acts { display: flex; flex-wrap: wrap; gap: 12px; }
body.contact-v14 .ct-btn, body.contact-v14 .ct-btn-o { height: 52px; padding: 0 22px; display: inline-flex; align-items: center; gap: 10px; font: 600 15px 'Instrument Sans', sans-serif; text-decoration: none; cursor: pointer; white-space: nowrap; }
body.contact-v14 .ct-btn { background: var(--k-gold); color: #1a1712; border: 0; clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px); }
body.contact-v14 .ct-btn:hover { background: var(--k-gold2); color: #1a1712; }
body.contact-v14 .ct-btn-o { background: rgba(21,19,15,.4); color: var(--k-tx); border: 1px solid rgba(239,234,223,.4); font-weight: 500; }
body.contact-v14 .ct-btn-o:hover { border-color: var(--k-gold); color: var(--k-tx); }
body.contact-v14 .ct-prof svg { width: 26px; height: 26px; color: var(--k-gold2); }
body.contact-v14 .ct-facts { list-style: none; margin: 8px 0 0; padding: 18px 0 0; display: flex; flex-wrap: wrap; gap: 14px 36px; border-top: 1px solid var(--k-line); }
body.contact-v14 .ct-facts li { display: flex; flex-direction: column; gap: 4px; }
body.contact-v14 .ct-facts b { font: 400 24px/1 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: var(--k-gold2); }
body.contact-v14 .ct-facts span { font-size: 13px; color: var(--k-mut); }
/* Tamás és Prof */
body.contact-v14 .ct-stage { position: relative; align-self: stretch; min-height: 460px; }
body.contact-v14 .ct-tamas { position: absolute; right: 18%; bottom: 0; width: min(100%, 440px); aspect-ratio: 402 / 420; display: block; color: var(--k-tx); }
body.contact-v14 .ct-tamas img { width: 100%; height: 100%; object-fit: contain; object-position: 50% 100%; -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent 98%); mask-image: linear-gradient(180deg, #000 70%, transparent 98%); }
body.contact-v14 .ct-tag { position: absolute; left: -4%; bottom: 34%; height: 38px; padding: 0 14px; display: flex; align-items: center; gap: 8px; background: rgba(21,19,15,.92); border: 1px solid var(--k-line2); font-size: 13px; white-space: nowrap; }
body.contact-v14 .ct-tag em { font-style: normal; color: var(--k-gold); }
body.contact-v14 .ct-note { position: absolute; right: 82%; top: 4%; display: flex; flex-direction: column; align-items: flex-end; font-family: Caveat, 'Segoe Print', cursive; text-align: right; white-space: nowrap; transform: rotate(-5deg); text-shadow: 0 2px 14px rgba(10,9,7,.85); pointer-events: none; }
body.contact-v14 .ct-note b { font-weight: 700; font-size: clamp(26px, 2.2vw, 38px); line-height: 1; color: var(--k-gold3); }
body.contact-v14 .ct-note i { font-style: normal; font-weight: 500; font-size: clamp(20px, 1.6vw, 28px); line-height: 1.15; color: var(--k-gold2); }
body.contact-v14 .ct-note u { position: relative; text-decoration: none; padding: 0 2px; }
body.contact-v14 .ct-note u svg { position: absolute; left: -2px; bottom: -6px; width: calc(100% + 6px); height: 10px; color: var(--k-gold); overflow: visible; }
body.contact-v14 .ct-arrow { width: clamp(70px, 6vw, 100px); margin: 4px -26px 0 0; color: var(--k-gold2); transform: rotate(8deg); }
body.contact-v14 .ct-prof-fig { position: absolute; right: 0; bottom: 0; width: clamp(96px, 8vw, 140px); padding: 0; background: none; border: 0; color: var(--k-gold2); cursor: pointer; -webkit-mask-image: linear-gradient(180deg, #000 72%, transparent 100%); mask-image: linear-gradient(180deg, #000 72%, transparent 100%); }
body.contact-v14 .ct-prof-fig svg { display: block; width: 100%; height: auto; filter: drop-shadow(0 1px 3px rgba(10,9,7,.9)); transition: transform .3s; }
body.contact-v14 .ct-prof-fig:hover svg { transform: translateY(-3px); }
body.contact-v14 .ct-prof-fig span { position: absolute; left: 50%; top: -8px; transform: translate(-50%, -100%); padding: 6px 10px; background: rgba(21,19,15,.92); border: 1px solid var(--k-line2); color: var(--k-tx); font-size: 13px; white-space: nowrap; opacity: 0; transition: opacity .2s; }
body.contact-v14 .ct-prof-fig:hover span { opacity: 1; }

/* a három út: képes, arany kártyák */
body.contact-v14 .contact-hub.section { padding-top: clamp(56px, 8vh, 96px); }
body.contact-v14 .hub-heading h2 { font: 400 clamp(38px, 4vw, 64px)/1.05 Newsreader, Newsreader,Georgia,'Times New Roman',serif; }
body.contact-v14 .hub-paths { gap: 14px; }
body.contact-v14 .hub-paths a { position: relative; overflow: hidden; padding: 150px 24px 24px !important; background: #1d1a15; border: 1px solid #3a352b; clip-path: polygon(0 0, 100% 0, 100% 100%, 26px 100%, 0 calc(100% - 26px)); transition: border-color .2s, transform .2s; }
body.contact-v14 .hub-paths a::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 130px; background-size: cover; background-position: center; opacity: .85; transition: opacity .3s, transform .6s; }
body.contact-v14 .hub-paths a::after { content: ""; position: absolute; left: 0; right: 0; top: 70px; height: 62px; background: linear-gradient(180deg, transparent, #1d1a15); pointer-events: none; }
body.contact-v14 .hub-paths a[data-hub="onkiszolgalo"]::before { background-image: url("../fooldal-media/img/nappali-konyha-latvanyterv-berendezve_visualsale-480.webp"); }
body.contact-v14 .hub-paths a[data-hub="tanacsado"]::before { background: radial-gradient(ellipse at 50% 70%, #373229 0%, #1d1a15 75%); opacity: 1; }
body.contact-v14 .hub-paths a[data-hub="egyeztetes"]::before { background-image: url("../fooldal-media/img/somorjai-tamas-epiteszmernok-art-director_visualsale.png"); background-size: auto 230%; background-position: 50% 8%; background-repeat: no-repeat; background-color: #28251f; }
body.contact-v14 .hub-paths a:hover { border-color: var(--k-gold); transform: translateY(-2px); }
body.contact-v14 .hub-paths a:hover::before { opacity: 1; }
body.contact-v14 .hub-paths a > svg { position: absolute; z-index: 2; top: 18px; left: 20px; width: 40px; height: 40px; color: var(--k-gold2); }
body.contact-v14 .hub-paths a[data-hub="tanacsado"] > svg { top: 22px; left: 50%; width: 92px; height: 92px; margin-left: -46px; }
body.contact-v14 .hub-paths a[data-hub="onkiszolgalo"] > svg, body.contact-v14 .hub-paths a[data-hub="egyeztetes"] > svg { padding: 8px; background: rgba(21,19,15,.75); }
body.contact-v14 .hub-paths a > span, body.contact-v14 .hub-paths a > strong, body.contact-v14 .hub-paths a > small { position: relative; z-index: 2; }
body.contact-v14 .hub-paths a strong { font: 400 28px/1.1 Newsreader, Newsreader,Georgia,'Times New Roman',serif; }
body.contact-v14 .hub-paths a[aria-current="true"], body.contact-v14 .hub-paths a.is-active, body.contact-v14 .hub-paths a[aria-selected="true"] { border-color: var(--k-gold2); box-shadow: inset 0 0 0 1px var(--k-gold); }
body.contact-v14 .hub-panel { border-color: #3a352b; }
body.contact-v14 .hub-panel button[type="submit"], body.contact-v14 #quick-price-form button[type="submit"] { background: var(--k-gold); color: #1a1712; border: 0; clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); font-weight: 600; }

@media (max-width: 960px) {
  body.contact-v14 .ct-hero { grid-template-columns: minmax(0, 1fr); min-height: 0; padding-top: 32px; }
  body.contact-v14 .ct-stage { min-height: 380px; }
  body.contact-v14 .ct-tamas { right: auto; left: 50%; transform: translateX(-50%); width: min(80%, 360px); }
  body.contact-v14 .ct-note { right: 60%; top: -6%; }
  body.contact-v14 .ct-tag { left: 0; }
}
@media (max-width: 560px) {
  body.contact-v14 .ct-acts a, body.contact-v14 .ct-acts button { width: 100%; justify-content: center; }
  body.contact-v14 .ct-note { right: 52%; top: -10%; }
  body.contact-v14 .ct-note b { font-size: 24px; } body.contact-v14 .ct-note i { font-size: 19px; }
  body.contact-v14 .ct-prof-fig { width: 80px; }
}
/* mobilon is a képes kártya-elrendezés (a régi mobil szabályok felülírása) */
@media (max-width: 960px) {
  body.contact-v14 .hub-paths a { display: flex !important; flex-direction: column; gap: 6px; padding: 150px 20px 20px !important; }
  body.contact-v14 .hub-paths a > svg { position: absolute !important; top: 18px !important; left: 18px !important; margin: 0 !important; transform: none !important; }
  body.contact-v14 .hub-paths a[data-hub="tanacsado"] > svg { left: 50% !important; top: 20px !important; width: 92px !important; height: 92px !important; margin-left: -46px !important; }
  body.contact-v14 .hub-paths a > span, body.contact-v14 .hub-paths a > strong, body.contact-v14 .hub-paths a > small { grid-column: auto !important; }
}

/* „Beszéljünk róla” űrlap: Tamás visszaköszön */
body.contact-v14 .human-heading { position: relative; align-items: flex-end; }
body.contact-v14 .human-tamas { position: relative; margin: -40px 0 -20px auto; width: 190px; height: 170px; flex: 0 0 auto; display: flex; align-items: flex-end; }
body.contact-v14 .human-tamas img { width: 150px; height: 170px; object-fit: cover; object-position: 50% 6%; -webkit-mask-image: linear-gradient(180deg, #000 72%, transparent 100%); mask-image: linear-gradient(180deg, #000 72%, transparent 100%); }
body.contact-v14 .human-tamas figcaption { position: absolute; right: 118px; top: 8px; display: flex; flex-direction: column; align-items: flex-end; font-family: Caveat, 'Segoe Print', cursive; white-space: nowrap; transform: rotate(-5deg); text-shadow: 0 2px 12px rgba(10,9,7,.85); }
body.contact-v14 .human-tamas b { font-weight: 700; font-size: 30px; line-height: 1; color: var(--k-gold3); }
body.contact-v14 .human-tamas i { font-style: normal; font-size: 22px; color: var(--k-gold2); }
@media (max-width: 760px) { body.contact-v14 .human-tamas { margin: 0; width: 100%; justify-content: flex-end; } body.contact-v14 .human-tamas figcaption { right: 140px; } }
body.contact-v14 .human-tamas { width: 360px; height: 200px; margin: -70px 0 -20px auto; overflow: visible; }
body.contact-v14 .human-tamas { --s: 1; } body.contact-v14 .human-tamas::after { content: ""; } body.contact-v14 .human-tamas img { position: absolute; right: 0; bottom: 0; width: 200px; height: 200px; object-fit: none; object-position: 50% 0; }
body.contact-v14 .human-tamas figcaption { right: 200px; top: 36px; }
body.contact-v14 .human-tamas .ht-crop { position: absolute; right: 0; bottom: 0; width: 210px; height: 215px; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, #000 74%, transparent 100%); mask-image: linear-gradient(180deg, #000 74%, transparent 100%); }
body.contact-v14 .human-tamas .ht-crop img { position: absolute; left: -95px; top: -4px; width: 400px; height: auto; max-width: none; object-fit: initial; -webkit-mask-image: none; mask-image: none; }
body.contact-v14 .human-tamas figcaption { right: 215px; top: 40px; }