@font-face{font-family:'Bodoni Moda';src:url('fonts/bodoni-moda-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--gold:#dea85a;--display:'Bodoni Moda',Georgia,serif}
body{background:#fffefd}
.header{background:rgba(255,254,253,.97)}
.header-inner{height:132px}
.brand{gap:14px}
.brand-logo{width:114px;height:103.5px;object-fit:contain;flex-shrink:0}
.brand strong{font-family:var(--display);font-size:31px;letter-spacing:.01em;font-weight:600;line-height:1.1}
.brand small{font-size:11px;letter-spacing:.02em;margin-top:6px}
.header nav{gap:26px}
h1,h2,.service-body h3,.benefits h3,.appliance-large h3,.contact-address h2,.call-panel h2{font-family:var(--display);font-weight:600;letter-spacing:-.025em}
.hero{background:#191816;min-height:590px}
.hero h1{font-family:var(--display);font-size:66px;line-height:1.09;letter-spacing:-.035em}
.hero-copy{padding-top:62px;padding-bottom:36px}
.hero-copy>p:not(.eyebrow){color:#dfd7cd}
.hero-note{margin-top:30px}
.hero .eyebrow{font-size:11px;letter-spacing:.15em}
.hero .button-lime,.contact-primary .button-lime{background:var(--gold)}
.hero .button-lime:hover,.contact-primary .button-lime:hover{background:#ebbf82}
.hero-picture{overflow:hidden;isolation:isolate;background:#1c1915}
.hero-slide{position:absolute;inset:0;opacity:0;z-index:0;transition:opacity 1.2s ease;pointer-events:none;overflow:hidden}
.hero-slide.is-active{opacity:1;z-index:2}
.hero-slide.is-leaving{opacity:1;z-index:1}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:46% 50%;transform:scale(1.035)}
.hero-slide:first-child img{object-position:59% 50%}
.hero-slider.motion-enabled .hero-slide.is-active img,.hero-slider.motion-enabled .hero-slide.is-leaving img{animation:hero-zoom-in 7s ease-in-out both}
.hero-slider.motion-enabled .hero-slide.slide-out.is-active img,.hero-slider.motion-enabled .hero-slide.slide-out.is-leaving img{animation-name:hero-zoom-out}
.hero-slider.is-paused .hero-slide img{animation-play-state:paused!important}
@keyframes hero-zoom-in{from{transform:scale(1.015)}to{transform:scale(1.09)}}
@keyframes hero-zoom-out{from{transform:scale(1.09)}to{transform:scale(1.015)}}
.picture-note{z-index:4;bottom:auto;top:25px;left:25px;background:rgba(255,254,253,.94);padding:15px 20px;box-shadow:0 5px 25px #0000000d}
.picture-note>.icon{color:#946128}
.slider-ui{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:53px 26px 15px;color:#fff;background:linear-gradient(transparent,rgba(14,12,10,.78))}
.slider-ui[hidden]{display:none}
.slider-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;font-weight:600;padding-bottom:9px;letter-spacing:.01em}
.slide-count{font-size:12px;color:#ded5ca;font-weight:400;white-space:nowrap}.slide-count b{color:#fff;font-weight:600}
.slider-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff40;padding-top:5px;gap:8px}
.slider-dots,.slider-navigation{display:flex;align-items:center;gap:0}
.slider-controls button{color:#fff;background:transparent;border:0;min-height:44px;min-width:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:color .2s}
.slider-controls button:hover{color:var(--gold)}
.slider-dots button{min-width:32px;width:32px}
.slider-dots span{width:7px;height:7px;border-radius:50%;background:#ffffff75;transition:width .3s,background .3s;display:block}
.slider-dots button[aria-current=true] span{width:23px;border-radius:8px;background:var(--gold)}
.slider-controls .slider-pause{font-size:12px;font-weight:600;padding:0 12px;min-width:86px}
.slider-arrow{font-size:23px!important}
.slider-controls button:focus-visible{outline-color:var(--gold);outline-offset:-2px;border-radius:5px}
.section-heading h2{font-size:44px;line-height:1.12}.eyebrow{letter-spacing:.12em}
.appliance h3{letter-spacing:-.02em}.appliance-large .appliance h3{font-size:27px}
.appliance:hover{box-shadow:0 8px 23px #50330008}
.service-body h3{font-size:30px}.service-number{color:#8b7660}
.service-body p{line-height:1.7}
.brands span{letter-spacing:-.025em}
.parallax-stage{position:relative;overflow:hidden;isolation:isolate}
.parallax-stage>.parallax-image{position:absolute;left:0;top:-64px;width:100%;height:calc(100% + 128px);max-width:none;object-fit:cover;transform:translate3d(0,var(--parallax-y,0px),0);will-change:transform}
.why{padding:89px 0}
.why::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(21,19,16,.9),rgba(21,19,16,.85) 50%,rgba(21,19,16,.95))}
.why>.parallax-image{z-index:-2;object-position:center 52%}
.why h2{font-size:48px}.why .benefits h3{font-size:27px}
.why-grid>div>p:not(.eyebrow),.benefits p{color:#e2dad1}
.contact-cta{background:#f3e4cd;border:1px solid #e7d1b0}
.contact-cta h2{font-size:46px}.contact-cta .eyebrow{color:#845722}
.contact-cta .button{background:#26221c}.big-phone{font-family:Manrope,Arial,sans-serif}
.footer-main .brand-logo{width:127.5px;height:115.5px}.footer-main .brand strong{font-size:34px}
.footer-main .brand small{font-size:10px}
.footer-main h2{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:0}
.page-intro h1{font-size:62px;line-height:1.08;letter-spacing:-.035em}
.page-intro-visual{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding-top:49px;padding-bottom:55px}
.page-intro-visual h1{font-size:50px;line-height:1.1}
.page-intro-visual .lead{font-size:16px;margin-top:23px}
.intro-photo{height:375px;border-radius:16px}.intro-photo img{object-position:52% 50%}
.detail-picture img{height:calc(100% + 128px)}
.service-detail h2{font-size:41px;line-height:1.13}
.contact-address h2,.call-panel h2{font-size:32px}
.contact-primary{background:#201d19}
.contact-bottom{min-height:355px;margin-top:45px;margin-bottom:73px;border-radius:18px;display:flex;align-items:center;padding:49px 54px;color:#fff}
.contact-bottom::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(23,20,15,.87),rgba(23,20,15,.55) 48%,rgba(23,20,15,.06))}
.contact-bottom>.parallax-image{z-index:-2;object-position:50% 52%}
.contact-bottom>div{max-width:430px}
.contact-bottom .eyebrow{color:var(--gold);font-size:11px;margin-bottom:15px}
.contact-bottom h2{font-size:47px;line-height:1.08}
.contact-bottom p:not(.eyebrow){font-size:15px;line-height:1.8;color:#e8e0d5;margin-top:23px}
.legal h2{font-family:Manrope,Arial,sans-serif;font-weight:800}
@media(max-width:1100px){.header nav{gap:18px}.brand-logo{width:100.5px;height:91.5px}.brand strong{font-size:28px}.brand small{font-size:10px}.hero h1{font-size:59px}.hero-copy{padding:49px 28px 32px}.page-intro-visual{gap:35px}.page-intro-visual h1{font-size:45px}.page-intro h1{font-size:56px}.page-intro-visual h1{font-size:45px}}
@media(max-width:880px){.header-inner{height:116px}.header nav{gap:13px}.brand-logo{width:88.5px;height:81px}.brand strong{font-size:26px}.brand small{font-size:9px}.brand{gap:10px}.hero h1{font-size:49px}.hero{min-height:570px}.hero-copy{padding:44px 25px 26px}.picture-note{left:19px;top:19px;padding:12px 15px}.picture-note small{font-size:11px}.slider-ui{padding-inline:19px}.section-heading h2{font-size:39px}.contact-cta h2{font-size:40px}.page-intro-visual{gap:28px}.page-intro-visual h1{font-size:40px}.intro-photo{height:355px}.service-detail h2{font-size:34px}.footer-main{grid-template-columns:1.35fr 1fr 1fr}.footer-main .brand{gap:9px}.footer-main .brand-logo{width:93px;height:85.5px}.footer-main .brand strong{font-size:27px}.footer-main .brand small{font-size:9px}}
@media(max-width:700px){.header-inner{height:108px}.header nav{top:108px}.brand-logo{width:90px;height:82.5px}.brand strong{font-size:29px}.brand small{font-size:10px}.brand{gap:11px}.hero{min-height:0}.hero-copy{padding:36px 27px 26px}.hero h1{font-size:clamp(36px,9.6vw,50px);line-height:1.1}.hero .eyebrow{font-size:10px}.hero-picture{height:365px}.hero-note{margin-top:24px}.picture-note{top:20px;left:22px;padding:12px 16px}.slider-ui{padding:52px 23px 12px}.hero-slide img{object-position:48% 55%}.hero-slide:first-child img{object-position:58% 59%}.section-heading h2{font-size:36px}.service-body h3{font-size:31px}.why{padding:58px 0}.why h2{font-size:41px}.why .benefits h3{font-size:27px}.why::after{background:rgba(21,19,16,.89)}.contact-cta h2{font-size:39px}.page-intro h1{font-size:43px}.page-intro-visual{grid-template-columns:1fr;padding-top:42px;padding-bottom:41px;gap:30px}.page-intro-visual h1{font-size:43px}.intro-photo{height:250px;border-radius:13px}.page-intro-visual .lead{font-size:16px}.service-detail h2{font-size:35px}.contact-bottom{padding:39px 26px;min-height:370px;margin-top:31px;margin-bottom:49px;border-radius:13px}.contact-bottom h2{font-size:43px}.contact-bottom::before{background:rgba(23,20,15,.69)}.contact-bottom p:not(.eyebrow){font-size:15px}.contact-bottom>div{max-width:360px}.footer-main{grid-template-columns:1fr}.footer-main .brand-logo{width:121.5px;height:111px}.footer-main .brand strong{font-size:33px}.footer-main .brand small{font-size:11px}.appliance-large .appliance h3{font-size:23px}.parallax-stage>.parallax-image{top:-40px;height:calc(100% + 80px)}.slider-controls .slider-pause{padding:0 9px;min-width:79px}}
@media(max-width:380px){.brand-logo{width:79.5px;height:72px}.brand strong{font-size:26px}.brand small{font-size:9px}.brand{gap:9px}.hero-copy{padding:33px 23px 24px}.hero h1{font-size:37px}.hero-picture{height:325px}.slider-ui{padding-inline:18px}.slider-controls .slider-pause{font-size:11px;min-width:70px;padding:0 6px}.slider-arrow{min-width:36px!important}.slider-dots button{min-width:28px;width:28px}.page-intro h1{font-size:38px}.page-intro-visual h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.hero-slider .hero-slide img{animation:none!important;transform:none!important}.hero-slide{transition:none}.parallax-stage>.parallax-image{transform:none!important;will-change:auto}}

.slider-controls [hidden]{display:none!important}

/* Větší vektorové logo z PDF, upravený prostor hlavičky. */
html{scroll-padding-top:150px}
@media(min-width:701px) and (max-width:880px){.header-inner{gap:16px}.header nav{gap:10px}.header nav>a{font-size:11px}.header .button-small{font-size:11px;padding:11px 10px}}
@media(max-width:700px){html{scroll-padding-top:124px}.header-inner{gap:12px}.header .brand-wordmark small{max-width:135px;line-height:1.35}.header .menu-toggle{font-size:0;gap:0;padding:12px;min-width:46px;min-height:46px}}
@media(max-width:380px){.header-inner{height:102px;gap:8px}.header nav{top:102px}}

/* Rozšířený dojezd a Facebook — 29. 9. 2026. */
.picture-note{max-width:calc(100% - 50px)}
.picture-note>span{min-width:0}
.picture-note small{max-width:240px;line-height:1.5}
.footer-main>div:nth-child(2)>a.footer-facebook{display:inline-block;margin-top:14px;border-bottom:1px solid #c9baaa;font-weight:700;font-size:14px}
.footer-facebook:hover{color:#946128;border-color:currentColor!important}
.contact-address .contact-social{margin-top:18px}
.contact-address .contact-social .text-link{margin-top:0;font-size:14px}
@media(max-width:700px){.topbar .container{padding-block:2px}.topbar span{min-width:0;font-size:10px}.picture-note{max-width:calc(100% - 44px)}}