:root{--red:#c9232d;--red-dark:#a51d26;--ink:#25282c;--muted:#62666b;--line:#dcdfe1;--soft:#f3f4f4;--white:#fff;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:155px}body{margin:0;background:var(--white);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--red);outline-offset:5px}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(35px,4.1vw,57px);font-weight:750}h3{font-size:23px}p+p{margin-top:18px}em{font-style:normal;color:var(--red)}
.wrap{max-width:var(--max);margin:auto;width:calc(100% - 96px)}
.section{padding-top:100px;padding-bottom:100px}section[id]{scroll-margin-top:10px}
.muted,.fine{color:var(--muted)}
.fine{font-size:14px;line-height:1.6}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;margin-bottom:26px;color:var(--muted)}
.header{height:92px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(14px);z-index:20}
.header-inner{max-width:1400px;margin:auto;padding:0 48px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;font-size:25px;font-weight:800;line-height:1.05;letter-spacing:-1.2px}
.brand-red{color:var(--red)}
.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:9px}
.brand-icon{width:38px;height:30px;background:var(--red);border-radius:5px;margin-right:10px;position:relative;display:grid;place-items:center}
.brand-icon:before{content:'';position:absolute;top:-5px;left:7px;width:13px;height:7px;background:var(--red);border-radius:2px}
.brand-icon i{width:17px;height:17px;border:2px solid #fff;border-radius:50%}
.header nav{display:flex;gap:28px;font-size:14px;font-weight:600}
.header nav a:hover,.text-link:hover{color:var(--red)}
.header-contact{font-size:14px;font-weight:700}
.header-contact span{margin-left:14px;color:var(--red)}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:63px;padding-bottom:65px;align-items:center}
.hero .eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:28px}
.hero .eyebrow span{height:6px;width:6px;background:var(--red);border-radius:50%}h1{font-size:clamp(76px,8.7vw,125px);line-height:.94;letter-spacing:-.075em;margin-bottom:30px}
.hero-lead{font-size:22px;line-height:1.4;letter-spacing:-.035em;max-width:380px;font-weight:600}
.hero .muted{max-width:390px;font-size:15px;margin-top:17px}
.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:30px}
.button,.outline-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 21px;border:1px solid var(--red);background:var(--red);color:white;font-size:14px;font-weight:700;border-radius:4px;min-height:50px;transition:background .2s,transform .2s}
.button:hover{background:var(--red-dark);border-color:var(--red-dark);transform:translateY(-2px)}
.outline-button{color:var(--ink);background:transparent;border-color:#bcc1c5}
.outline-button:hover{border-color:var(--red);color:var(--red)}
.text-link{font-size:14px;font-weight:700;white-space:normal}
.hero-note{font-size:13px;margin-top:20px;color:var(--muted)}
.tick{color:var(--red);font-weight:700;margin-right:6px}
.hero-visual{position:relative;background:#eceeef;border-radius:6px;overflow:hidden;box-shadow:0 20px 55px #25282c0b}
.hero-visual>img{height:410px;object-fit:cover;object-position:50% 24%;filter:saturate(.65)}
.photo-index{display:flex;justify-content:space-between;gap:12px;padding:18px 22px;font-size:9px;letter-spacing:.12em;font-weight:700;background:#eceeef}
.hero-caption{display:flex;justify-content:space-between;align-items:center;padding:25px 25px;font-size:18px;line-height:1.35;background:var(--ink);color:var(--white)}
.hero-caption a{border:1px solid #ffffff55;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:24px}
.benefit-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.benefit-strip>.wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.benefit-strip p{padding:26px 25px;border-right:1px solid var(--line);margin:0}
.benefit-strip p:first-child{padding-left:0}
.benefit-strip p:last-child{border:0}
.benefit-strip strong{font-size:21px;letter-spacing:-.03em;display:block}
.benefit-strip span{font-size:12px;color:var(--muted);display:block;margin-top:3px}
.section-head{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:end;margin-bottom:42px}
.section-head .eyebrow{grid-column:1/-1;margin-bottom:22px}
.section-head>p:last-child{font-size:15px;color:var(--muted);max-width:460px}
.models{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.models>div{padding:24px;border-right:1px solid var(--line)}
.models>div:first-child{padding-left:0}
.models>div:last-child{border:0}
.models span{font-size:11px;letter-spacing:.1em;color:var(--muted)}
.models h3{font-size:31px;margin-top:10px}
.models small{font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:5px}
.help-row{display:grid;grid-template-columns:1fr 1.5fr auto;gap:30px;align-items:start;padding:30px 0}
.help-row strong{font-size:17px;letter-spacing:-.03em}
.help-row p{font-size:14px;color:var(--muted)}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}details+details{border-top:0}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:21px 0;font-size:14px;font-weight:600;line-height:1.5}summary::-webkit-details-marker{display:none}summary>span{font-size:24px;font-weight:400;line-height:1;color:var(--red);transition:transform .2s}details[open]>summary>span{transform:rotate(45deg)}
.detail-content{padding:4px 0 26px;font-size:14px;max-width:100%}
.detail-content h3{margin:10px 0 18px}
.detail-content button{margin-top:15px}
.detail-content .fine{margin-top:15px}
.search-label{display:block;font-size:13px;margin-bottom:6px;font-weight:700}
.detail-content input{max-width:360px;margin-bottom:20px}
.table-scroll{overflow-x:auto;width:100%;margin:15px 0}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th,td{padding:12px 15px;border-bottom:1px solid var(--line)}th{background:#e9ebec;font-weight:600}td:first-child{white-space:nowrap;font-family:monospace}
.soft{background:var(--soft)}
.symptoms{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.symptoms article{border-top:2px solid var(--ink);padding:28px 0 20px}
.symbol{display:inline-grid;place-items:center;font-size:32px;color:var(--red);height:45px;line-height:1;margin-bottom:23px}
.symbol.sign{font-size:17px;border:2px solid var(--red);border-radius:50%;width:37px;height:37px;margin-bottom:31px}
.symptoms h3{font-size:18px;letter-spacing:-.025em}
.symptoms p{font-size:14px;color:var(--muted);margin-top:13px}
.next-step{display:grid;grid-template-columns:95px 1fr auto;gap:28px;align-items:start;margin:22px 0 30px;padding:23px 0;border-top:1px solid var(--line)}
.next-step>span{font-size:11px;font-weight:700;color:var(--red);letter-spacing:.1em}
.next-step p{max-width:650px;font-size:14px}
.why{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.large-copy{font-size:22px;line-height:1.4;letter-spacing:-.03em}
.why>div>p:not(.eyebrow):not(.large-copy){font-size:15px;color:var(--muted)}
.why details{margin-top:28px}
.repair{background:#25282c;color:white}
.repair .eyebrow{color:#b9bdc2}
.repair-title{display:grid;grid-template-columns:1fr 1fr;gap:0 80px;align-items:end}
.repair-title .eyebrow{grid-column:1/-1}
.repair-title>p:last-child{font-size:15px;color:#c2c5c8;max-width:440px}
.repair-title em{color:#f0545d}
.repair-photo{margin-top:40px}
.repair-photo img{aspect-ratio:1.95;object-fit:cover;border-radius:4px}
.repair-photo figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:14px;font-size:11px;color:#b6bbc0;letter-spacing:.05em}
.repair-bottom{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:45px 0 35px}
.repair-bottom h3{font-size:29px}
.repair-bottom p{font-size:14px;color:#c2c5c8}
.dark-detail{border-color:#555b60}
.dark-detail .detail-content{color:#d5d8db}
.equipment{display:grid;grid-template-columns:1fr 1fr;gap:45px 50px;align-items:center}
.equipment-copy p:not(.eyebrow):not(.large-copy){font-size:14px;color:var(--muted)}
.equipment .large-copy{margin-top:25px}
.equipment details{margin-top:26px}
.machine{background:#f4f4f4;border-radius:5px;overflow:hidden}
.machine img{mix-blend-mode:multiply}
.machine figcaption{text-align:center;font-size:11px;letter-spacing:.05em;color:var(--muted);padding:0 20px 20px}
.care-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:20px}
.care-grid article{border-top:1px solid var(--line);padding-bottom:10px}
.care-grid img{aspect-ratio:1.6;object-fit:contain;background:#f5f5f5;margin-bottom:22px}
.care-grid article>span{font-size:11px;color:var(--muted);letter-spacing:.1em}
.care-grid h3{font-size:21px;margin-top:10px}
.care-grid p{font-size:14px;color:var(--muted);margin-top:12px}
.micro-mark{height:0;aspect-ratio:auto;padding-bottom:62.5%;position:relative;font-size:120px;line-height:1.8;color:#b8bec2;text-align:center;background:var(--soft);overflow:hidden;margin-bottom:22px}
.prices{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.price{padding:33px;background:var(--white);border:1px solid var(--line);border-radius:5px}
.price.featured{border-top:3px solid var(--red);padding-top:31px}
.price-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.07em;font-weight:700;color:var(--muted)}
.featured .price-top>span:last-child{color:var(--red)}
.price h3{margin:32px 0 25px;font-size:29px}
.amount{font-size:64px;letter-spacing:-.065em;font-weight:700;line-height:1.1}
.amount small{font-size:23px;letter-spacing:-.03em;font-weight:400}
.price .timing{font-size:14px;font-weight:700;margin-top:12px}
.price>p:not(.amount):not(.timing){font-size:14px;color:var(--muted);margin-top:19px;max-width:350px}
.price .button,.price .outline-button{width:100%;margin-top:28px}
.price-foot{display:flex;justify-content:space-between;gap:25px;font-size:13px;margin-top:22px}
.price-foot p{margin:0}
.price-foot a{text-decoration:underline}
.assurance{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;margin:35px 0 23px;align-items:center}
.assurance>div{display:flex;gap:25px;align-items:center}
.big-number{font-size:76px;font-weight:700;letter-spacing:-.08em;line-height:1;color:var(--red)}
.big-number>span{font-size:31px;color:#93999f;letter-spacing:-.06em}
.assurance h3{font-size:21px}
.assurance>p{font-size:14px;color:var(--muted)}
.contact{display:grid;grid-template-columns:1.1fr 1fr;gap:85px}
.contact h2{font-size:46px}
.contact>div>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:25px;max-width:400px}
.phone{display:block;font-size:29px;letter-spacing:-.045em;font-weight:700;margin-top:35px}
.email{display:block;font-size:15px;color:var(--muted);margin-top:5px}
.shipping{margin-top:30px}
.shipping ol{padding-left:22px}
.shipping li+li{margin-top:13px}
.contact form{padding:33px;background:var(--soft);border-radius:5px;align-self:start}
.contact form h3{margin-bottom:25px}
.contact form label{display:block;margin-bottom:6px;margin-top:17px;font-size:13px;font-weight:600}input,select,textarea{width:100%;min-width:0;border:1px solid #ced2d5;border-radius:3px;background:white;color:var(--ink);padding:12px;font-size:14px}textarea{resize:vertical}
.contact form .button{width:100%;margin-top:22px}
.contact form .fine{margin-top:12px}
.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:65px;padding-top:0}
.faq h2{font-size:37px}
.faq details p{font-size:14px;color:var(--muted);margin:0 0 22px}
.faq details a{display:inline-block;margin-bottom:20px}
.faq summary{font-size:14px;padding:23px 0}footer{background:var(--soft);border-top:1px solid var(--line);padding:35px 0 15px}footer>.wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}footer p,footer a:not(.brand){font-size:13px;color:var(--muted)}
.draft-note{text-align:center;margin-top:28px!important;font-size:11px!important;color:#737980!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;top:-100px;left:20px;z-index:30;background:white;padding:15px}
.skip:focus{top:10px}[hidden]{display:none!important}
@media(min-width:1500px){.hero{gap:85px;padding-top:85px;padding-bottom:85px}
.hero-visual>img{height:450px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}
.header-inner{padding:0 28px}
.header nav{gap:18px}
.hero{gap:30px}h1{font-size:88px}
.hero-lead{font-size:20px}
.hero-visual>img{height:370px}
.photo-index{font-size:8px;padding:15px}
.hero-caption{font-size:16px}
.section{padding-top:75px;padding-bottom:75px}
.section-head,.why,.repair-title,.repair-bottom{column-gap:40px}
.help-row{grid-template-columns:1fr 2fr}
.help-row>a{grid-column:2}
.contact{gap:35px}
.contact h2{font-size:38px}
.faq{gap:35px;padding-top:0}
.models>div{padding:20px 13px}
.models h3{font-size:25px}
.models small{display:block;margin:8px 0 0}
.next-step{grid-template-columns:70px 1fr}
.next-step a{grid-column:2}
.assurance{gap:30px}
.price-top{flex-direction:column;gap:6px}}
@media(max-width:700px){html{scroll-padding-top:145px}
.wrap{width:calc(100% - 40px)}
.header{height:72px}
.header-inner{padding:0 20px;gap:10px}
.brand{font-size:22px}
.brand small{font-size:7px;letter-spacing:1.5px}
.brand-icon{width:30px;height:25px}
.brand-icon i{width:14px;height:14px}
.header nav{display:none}
.header-contact{font-size:13px}
.header-contact span{margin-left:4px}
.hero{grid-template-columns:1fr;gap:34px;padding-top:35px;padding-bottom:35px}
.hero h1{font-size:92px;margin-bottom:24px}
.hero .eyebrow{margin-bottom:25px}
.hero-lead{font-size:21px;max-width:350px}
.hero .muted{font-size:14px}
.actions{margin-top:25px;gap:20px}
.button,.outline-button{font-size:13px;padding:14px 17px}
.hero-visual>img{height:280px;object-position:50% 24%}
.photo-index{font-size:9px}
.hero-caption{padding:19px}
.hero-caption br{display:none}
.hero-caption strong{margin-left:4px}
.benefit-strip>.wrap{grid-template-columns:1fr 1fr}
.benefit-strip p{padding:17px 15px!important}
.benefit-strip p:nth-child(2){border-right:0}
.benefit-strip p:nth-child(-n+2){border-bottom:1px solid var(--line)}
.benefit-strip strong{font-size:21px}
.benefit-strip span{font-size:11px}
.section{padding:55px 0}
.section-head{display:block;margin-bottom:30px}
.section-head>p:last-child{margin-top:23px;font-size:14px}
.eyebrow{font-size:10px;margin-bottom:20px}h2{font-size:37px;letter-spacing:-.05em}
.models{grid-template-columns:1fr 1fr}
.models>div{padding:20px!important}
.models>div:nth-child(2){border-right:0}
.models>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
.models h3{font-size:29px}
.models small{display:inline;margin-left:6px}
.help-row{display:block;padding:25px 0}
.help-row p{margin-top:10px}
.help-row a{display:inline-block;margin-top:15px}summary{font-size:14px;padding:19px 0}
.symptoms{grid-template-columns:1fr 1fr;gap:20px}
.symptoms article{padding:18px 0 10px}
.symptoms h3{font-size:17px}
.symptoms p{font-size:13px}
.symbol{margin-bottom:13px}
.symbol.sign{margin-bottom:21px}
.next-step{display:block;padding:20px 0;margin-bottom:20px}
.next-step p{margin-top:10px}
.next-step a{display:inline-block;margin-top:14px}
.detail-content{font-size:14px}
.table-scroll th,.table-scroll td{font-size:12px;padding:10px 8px}
.why{display:block}
.why>div+div{margin-top:27px}
.large-copy{font-size:21px}
.repair-title{display:block}
.repair-title>p:last-child{margin-top:25px;font-size:14px}
.repair-photo{margin-top:27px}
.repair-photo img{aspect-ratio:1.3;object-fit:cover;object-position:center}
.repair-photo figcaption{font-size:9px;display:block}
.repair-photo figcaption span{display:block}
.repair-photo figcaption span+span{margin-top:5px}
.repair-bottom{display:block;padding:28px 0}
.repair-bottom h3{font-size:26px;margin-bottom:20px}
.repair-bottom p{font-size:14px}
.equipment{display:block}
.equipment h2{font-size:35px}
.machine{margin-top:28px}
.care-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}
.care-grid article{display:grid;grid-template-columns:115px 1fr;column-gap:20px;padding-top:18px}
.care-grid img,.micro-mark{grid-row:1/5;margin:0;align-self:start;aspect-ratio:1;height:auto}
.micro-mark{height:115px;padding:0;font-size:70px;line-height:1.5}
.care-grid h3{font-size:19px;margin-top:6px}
.care-grid article>span{font-size:9px}
.care-grid p{font-size:13px;margin-top:9px}
.prices{grid-template-columns:1fr;gap:20px}
.price{padding:25px}
.price.featured{padding-top:23px}
.price-top{flex-direction:row;font-size:9px}
.price h3{font-size:28px;margin-top:28px}
.amount{font-size:62px}
.price-foot{display:block}
.price-foot p+p{margin-top:12px}
.assurance{display:block}
.assurance>div{gap:22px}
.assurance>p{margin-top:22px}
.assurance h3{font-size:20px}
.big-number{font-size:71px}
.contact{display:block}
.contact h2{font-size:37px}
.contact form{margin-top:35px;padding:24px}
.phone{font-size:29px}
.faq{display:block;padding-top:0}
.faq>div+div{margin-top:25px}
.faq h2{font-size:34px}footer>.wrap{flex-wrap:wrap}footer .brand{width:100%;font-size:25px}footer p{font-size:11px}footer a:not(.brand){font-size:12px}
.fine{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .7s ease both}
.hero-visual{animation:arrive .9s .12s ease both}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:700px){.hero h1{font-size:clamp(72px,23.5vw,92px)}
.models small{white-space:nowrap}}

/* Systémová typografie inspirovaná iStyle. Základní text 18px / 1.8 pro porovnání. */
body{font-size:18px;line-height:1.8}
.hero .muted,.section-head>p:last-child,.help-row p,.symptoms p,.next-step p,.why>div>p:not(.eyebrow):not(.large-copy),.repair-title>p:last-child,.repair-bottom p,.equipment-copy p:not(.eyebrow):not(.large-copy),.care-grid p,.price>p:not(.amount):not(.timing),.assurance>p,.contact>div>p:not(.eyebrow),.faq details p,.detail-content{font-size:18px;line-height:1.8}
summary,.faq summary{font-size:16px}
.fine,.contact form .fine{font-size:14px;line-height:1.7}
.hero h1{font-weight:700;letter-spacing:-.065em;font-size:clamp(70px,8vw,112px)}
h2,h3{font-weight:600}
.header-inner{gap:18px}
.header nav{gap:22px}
@media(max-width:1000px){.header nav{gap:14px;font-size:12px}}
@media(max-width:700px){.hero h1{font-size:clamp(60px,20vw,78px)}
.brand{font-size:20px}
.brand small{letter-spacing:1px}
.header-contact{font-size:11px}
.models h3{font-size:26px}
.care-grid article{grid-template-columns:95px 1fr;column-gap:16px}
.micro-mark{height:95px}
.care-grid h3{font-size:18px}
.care-grid p{font-size:16px}
.contact h2,.equipment h2{font-size:33px}}
/* Schválená revize: detail kamery, inspekce a adresa. */
.hero-visual>img{object-fit:contain;object-position:center;filter:none;background:#eceeef}
.inspection-first{display:grid;grid-template-columns:70px 1fr;gap:28px;margin-top:42px;padding:30px 0;border-top:1px solid #555b60;border-bottom:1px solid #555b60}
.step-index{font-size:36px;color:#f0545d;font-weight:600;line-height:1}
.inspection-first h3{font-size:29px;margin-bottom:18px}
.inspection-first p{font-size:18px;line-height:1.8;color:#d5d8db;max-width:800px}
.inspection-first details{margin-top:25px}
.location-card{background:var(--soft);border:1px solid var(--line);border-radius:5px;overflow:hidden;align-self:start}
.location-heading{padding:30px}
.location-heading .eyebrow{margin-bottom:17px}
.location-heading h3{font-size:29px}
.location-address{font-size:24px;line-height:1.4;letter-spacing:-.03em;margin-top:23px}
.location-address span{font-size:18px;color:var(--muted)}
.location-heading>p:last-child{font-size:15px;color:var(--muted);margin-top:16px}
.location-card iframe{display:block;border:0;width:100%;height:320px;background:#e5e7e8}
.location-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:25px 30px 15px}
.map-note{padding:0 30px 25px;font-size:12px}
.camera-collection img{object-fit:cover}
.assist-icon{display:flex;align-items:center;height:58px;margin-bottom:20px}
.assist-icon img{width:72px;height:54px;object-fit:contain}
.assist-icon svg{width:52px;height:52px}
@media(max-width:700px){.inspection-first{grid-template-columns:40px 1fr;gap:15px;margin-top:28px;padding:25px 0}
.step-index{font-size:29px}
.inspection-first h3{font-size:24px}
.inspection-first p{font-size:17px}
.location-card{margin-top:35px}
.location-heading{padding:25px}
.location-card iframe{height:280px}
.location-actions{padding:22px 25px 12px}
.map-note{padding:0 25px 22px}
.assist-icon{margin-bottom:16px}}

.assist-icon{position:relative;width:78px;height:60px;background:#000;border-radius:5px;overflow:hidden}
.assist-icon img{position:absolute;left:50%;top:50%;width:280px;max-width:none;height:210px;object-fit:contain;transform:translate(-50%,-50%)}
.assist-icon.sign-icon{background:transparent}
.assist-icon svg{display:block;margin:auto;width:55px;height:55px}

.assist-icon.audi-lane-icon img{width:78px;height:59px}

.assist-icon.audi-acc-icon img{width:78px;height:59px}

.assist-icon.audi-light-icon img{width:78px;height:59px}

.camera-front{aspect-ratio:1.5;overflow:hidden;background:white}
.camera-front img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.45)}

/* Barevné symboly na světlém pozadí, shodně s dopravní značkou. */
.assist-icon{background:transparent}
.part-readable,.part-compact{display:block;white-space:nowrap}
.part-compact{font-size:.85em;color:var(--muted);margin-top:4px}
#parts-table{margin-top:24px}
.camera-collection img{object-fit:cover;object-position:center;aspect-ratio:1.15}

.camera-collection img{object-position:50% 24%}

/* Revize 8: volná kamera a fotografie bez pruhů po stranách. */
.hero-visual.hero-cutout{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.hero-cutout>img{width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;object-position:center;background:transparent;filter:none}
.care-grid img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:center;background:transparent}
.camera-collection img{object-position:50% 27%}
@media(max-width:700px){.hero-cutout>img{height:auto;max-height:none}
.care-grid img{aspect-ratio:1;object-fit:cover}
.camera-collection img{object-position:50% 27%}}

.camera-collection img{object-position:center}
@media(max-width:700px){.care-grid article{display:block}
.care-grid img{width:100%;aspect-ratio:1.5;margin-bottom:18px;object-fit:cover}
.care-grid article>span{display:block}
.care-grid h3{font-size:23px}
.care-grid p{font-size:17px}}

.placement-heading{margin-top:32px;margin-bottom:17px;font-size:27px;line-height:1.2}

/* Revize 10: jedna verze obsahu a kompaktní hlavička. */
:root{--header-height:88px}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
.header{height:auto;min-height:88px}
.header-inner{min-height:88px;display:grid;grid-template-columns:auto 1fr auto;gap:30px;padding:0 40px}
.header nav{display:flex;justify-content:center;align-items:center;gap:23px;font-size:15px}
.header-contact{white-space:nowrap;font-size:15px}
.header-contact .call-label{display:none}
.h1-service{display:block;font-size:22px;font-weight:650;letter-spacing:-.025em;line-height:1.3;max-width:390px;margin-top:24px}
.inspection-first h3{line-height:1.2}
:target{scroll-margin-top:12px}
@media(max-width:1050px){
.header-inner{grid-template-columns:1fr auto;gap:0 20px;padding:0 28px}
.header-inner .brand,.header-contact{margin:20px 0}
.header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;padding-bottom:15px;gap:14px}
.header-contact .call-label{display:inline;color:var(--ink);margin:0}
:root{--header-height:127px}
}
@media(max-width:600px){
.header-inner{padding:0 20px;gap:0 12px}
.header-inner .brand{font-size:22px;letter-spacing:-1px}
.header-inner .brand small{font-size:7px;letter-spacing:1.4px}
.header-inner .brand-icon{width:29px;height:25px;margin-right:8px}
.header-contact{font-size:14px}
.header-contact .call-label{display:none}
.header-contact>span:last-child{margin-left:4px}
.header nav{font-size:13px;gap:8px;padding-bottom:14px}
.h1-service{font-size:20px;margin-top:20px;max-width:340px}
:root{--header-height:115px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Revize 11 — viditelná čísla dílů a návod pro Zásilkovnu. */
.hero-question{display:block;font-size:.62em;line-height:1.1;letter-spacing:-.055em;margin-bottom:9px}
.parts-list{border-top:1px solid var(--line);padding-top:30px;margin-top:5px}
.parts-list .detail-content{padding-bottom:0}
.shipping-card{margin-top:35px;padding:30px;background:#fff1f0;border:1px solid #edc7c2;border-top:5px solid #ba1b02;border-radius:7px}
.shipping-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px;flex-wrap:wrap}
.shipping-brand .eyebrow{color:#9c281a;margin:0;font-size:11px}
.shipping-brand img{width:190px;max-width:100%;height:auto}
.shipping-card h3{font-size:32px;line-height:1.15;letter-spacing:-.04em}
.shipping-intro{margin-top:17px;font-size:18px;line-height:1.7}
.shipping-steps{margin:25px 0;padding-left:25px}
.shipping-steps li{padding-left:6px;margin:0 0 22px;font-size:18px;line-height:1.6}
.shipping-steps li::marker{color:#a22617;font-weight:750}
.shipping-steps p{font-size:17px;line-height:1.7;color:var(--muted);margin-top:7px}
.shipping-recipient{background:#fff;padding:23px;border-radius:4px;border:1px solid #f0d5d1}
.shipping-recipient h4{font-size:20px;letter-spacing:-.025em;margin:0 0 20px;line-height:1.2}
.shipping-recipient dl{margin:0}
.shipping-recipient dl>div{margin-bottom:16px}
.shipping-recipient dl>div:last-child{margin:0}
.shipping-recipient dt{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:3px}
.shipping-recipient dd{margin:0;font-size:18px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}
.shipping-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px}
.shipping-actions .outline-button{border-color:#b94435;background:transparent}
.shipping-note{font-size:15px;line-height:1.7;color:#753a32;margin-top:22px}
@media(max-width:700px){.hero h1{font-size:clamp(59px,18vw,76px)}.shipping-card{padding:24px 20px}.shipping-brand{gap:17px}.shipping-brand img{width:175px}.shipping-recipient{padding:20px}.shipping-card h3{font-size:30px}.shipping-actions .outline-button{width:100%;font-size:15px}.shipping-steps{padding-left:20px}.parts-list{padding-top:25px}.benefit-strip strong{font-size:22px}}

.shipping-wrap{margin-bottom:85px}
.shipping-wrap .shipping-card{margin-top:0;padding:38px}
.shipping-body{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:start;margin-top:28px}
.shipping-body .shipping-steps{margin:0}
.shipping-intro{max-width:720px}
.shipping-actions{margin-top:26px}
@media(max-width:700px){.shipping-body{grid-template-columns:1fr;gap:18px}.shipping-wrap .shipping-card{padding:25px 20px}.shipping-wrap{margin-bottom:55px}}

/* Revize 12 — dvě rovnocenné cesty opravy a kontakt na konci. */
.repair-routes{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.route-card{border-radius:7px;padding:30px;min-width:0;display:flex;flex-direction:column}
.route-top{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:40px;margin-bottom:20px;flex-wrap:wrap}
.route-kicker{font-size:11px;font-weight:700;letter-spacing:.12em}
.route-logo{width:155px;height:auto;filter:brightness(0) invert(1)}
.route-card h3{font-size:35px;line-height:1.1;letter-spacing:-.045em}
.route-time{font-size:18px;font-weight:650;margin-top:12px}
.shipment-route{color:#fff;background-color:#b31913;background-image:url('assets/locker-texture.svg'),linear-gradient(145deg,#bf2016,#95181c);border:1px solid #aa1815}
.route-steps{padding-left:22px;margin:25px 0 22px}
.route-steps li{padding-left:4px;margin-bottom:17px;font-size:17px;line-height:1.5}
.route-steps li:last-child{margin-bottom:0}
.route-steps p{color:#ffedeb;font-size:16px;line-height:1.65;margin-top:5px}
.route-recipient{background:#8b161b;border:1px solid #d34c45;border-radius:4px;padding:20px}
.recipient-label{font-size:10px;font-weight:700;letter-spacing:.12em;color:#ffc9c5;margin-bottom:5px}
.route-recipient>strong{font-size:20px}
.recipient-links{display:flex;flex-wrap:wrap;gap:4px 20px;margin:8px 0 18px;font-size:17px}
.route-recipient>p:not(.recipient-label){font-size:17px;line-height:1.6}
.route-recipient .branch-link{display:inline-block;margin-top:12px;font-weight:650;font-size:15px;text-decoration:underline;text-underline-offset:4px;line-height:1.6}
.route-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;margin-top:auto;padding-top:24px}
.route-actions .button,.route-actions .outline-button{font-size:15px;padding:15px 18px}
.shipment-route .outline-button{background:white;color:#9b211a;border:1px solid white}
.shipment-route .text-link:hover{color:#fff;text-decoration:underline}
.shipment-route a:focus-visible,.shipment-route button:focus-visible{outline-color:#fff}
.copy-feedback{font-size:14px;line-height:1.5;color:inherit;margin-top:9px;min-height:21px}
.visit-route{background:#f4f5f5;border:1px solid var(--line);border-top:4px solid var(--red);padding-top:27px}
.visit-duration{font-size:14px;font-weight:650;color:var(--muted)}
.visit-warning{border-left:4px solid var(--red);padding:12px 15px;background:#fff;margin-top:22px}
.visit-warning strong{font-size:18px}
.visit-warning p{font-size:16px;line-height:1.6;margin-top:5px;color:var(--muted)}
.visit-explanation{font-size:17px;line-height:1.75;margin-top:19px}
.visit-address{margin:22px 0 18px}
.visit-address h4{font-size:21px;letter-spacing:-.03em;margin:0 0 10px}
.visit-address address{font-style:normal;font-size:19px;line-height:1.6}
.visit-address address span{display:block;font-size:15px;color:var(--muted)}
.visit-route iframe{display:block;width:100%;height:220px;border:0;border-radius:4px;background:#e5e7e8}
.visit-route .route-actions{padding-top:20px}
.final-contact{padding-top:15px}
.contact-end-card{max-width:790px;margin:0 auto;padding:45px 30px;text-align:center;background:var(--soft);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:8px}
.contact-end-card .eyebrow{margin-bottom:15px}
.contact-end-card h2{font-size:40px}
.contact-end-card>p:not(.eyebrow){max-width:490px;margin:20px auto 27px;font-size:18px;line-height:1.7;color:var(--muted)}
.contact-phone,.contact-mail{display:block;font-weight:750;line-height:1.3;letter-spacing:-.04em}
.contact-phone{font-size:clamp(30px,4.3vw,51px);margin-bottom:12px}
.contact-mail{font-size:clamp(26px,3.5vw,39px);color:var(--red);overflow-wrap:anywhere}
.contact-end-card .contact-fallback{font-size:15px}
@media(max-width:850px){.repair-routes{grid-template-columns:1fr}.route-card{padding:28px}.visit-route{padding-top:25px}.route-actions{margin-top:0}.visit-route iframe{height:250px}}
@media(max-width:420px){.route-card{padding:24px 20px}.visit-route{padding-top:21px}.route-logo{width:140px}.route-card h3{font-size:32px}.route-recipient{padding:18px}.recipient-links{flex-direction:column}.route-actions{align-items:stretch;flex-direction:column}.route-actions .button,.route-actions .outline-button{text-align:center}.contact-end-card{padding:35px 20px}.contact-end-card h2{font-size:34px}}

.contact-phone:hover,.contact-mail:hover{text-decoration:underline;text-underline-offset:6px}

/* Revize 13 — kontakty až po posuvném ověření. */
.phone-image{display:inline-block;width:145px;max-width:100%;height:auto;vertical-align:middle}
.header-contact .phone-image{width:140px}
.shipment-route .phone-image{filter:brightness(0) invert(1);width:145px}
.contact-phone .phone-image{display:block;width:350px;margin:0 auto}
.contact-mail{font-size:clamp(25px,3vw,33px);margin-top:15px;text-decoration:underline;text-underline-offset:6px}
.contact-end-card .partner-services{font-size:16px;line-height:1.8;border-top:1px solid var(--line);padding-top:25px;margin-top:30px}
.contact-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 36px);padding:0;border:1px solid var(--line);border-radius:12px;color:var(--ink);box-shadow:0 25px 100px #0004}
.contact-dialog::backdrop{background:#202328bb;backdrop-filter:blur(4px)}
.dialog-inner{padding:35px;position:relative}
.dialog-close{position:absolute;top:10px;right:14px;border:0;background:transparent;color:var(--muted);font-size:32px;width:40px;height:40px;line-height:1}
.contact-dialog .eyebrow{font-size:10px;margin-bottom:18px}
.contact-dialog h2{font-size:34px;letter-spacing:-.04em;line-height:1.15;margin-bottom:20px}
.dialog-intro{font-size:17px;line-height:1.6}
.puzzle-stage{height:174px;background:#e6e9e7;border:1px solid var(--line);border-radius:9px;position:relative;margin:23px 0 18px;overflow:hidden;isolation:isolate}
.puzzle-road{position:absolute;inset:12px 8px;background:repeating-linear-gradient(0deg,transparent 0 22px,#bcab6540 23px 24px,transparent 25px 32px),repeating-linear-gradient(90deg,transparent 0 38px,#bcab6530 39px 40px,transparent 41px 51px),#285a4b;border:2px solid #74917a;border-radius:16px 5px 20px 5px;box-shadow:inset 0 0 22px #102d3380}
.puzzle-road:before,.puzzle-road:after{content:'';position:absolute;width:9px;height:9px;border:3px solid #c3af70;border-radius:50%;top:9px;left:9px;background:#d9ddda}
.puzzle-road:after{top:auto;left:auto;bottom:9px;right:9px}
.board-caption{position:absolute;left:17px;bottom:12px;font-size:8px;letter-spacing:1px;color:#dce8dd}
.board-smd{position:absolute;background:#232b2a;border:2px solid #acb6aa;box-shadow:0 2px 3px #0005;width:42px;height:19px}
.smd-one{top:14px;left:28%}.smd-two{bottom:32px;left:38%;width:24px;height:28px}.smd-three{top:17px;right:15px;width:29px;height:15px}
.puzzle-piece,.puzzle-target{position:absolute;top:56px;width:58px;height:58px;border-radius:2px;margin-left:5px}
.puzzle-target{background:repeating-linear-gradient(0deg,transparent 0 6px,#d7bc7780 7px 8px),repeating-linear-gradient(90deg,#254c40 0 6px,#d7bc77 7px 8px);outline:2px dashed #f8e4a2;outline-offset:4px}
.puzzle-piece{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;background:linear-gradient(135deg,#a5aab0,#e3e5e6 45%,#afb5ba);border:4px solid #344b42;box-shadow:0 3px 8px #0008,inset 0 0 0 1px #f4f4ef;color:#343a3f;cursor:grab;touch-action:none;user-select:none}
.puzzle-piece:active{cursor:grabbing}.puzzle-piece span{font-size:7px;letter-spacing:.5px;line-height:1}.puzzle-piece strong{font-size:10px;letter-spacing:.6px;line-height:1}.puzzle-piece small{font-size:6px;line-height:1}
#verification-panel label{display:block;font-size:15px;font-weight:650;margin-bottom:8px}
#contact-slider{display:block;width:100%;height:40px;accent-color:var(--red);margin:0 0 18px;cursor:ew-resize}
.contact-dialog .button,.contact-dialog .outline-button{width:100%;font-size:15px;line-height:1.5;text-align:center;white-space:normal;overflow-wrap:anywhere}
.verification-status{font-size:15px;line-height:1.6;color:var(--red);margin-top:12px;min-height:24px}
.contact-result>p:first-child{font-size:17px;line-height:1.7;margin-bottom:20px}
.contact-result .outline-button{margin-top:14px}
.contact-dialog [hidden]{display:none!important}
@media(max-width:600px){.dialog-inner{padding:30px 22px}.contact-dialog h2{font-size:29px}.header-contact .phone-image{width:115px}.contact-phone .phone-image{width:285px}}

/* Skutečná termografie: spuštění až na přání, bez stahování videa při načtení. */
.thermal-demo{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px;align-items:center;margin:42px 0 50px;padding:28px;background:#202428;border:1px solid #555b60;border-radius:12px}
.thermal-video{min-width:0;width:100%;max-width:330px;justify-self:center;background:#000;border-radius:7px;overflow:hidden}
.thermal-video video{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.thermal-demo h3{font-size:30px;line-height:1.2;margin-bottom:20px}
.thermal-demo figcaption>p:not(.eyebrow){font-size:17px;line-height:1.75;color:#d5d8db}
.thermal-demo .eyebrow{color:#f08d93}
@media(max-width:700px){.thermal-demo{grid-template-columns:1fr;gap:24px;padding:18px;margin:28px 0 35px}.thermal-demo h3{font-size:26px}}

.flip-chip-diagram{margin:28px 0}.flip-chip-diagram a{display:block;background:#fff;border-radius:8px;overflow:hidden}.flip-chip-diagram img{display:block;width:100%;height:auto}.flip-chip-diagram figcaption{font-size:15px;line-height:1.7;color:#d5d8db;margin-top:14px;max-width:850px}.flip-chip-diagram a:focus-visible{outline:3px solid #f08d93;outline-offset:4px}
.care-grid .calibration-card img{object-fit:cover;background:#e8e8e8}

/* Revize 18: finální značka, mezinárodní telefon a fakturační sídlo. */
.header-inner .brand{width:220px;letter-spacing:0}.brand-logo{display:block;width:100%;height:auto}.header-contact{display:flex;align-items:center;gap:8px}.header-contact .phone-image{width:155px}.phone-handset{width:20px;height:20px;flex:none}.contact-phone{display:flex;align-items:center;justify-content:center;gap:14px}.contact-phone .phone-image{margin:0;width:350px}.contact-phone .phone-handset{width:29px;height:29px}.recipient-links a[data-contact="phone"]{display:inline-flex;gap:8px;align-items:center}.recipient-links .phone-handset{color:#fff}footer .footer-brand{width:230px;flex:none}footer>.billing-details{display:grid;grid-template-columns:1fr 1fr;gap:22px 50px;align-items:start;margin-top:30px;padding-top:28px;border-top:1px solid var(--line)}.billing-details h2,.billing-details h3{font-size:16px;line-height:1.5;letter-spacing:0;margin:0 0 10px}.billing-details address,.billing-details p{font-size:15px;line-height:1.8;font-style:normal;color:var(--muted)}.billing-details .billing-note{grid-column:1/-1;max-width:760px}.thermal-demo .thermal-interest{border-left:2px solid #c9232d;padding-left:18px;margin-top:22px}
@media(max-width:600px){.header-inner .brand{width:145px}.header-contact{gap:5px}.header-contact .phone-image{width:126px}.header-contact .phone-handset{width:17px;height:17px}.contact-phone{gap:9px}.contact-phone .phone-image{width:min(285px,calc(100% - 38px))}.contact-phone .phone-handset{width:24px;height:24px}footer>.billing-details{grid-template-columns:1fr;gap:20px}.billing-details .billing-note{grid-column:auto}}
@media(max-width:370px){.header-inner .brand{width:122px}.header-contact .phone-image{width:119px}.header-inner{gap:0 10px}}

.brand picture{display:block;width:100%}

/* Patička v plné šířce obsahu, všechny sloupce zarovnané nahoru. */
.site-footer{padding:46px 0;background:var(--soft)}.site-footer>.footer-grid{display:grid;grid-template-columns:.9fr 1.05fr 1.35fr 1.15fr;gap:38px;align-items:start}.site-footer .footer-logo{display:block;width:180px;max-width:100%;height:auto}.site-footer p{font-size:14px;line-height:1.85;margin:0;color:var(--muted)}.site-footer strong{color:var(--ink)}.site-footer h2{font-size:16px;line-height:1.5;letter-spacing:0;margin:0 0 14px}.site-footer .footer-phone{display:inline-flex;align-items:center;gap:8px;color:var(--ink);margin:0 0 13px}.site-footer .footer-phone .phone-image{display:block;width:165px;max-width:100%;height:auto}.site-footer .footer-email{display:block;font-size:15px;font-weight:650;color:var(--red);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.site-footer>.footer-grid{grid-template-columns:1fr 1fr;gap:32px 45px}.site-footer .footer-logo{width:180px}}
@media(max-width:520px){.site-footer{padding:32px 0}.site-footer>.footer-grid{grid-template-columns:1fr;gap:26px}.site-footer .footer-logo{width:150px}.site-footer .footer-privacy{max-width:330px}.site-footer .footer-phone .phone-image{width:190px}}

.site-footer .footer-whatsapp{display:block;font-size:15px;font-weight:650;color:var(--ink);margin-top:13px;text-decoration:underline;text-underline-offset:4px}.site-footer .footer-contact-help{font-size:13px;line-height:1.7;margin-top:14px;max-width:230px}.whatsapp-qr{margin:22px 0 0;text-align:center}.whatsapp-qr svg{display:block;width:220px;max-width:100%;height:auto;margin:0 auto;border-radius:4px}.whatsapp-qr p{font-size:14px;line-height:1.7;margin-top:12px;color:var(--muted)}.location-card{display:flex;align-items:center;justify-content:center;gap:22px;min-height:160px;background:#e8eaec;border:1px solid var(--line);border-radius:8px;padding:25px;margin-top:24px;text-decoration:none;color:var(--ink)}.location-card svg{width:48px;height:56px;flex:none;color:var(--red)}.location-card strong{display:block;font-size:19px}.location-card small{display:block;font-size:14px;color:var(--muted);margin-top:7px}.location-card:hover{background:#e0e3e6}.location-card:focus-visible{outline:3px solid var(--red);outline-offset:4px}@media(max-width:400px){.location-card{gap:15px;padding:20px}.location-card strong{font-size:17px}}

.contact-whatsapp{display:inline-block;margin-top:20px;font-size:18px;font-weight:650;color:var(--ink);text-decoration:underline;text-underline-offset:5px;line-height:1.6}.contact-whatsapp:hover{color:var(--red)}

.location-card.location-map{display:block;padding:0;min-height:0;position:relative;overflow:hidden;background:#f1f0eb}.location-map img{display:block;width:100%;height:auto;aspect-ratio:960/440;object-fit:contain}.location-map .map-open{display:block;background:#fff;padding:12px 16px;font-size:14px;font-weight:650;color:var(--ink);border-top:1px solid var(--line)}.location-map:hover .map-open{color:var(--red)}.map-attribution{font-size:11px!important;line-height:1.6!important;color:var(--muted);margin:6px 0 0!important}.map-attribution a{text-decoration:underline;text-underline-offset:2px}