:root{--tt-red:#e2231a;--tt-dark:#101214;--tt-panel:#181b1f;--tt-soft:#f5f5f3;--tt-line:#e7e7e4;--tt-text:#202326}
html{scroll-behavior:smooth} body{font-family:Arial,Helvetica,sans-serif;color:var(--tt-text);background:#fff} a{color:var(--tt-red)} a:hover{color:#b91c15;text-decoration:none}
#header{padding:14px 0;background:rgba(12,14,16,.9);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.08);transition:.3s}#header.header-scrolled{background:rgba(12,14,16,.97);padding:10px 0}.logo h1{font-size:21px;letter-spacing:.04em;font-weight:700}.logo img{height:34px!important;width:auto!important}.nav-menu a{font-size:14px;font-weight:600;letter-spacing:.02em;color:#fff!important;padding:10px 12px!important}.nav-menu a:hover,.nav-menu .active>a{color:#ff4a40!important}.nav-menu .active>a:after{background:var(--tt-red)!important}
#hero{height:min(92vh,900px);min-height:620px;background:linear-gradient(90deg,rgba(7,8,9,.76) 0%,rgba(7,8,9,.34) 42%,rgba(7,8,9,.08) 72%),url('../img/hero-new.png') center center/cover no-repeat!important;position:relative}#hero:before{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28))!important}#hero .hero-container{align-items:flex-start!important;text-align:left!important;max-width:1180px;margin:auto;padding:0 28px;width:100%}#hero h1{font-size:clamp(38px,5.3vw,76px);max-width:760px;line-height:1.02;text-transform:uppercase;letter-spacing:-.025em;font-weight:800;text-shadow:0 4px 25px rgba(0,0,0,.35)}#hero h2{font-size:clamp(17px,2vw,25px);font-weight:500;letter-spacing:.03em;margin-top:18px;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.55)}#hero .btn-get-started{margin-top:34px;border:1px solid rgba(255,255,255,.7);background:rgba(0,0,0,.2);transition:.25s}#hero .btn-get-started:hover{background:var(--tt-red);border-color:var(--tt-red)}
section{padding:90px 0}.section-bg{background:var(--tt-soft)}.section-title{padding-bottom:36px}.section-title h2{font-size:38px;font-weight:800;letter-spacing:-.025em;color:var(--tt-dark);text-transform:none}.section-title h2:after{background:var(--tt-red)!important;height:4px!important;width:56px!important}.section-title p{font-size:16px;color:#62666a}
.about{background:#fff}.about .content{background:var(--tt-dark)!important;border-radius:18px;color:#fff;padding:42px!important}.about .content h4{font-size:30px!important;font-weight:800;color:#fff}.about .content p{color:#d7d9db;line-height:1.8}.about .about-btn{background:var(--tt-red)!important;color:#fff!important;border-radius:10px!important;padding:11px 20px!important}.about .icon-boxes{padding:25px 20px!important}.about .icon-box{padding:20px!important}.about .icon-box i{color:var(--tt-red)!important;font-size:34px}.about .icon-box h4{font-size:19px;font-weight:700}.about .icon-box p{line-height:1.65;color:#666}
.services .icon-box{background:#fff!important;border:1px solid var(--tt-line);border-radius:16px;padding:30px!important;box-shadow:0 12px 35px rgba(20,22,24,.06);transition:.25s}.services .icon-box:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(20,22,24,.11)}.services .icon-box .icon{background:var(--tt-red)!important}.services .icon-box h4 a{color:var(--tt-dark)!important;font-weight:750}
.cta{background:linear-gradient(90deg,rgba(10,11,12,.92),rgba(10,11,12,.68)),url('../img/cta-bg.jpg') center/cover!important}.cta .cta-btn{border:2px solid var(--tt-red)!important;background:var(--tt-red);border-radius:10px!important;font-weight:700}.cta .cta-btn:hover{background:#fff!important;color:var(--tt-dark)!important;border-color:#fff!important}
.portfolio #portfolio-flters{background:#f1f1ef!important;border-radius:12px!important;padding:6px!important}.portfolio #portfolio-flters li{border-radius:8px!important;padding:8px 14px!important;font-weight:650}.portfolio #portfolio-flters li:hover,.portfolio #portfolio-flters li.filter-active{background:var(--tt-red)!important;color:#fff!important}.portfolio .portfolio-wrap{border-radius:14px;overflow:hidden;background:#eee;box-shadow:0 8px 24px rgba(0,0,0,.08)}.portfolio .portfolio-wrap img{transition:.35s}.portfolio .portfolio-wrap:hover img{transform:scale(1.035)}.portfolio .portfolio-wrap .portfolio-links{background:rgba(10,12,14,.78)!important}
.testimonials{background:var(--tt-dark)!important}.testimonials .section-title h2,.testimonials .section-title p{color:#fff}.testimonials .testimonial-item p{background:var(--tt-panel)!important;border-radius:16px!important;color:#e8e8e8!important;box-shadow:none!important}.testimonials .testimonial-item .quote-icon-left,.testimonials .testimonial-item .quote-icon-right{color:var(--tt-red)!important}.testimonials .testimonial-item h3{color:#fff!important}.testimonials .testimonial-item h4{color:#aeb2b6!important}
.team .member{border-radius:16px;overflow:hidden;box-shadow:0 12px 34px rgba(20,22,24,.09)!important}.team .member .pic img{width:100%}.team .member .member-info{background:var(--tt-dark)!important}.team .member .member-info h4{color:#fff!important}.team .member .member-info span{color:#c9cccf!important}
.contact .info-box{border:0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 30px rgba(20,22,24,.07)!important;padding:30px!important}.contact .info-box i{color:var(--tt-red)!important;border-color:#f5bbb7!important}.contact .info-box h3{color:var(--tt-dark)!important;font-weight:750}
#footer{background:#0d0f11!important;color:#c9cccf!important;padding:30px 0!important}#footer .copyright{font-size:13px}#footer .credits{opacity:.55;font-size:11px}.back-to-top{background:var(--tt-red)!important}
@media(max-width:991px){#hero{height:82vh;min-height:560px;background-position:54% center!important}#hero .hero-container{justify-content:flex-end;padding-bottom:80px}#hero h1{font-size:44px;max-width:600px}.mobile-nav-toggle i{color:#fff!important}section{padding:65px 0}}@media(max-width:575px){#hero{min-height:600px;background-position:57% center!important}#hero .hero-container{padding:0 20px 65px;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 70%)}#hero h1{font-size:35px}#hero h2{font-size:16px}.section-title h2{font-size:31px}.about .content{padding:30px!important}}

/* ===== Úpravy 24. 9. 2026 ===== */
/* Nadpisy sekcí: červený tah je pod textem jako podtržení, ne přes písmena. */
.section-title h2::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:auto!important;
  bottom:-12px!important;
  transform:translateX(-50%) rotate(-2deg)!important;
  width:72px!important;
  height:4px!important;
  border-radius:999px!important;
  background:var(--tt-red)!important;
  z-index:0!important;
}
.section-title h2{margin-bottom:34px!important;}

/* Kontaktní tlačítko v černém panelu bez šipky. */
.about .about-btn i{display:none!important;}

/* Služby: bez modrých ikon, názvy jsou přímo v červeném poli. */
.services .icon-box{padding:0 0 30px!important;overflow:hidden!important;background:#fff!important;}
.services .icon-box::before{display:none!important;}
.services .service-title-bar{
  background:var(--tt-red);
  padding:18px 24px;
  margin:0 0 24px;
  transition:background-color .25s ease;
}
.services .service-title-bar .title{
  margin:0!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.25;
  font-weight:800;
}
.services .icon-box > p,
.services .icon-box > ul{margin-left:30px!important;margin-right:30px!important;}
.services .icon-box:hover{background:#ededeb!important;transform:translateY(-5px);}
.services .icon-box:hover .service-title-bar{background:var(--tt-red)!important;}
.services .icon-box:hover .description,
.services .icon-box:hover p,
.services .icon-box:hover li{color:var(--tt-text)!important;}

/* Záliš tým: popisky jsou trvale viditelné pod fotografiemi. */
.team .member{margin-bottom:32px!important;background:#fff;border-radius:16px;overflow:hidden;}
.team .member .member-info{
  position:static!important;
  max-height:none!important;
  overflow:visible!important;
  left:auto!important;right:auto!important;top:auto!important;
  padding:20px 16px 22px!important;
  background:var(--tt-dark)!important;
  box-shadow:none!important;
}
.team .member .member-info h4{color:#fff!important;margin-bottom:8px!important;padding-bottom:10px!important;}
.team .member .member-info h4::after{background:var(--tt-red)!important;}
.team .member .member-info span{color:#c9cccf!important;}
.team .member .member-info a{color:#fff!important;margin-left:5px;}
.team .member .member-info a:hover{color:#ff5a50!important;}
.team .member .team-web{margin-top:7px;display:block;font-style:normal;}
.team .member .team-web a{margin-left:0;color:#ff6a62!important;}

/* Nový hero obrázek – text na zdi zůstává při běžném desktop zobrazení viditelný. */
#hero{background-position:center center!important;}
@media(max-width:991px){#hero{background-position:56% center!important;}}
@media(max-width:575px){#hero{background-position:57% center!important;}}

/* Galerie a certifikáty: neutrální světle šedý hover místo původní modré. */
.portfolio .portfolio-wrap::before{
  background:rgba(235,235,233,.58)!important;
}
.portfolio .portfolio-wrap .portfolio-links{
  background:transparent!important;
  bottom:18px!important;
  pointer-events:none;
}
.portfolio .portfolio-wrap .portfolio-links a{
  width:48px!important;
  height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(145,145,145,.90)!important;
  border:1px solid rgba(255,255,255,.85)!important;
  border-radius:10px!important;
  color:#fff!important;
  pointer-events:auto;
}
.portfolio .portfolio-wrap .portfolio-links a:hover{
  background:rgba(175,175,175,.96)!important;
  color:#fff!important;
}
.portfolio .portfolio-wrap .portfolio-links a + a{border-left:1px solid rgba(255,255,255,.85)!important;}
.portfolio .portfolio-wrap .portfolio-links i{color:#fff!important;}