/* Zabilance — vizuální úprava pro kapitálový a developerský web */
:root{--zb-ink:#17191a;--zb-muted:#60635f;--zb-paper:#f7f5ef;--zb-white:#fff;--zb-line:#dcdad2;--zb-gold:#e7bb20;--zb-green:#31413a}
body{background:var(--zb-paper);color:var(--zb-ink)}
#header{background:var(--zb-paper);border-bottom:1px solid var(--zb-line)}
#header .contactus{background:var(--zb-paper);color:var(--zb-muted)}
#header .navbar{background:var(--zb-paper)!important;border:0;border-radius:0;box-shadow:none}
#header .navbar a{color:var(--zb-ink)}
#header .navbar a:hover,#header .navbar a:focus{color:#9b7600}
#header .navbar .navbar-brand img{max-height:44px;width:auto}
body.frontpage #motive{display:none!important}
#main{background:var(--zb-paper)!important;color:var(--zb-ink)!important;padding:0 0 48px!important}
#main .container--article{padding-top:44px;padding-bottom:20px}
body.frontpage #main .section-header:first-of-type{background:var(--zb-green);color:#fff;padding:58px 42px;margin:0 0 30px;border-radius:4px}
body.frontpage #main .section-header:first-of-type h1{color:#fff;font-size:clamp(2.25rem,5.5vw,4.5rem);line-height:1.04;max-width:850px;margin:0 0 18px}
body.frontpage #main .section-header:first-of-type h2{color:#f4d565;font-size:clamp(1.4rem,3vw,2.35rem);line-height:1.15;margin:0 0 20px}
body.frontpage #main .section-header:first-of-type p{color:rgba(255,255,255,.88);font-size:1.08rem;max-width:850px}
body.frontpage #main .section-header:first-of-type .btn-primary{background:var(--zb-gold);border-color:var(--zb-gold);color:var(--zb-ink)}
body.frontpage #main .section-header:first-of-type .btn-default{background:transparent;border-color:rgba(255,255,255,.65);color:#fff}
body.frontpage #main .section-3-col-bottom-text,body.frontpage #main .section-2-col-left-text{background:var(--zb-white);border:1px solid var(--zb-line);border-radius:4px;padding:34px 28px;margin:0 0 30px}
body.frontpage #main .section-3-col-bottom-text>h2{font-size:2rem;text-align:left!important;margin:0 0 18px}
body.frontpage #main .section-3-col-bottom-text .section-cell-item{padding:18px 22px}
body.frontpage #main .section-3-col-bottom-text .section-cell-item img{width:52px;height:auto}
body.frontpage #main .section-3-col-bottom-text .section-cell-item h3{font-size:1.35rem}
body.frontpage #main .section-3-col-bottom-text .section-cell-item p{color:var(--zb-muted);line-height:1.65}
body.frontpage #main .section-2-col-left-text h2{font-size:1.75rem;line-height:1.15}
body.frontpage #main .section-2-col-left-text p{color:var(--zb-muted);line-height:1.7}
#main h1,#main h2,#main h3{color:var(--zb-ink)}
#main .section-header:first-of-type h1,#main .section-header:first-of-type h2{color:inherit}
.btn-primary{background:var(--zb-gold);border-color:var(--zb-gold);color:var(--zb-ink)}
#footer{background:#202624!important;color:#f7f5ef!important;padding:46px 0 20px!important}
#footer h3,#footer h4{color:#fff!important}
#footer a{color:#f4d565!important}
@media(max-width:767px){#main .container--article{padding:24px 16px 12px}body.frontpage #main .section-header:first-of-type{padding:34px 22px;margin-bottom:20px}body.frontpage #main .section-3-col-bottom-text,body.frontpage #main .section-2-col-left-text{padding:24px 18px;margin-bottom:20px}body.frontpage #main .section-3-col-bottom-text .section-cell-item{padding:14px 4px}#header .navbar .navbar-brand img{max-width:180px}}

/* Brand lockups and project photography */
#header .navbar__brand-title-link{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1;text-decoration:none}
#header .navbar__brand-logo-img{display:block;max-height:42px;width:auto;object-fit:contain}
#header .navbar__brand-title-link:after{content:"Pro rozvahu v každém záměru";display:block;margin-top:5px;font-size:10px;line-height:1.2;letter-spacing:.055em;color:#60635f;white-space:nowrap}
body.frontpage #main .section-header:first-of-type{background:linear-gradient(90deg,rgba(49,65,58,.98) 0%,rgba(49,65,58,.9) 52%,rgba(49,65,58,.22) 100%),url("/obrazek/3/kancelar-3-jpg/") center/cover!important}
body.frontpage #main .section-header:first-of-type h1,body.frontpage #main .section-header:first-of-type h2,body.frontpage #main .section-header:first-of-type p{max-width:650px}
#main .brand-lockup{display:inline-flex;flex-direction:column;gap:6px;margin:10px 0 18px;padding:18px 24px;background:linear-gradient(115deg,#f7f5ef,#ede6d9);border-left:4px solid #9a744f}
#main .brand-lockup strong{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:.17em;color:#222}
#main .brand-lockup span{font-size:.8rem;letter-spacing:.06em;color:#665543}
#main figure.project-photo{margin:26px 0;max-width:100%}
#main figure.project-photo img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:3px}
#main figure.project-photo figcaption{font-size:.88rem;color:var(--zb-muted);margin-top:8px}
#main .project-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media(max-width:767px){#header .navbar__brand-logo-img{max-height:34px}#header .navbar__brand-title-link:after{font-size:8px;margin-top:3px}body.frontpage #main .section-header:first-of-type{background:linear-gradient(90deg,rgba(49,65,58,.94),rgba(49,65,58,.72)),url("/obrazek/3/kancelar-3-jpg/") center/cover!important}body.frontpage #main .section-header:first-of-type h1,body.frontpage #main .section-header:first-of-type h2,body.frontpage #main .section-header:first-of-type p{max-width:100%}#main .project-photo-pair{grid-template-columns:1fr}}
#main .brand-lockup h1{margin:0!important;padding:0;background:none;border:0;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:.17em;color:#222;line-height:1}


/* Zabilance: logo, fotografie úvodu a favicon */
#header .navbar__brand-logo-img{max-height:48px!important;width:auto!important}
#header .navbar__brand-title-link:after{content:none!important}
body.frontpage #main .section-header:first-of-type{background:linear-gradient(90deg,rgba(49,65,58,.88) 0%,rgba(49,65,58,.68) 50%,rgba(49,65,58,.18) 100%),url("/obrazek/3/dum-z-ulice-blize-jpg/") center 48%/cover!important;color:#fff!important;padding:76px 48px!important;border-radius:4px}
body.frontpage #main .section-header:first-of-type h1{color:#fff!important}
body.frontpage #main .section-header:first-of-type h2{color:#f4d565!important}
body.frontpage #main .section-header:first-of-type p{color:rgba(255,255,255,.94)!important}
@media(max-width:767px){body.frontpage #main .section-header:first-of-type{background:linear-gradient(90deg,rgba(49,65,58,.86),rgba(49,65,58,.5)),url("/obrazek/3/dum-z-ulice-blize-jpg/") 55% center/cover!important;padding:52px 24px!important}}
#main .alternatika-logo img{display:block;width:min(100%,380px);height:auto;margin:12px 0 26px}

/* Hlavičkové logo: plné, čitelné zobrazení */
#header .navbar__brand-logo-img{width:280px!important;max-width:30vw!important;max-height:58px!important;height:auto!important}
@media(max-width:767px){#header .navbar__brand-logo-img{width:180px!important;max-width:55vw!important;max-height:40px!important}}


/* Zabilance: styl sjednocený s vizitkou */
:root{--zb-ink:#111111;--zb-muted:#555555;--zb-paper:#ffffff;--zb-white:#ffffff;--zb-line:#dddddd;--zb-gold:#fbc20e;--zb-green:#111111}
body{background:#fff!important;color:#111!important}
#header,#header .navbar,#header .contactus{background:#fff!important;color:#111!important}
#header{border-bottom:3px solid #fbc20e!important}
#header .navbar a{color:#111!important}
#header .navbar a:hover,#header .navbar a:focus{color:#c18c00!important}
#header .navbar__brand-logo-img{width:auto!important;max-height:56px!important;max-width:320px!important}
#main{background:#fff!important;color:#111!important}
#main h1,#main h2,#main h3{color:#111!important}
body.frontpage #main .section-header:first-of-type{background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 46%,rgba(0,0,0,.08) 100%),url("/obrazek/3/dum-z-ulice-blize-jpg/") center 48%/cover!important;border-radius:0!important;border-bottom:6px solid #fbc20e!important}
body.frontpage #main .section-header:first-of-type h2{color:#fbc20e!important}
body.frontpage #main .section-header:first-of-type .btn-primary{background:#fbc20e!important;border-color:#fbc20e!important;color:#111!important}
body.frontpage #main .section-3-col-bottom-text,body.frontpage #main .section-2-col-left-text{background:#fff!important;border:1px solid #d5d5d5!important;border-top:4px solid #fbc20e!important;border-radius:0!important;box-shadow:none!important}
#footer .contact-cta{background:#fbc20e!important;color:#111!important}
#footer .contact-cta h2,#footer .contact-cta p,#footer .contact-cta a{color:#111!important}
@media(max-width:767px){#header .navbar__brand-logo-img{max-width:54vw!important;max-height:42px!important}body.frontpage #main .section-header:first-of-type{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.42)),url("/obrazek/3/dum-z-ulice-blize-jpg/") 55% center/cover!important}}


/* Jen priblizeni puvodni fotografie domu */
body.frontpage #main .section-header:first-of-type{background-image:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 46%,rgba(0,0,0,.08) 100%),url("/obrazek/3/dum-z-ulice-blize-jpg/")!important;background-size:auto,180% auto!important;background-position:center top!important;background-repeat:no-repeat!important}
@media(max-width:767px){body.frontpage #main .section-header:first-of-type{background-size:auto,190% auto!important;background-position:center top!important}}


/* Přiblížení původní fotografie domu: nápis prodejny zůstává mimo záběr */
body.frontpage #main .section-header:first-of-type{background-size:auto,245% auto!important;background-position:center top!important}
@media(max-width:767px){body.frontpage #main .section-header:first-of-type{background-size:auto,265% auto!important;background-position:center top!important}}
/* Zabilance — vizuální úprava pro kapitálový a developerský web */
:root{--zb-ink:#17191a;--zb-muted:#60635f;--zb-paper:#f7f5ef;--zb-white:#fff;--zb-line:#dcdad2;--zb-gold:#e7bb20;--zb-green:#31413a}
body{background:var(--zb-paper);color:var(--zb-ink)}
#header{background:var(--zb-paper);border-bottom:1px solid var(--zb-line)}
#header .contactus{background:var(--zb-paper);color:var(--zb-muted)}
#header .navbar{background:var(--zb-paper)!important;border:0;border-radius:0;box-shadow:none}
#header .navbar a{color:var(--zb-ink)}
#header .navbar a:hover,#header .navbar a:focus{color:#9b7600}
#header .navbar .navbar-brand img{max-height:44px;width:auto}
body.frontpage #motive{display:none!important}
#main{background:var(--zb-paper)!important;color:var(--zb-ink)!important;padding:0 0 48px!important}
#main .container--article{padding-top:44px;padding-bottom:20px}
body.frontpage #main .section-header:first-of-type{background:var(--zb-green);color:#fff;padding:58px 42px;margin:0 0 30px;border-radius:4px}
body.frontpage #main .section-header:first-of-type h1{color:#fff;font-size:clamp(2.25rem,5.5vw,4.5rem);line-height:1.04;max-width:850px;margin:0 0 18px}
body.frontpage #main .section-header:first-of-type h2{color:#f4d565;font-size:clamp(1.4rem,3vw,2.35rem);line-height:1.15;margin:0 0 20px}
body.frontpage #main .section-header:first-of-type p{color:rgba(255,255,255,.88);font-size:1.08rem;max-width:850px}
body.frontpage #main .section-header:first-of-type .btn-primary{background:var(--zb-gold);border-color:var(--zb-gold);color:var(--zb-ink)}
body.frontpage #main .section-header:first-of-type .btn-default{background:transparent;border-color:rgba(255,255,255,.65);color:#fff}
body.frontpage #main .section-3-col-bottom-text,body.frontpage #main .section-2-col-left-text{background:var(--zb-white);border:1px solid var(--zb-line);border-radius:4px;padding:34px 28px;margin:0 0 30px}
body.frontpage #main .section-3-col-bottom-text>h2{font-size:2rem;text-align:left!important;margin:0 0 18px}
body.frontpage #main .section-3-col-bottom-text .section-cell-item{padding:18px 22px}
body.frontpage #main .section-3-col-bottom-text .section-cell-item img{width:52px;height:auto}
body.frontpage #main .section-3-col-bottom-text .section-cell-item h3{font-size:1.35rem}
body.frontpage #main .section-3-col-bottom-text .section-cell-item p{color:var(--zb-muted);line-height:1.65}
body.frontpage #main .section-2-col-left-text h2{font-size:1.75rem;line-height:1.15}
body.frontpage #main .section-2-col-left-text p{color:var(--zb-muted);line-height:1.7}
#main h1,#main h2,#main h3{color:var(--zb-ink)}
#main .section-header:first-of-type h1,#main .section-header:first-of-type h2{color:inherit}
.btn-primary{background:var(--zb-gold);border-color:var(--zb-gold);color:var(--zb-ink)}
#footer{background:#202624!important;color:#f7f5ef!important;padding:46px 0 20px!important}
#footer h3,#footer h4{color:#fff!important}
#footer a{color:#f4d565!important}
@media(max-width:767px){#main .container--article{padding:24px 16px 12px}body.frontpage #main .section-header:first-of-type{padding:34px 22px;margin-bottom:20px}body.frontpage #main .section-3-col-bottom-text,body.frontpage #main .section-2-col-left-text{padding:24px 18px;margin-bottom:20px}body.frontpage #main .section-3-col-bottom-text .section-cell-item{padding:14px 4px}#header .navbar .navbar-brand img{max-width:180px}}

/* Brand lockups and project photography */
#header .navbar__brand-title-link{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1;text-decoration:none}
#header .navbar__brand-logo-img{display:block;max-height:42px;width:auto;object-fit:contain}
#header .navbar__brand-title-link:after{content:"Pro rozvahu v každém záměru";display:block;margin-top:5px;font-size:10px;line-height:1.2;letter-spacing:.055em;color:#60635f;white-space:nowrap}
body.frontpage #main .section-header:first-of-type{background:linear-gradient(90deg,rgba(49,65,58,.98) 0%,rgba(49,65,58,.9) 52%,rgba(49,65,58,.22) 100%),url("/obrazek/3/kancelar-3-jpg/") center/cover!important}
body.frontpage #main .section-header:first-of-type h1,body.frontpage #main .section-header:first-of-type h2,body.frontpage #main .section-header:first-of-type p{max-width:650px}
#main .brand-lockup{display:inline-flex;flex-direction:column;gap:6px;margin:10px 0 18px;padding:18px 24px;background:linear-gradient(115deg,#f7f5ef,#ede6d9);border-left:4px solid #9a744f}
#main .brand-lockup strong{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:.17em;color:#222}
#main .brand-lockup span{font-size:.8rem;letter-spacing:.06em;color:#665543}
#main figure.project-photo{margin:26px 0;max-width:100%}
#main figure.project-photo img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:3px}
#main figure.project-photo figcaption{font-size:.88rem;color:var(--zb-muted);margin-top:8px}
#main .project-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media(max-width:767px){#header .navbar__brand-logo-img{max-height:34px}#header .navbar__brand-title-link:after{font-size:8px;margin-top:3px}body.frontpage #main .section-header:first-of-type{background:linear-gradient(90deg,rgba(49,65,58,.94),rgba(49,65,58,.72)),url("/obrazek/3/kancelar-3-jpg/") center/cover!important}body.frontpage #main .section-header:first-of-type h1,body.frontpage #main .section-header:first-of-type h2,body.frontpage #main .section-header:first-of-type p{max-width:100%}#main .project-photo-pair{grid-template-columns:1fr}}
#main .brand-lockup h1{margin:0!important;padding:0;background:none;border:0;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:.17em;color:#222;line-height:1}


/* Zabilance: logo, fotografie úvodu a favicon */
#header .navbar__brand-logo-img{max-height:48px!important;width:auto!important}
#header .navbar__brand-title-link:after{content:none!important}
body.frontpage #main .section-header:first-of-type{background:linear-gradient(90deg,rgba(49,65,58,.88) 0%,rgba(49,65,58,.68) 50%,rgba(49,65,58,.18) 100%),url("/obrazek/3/dum-z-ulice-blize-jpg/") center 48%/cover!important;color:#fff!important;padding:76px 48px!important;border-radius:4px}
body.frontpage #main .section-header:first-of-type h1{color:#fff!important}
body.frontpage #main .section-header:first-of-type h2{color:#f4d565!important}
body.frontpage #main .section-header:first-of-type p{color:rgba(255,255,255,.94)!important}
@media(max-width:767px){body.frontpage #main .section-header:first-of-type{background:linear-gradient(90deg,rgba(49,65,58,.86),rgba(49,65,58,.5)),url("/obrazek/3/dum-z-ulice-blize-jpg/") 55% center/cover!important;padding:52px 24px!important}}
#main .alternatika-logo img{display:block;width:min(100%,380px);height:auto;margin:12px 0 26px}

/* Hlavičkové logo: plné, čitelné zobrazení */
#header .navbar__brand-logo-img{width:280px!important;max-width:30vw!important;max-height:58px!important;height:auto!important}
@media(max-width:767px){#header .navbar__brand-logo-img{width:180px!important;max-width:55vw!important;max-height:40px!important}}


/* Zabilance: styl sjednocený s vizitkou */
:root{--zb-ink:#111111;--zb-muted:#555555;--zb-paper:#ffffff;--zb-white:#ffffff;--zb-line:#dddddd;--zb-gold:#fbc20e;--zb-green:#111111}
body{background:#fff!important;color:#111!important}
#header,#header .navbar,#header .contactus{background:#fff!important;color:#111!important}
#header{border-bottom:3px solid #fbc20e!important}
#header .navbar a{color:#111!important}
#header .navbar a:hover,#header .navbar a:focus{color:#c18c00!important}
#header .navbar__brand-logo-img{width:auto!important;max-height:56px!important;max-width:320px!important}
#main{background:#fff!important;color:#111!important}
#main h1,#main h2,#main h3{color:#111!important}
body.frontpage #main .section-header:first-of-type{background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 46%,rgba(0,0,0,.08) 100%),url("/obrazek/3/dum-z-ulice-blize-jpg/") center 48%/cover!important;border-radius:0!important;border-bottom:6px solid #fbc20e!important}
body.frontpage #main .section-header:first-of-type h2{color:#fbc20e!important}
body.frontpage #main .section-header:first-of-type .btn-primary{background:#fbc20e!important;border-color:#fbc20e!important;color:#111!important}
body.frontpage #main .section-3-col-bottom-text,body.frontpage #main .section-2-col-left-text{background:#fff!important;border:1px solid #d5d5d5!important;border-top:4px solid #fbc20e!important;border-radius:0!important;box-shadow:none!important}
#footer .contact-cta{background:#fbc20e!important;color:#111!important}
#footer .contact-cta h2,#footer .contact-cta p,#footer .contact-cta a{color:#111!important}
@media(max-width:767px){#header .navbar__brand-logo-img{max-width:54vw!important;max-height:42px!important}body.frontpage #main .section-header:first-of-type{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.42)),url("/obrazek/3/dum-z-ulice-blize-jpg/") 55% center/cover!important}}


/* Jen priblizeni puvodni fotografie domu */
body.frontpage #main .section-header:first-of-type{background-image:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 46%,rgba(0,0,0,.08) 100%),url("/obrazek/3/dum-z-ulice-blize-jpg/")!important;background-size:auto,180% auto!important;background-position:center top!important;background-repeat:no-repeat!important}
@media(max-width:767px){body.frontpage #main .section-header:first-of-type{background-size:auto,190% auto!important;background-position:center top!important}}


/* Přiblížení původní fotografie domu: nápis prodejny zůstává mimo záběr */
body.frontpage #main .section-header:first-of-type{background-size:auto,245% auto!important;background-position:center top!important}
@media(max-width:767px){body.frontpage #main .section-header:first-of-type{background-size:auto,265% auto!important;background-position:center top!important}}
/* Zabilance — vizuální úprava pro kapitálový a developerský web */
:root{--zb-ink:#17191a;--zb-muted:#60635f;--zb-paper:#f7f5ef;--zb-white:#fff;--zb-line:#dcdad2;--zb-gold:#e7bb20;--zb-green:#31413a}
body{background:var(--zb-paper);color:var(--zb-ink)}
#header{background:var(--zb-paper);border-bottom:1px solid var(--zb-line)}
#header .contactus{background:var(--zb-paper);color:var(--zb-muted)}
#header .navbar{background:var(--zb-paper)!important;border:0;border-radius:0;box-shadow:none}
#header .navbar a{color:var(--zb-ink)}
#header .navbar a:hover,#header .navbar a:focus{color:#9b7600}
#header .navbar .navbar-brand img{max-height:44px;width:auto}
body.frontpage #motive{display:none!important}
#main{background:var(--zb-paper)!important;color:var(--zb-ink)!important;padding:0 0 48px!important}
#main .container--article{padding-top:44px;padding-bottom:20px}
body.frontpage #main .section-header:first-of-type{background:var(--zb-green);color:#fff;padding:58px 42px;margin:0 0 30px;border-radius:4px}
body.frontpage #main .section-header:first-of-type h1{color:#fff;font-size:clamp(2.25rem,5.5vw,4.5rem);line-height:1.04;max-width:850px;margin:0 0 18px}
body.frontpage #main .section-header:first-of-type h2{color:#f4d565;font-size:clamp(1.4rem,3vw,2.35rem);line-height:1.15;margin:0 0 20px}
body.frontpage #main .section-header:first-of-type p{color:rgba(255,255,255,.88);font-size:1.08rem;max-width:850px}
body.frontpage #main .section-header:first-of-type .btn-primary{background:var(--zb-gold);border-color:var(--zb-gold);color:var(--zb-ink)}
body.frontpage #main .section-header:first-of-type .btn-default{background:transparent;border-color:rgba(255,255,255,.65);color:#fff}
body.frontpage #main .section-3-col-bottom-text,body.frontpage #main .section-2-col-left-text{background:var(--zb-white);border:1px solid var(--zb-line);border-radius:4px;padding:34px 28px;margin:0 0 30px}
body.frontpage #main .section-3-col-bottom-text>h2{font-size:2rem;text-align:left!important;margin:0 0 18px}
body.frontpage #main .section-3-col-bottom-text .section-cell-item{padding:18px 22px}
body.frontpage #main .section-3-col-bottom-text .section-cell-item img{width:52px;height:auto}
body.frontpage #main .section-3-col-bottom-text .section-cell-item h3{font-size:1.35rem}
body.frontpage #main .section-3-col-bottom-text .section-cell-item p{color:var(--zb-muted);line-height:1.65}
body.frontpage #main .section-2-col-left-text h2{font-size:1.75rem;line-height:1.15}
body.frontpage #main .section-2-col-left-text p{color:var(--zb-muted);line-height:1.7}
#main h1,#main h2,#main h3{color:var(--zb-ink)}
#main .section-header:first-of-type h1,#main .section-header:first-of-type h2{color:inherit}
.btn-primary{background:var(--zb-gold);border-color:var(--zb-gold);color:var(--zb-ink)}
#footer{background:#202624!important;color:#f7f5ef!important;padding:46px 0 20px!important}
#footer h3,#footer h4{color:#fff!important}
#footer a{color:#f4d565!important}
@media(max-width:767px){#main .container--article{padding:24px 16px 12px}body.frontpage #main .section-header:first-of-type{padding:34px 22px;margin-bottom:20px}body.frontpage #main .section-3-col-bottom-text,body.frontpage #main .section-2-col-left-text{padding:24px 18px;margin-bottom:20px}body.frontpage #main .section-3-col-bottom-text .section-cell-item{padding:14px 4px}#header .navbar .navbar-brand img{max-width:180px}}

/* Brand lockups and project photography */
#header .navbar__brand-title-link{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1;text-decoration:none}
#header .navbar__brand-logo-img{display:block;max-height:42px;width:auto;object-fit:contain}
#header .navbar__brand-title-link:after{content:"Pro rozvahu v každém záměru";display:block;margin-top:5px;font-size:10px;line-height:1.2;letter-spacing:.055em;color:#60635f;white-space:nowrap}
body.frontpage #main .section-header:first-of-type{background:linear-gradient(90deg,rgba(49,65,58,.98) 0%,rgba(49,65,58,.9) 52%,rgba(49,65,58,.22) 100%),url("/obrazek/3/kancelar-3-jpg/") center/cover!important}
body.frontpage #main .section-header:first-of-type h1,body.frontpage #main .section-header:first-of-type h2,body.frontpage #main .section-header:first-of-type p{max-width:650px}
#main .brand-lockup{display:inline-flex;flex-direction:column;gap:6px;margin:10px 0 18px;padding:18px 24px;background:linear-gradient(115deg,#f7f5ef,#ede6d9);border-left:4px solid #9a744f}
#main .brand-lockup strong{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:.17em;color:#222}
#main .brand-lockup span{font-size:.8rem;letter-spacing:.06em;color:#665543}
#main figure.project-photo{margin:26px 0;max-width:100%}
#main figure.project-photo img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:3px}
#main figure.project-photo figcaption{font-size:.88rem;color:var(--zb-muted);margin-top:8px}
#main .project-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media(max-width:767px){#header .navbar__brand-logo-img{max-height:34px}#header .navbar__brand-title-link:after{font-size:8px;margin-top:3px}body.frontpage #main .section-header:first-of-type{background:linear-gradient(90deg,rgba(49,65,58,.94),rgba(49,65,58,.72)),url("/obrazek/3/kancelar-3-jpg/") center/cover!important}body.frontpage #main .section-header:first-of-type h1,body.frontpage #main .section-header:first-of-type h2,body.frontpage #main .section-header:first-of-type p{max-width:100%}#main .project-photo-pair{grid-template-columns:1fr}}
#main .brand-lockup h1{margin:0!important;padding:0;background:none;border:0;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:.17em;color:#222;line-height:1}


/* Zabilance: logo, fotografie úvodu a favicon */
#header .navbar__brand-logo-img{max-height:48px!important;width:auto!important}
#header .navbar__brand-title-link:after{content:none!important}
body.frontpage #main .section-header:first-of-type{background:linear-gradient(90deg,rgba(49,65,58,.88) 0%,rgba(49,65,58,.68) 50%,rgba(49,65,58,.18) 100%),url("/obrazek/3/dum-z-ulice-blize-jpg/") center 48%/cover!important;color:#fff!important;padding:76px 48px!important;border-radius:4px}
body.frontpage #main .section-header:first-of-type h1{color:#fff!important}
body.frontpage #main .section-header:first-of-type h2{color:#f4d565!important}
body.frontpage #main .section-header:first-of-type p{color:rgba(255,255,255,.94)!important}
@media(max-width:767px){body.frontpage #main .section-header:first-of-type{background:linear-gradient(90deg,rgba(49,65,58,.86),rgba(49,65,58,.5)),url("/obrazek/3/dum-z-ulice-blize-jpg/") 55% center/cover!important;padding:52px 24px!important}}
#main .alternatika-logo img{display:block;width:min(100%,380px);height:auto;margin:12px 0 26px}

/* Hlavičkové logo: plné, čitelné zobrazení */
#header .navbar__brand-logo-img{width:280px!important;max-width:30vw!important;max-height:58px!important;height:auto!important}
@media(max-width:767px){#header .navbar__brand-logo-img{width:180px!important;max-width:55vw!important;max-height:40px!important}}


/* Zabilance: styl sjednocený s vizitkou */
:root{--zb-ink:#111111;--zb-muted:#555555;--zb-paper:#ffffff;--zb-white:#ffffff;--zb-line:#dddddd;--zb-gold:#fbc20e;--zb-green:#111111}
body{background:#fff!important;color:#111!important}
#header,#header .navbar,#header .contactus{background:#fff!important;color:#111!important}
#header{border-bottom:3px solid #fbc20e!important}
#header .navbar a{color:#111!important}
#header .navbar a:hover,#header .navbar a:focus{color:#c18c00!important}
#header .navbar__brand-logo-img{width:auto!important;max-height:56px!important;max-width:320px!important}
#main{background:#fff!important;color:#111!important}
#main h1,#main h2,#main h3{color:#111!important}
body.frontpage #main .section-header:first-of-type{background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 46%,rgba(0,0,0,.08) 100%),url("/obrazek/3/dum-z-ulice-blize-jpg/") center 48%/cover!important;border-radius:0!important;border-bottom:6px solid #fbc20e!important}
body.frontpage #main .section-header:first-of-type h2{color:#fbc20e!important}
body.frontpage #main .section-header:first-of-type .btn-primary{background:#fbc20e!important;border-color:#fbc20e!important;color:#111!important}
body.frontpage #main .section-3-col-bottom-text,body.frontpage #main .section-2-col-left-text{background:#fff!important;border:1px solid #d5d5d5!important;border-top:4px solid #fbc20e!important;border-radius:0!important;box-shadow:none!important}
#footer .contact-cta{background:#fbc20e!important;color:#111!important}
#footer .contact-cta h2,#footer .contact-cta p,#footer .contact-cta a{color:#111!important}
@media(max-width:767px){#header .navbar__brand-logo-img{max-width:54vw!important;max-height:42px!important}body.frontpage #main .section-header:first-of-type{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.42)),url("/obrazek/3/dum-z-ulice-blize-jpg/") 55% center/cover!important}}


/* Jen priblizeni puvodni fotografie domu */
body.frontpage #main .section-header:first-of-type{background-image:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 46%,rgba(0,0,0,.08) 100%),url("/obrazek/3/dum-z-ulice-blize-jpg/")!important;background-size:auto,180% auto!important;background-position:center top!important;background-repeat:no-repeat!important}
@media(max-width:767px){body.frontpage #main .section-header:first-of-type{background-size:auto,190% auto!important;background-position:center top!important}}