/* Lešení a bednění — jediný zdroj stylů. Návod: STAVEBNICE.md. */
:root{--ink:#20252b;--dark:#171c22;--yellow:#ffcf00;--hover:#e6b900;--paper:#fff;--surface:#f1f3f4;--muted:#535e68;--line:#cbd0d4;--on-dark:#c8cfd5;--error:#a82222;--success:#216a40;--font:Arial,"Segoe UI",sans-serif;--heading:Arial,"Segoe UI",sans-serif;--s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--s7:64px;--s8:96px;--radius:3px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 var(--font)}a{color:inherit}img{max-width:100%;height:auto}button,input,textarea{font:inherit}a,button,input,textarea{outline-offset:5px}:focus-visible{outline:3px solid var(--ink)}.dark :focus-visible{outline-color:var(--yellow)}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}header{background:var(--paper);border-bottom:1px solid var(--line)}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:112px}.logo{display:block;width:150px;height:92px;object-fit:contain}.nav{display:flex;gap:28px;align-items:center;font-size:16px;font-weight:700}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.phone{font-size:22px;font-weight:800;text-decoration:none;white-space:nowrap}.dark{background:var(--dark);color:var(--on-dark)}h1,h2,h3{font-family:var(--heading);font-weight:800;line-height:1.08;letter-spacing:0;margin:0 0 24px;color:var(--ink)}h1{font-size:clamp(34px,4vw,54px);max-width:750px;text-transform:uppercase}h2{font-size:clamp(30px,3.4vw,44px)}h3{font-size:25px}.dark h1,.dark h2,.dark h3{color:var(--paper)}p{max-width:680px;margin:0 0 24px}.eyebrow{font:700 14px/1.4 var(--font);letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px}.dark .eyebrow{color:var(--yellow)}.hero{padding:72px 0 56px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:center}.hero-art{padding:0;position:relative;border-bottom:6px solid var(--yellow);overflow:hidden}.hero-art img{width:100%;display:block;height:390px;object-fit:cover;object-position:24% center}.hero-art small{display:block;text-align:center;color:var(--muted);font-size:14px}.hero .location{border-top:1px solid var(--muted);padding-top:24px;margin:44px 0 0;font-size:16px;display:flex;justify-content:space-between;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:14px 22px;background:var(--yellow);color:var(--ink);border:2px solid var(--yellow);border-radius:var(--radius);font-size:16px;font-weight:800;text-decoration:none;cursor:pointer;line-height:1.4}.btn:hover,.btn.hover{background:var(--hover);border-color:var(--hover)}.btn:active,.btn.active{transform:translateY(1px);border-color:var(--ink)}.btn.secondary{background:transparent;border-color:var(--ink)}.dark .btn.secondary{border-color:var(--on-dark);color:var(--on-dark)}.btn:disabled{background:var(--surface);border-color:var(--line);color:var(--muted);cursor:not-allowed}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.textlink{font-size:16px;text-underline-offset:5px}.section{padding:72px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}.section-head h2{margin-bottom:0}.section-head p{max-width:340px;margin:0;color:var(--muted);font-size:16px}.index{color:var(--muted);font-size:14px;font-weight:700;letter-spacing:.1em;margin-bottom:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.category{background:var(--paper);border:1px solid var(--line);text-decoration:none;display:block;position:relative;padding:20px;transition:border-color .15s}.category:hover{border-color:var(--ink)}.category img{display:block;width:100%;height:180px;object-fit:contain}.category .caption{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:12px;font-size:18px;font-weight:800;line-height:1.35}.category .number{font-size:13px;letter-spacing:.1em;color:var(--muted)}.surface{background:var(--surface)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.services article{border-top:4px solid var(--yellow);padding-top:24px}.services p{margin:0}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.catalog.two{grid-template-columns:repeat(2,1fr)}.catalog ul{list-style:none;padding:0;margin:0}.catalog li{padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.catalog h3{padding-bottom:16px;border-bottom:3px solid var(--ink);margin-bottom:0}.note{border-left:4px solid var(--yellow);padding:12px 20px;margin-top:32px;max-width:700px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:64px}.contact .big-phone{font-size:clamp(28px,4vw,45px);font-weight:800;text-decoration:none;white-space:nowrap}.field{display:grid;gap:8px;margin-bottom:20px;font-size:16px;font-weight:700}input,textarea{width:100%;padding:12px;border:1px solid var(--muted);border-radius:var(--radius);background:var(--paper);color:var(--ink);min-height:48px}textarea{resize:vertical;min-height:130px}.field small{font-weight:400}.error{color:var(--error)}input[aria-invalid=true]{border:2px solid var(--error)}input:disabled{background:var(--surface)}.prototype{background:var(--surface);border-left:4px solid var(--muted);padding:12px 16px;font-size:14px;margin-bottom:20px}.small{font-size:14px}footer{padding:32px 0;border-top:1px solid var(--line);font-size:14px}.footer{display:flex;justify-content:space-between;gap:24px}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.swatch{padding:24px 16px;min-height:150px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:end;font-size:14px}.swatch b{font-size:18px}.swatch.ink{background:var(--ink);color:var(--paper)}.swatch.yellow{background:var(--yellow)}.swatch.paper{background:var(--paper)}.swatch.grey{background:var(--surface)}.swatch.muted{background:var(--muted);color:var(--paper)}.state-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.preview-bar{font-size:13px;background:var(--yellow);color:var(--ink);padding:7px 24px;text-align:center}.spacings{display:flex;gap:24px;align-items:end;flex-wrap:wrap}.spacebar{width:32px;background:var(--ink)}.s4{height:var(--s4)}.s5{height:var(--s5)}.s6{height:var(--s6)}.s7{height:var(--s7)}.s8{height:var(--s8)}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{min-height:92px;flex-wrap:wrap;gap:8px;padding:10px 0}.logo{width:110px;height:68px}.nav{width:100%;order:3;gap:20px;overflow-x:auto;padding:8px 0;font-size:14px}.phone{font-size:20px}.hero{padding:40px 0 32px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-art{width:100%;max-width:none;margin:0}.hero-art img{height:240px}.hero .location{margin-top:28px;display:block}.hero .location span{display:block}.section{padding:48px 0}.section-head{display:block}.section-head p{margin-top:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category{padding:12px}.category img{height:145px}.category .caption{font-size:16px}.services,.catalog,.catalog.two,.contact,.state-grid{grid-template-columns:1fr;gap:32px}.swatches{grid-template-columns:repeat(2,1fr)}.footer{display:block}.contact{gap:32px}}
@media(max-width:420px){body{font-size:17px}.wrap{width:calc(100% - 32px)}h1{font-size:36px}.grid{grid-template-columns:1fr}.category{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center}.category img{height:110px}.category .number{display:none}.category .caption{margin:0;border:0;padding:0}.actions{gap:16px}.hero-art img{height:190px}.btn{max-width:100%;width:100%;padding:14px}.hero .location{font-size:14px}.nav{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.category img{clip-path:inset(0 0 20% 0);margin-bottom:-28px}

/* Čitelnější logo: zvětšení původního souboru uvnitř vymezeného podkladu. */
.brand{position:relative;display:block;width:224px;height:174px;flex-shrink:0;overflow:hidden;background:var(--paper);margin:12px 0}
.brand .logo{position:absolute;width:264px;height:264px;max-width:none;left:-20px;top:-51px;object-fit:contain}
h1,h2,h3{font-weight:700;line-height:1.16}
@media(max-width:800px){.brand{width:154px;height:126px;margin:0}.brand .logo{width:188px;height:188px;left:-17px;top:-36px}.phone{font-size:18px}.hero-grid{gap:28px}}
@media(max-width:420px){h1{font-size:34px}.header{column-gap:8px}.hero{padding-top:32px}}


/* Vlastní fotografie uživatelky, retuš log výrobce. */
.hero-art img{height:560px;object-position:center}.photo-callout{display:grid;grid-template-columns:0.8fr 1.2fr;align-items:center;gap:64px}.detail-photo{display:block;width:100%;height:430px;object-fit:cover;object-position:center;border-bottom:6px solid var(--yellow)}
@media(max-width:800px){.hero-art{max-width:440px;margin:auto}.hero-art img{height:auto}.photo-callout{grid-template-columns:1fr;gap:32px}.detail-photo{height:340px}}
/* Větší menu a výrazná patička — 10. 9. 2026 */
.nav{font-size:21px;gap:28px}.nav a{display:inline-flex;align-items:center;min-height:52px;border-bottom:3px solid transparent}.nav a:hover,.nav a:focus-visible{border-bottom-color:var(--yellow);text-decoration:none}
footer{background:var(--dark);color:var(--paper);border-top:6px solid var(--yellow);padding:44px 0;font-size:17px}.footer{align-items:center;flex-wrap:wrap;gap:24px 32px}.footer b{font-size:23px;color:var(--yellow)}.footer a{text-underline-offset:5px}.footer a:hover{color:var(--yellow)}footer :focus-visible{outline-color:var(--yellow)}
@media(max-width:1050px){.nav{gap:18px;font-size:19px}}
@media(max-width:800px){.nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;font-size:17px;overflow:visible;border-top:1px solid var(--line)}.nav a{justify-content:center;min-height:52px}.footer{display:flex;flex-direction:column;align-items:flex-start;gap:20px}footer{padding:32px 0}.footer b{font-size:22px}}

/* Produkční formulář a právní informace. */
.honeypot{position:absolute;left:-10000px}.form-privacy{font-size:14px;margin:18px 0}.cf-turnstile{margin:20px 0}#form-status{margin-top:16px;font-weight:700}.legal{max-width:820px}.legal h1{margin-bottom:32px}.legal h2{font-size:28px;margin-top:40px}.legal p{max-width:760px}