/* Vygenerováno z Samoprodejci.dc.html */
body{margin:0;background:#FFFFFF}
a{color:#0043FF}a:hover{color:#0C2749}
.caret{display:inline-block;width:4px;height:0.9em;background:#FF1200;margin-left:4px;vertical-align:-0.05em;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@media (prefers-reduced-motion: reduce){.caret{animation:none}}
/* místo pro nejdelší slovo typewriteru, aby nadpis neposkakoval */
.tw{display:inline-grid;text-align:left}
.tw>span{grid-area:1/1;white-space:nowrap}
.tw-max{visibility:hidden}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-weight:600;font-size:18px;color:#000E35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:28px;font-weight:400;color:#0043FF;line-height:1;flex-shrink:0}
.faq details[open] summary::after{content:"\2212"}
.faq details{border-bottom:1px solid #E6E3D8}
.mbar{display:none}
.steps li::before{content:"";position:absolute;top:22px;left:44px;right:-24px;height:2px;background:#C9C5B8}
.steps li:last-child::before{display:none}
@media (max-width: 860px){
.kroky>li{grid-template-columns:44px minmax(0,1fr)!important}
.kroky>li>ul{grid-column:2 / -1}
nav[aria-label="Hlavní menu"]{display:none!important}
.menu-btn{display:flex!important}
header{position:sticky!important;top:0;z-index:50;box-shadow:0 2px 8px rgba(0,14,53,0.08)}
section{scroll-margin-top:80px}
header>div:first-child{flex-wrap:nowrap!important;gap:12px!important;padding-left:16px!important;padding-right:16px!important}
header>div:first-child>a:first-child{gap:12px!important;min-width:0}
header>div:first-child>a:first-child img{height:40px!important}
header>div:first-child>a:first-child>span{padding-left:12px!important}
header span[style*="font-size: 20px"]{font-size:17px!important}
header span[style*="font-size: 14px; color: #555555;"]{font-size:13px!important}
.menu-btn{flex-shrink:0}
.hero-ctas{flex-wrap:nowrap!important;gap:8px!important}
.hero-ctas>a{flex:1 1 0;text-align:center;padding:14px 8px!important;font-size:15px!important;white-space:nowrap}
.steps{grid-template-columns:1fr!important;gap:0!important}
.steps li{padding:0 0 28px 64px!important;flex-direction:column!important}
.steps li>span:first-child{position:absolute!important;left:0;top:0}
.steps li::before{top:44px!important;bottom:0!important;left:21px!important;right:auto!important;width:2px!important;height:auto!important}
}
@media (max-width: 720px){
h1{font-size:min(30px, calc((100vw - 48px) / 12.4))!important}
h2[style*="font-size: 40px"]{font-size:28px!important}
section div[style*="padding: 88px 24px"],section[style*="padding: 88px 24px"]{padding-top:56px!important;padding-bottom:56px!important}
section div[style*="padding: 48px 24px"]{padding-top:32px!important;padding-bottom:40px!important}
span[style*="font-size: 44px"]{font-size:28px!important}
.hero-img{display:none!important}
.hero-sub{font-size:16px!important}
.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.stats>div:nth-child(n+3){display:none!important}
.carousel{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px!important;margin:0 -24px;padding:0 24px 4px;scroll-padding:0 24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.carousel::-webkit-scrollbar{display:none}
.carousel>*{flex:0 0 80%!important;min-width:0!important;box-sizing:border-box;scroll-snap-align:start}
#formular form{grid-template-columns:1fr!important}
.kontakt-card{flex-direction:row!important;align-items:center!important;gap:16px!important;padding:16px!important}
.kontakt-card img{width:88px!important;height:88px!important}
.kontakt-card a[href^="mailto"]{font-size:14px!important}
#reference div[data-recenze]{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px!important;margin:0 -24px;padding:0 24px 4px;scroll-padding:0 24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#reference div[data-recenze]::-webkit-scrollbar{display:none}
#reference div[data-recenze]>figure{flex:0 0 80%!important;min-width:0!important;box-sizing:border-box;padding:24px!important;scroll-snap-align:start}
.g-hodnoceni{flex-wrap:nowrap!important;gap:8px!important;font-size:14px!important;white-space:nowrap}
.g-hodnoceni>span:first-child{width:24px!important;height:24px!important}
.g-hodnoceni>span:first-child svg{width:14px;height:14px}
.g-hodnoceni strong{font-size:16px!important}
.g-hodnoceni span[role="img"] svg{width:14px;height:14px}
.g-kde{display:none}
.mbar{display:flex!important;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#FFFFFF;box-shadow:0 -2px 10px rgba(0,14,53,0.12)}
footer{padding-bottom:72px}
.faq summary{font-size:16px}
.kroky>li{grid-template-columns:44px minmax(0,1fr)!important;gap:16px!important}
.kroky>li>ul{grid-column:1 / -1}
}
.pole input::placeholder,.pole textarea::placeholder{color:#8A8F99;opacity:1}
.pole select:invalid,.pole select:has(option[value=""]:checked){color:#8A8F99!important}
.pole select option{color:#232323}
.pole select{-webkit-appearance:none;appearance:none;padding-right:44px!important;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238A8F99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 18px center!important}
.pole input:focus,.pole select:focus,.pole textarea:focus{outline:none;border-color:#0043FF;box-shadow:0 0 0 3px rgba(0,67,255,.15)}
nav[aria-label="Mobilní menu"] a{padding:14px 0;font-size:17px;border-bottom:1px solid #E6E3D8}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:flex!important}
.dd-menu a:hover{background:#F7F5EE;color:#0043FF}