/* VARIANTA G – celé pozadí úvodu a rozcestníků v RAL 6006 (#3C392E), světlé písmo; foto kanceláře na výšku vlevo */
@import url("theme-ral6006.css");
:root{--ral:#3C392E;--ral-2:#47443A;--ral-linka:#5C584D;--sv:#F2F0E8;--sv-2:#C9C5B7}
body.rozcestnik,body.rozcestnik main{background:var(--ral);color:var(--sv)}
.uvod{background:var(--ral);padding:0}
.uvod-k{color:var(--sv-2)!important}
body.rozcestnik h1{color:#fff} body.rozcestnik h1 small{color:var(--sv-2)}
body.rozcestnik h2{color:var(--sv-2)} body.rozcestnik h3{color:#fff}
body.rozcestnik p,body.rozcestnik .uvodni{color:var(--sv-2)}
body.rozcestnik a{color:#fff}
body.rozcestnik .drobecky,body.rozcestnik .drobecky a{color:#A8A396}
.uvod h1{color:#fff} .uvod p{color:var(--sv-2)}
.tl-1{background:#fff!important;color:var(--ral)!important}.tl-1:hover{background:var(--sv-2)!important}
.tl-2{border-color:rgba(255,255,255,.75)!important;color:#fff!important}.tl-2:hover{background:#fff;color:var(--ral)!important}
.uvod-odznaky{border-top-color:var(--ral-linka)}
body.rozcestnik .odznak span{color:#A8A396} body.rozcestnik .odznak b{color:#fff}
body.rozcestnik .blok{background:var(--ral-2);border-top-color:var(--sv-2)}
body.rozcestnik .karta{background:var(--ral-2);border-color:var(--ral-linka);color:#fff}
body.rozcestnik .karta:hover{border-color:var(--sv-2);box-shadow:none}
body.rozcestnik .karta .telo p{color:#BDB8AA} body.rozcestnik .karta .vic{color:#fff}
body.rozcestnik .udaje{border-top-color:var(--sv-2)} body.rozcestnik .udaje b{color:#fff} body.rozcestnik .udaje span{color:#A8A396}
body.rozcestnik .realizace img{background:#fff;padding:14px}
body.rozcestnik .realizace figcaption{color:#A8A396}
body.rozcestnik .vlastnosti p{color:#CFCBBE}
.hlavicka{border-bottom:1px solid #4E4A40}
/* rozvržení úvodu: foto na výšku vlevo */
.uvod-split{display:grid;grid-template-columns:minmax(380px,34%) 1fr;min-height:calc(100vh - 82px);max-height:900px}
.uvod-foto{position:relative;overflow:hidden}
.uvod-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% 50%}
.uvod-foto span{position:absolute;left:0;bottom:0;background:rgba(60,57,46,.85);color:#fff;font-size:13px;font-weight:600;padding:6px 12px}
.uvod-text{display:flex;flex-direction:column;justify-content:center;padding:64px 72px}
.uvod-text h1{font-size:58px}
@media(max-width:900px){.uvod-split{grid-template-columns:1fr;max-height:none}.uvod-foto{height:320px}.uvod-text{padding:40px 16px}.uvod-text h1{font-size:36px}}
/* levý sloupec: dvě fotky pod sebou, stejná šířka, slícované */
.uvod-foto{display:flex;flex-direction:column;gap:6px;background:var(--ral)}
.uvod-foto figure{position:relative;margin:0;flex:1;overflow:hidden;min-height:0}
.uvod-foto figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.uvod-foto figure span{position:absolute;left:0;bottom:0;background:rgba(60,57,46,.85);color:#fff;font-size:13px;font-weight:600;padding:6px 12px}
@media(max-width:900px){.uvod-foto{height:520px}}
/* úvod v mřížce obsahu – fotky lícují se sloupcem „LX Hausys“ pod nimi */
.uvod-split.v-mrizce{max-width:var(--sirka);margin:0 auto;padding:40px 24px 56px;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;min-height:0;max-height:none}
.v-mrizce .uvod-foto{height:640px}
.v-mrizce .uvod-text{padding:0}
.v-mrizce .uvod-text h1{font-size:44px}
.v-mrizce .uvod-text p{font-size:17px}
@media(max-width:900px){.uvod-split.v-mrizce{grid-template-columns:1fr;padding:24px 16px}.v-mrizce .uvod-foto{height:520px}}
/* menu v bílém záhlaví zůstává tmavé i na rozcestnících */
body.rozcestnik .hlavicka .menu a{color:var(--text)}
body.rozcestnik .hlavicka .menu a:hover,body.rozcestnik .hlavicka .menu a[aria-current="page"]{color:var(--cervena)}
/* bez patičky: odsazení konce stránek, právní řádek v Kontaktu */
body:not(.uvodka) main{padding-bottom:72px}
.kontakt-pravni{margin-top:40px;padding-top:16px;border-top:1px solid var(--linka,#ddd);font-size:13px;color:#777}
/* záhlaví: logo H.FLOR za logem LX Hausys (místo textu) */
.znacka span.hflor{display:flex;align-items:center;padding-left:16px}
.znacka span.hflor img{height:20px;width:auto}
.znacka,.znacka span.hflor,.znacka span.hflor img{flex-shrink:0}
/* Produkty: dvě velké dlaždice přes celou šířku */
.karty-2{grid-template-columns:repeat(2,1fr);gap:32px;margin-top:8px}
.karty-2 .karta .nahled{aspect-ratio:16/10}
.karty-2 .karta .telo{padding:24px 28px 28px}
.karty-2 .karta h3{font-size:28px;margin:0 0 10px}
.karty-2 .karta .telo p{font-size:17px;line-height:1.6}
.karty-2 .karta .vic{font-size:16px;margin-top:16px}
.karta-ct .nahled img{object-position:50% 0!important}
@media(max-width:700px){.karty-2{grid-template-columns:1fr;gap:20px}.karty-2 .karta h3{font-size:22px}}
/* Pro projektanty: rozbalovací parametry řady */
details.parametry{display:inline;border:0;padding:0}
details.parametry summary{display:inline-block;list-style:none;font-size:15px;padding:9px 18px;margin-left:8px;position:static}
details.parametry summary::after{content:none}
details.parametry[open] summary{background:var(--cervena);color:#fff}
details.parametry .parametry-obsah{margin-top:20px;background:#fff;padding:16px 0 0}
details.parametry .parametry-obsah p{color:var(--text-2)}
.h2-pozn{display:block;font-size:15px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--text-2);margin-top:4px}
details.parametry .parametry-obsah h3{margin:32px 0 6px}