/* Světlejší návrh: světlé obsahové plochy, grafitová identita a čitelnější text. */
:root{--bg:#f3f5f7;--panel:#ffffff;--muted:#556575;--white:#1c2a39;--blue:#176bb5;--border:#1d35531c}
body{font-size:16px;background:var(--bg);color:var(--white)}
.topbar{background:#182431;color:#d0dbe6;font-size:12px;border-color:#ffffff12}
.topbar .muted{color:#a5b5c5}.topbar i{background:#86c9ff}
header{background:#253341f7;color:#fff;border-color:#ffffff20}
.header-inner{height:94px}.brand small{color:#d0dae4;font-size:9px;letter-spacing:1.7px}
nav{font-size:14px}.header-phone{font-size:16px;border-color:#ffffff40}
.header-phone span,nav a:hover{color:#93ceff}.brand-symbol{width:49px;height:49px}
.hero{min-height:650px;background:#f4f6f7;color:#1d2b39}
.hero-photo.hero-workshop{position:absolute;left:auto;right:0;top:0;width:70%;height:100%;max-width:none;object-fit:cover;object-position:58% center;transform:none;filter:none;mask-image:none;clip-path:none}
.hero-shade{background:linear-gradient(90deg,#f4f6f7 0%,#f4f6f7 24%,#f4f6f7f5 34%,#f4f6f7a6 44%,#f4f6f710 59%,transparent 72%)}
.hero-grid{display:none}.hero-content{padding:70px 0 76px}
.eyebrow{font-size:11px;letter-spacing:1.8px}.hero h1{font-size:clamp(80px,7.2vw,104px);line-height:1.02;margin:25px 0 28px;letter-spacing:-1.4px}
.hero h1 em{color:#176bb5}.hero p{font-size:16px;color:#3e5164;line-height:1.95;max-width:470px;margin-bottom:32px}
.actions{gap:27px}.button{font-size:13px;padding:17px 22px;min-height:52px}.primary{background:#176bb5;color:white}.primary:hover{background:#0e5799}
.text-link{font-size:13px}.text-link span{color:#176bb5}.hero-note{font-size:12px;color:#536476;margin-top:33px}.line{background:#7d91a4}
.photo-label{right:34px;bottom:30px;background:#253341ed;border-left:3px solid #91d0ff;padding:13px 18px;color:#fff;box-shadow:0 4px 20px #16283d18}
.photo-label span{color:#bfd5e9;font-size:10px}.photo-label b{font-size:13px;font-weight:600}
.quick-info{background:#fff;border-color:#dbe1e8;box-shadow:0 5px 25px #1d355306}.info-grid>div,.info-grid>a{padding-top:29px;padding-bottom:29px}
.info-grid>div+div,.info-grid>a{border-color:#dbe1e8}.info-grid small{font-size:10px;color:#627386;letter-spacing:1px}.info-grid strong{font-size:14px;color:#24394e}.info-arrow,.info-icon{color:#176bb5}
.section-heading>p{font-size:14px;color:#556575;line-height:1.9}h2{font-size:51px}h2 span{color:#617386}
.services{background:#f3f5f7}.service-grid{background:#dbe2e9;border-color:#dbe2e9;gap:1px;box-shadow:0 6px 24px #24394e03}
.service{background:#fff;color:#223548;padding:32px;min-height:275px}.service:hover{background:#edf5fc}.service.featured{background:#e8f2fc}.service.featured:hover{background:#dcecff}
.service-top{margin-bottom:24px}.service-top>span{font-size:11px;color:#748699}.service-top svg{stroke:#176bb5;width:40px;height:40px;stroke-width:1.5}
.service h3{font-size:30px;margin-bottom:13px}.service p{font-size:13px;color:#53677a}.service-link{font-size:12px;color:#294c6d}.service-link b{color:#176bb5}
.work-heading>p{font-size:14px;color:#556575}.work-heading h2{font-size:46px}.work-heading{border-color:#d8e0e8}
.work-grid,.work-group{border-color:#d8e0e8}.work-grid{background:#fff}.work-group{padding:29px}.work-number{font-size:11px}.work-group h3{font-size:29px;margin-bottom:20px}.work-group li{font-size:13px;line-height:1.85;color:#506478;padding-left:17px}.work-group li::before{top:10px}
.work-bottom p{font-size:13px;color:#556575}
.about{background:#293846;color:#f6f9fc;border-color:#344858}.about h2{font-size:52px}.about h2 span{color:#a9d6fb}.about .eyebrow{color:#99d0fa}.about-copy p{color:#d2dde7;font-size:14px;line-height:1.95}.about-copy .text-link,.about-copy .text-link span{color:#b1ddff}
.about-photo img{filter:none;height:390px;object-fit:cover;object-position:50% 45%}.about-photo>span{background:#b7dcf7;color:#1a3b56}
.certificates.section{background:#293846;color:#f6f9fc;padding-top:0;padding-bottom:34px}.certificates-disclosure{border-color:#ffffff25}.certificates-disclosure>summary{font-size:13px;color:#d6e2ec;padding-block:20px}.certificates-disclosure>summary:hover{color:white}.disclosure-plus{color:#a9d6fb}
.certificate-filters button{color:#d3dfe9}.certificate-filters button[aria-pressed=true]{color:#b4ddff;border-color:#8bc9fb;background:#8bc9fb12}.certificate-hint,.certificate-note{color:#c0cdd9;font-size:11px}.certificate-grid{gap:20px}.certificate-card{background:#344553;color:#fff;border-color:#ffffff25}.certificate-copy>span{color:#d4dee7;font-size:12px}.certificate-copy small{color:#bfcfdd;font-size:11px}.certificate-preview{background:#243340}.certificate-zoom{color:#a9d6fb}
.facebook-band{background:#edf3f9;border-color:#d8e2ed;padding:44px 0}.facebook-copy h2{font-size:37px}.facebook-copy p{font-size:13px;color:#526b80}.facebook-copy h2 span{color:#627b90}.facebook-mark{border-color:#176bb540;background:#176bb50a}.facebook-button{color:#176bb5;border-color:#176bb550;font-size:12px}.facebook-button:hover{background:#176bb50a}
.appointment{background:#176bb5;color:white;padding:47px 0}.appointment .eyebrow{color:#d7edff}.appointment h2{font-size:45px}.appointment p{color:#e1effb;font-size:13px}.big-phone{font-size:56px}.big-phone:hover{color:#d9edff}
.contact{background:#fff}.contact h2{font-size:51px}.contact h3{font-size:27px}.contact p{color:#40566d;font-size:14px}.contact .muted{color:#68798a;font-size:12px}.contact small{color:#586f85;font-size:10px}.contact-phone{font-size:26px}.email{font-size:14px}.facebook-contact{font-size:13px}.hours{font-size:14px;border-color:#dbe2e9}.outline{border-color:#b6c6d5}.location-card{background-color:#eaf1f7;background-image:linear-gradient(30deg,transparent 48%,#173a5f0a 49%,#173a5f0a 50%,transparent 51%),linear-gradient(120deg,transparent 48%,#173a5f08 49%,#173a5f08 50%,transparent 51%);border-color:#d7e1eb}.location-card a{font-size:12px}
footer{background:#253341;color:#c1d0dd;border-color:#ffffff1a;font-size:11px}.footer-brand{color:white}.facebook-footer{color:#d4e4f2}footer .muted{color:#a4bacd}
dialog{background:#f7f9fc;color:#223548;border-color:#aebfd0}dialog h2{color:#223548}dialog p{font-size:14px;color:#455e74}dialog .muted{font-size:12px;color:#5a6f82}.close-dialog{color:#2a4258}dialog::backdrop{background:#15283bba}
#certificate-dialog{background:#253341;color:white}#certificate-dialog-title{color:white}.certificate-dialog-header small{color:#b0d9fa}#certificate-dialog-caption{color:#d2deea}.certificate-controls{border-color:#ffffff25}.certificate-controls button,#certificate-original{color:#a9d6fb}.certificate-dialog-header{border-color:#ffffff25}.certificate-document{background:#172431}.certificate-controls button,.certificate-close{border-color:#ffffff40}#certificate-position{color:#d2deea}
.mobile-call{background:#176bb5;color:#fff}
@media(min-width:1550px){.hero{min-height:710px}.hero-photo.hero-workshop{width:70%}.hero h1{font-size:112px}}
@media(max-width:1100px) and (min-width:701px){.wrap{width:calc(100% - 48px)}.hero h1{font-size:88px}.hero p{font-size:14px}.hero-photo.hero-workshop{width:73%;object-position:65% center}.hero-shade{background:linear-gradient(90deg,#f4f6f7 0%,#f4f6f7 28%,#f4f6f7ee 39%,#f4f6f740 63%,transparent 80%)}.service{padding:26px}.info-grid strong{font-size:12px}.info-grid small{font-size:9px}.info-grid>div+div,.info-grid>a{padding-left:20px}.header-phone{font-size:14px;padding:10px 12px}nav{gap:22px;font-size:13px}.contact-grid{gap:25px}.contact-phone{font-size:21px}.work-heading>p{font-size:13px}}
@media(max-width:700px){
 .wrap{width:calc(100% - 40px)}.topbar{font-size:10px}.header-inner{height:78px}.brand-symbol{width:39px;height:39px}.brand small{font-size:7px}.brand>span{font-size:28px}.header-phone{font-size:12px}.menu-toggle{color:white}nav{top:78px;background:#293b4c;color:white;font-size:15px;padding:25px}
 .hero{min-height:0;display:flex;flex-direction:column;align-items:stretch;background:#f4f6f7;padding:0 0 0;overflow:hidden}.hero-content{order:0;padding:44px 0 38px}.hero h1{font-size:82px;margin:20px 0 22px}.hero p{font-size:14px;line-height:1.95;margin-bottom:25px}.hero .eyebrow{font-size:10px;letter-spacing:1.3px}.hero .actions{gap:18px;align-items:center}.hero .button{font-size:12px;padding:15px 16px;gap:17px}.hero .text-link{font-size:12px;gap:10px}.hero-note{font-size:11px;margin-top:27px;color:#586d80}
 .hero-photo.hero-workshop{position:relative;order:1;left:auto;right:auto;top:auto;transform:none;width:100%;height:320px;object-fit:cover;object-position:50% center;filter:none;clip-path:none;mask-image:none;z-index:0}.hero-shade{display:none}.photo-label{right:16px;bottom:16px;z-index:1;padding:10px 13px}.photo-label span{font-size:9px}.photo-label b{font-size:11px}
 .info-grid>div,.info-grid>div+div,.info-grid>a{padding:20px 0;gap:16px}.info-grid small{font-size:9px}.info-grid strong{font-size:13px}
 h2{font-size:44px}.section{padding-block:62px}.section-heading>p{font-size:13px}.service{padding:24px 18px;min-height:280px}.service h3{font-size:27px}.service p{font-size:12px}.service-link{font-size:11px}.service-top>span{font-size:10px}.service-top svg{width:34px;height:34px}
 .work-heading h2{font-size:42px}.work-heading>p{font-size:13px}.work-group{padding:25px}.work-group h3{font-size:29px}.work-group li{font-size:13px}.work-bottom p{font-size:12px}.work-bottom .text-link{font-size:13px}
 .about h2{font-size:46px}.about-copy p{font-size:14px}.about-photo img{height:280px}.about-photo>span{padding:14px 20px}.about .eyebrow{font-size:10px}.about-photo small{font-size:8px}
 .certificates.section{padding-bottom:28px}.certificates-disclosure>summary{font-size:13px}.certificate-copy>span{font-size:11px}.certificate-copy small{font-size:10px}.certificate-hint,.certificate-note{font-size:10px}
 .facebook-copy h2{font-size:33px}.facebook-copy p{font-size:12px}.facebook-copy .eyebrow{font-size:9px}.facebook-button{font-size:12px}.appointment{padding-block:36px}.appointment h2{font-size:40px}.appointment p{font-size:13px}.big-phone{font-size:47px}
 .contact h2{font-size:45px}.contact-phone{font-size:27px}.contact p{font-size:14px}.contact small{font-size:10px}.contact .button{font-size:12px}.hours{font-size:14px}.location-card{min-height:245px}
 footer{font-size:10px;padding-bottom:95px}.mobile-call{padding:16px 20px}.mobile-call a{font-size:12px}.mobile-call b{font-size:13px}
}
@media(max-width:360px){.hero h1{font-size:70px}.header-phone{display:none}.hero p{font-size:13px}.hero .actions{gap:15px}.hero .text-link{font-size:11px}.hero-photo.hero-workshop{height:270px}.hero .eyebrow{font-size:9px}.service{padding:22px 13px}.service h3{font-size:25px}.service p{font-size:11px}.service-link{font-size:10px}.big-phone{font-size:40px}.facebook-copy h2{font-size:29px}.contact h2{font-size:40px}}