/* Yabune ház-ábra v2 (műszaki előkészítés / megoldásaink) */
.mue-house { margin: 1.75rem 0 0; padding: 0; }
/* a Megoldásaink oldal keskeny szöveghasábjából kilép, mint a többi széles blokk */
.page-content .mue-house--wide { width: min(1100px, calc(100vw - 2 * clamp(1rem, 4vw, 2rem))); max-width: none; position: relative; left: 50%; translate: -50% 0; }
.page-content .mue-house--wide figcaption { max-width: 68ch; }
.mue-house-svg { display: block; width: 100%; height: auto; max-width: 1040px; margin: 0 auto; border: 1px solid var(--border, #e6dfd9); border-radius: var(--radius-lg, 16px); overflow: hidden; background: #fff; font-family: var(--font-sans, Inter, system-ui, sans-serif); }
/* a téma régi (v1) ház-stílusainak semlegesítése */
.mue-draw .mue-wall { fill: none; }
.mue-draw .mue-solar { fill: none; stroke: none; }
.mue-draw .mue-glow { fill-opacity: 1; }
.mue-hot-lbl { opacity: 1; stroke: none; paint-order: normal; }
.mue-house figcaption .mue-cap-m { display: none; }
/* vonal-szintek: szerkezet 2.6 · tárgy 1.8 · részlet 1.2 */
.mue-draw { fill: none; stroke: #3a3230; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mue-draw .mue-sky { fill: #eef4f5; stroke: none; }
.mue-draw .mue-sun { fill: #f6e3b4; stroke: #e9c874; stroke-width: 2; }
.mue-draw .mue-soil { fill: #e9dfd6; stroke: none; }
.mue-draw .mue-soil-line { stroke: #dccfc3; stroke-width: 1; stroke-dasharray: 1 9; }
.mue-draw .mue-wall-fill { fill: #fbf8f5; stroke: none; }
.mue-draw .mue-wall { stroke: #3a3230; stroke-width: 2.6; }
.mue-draw .mue-slab { fill: #d9cfc7; stroke: none; }
.mue-draw .mue-inner { stroke: #c9bfb8; stroke-width: 1.2; stroke-dasharray: 4 5; }
.mue-draw .mue-roof { fill: #b6a9a2; stroke: #3a3230; stroke-width: 2.6; }
.mue-draw .mue-chimney { fill: #c9b9ad; stroke: #3a3230; stroke-width: 2.2; }
.mue-draw .mue-panel { fill: #2f5d66; stroke: #1f4249; stroke-width: 1.6; }
.mue-draw .mue-solar-grid { stroke: #8fb6bd; stroke-width: 1; }
.mue-draw .mue-solar-leg { stroke: #6f6560; stroke-width: 1.6; }
.mue-draw .mue-solar-glint { stroke: #cfe3ea; stroke-width: 1.2; opacity: .8; }
.mue-draw .mue-room { fill: #8a7d75; stroke: none; font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.mue-draw .mue-obj { fill: #fff; stroke: #3a3230; stroke-width: 1.8; }
.mue-draw .mue-c-rack { fill: #d6e6e9; stroke: #3f7f8a; }
.mue-draw .mue-rack-u { stroke: #3f7f8a; stroke-width: 1.2; }
.mue-draw .mue-led { fill: #5cb85c; stroke: none; }
.mue-draw .mue-c-inv { fill: #e7eef0; stroke: #3f7f8a; }
.mue-draw .mue-bolt { stroke: #c08a1e; stroke-width: 1.6; }
.mue-draw .mue-c-meter { fill: #fff3df; stroke: #a07a2c; }
.mue-draw .mue-meter-d { stroke: #a07a2c; stroke-width: 1.2; }
.mue-draw .mue-c-heat { fill: #f7dcc8; stroke: #c9773f; }
.mue-draw .mue-manifold { stroke: #c9773f; stroke-width: 1.4; }
.mue-draw .mue-floorheat { stroke: #d98c5f; stroke-width: 1.2; opacity: .8; }
.mue-draw .mue-conduit { stroke: #3f7f8a; stroke-width: 1.4; stroke-dasharray: 4 4; opacity: .7; }
.mue-draw .mue-glow { fill: url(#mueLampGrad); stroke: none; }
.mue-lamp-g0 { stop-color: #f8d77a; stop-opacity: .28; }
.mue-lamp-g1 { stop-color: #f8d77a; stop-opacity: 0; }
.mue-draw .mue-cord { stroke: #6f6560; stroke-width: 1.2; }
.mue-draw .mue-c-lamp { fill: #f8e3a1; stroke: #b98a1e; }
.mue-draw .mue-sofa { stroke: #8a7d75; stroke-width: 2; }
.mue-draw .mue-cab, .mue-draw .mue-counter { fill: #f1ece7; stroke: #8a7d75; stroke-width: 1.4; }
.mue-draw .mue-c-appl { fill: #fff; }
.mue-draw .mue-appl-door { fill: #dfe9ec; stroke: #3a3230; stroke-width: 1.4; }
.mue-draw .mue-appl-panel { stroke: #8a7d75; stroke-width: 1.2; }
.mue-draw .mue-c-robot { fill: #e0dbd7; }
.mue-draw .mue-robot-top { fill: #3a3230; stroke: none; }
.mue-draw .mue-robot-trail { stroke: #b6a9a2; stroke-width: 1.2; stroke-dasharray: 2 4; }
.mue-draw .mue-c-win { fill: #cfe3ea; stroke: #3a3230; }
.mue-draw .mue-win-cross { stroke: #3a3230; stroke-width: 1.2; }
.mue-draw .mue-sill { stroke: #8a7d75; stroke-width: 2.4; }
.mue-draw .mue-shutter-box { fill: #8a7d75; stroke: none; }
.mue-draw .mue-shutter-slats { fill: #b6a9a2; stroke: none; }
.mue-draw .mue-shutter { stroke: #6f6560; stroke-width: 1.4; }
.mue-draw .mue-door { fill: #e0dbd7; stroke: #3a3230; stroke-width: 1.8; }
.mue-draw .mue-door-h { fill: #3a3230; stroke: none; }
.mue-draw .mue-cab-d { stroke: #8a7d75; stroke-width: 1.2; }
.mue-draw .mue-worktop { stroke: #8a7d75; stroke-width: 3; }
.mue-draw .mue-glow--out { opacity: .6; }
.mue-draw .mue-canopy { fill: #8a7d75; stroke: none; }
.mue-draw .mue-step { fill: #d9cfc7; stroke: none; }
.mue-draw .mue-keypad { fill: #fff; stroke: #3a3230; stroke-width: 1.2; }
.mue-draw .mue-keypad-dot { fill: #5cb85c; stroke: none; }
.mue-draw .mue-ap { fill: #d6e6e9; stroke: #3f7f8a; stroke-width: 1.4; }
.mue-draw .mue-ap-wave { stroke: #3f7f8a; stroke-width: 1.2; opacity: .8; }
.mue-draw .mue-bed { fill: #efe8e2; stroke: #8a7d75; stroke-width: 1.4; }
.mue-draw .mue-bed-head { fill: #d9cfc7; stroke: #8a7d75; stroke-width: 1.4; }
.mue-draw .mue-c-cool { fill: #d6e6e9; stroke: #3f7f8a; }
.mue-draw .mue-ac-vent, .mue-draw .mue-fan { stroke: #3f7f8a; stroke-width: 1.2; }
.mue-draw .mue-ac-air { stroke: #8fb6bd; stroke-width: 1.2; }
.mue-draw .mue-refline { stroke: #3f7f8a; stroke-width: 1.4; }
.mue-draw .mue-bracket { stroke: #6f6560; stroke-width: 1.4; }
.mue-draw .mue-tub { fill: #eef4f5; stroke: #8a7d75; stroke-width: 1.4; }
.mue-draw .mue-shower { stroke: #8a7d75; stroke-width: 1.4; }
.mue-draw .mue-cam-view { fill: url(#mueCamGrad); stroke: none; }
.mue-cam-g0 { stop-color: #3a3230; stop-opacity: .14; }
.mue-cam-g1 { stop-color: #3a3230; stop-opacity: .03; }
.mue-draw .mue-cam-arm { stroke: #6f6560; stroke-width: 2; }
.mue-draw .mue-c-cam { fill: #e0dbd7; }
.mue-draw .mue-cam-lens { fill: #3a3230; stroke: none; }
.mue-draw .mue-tree { fill: #b9d3c3; stroke: #4f7a5f; }
.mue-draw .mue-tree--2 { fill: #a9c8b5; }
.mue-draw .mue-trunk { stroke: #7a5f4f; stroke-width: 4; }
.mue-draw .mue-bush { fill: #b9d3c3; stroke: #4f7a5f; }
.mue-draw .mue-fence { stroke: #6f6560; stroke-width: 2.4; }
.mue-draw .mue-gate { fill: none; stroke: #3f7f8a; stroke-width: 2.2; }
.mue-draw .mue-gate-rail { stroke: #6f6560; stroke-width: 2; }
.mue-draw .mue-gate-wheel { fill: #fff; stroke: #3f7f8a; stroke-width: 1.4; }
.mue-draw .mue-gate-bars { stroke: #3f7f8a; stroke-width: 1.6; }
.mue-draw .mue-gate-motor { fill: #3f7f8a; stroke: none; }
.mue-draw .mue-sprinkler { stroke: #6f6560; stroke-width: 2; }
.mue-draw .mue-spray { stroke: #7fb0c4; stroke-width: 1.4; stroke-dasharray: 2 4; }

/* kiemelés: a kijelölt területhez tartozó tárgyak bordó körvonalat kapnak */
.mue-draw [data-k] * { transition: stroke .2s ease; }
.mue-draw [data-k].is-hl .mue-obj, .mue-draw [data-k].is-hl path, .mue-draw [data-k].is-hl rect, .mue-draw [data-k].is-hl ellipse { stroke: #995858; }
.mue-draw [data-k].is-hl .mue-obj { stroke-width: 2.4; }
.mue-draw [data-k].is-hl .mue-glow { stroke: none; }
.mue-draw [data-k].is-hl .mue-floorheat { stroke-width: 2.2; opacity: 1; }
.mue-draw .mue-building > *, .mue-draw .mue-garden-l, .mue-draw .mue-garden-r { transition: opacity .2s ease; }
.mue-dim .mue-building > :not([data-k]):not(.mue-wall):not(.mue-roof):not(.mue-wall-fill):not(.mue-slab):not(.mue-chimney),
.mue-dim .mue-building > [data-k]:not(.is-hl), .mue-dim .mue-garden-l, .mue-dim .mue-garden-r:not(.is-hl) { opacity: .35; }

/* pontok: számozott cédula + vezetővonal + tű a tárgyon */
.mue-hot { cursor: pointer; outline: none; transition: opacity .2s ease; }
.mue-house-svg.mue-dim .mue-hot:not(.is-on) { opacity: .4; }
.mue-hl-all .mue-draw .mue-wall, .mue-hl-all .mue-draw .mue-roof { stroke: #995858; stroke-width: 3.2; }
.mue-hl-all .mue-hot--badge .mue-hot-lead { stroke-dasharray: none; opacity: 1; }
.mue-hot-hit { fill: transparent; stroke: none; }
.mue-hot-lead { fill: none; stroke: #995858; stroke-width: 1.3; stroke-dasharray: .1 3.2; stroke-linecap: round; opacity: .9; }
.mue-hot-pin { fill: #995858; stroke: #fff; stroke-width: 1.5; }
.mue-hot-tag rect { fill: #fff; stroke: #e2d9d2; stroke-width: 1; transition: fill .2s ease, stroke .2s ease; }
.mue-hot-disc { fill: #fff; stroke: #995858; stroke-width: 1.6; transition: fill .2s ease, stroke .2s ease; }
.mue-hot-num { fill: #995858; font-size: 10.5px; font-weight: 700; pointer-events: none; }
.mue-hot-lbl { fill: #3a3230; font-size: 14px; font-weight: 600; transition: fill .2s ease; }
.mue-hot-mdot, .mue-hot-mnum { display: none; }
.mue-hot:hover .mue-hot-tag rect, .mue-hot:focus-visible .mue-hot-tag rect, .mue-hot.is-on .mue-hot-tag rect { fill: #995858; stroke: #995858; }
.mue-hot:hover .mue-hot-lbl, .mue-hot:focus-visible .mue-hot-lbl, .mue-hot.is-on .mue-hot-lbl { fill: #fff; }
.mue-hot:hover .mue-hot-disc, .mue-hot:focus-visible .mue-hot-disc, .mue-hot.is-on .mue-hot-disc { fill: #fff; stroke: #fff; }
.mue-hot.is-on .mue-hot-lead { stroke-dasharray: none; stroke-width: 1.4; opacity: 1; }
.mue-hot.is-on .mue-hot-pin { r: 5px; }
.mue-hot:focus-visible .mue-hot-tag rect { stroke: #222; stroke-width: 2; }
.mue-house figcaption { margin-top: .85rem; font-size: .85rem; color: var(--text-muted, #6b625d); max-width: 68ch; line-height: 1.6; }

/* jelmagyarázat (csak mobilon) */
.mue-legend { display: none; list-style: none; margin: .9rem 0 0; padding: 0 4px; grid-template-columns: 1fr 1fr; gap: .4rem .75rem; }
.mue-legend a { display: flex; align-items: center; gap: .5rem; text-decoration: none; color: inherit; font-size: .92rem; padding: .3rem 0; }
.mue-legend span { flex: 0 0 auto; width: 1.7rem; height: 1.7rem; border-radius: 50%; border: 2px solid #995858; color: #995858; font-weight: 700; font-size: .72rem; display: inline-flex; align-items: center; justify-content: center; }

@media (max-width: 760px) {
	.mue-house .mue-hot-tag, .mue-house .mue-hot-lead, .mue-house .mue-hot-pin, .mue-house .mue-hot-hit, .mue-house .mue-room, .mue-house .mue-hot--badge { display: none; }
	.mue-house .mue-hot-mdot { display: inline; fill: #fff; stroke: #995858; stroke-width: 2.4; }
	.mue-house .mue-hot-mnum { display: inline; fill: #995858; font-size: 17px; font-weight: 700; pointer-events: none; }
	.mue-house .mue-hot.is-on .mue-hot-mdot { fill: #995858; }
	.mue-house .mue-hot.is-on .mue-hot-mnum { fill: #fff; }
	.mue-house .mue-legend { display: grid; }
	.mue-house figcaption .mue-cap-d { display: none; }
	.mue-house figcaption .mue-cap-m { display: inline; }
}

/* főoldal (2026-10-16) */
.home-house { margin-top: 3.5rem; }
.home-house .home-house-lead { text-align: center; max-width: 62ch; margin: 0 auto 1.4rem; color: var(--text-secondary); line-height: 1.7; }
.home-house .mue-house { margin-top: 0; }
.home-house figcaption { margin-left: auto; margin-right: auto; text-align: center; }

/* Ház-ábra buborék: rámutatásra a kép bal felső sarkában (2026-10-16) – JS: assets/js/mue-tip.js */
.mue-stage { position: relative; max-width: 1040px; margin: 0 auto; }
.mue-tip { position: absolute; left: 2.2%; top: 10%; z-index: 3; box-sizing: border-box; width: max-content; max-width: min(33%, 320px); padding: .7rem .9rem .75rem; background: rgba(255, 255, 255, .97); border: 1px solid #e2d9d2; border-left: 4px solid #995858; border-radius: 12px; box-shadow: 0 10px 28px rgba(40, 24, 20, .16); color: #4a413e; text-decoration: none; pointer-events: none; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s; }
.mue-tip.is-on { opacity: 1; visibility: visible; transform: none; transition: opacity .18s ease, transform .18s ease, visibility 0s; }
.mue-tip-h { display: flex; align-items: center; gap: .45rem; margin: 0 0 .3rem; font-weight: 700; font-size: .92rem; color: #3a3230; }
.mue-tip-h span { flex: 0 0 auto; width: 1.45rem; height: 1.45rem; border-radius: 50%; background: #995858; color: #fff; font-size: .66rem; display: inline-flex; align-items: center; justify-content: center; }
.mue-tip-p { display: block; font-size: .84rem; line-height: 1.45; }
.mue-tip-c { display: block; margin-top: .4rem; font-weight: 600; font-size: .8rem; color: #995858; }
.mue-touch .mue-tip.is-on { pointer-events: auto; }
@media (max-width: 1000px) { .mue-tip { max-width: 36%; padding: .55rem .7rem .6rem; } .mue-tip-p { font-size: .78rem; } }
@media (max-width: 760px) {
	.mue-tip { left: 2.5%; top: 3%; max-width: 58%; padding: .5rem .65rem .55rem; border-radius: 10px; }
	.mue-tip-h { font-size: .8rem; margin-bottom: .2rem; }
	.mue-tip-h span { width: 1.25rem; height: 1.25rem; font-size: .6rem; }
	.mue-tip-p { font-size: .72rem; line-height: 1.38; }
	.mue-tip-c { font-size: .7rem; margin-top: .3rem; }
}
@media (prefers-reduced-motion: reduce) { .mue-tip, .mue-tip.is-on { transition: none; transform: none; } }