/* Balikon responsive 2026. Mobile-first corrections loaded after all page styles.
   Applies to the homepage, services, how-it-works and shared footer. */
:root{--balikon-header-mobile:70px}
.dk-red-site,
.dk-red-site *{ -webkit-tap-highlight-color:transparent }
.dk-red-site img,.dk-red-site svg,.dk-red-site video{max-width:100%}
.dk-red-site button,.dk-red-site a,.dk-red-site input,.dk-red-site textarea,.dk-red-site select{touch-action:manipulation}
.dk-red-site .dk-red-wrap,.dk-red-site .balikon-how .dk-red-wrap{max-width:1370px}
.dk-red-site :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #e40721!important;outline-offset:3px}
.dk-red-site .balikon-how-step,.dk-red-site .balikon-services-row,.dk-red-site .balikon-how-hero-visual{min-width:0}
.dk-red-site :where(.dk-red-nav,.dk-red-contact-form,.dk-david-rate-form,.balikon-cookie-banner){max-width:100%}
.dk-red-site :where(.dk-red-contact-form,.dk-david-rate-form) :where(input,select,textarea){max-width:100%}
.dk-red-site #kalkulacka,.dk-red-site #zona,.dk-red-site #sluzby,.dk-red-site #reference,.dk-red-site #kontakt,.dk-red-site #faq,.dk-red-site #princip,.dk-red-site .balikon-services-row{scroll-margin-top:calc(var(--balikon-header-mobile) + 16px)}
/* Reveal only once when entering the viewport; default page content is never hidden.
   Intersections are handled by balikon.js; absence of JS leaves everything readable. */
@media(prefers-reduced-motion:no-preference){
  .balikon-motion-ready :where(.balikon-scroll-reveal).balikon-is-visible{
    animation:balikon-rise-in .7s cubic-bezier(.21,.89,.3,1) both;
    animation-delay:var(--balikon-delay,0ms);
  }
  .balikon-motion-ready :where(.dk-red-hero-content,.balikon-how-hero-copy){animation:balikon-rise-in .75s cubic-bezier(.21,.89,.3,1) both}
  @keyframes balikon-rise-in{from{opacity:.58;transform:translate3d(0,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
}
/* Image treatment: uploaded portrait photographs stay recognizable rather than
   being cut into short landscape strips. */
.balikon-services-visual{min-width:0;display:flex;align-items:center;justify-content:center}
.balikon-services-visual img{
 display:block;
 width:min(100%,500px);
 height:auto;
 aspect-ratio:4/5;
 object-fit:cover;
 object-position:center;
 border-radius:16px;
 box-shadow:0 18px 48px rgba(12,22,32,.10);
 transition:transform .48s cubic-bezier(.2,.7,.25,1),box-shadow .4s;
}
.balikon-services-copy{min-width:0}
.balikon-services-row:nth-child(odd) .balikon-services-visual{justify-content:flex-end}
.balikon-services-row:nth-child(even) .balikon-services-visual{justify-content:flex-start}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .balikon-services-row:hover .balikon-services-visual img{transform:scale(1.016);box-shadow:0 24px 54px rgba(12,22,32,.15)}
}
@media(max-width:1320px){
 .dk-red-site .dk-red-wrap{width:min(calc(100% - 72px),1370px)}
 .dk-red-site .dk-red-header .dk-red-header-inner{gap:18px}
 .dk-red-site .dk-red-header .dk-red-nav{gap:clamp(9px,1.2vw,17px)}
 .dk-red-site .dk-red-header .dk-red-nav>a{font-size:11px}
 .dk-red-site .dk-red-header .dk-red-nav a.dk-red-nav-login{padding-left:12px}
 .balikon-services-row{gap:clamp(34px,4.2vw,70px)}
}
@media(max-width:1100px){
 .dk-red-site .dk-red-header .dk-red-logo{width:168px}
 .balikon-services-row{gap:32px;padding:58px 0}
 .balikon-services-row h2{font-size:clamp(29px,3.4vw,42px)}
 .balikon-how .balikon-how-section-head{gap:35px}
 .balikon-how .balikon-how-intro-grid>div{font-size:12px;padding-inline:17px}
 .dk-david .dk-david-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .dk-david .dk-david-service-card{min-height:188px}
}
@media(max-width:1080px){
 :root{--balikon-header-mobile:73px}
 .dk-red-site .dk-red-wrap,.dk-red-site .balikon-how .dk-red-wrap{width:calc(100% - 52px)}
 .dk-red-site .dk-red-header{position:sticky;top:0;z-index:1200;height:73px}
 .dk-red-site .dk-red-header .dk-red-logo{width:175px}
 .dk-red-site .dk-red-header .dk-red-hamburger{display:flex;flex:none;z-index:1302;width:44px;height:44px}
 /* Mobile navigation: an accessible expanding sheet rather than a tiny desktop menu. */
 .dk-red-site .dk-red-header .dk-red-nav{
   display:flex!important;
   position:absolute;
   z-index:1301;
   top:100%;
   left:0;right:0;
   width:100%;
   max-height:calc(100vh - 73px);
   max-height:calc(100dvh - 73px);
   padding:10px 26px 22px;
   flex-direction:column;
   align-items:stretch;
   gap:0!important;
   overflow-y:auto;
   overscroll-behavior:contain;
   background:#fff;
   border-top:1px solid #eceef1;
   box-shadow:0 22px 45px rgba(11,19,28,.15);
   opacity:0;
   visibility:hidden;
   pointer-events:none;
   transform:translate3d(0,-12px,0);
   transition:opacity .2s ease,transform .2s ease,visibility .2s;
 }
 .dk-red-site .dk-red-header .dk-red-nav.open{
   opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0);
 }
 .dk-red-site .dk-red-header .dk-red-nav>a{
   flex:none;display:flex;align-items:center;justify-content:space-between;
   min-height:50px;
   width:100%;
   font-size:14px;
   line-height:1.35;
   padding:14px 8px;
   margin:0;
   border-bottom:1px solid #edf0f2;
   white-space:normal;
 }
 .dk-red-site .dk-red-header .dk-red-nav a.dk-red-nav-login{
   border:0;
   font-size:14px;
   padding:15px 8px;
   min-height:50px;
   justify-content:flex-start;
 }
 .dk-red-site .dk-red-header .dk-red-nav a.dk-red-nav-action{
   display:flex;
   color:white;
   min-height:52px;
   margin-top:9px;
   padding:15px 17px;
   justify-content:space-between;
   border-radius:8px;
 }
 body.balikon-menu-open{overflow:hidden}
 .balikon-menu-backdrop{position:fixed;inset:0;background:rgba(10,16,25,.35);z-index:1170;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}
 body.balikon-menu-open .balikon-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
 .dk-red-site .dk-red-portal-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .dk-red-site .dk-red-contact-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 .dk-red-site .dk-red-contact-form{min-width:0}
 .dk-david .dk-david-network--compact .dk-david-network-wrap{grid-template-columns:1fr}
 .balikon-services-row{grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:30px}
 .balikon-services-visual img{width:100%;max-width:460px}
 .balikon-how .balikon-how-hero-inner{grid-template-columns:1fr;gap:35px}
 .balikon-how .balikon-how-hero-visual{width:min(100%,560px)}
 .balikon-how .balikon-how-intro-grid{grid-template-columns:1fr}
 .balikon-how .balikon-how-intro-grid>div{padding:19px 0;border-right:0;border-bottom:1px solid #edf0f2;min-height:72px}
 .balikon-how .balikon-how-intro-grid>div:last-child{border-bottom:0}
 .balikon-how .balikon-how-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .balikon-how .balikon-how-step--featured{grid-column:1/-1}
 .balikon-how .balikon-how-step{min-height:290px;padding:27px 23px}
 .balikon-how .balikon-how-step h3{font-size:clamp(23px,2.7vw,30px)}
 .balikon-how .balikon-how-step-icon{opacity:.35}
 .balikon-how .balikon-how-step--featured .balikon-how-step-text{max-width:75%}
}
@media(max-width:767px){
 :root{--balikon-header-mobile:70px}
 .dk-red-site .dk-red-wrap,.dk-red-site .balikon-how .dk-red-wrap{width:calc(100% - 36px)}
 .dk-red-site .dk-red-header{height:70px}
 .dk-red-site .dk-red-header .dk-red-logo{width:168px}
 .dk-red-site .dk-red-header .dk-red-nav{padding:9px 18px 20px;max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px)}
 .dk-red-site .dk-red-header .dk-red-hamburger{width:43px;height:43px}
 .dk-red-site :where(.dk-red-hero,.balikon-how-hero,.balikon-services-hero) h1{overflow-wrap:break-word}
 .dk-david .dk-red-hero-grid{padding-top:65px!important;padding-bottom:55px!important;min-height:auto!important}
 .dk-david .dk-red-hero-content h1{font-size:clamp(32px,8vw,51px);line-height:1.15;letter-spacing:-.045em}
 .dk-david .dk-red-hero-content .dk-david-hero-description{font-size:13px;line-height:1.8}
 .dk-david .dk-red-hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
 .dk-david .dk-red-hero-actions .dk-red-button{min-width:0;width:100%;min-height:52px;justify-content:center;text-align:center}
 .dk-david .dk-david-rate-form{grid-template-columns:1fr}
 .dk-david .dk-david-rate-form>label{min-width:0}
 .dk-david .dk-david-rate-form input,.dk-david .dk-david-rate-form select{font-size:16px}
 .dk-david .dk-david-rate-form .dk-david-rate-submit{grid-column:1/-1;min-height:54px}
 .dk-david .dk-david-network--compact{padding-block:58px}
 .dk-david .dk-david-network--compact .dk-david-network-wrap{width:calc(100% - 36px)}
 .dk-david .dk-david-network--compact .dk-david-network-top{grid-column:1;grid-row:1}
 .dk-david .dk-david-network--compact .dk-david-network-visual{grid-column:1;grid-row:2;width:100%;max-width:none;overflow:hidden}
 .dk-david .dk-david-network--compact .dk-david-network-visual img{width:100%;height:auto;object-fit:contain}
 .dk-david .dk-red-portal{padding-block:67px}
 .dk-david .dk-red-portal .dk-red-portal-copy{max-width:100%}
 .dk-david .dk-red-portal .dk-david-tablet-figure{width:100%;max-width:100%;margin:0;padding:0;perspective:none}
 .dk-david .dk-red-portal .dk-david-tablet-motion{transform:none!important;will-change:auto!important}
 .dk-david .dk-red-portal .dk-david-tablet-motion img{width:100%;height:auto;max-width:100%}
 .dk-david .dk-david-services-top{grid-template-columns:1fr;gap:21px}
 .dk-david .dk-david-services-intro{max-width:100%;justify-self:stretch;margin:0;padding:0 0 0 17px}
 .dk-david .dk-david-services-heading h2{font-size:clamp(32px,7.8vw,48px);margin-top:18px}
 .dk-david .dk-david-services-grid{grid-template-columns:1fr;gap:11px}
 .dk-david .dk-david-service-card{min-height:0;grid-template-columns:48px minmax(0,1fr);gap:15px;padding:21px 18px 24px}
 .dk-david .dk-david-service-icon{width:48px;height:48px;min-width:48px}
 .dk-david .dk-david-service-icon svg{width:25px;height:25px}
 .dk-david .dk-david-service-content>strong{font-size:18px}
 .dk-david .dk-david-service-desc{font-size:12px}
 .dk-david .dk-david-service-link{opacity:1;top:15px;right:14px}
 .dk-david .dk-david-proof--logos .dk-david-logo-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
 .dk-david .dk-david-proof--logos .dk-david-logo-link{padding:16px 9px;min-height:96px}
 .dk-david .dk-david-proof--logos .dk-david-logo-link+.dk-david-logo-link{border-top:0;border-left:1px solid #e9ecef}
 .dk-david .dk-david-proof--logos .dk-david-logo-link img{max-height:45px}
 .dk-david .dk-david-faq{padding-block:65px}
 .dk-david .dk-david-faq-item summary{min-height:64px}
 .dk-david .dk-red-contact{padding-block:69px}
 .dk-david .dk-red-contact .dk-red-contact-form{width:100%;max-width:100%;min-width:0;padding:25px 18px;margin-top:25px}
 .dk-david .dk-red-contact-form input:not([type=checkbox]),.dk-david .dk-red-contact-form select,.dk-david .dk-red-contact-form textarea{font-size:16px;min-height:48px}
 .dk-david .dk-red-contact .dk-red-contact-mail{max-width:100%;font-size:clamp(16px,4.8vw,22px);overflow-wrap:anywhere;white-space:normal}
 .dk-david .dk-red-form-row{grid-template-columns:1fr}
 .balikon-services-row{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:48px 0}
 .balikon-services-row:nth-child(even) .balikon-services-visual{order:initial}
 .balikon-services-row:nth-child(odd) .balikon-services-visual,.balikon-services-row:nth-child(even) .balikon-services-visual{justify-content:center}
 .balikon-services-visual img{width:min(100%,400px);max-height:none;height:auto;aspect-ratio:4/5;object-fit:cover}
 .balikon-services-row h2{font-size:clamp(29px,7.7vw,41px)}
 .balikon-services-cta{padding:69px 17px}
 .balikon-services-cta h2{font-size:clamp(29px,8vw,43px)}
 .balikon-services-cta .dk-red-button{display:flex;width:100%;max-width:430px;margin:8px auto;justify-content:center}
 .balikon-how .balikon-how-hero-inner{padding-top:74px;padding-bottom:75px}
 .balikon-how .balikon-how-hero h1{font-size:clamp(47px,10vw,69px)}
 .balikon-how .balikon-how-hero-visual{padding:21px}
 .balikon-how .balikon-how-steps{grid-template-columns:1fr}
 .balikon-how .balikon-how-step{min-height:0;grid-template-columns:1fr;gap:14px}
 .balikon-how .balikon-how-step--featured{grid-column:1/-1;padding:28px 23px;grid-template-columns:1fr}
 .balikon-how .balikon-how-step--featured .balikon-how-step-text{max-width:100%}
 .balikon-how .balikon-how-step-icon{opacity:.32}
 .balikon-how .balikon-how-summary-inner{grid-template-columns:1fr}
 .balikon-how .balikon-how-summary-metrics{grid-template-columns:1fr}
 .balikon-how .balikon-how-cta{padding-inline:18px}
 .balikon-how .balikon-how-cta .dk-red-button{display:flex;width:100%;max-width:450px;justify-content:center;margin:8px auto}
 .balikon-footer{padding:55px 0 22px}
 .balikon-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 19px}
 .balikon-footer-grid>div:first-child{grid-column:1/-1}
 .balikon-footer-grid>div{gap:10px;min-width:0}
 .balikon-footer-grid a{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
 .balikon-footer-bottom{flex-wrap:wrap;justify-content:flex-start;gap:10px 24px;margin-top:31px}
 .balikon-cookie-banner{bottom:max(10px,env(safe-area-inset-bottom));padding:18px;border-radius:13px;max-height:min(75dvh,540px);overflow-y:auto}
}
@media(max-width:520px){
 .dk-red-site .dk-red-wrap,.dk-red-site .balikon-how .dk-red-wrap{width:calc(100% - 32px)}
 .dk-red-site .dk-red-header .dk-red-nav{padding:8px 16px 20px}
 .dk-david .dk-red-hero-content h1{font-size:clamp(31px,8.3vw,42px);letter-spacing:-.04em}
 .dk-david .dk-david-network-heading h2{font-size:clamp(29px,8vw,40px)}
 .dk-david .dk-red-portal h2,.dk-david .dk-red-contact h2{font-size:clamp(30px,8vw,42px);letter-spacing:-.045em}
 .dk-david .dk-david-service-card{padding:20px 17px}
 .dk-david .dk-david-proof--logos .dk-david-logo-row{grid-template-columns:1fr}
 .dk-david .dk-david-proof--logos .dk-david-logo-link{min-height:98px;padding:18px 25px}
 .dk-david .dk-david-proof--logos .dk-david-logo-link+.dk-david-logo-link{border-left:0;border-top:1px solid #e9ecef}
 .dk-david .dk-david-proof--logos .dk-david-logo-link img{max-height:55px}
 .balikon-how .balikon-how-hero h1{font-size:clamp(45px,10.5vw,58px)}
 .balikon-how .balikon-how-visual-header{font-size:9px;letter-spacing:.7px}
 .balikon-how .balikon-how-visual-card{padding:14px 12px;gap:10px}
 .balikon-how .balikon-how-visual-card strong{font-size:15px}
 .balikon-how .balikon-how-visual-symbol{width:43px;height:43px}
 .balikon-how .balikon-how-step--featured .balikon-how-step-icon{opacity:.28}
 .balikon-how .balikon-how-section-head h2{font-size:clamp(34px,8.6vw,44px)}
 .balikon-how .balikon-how-summary h2{font-size:clamp(33px,8.6vw,45px)}
 .balikon-cookie-banner{display:block}
 .balikon-cookie-copy p{font-size:12px;line-height:1.5}
 .balikon-cookie-actions{display:flex;gap:8px;margin-top:14px;flex-direction:column}
 .balikon-cookie-actions button{min-height:44px;width:100%}
}
@media(max-width:380px){
 .dk-red-site .dk-red-header .dk-red-logo{width:151px}
 .dk-red-site .dk-red-header .dk-red-nav>a{font-size:13px}
 .dk-red-site .dk-red-wrap,.dk-red-site .balikon-how .dk-red-wrap{width:calc(100% - 28px)}
 .dk-david .dk-red-hero-content h1{font-size:31px}
 .dk-david .dk-red-contact-form{padding:23px 14px}
 .balikon-services-row h2{font-size:30px}
 .balikon-how .balikon-how-hero h1{font-size:43px}
 .balikon-how .balikon-how-step{padding:22px 18px}
 .balikon-footer-grid{grid-template-columns:1fr}
 .balikon-footer-grid>div:first-child{grid-column:auto}
}
@media(hover:none) or (pointer:coarse){
 .dk-red-site .dk-red-button:active,.dk-red-site .dk-red-nav-action:active,.dk-david .dk-david-service-card:active{transform:scale(.985)}
 .dk-david .dk-david-service-card:hover,.balikon-how .balikon-how-step:hover{transform:none}
}
/* Consistent typography for secondary WP pages and the friendly 404 screen. */
.balikon-generic-page{min-height:60vh;padding:clamp(64px,8vw,115px) 0;background:transparent}
.balikon-generic-heading>span{color:#d70b29;font-size:11px;font-weight:850;letter-spacing:1.6px}
.balikon-generic-heading h1{font:850 clamp(38px,5.3vw,70px)/1.18 Manrope,sans-serif;letter-spacing:-.055em;margin:18px 0 35px;overflow-wrap:break-word}
.balikon-generic-heading h1 em{font-style:normal;color:#e40721}
.balikon-generic-content{max-width:850px;font-size:15px;color:#424b56;line-height:1.9}
.balikon-generic-content :is(h2,h3){font-family:Manrope,sans-serif;line-height:1.3;letter-spacing:-.035em;margin:30px 0 15px}
.balikon-generic-content a{color:#c40b26;text-decoration:underline;text-underline-offset:3px}
.balikon-not-found>p{max-width:620px;color:#6e7885;font-size:16px;line-height:1.85;margin-bottom:28px}
.balikon-not-found-actions{display:flex;gap:13px;flex-wrap:wrap}
.balikon-outline-button{border:1px solid #c8cdd4;color:#282e37!important;background:#fff}
@media(max-width:660px){.balikon-generic-page{padding:65px 0}.balikon-not-found-actions{display:grid}.balikon-not-found-actions a{width:100%;justify-content:center}}
/* Fullscreen mobile navigation. The brand header stays visible; the menu
   covers the entire remaining viewport, including iOS dynamic viewport. */
@media(max-width:1080px){
  .dk-red-site .dk-red-header .dk-red-nav{
    position:fixed!important;
    inset:var(--balikon-header-mobile) 0 0 0!important;
    top:var(--balikon-header-mobile)!important;
    bottom:0!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    width:100dvw!important;
    height:calc(100vh - var(--balikon-header-mobile))!important;
    height:calc(100dvh - var(--balikon-header-mobile))!important;
    max-height:none!important;
    min-height:0;
    margin:0!important;
    padding:clamp(22px,5vh,48px) max(26px,6vw) calc(26px + env(safe-area-inset-bottom))!important;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    background:#fff!important;
    box-shadow:none!important;
    border:0!important;
    border-top:1px solid #ebedf0!important;
    border-radius:0!important;
    transform:translate3d(0,14px,0);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .23s ease,transform .23s ease,visibility .23s!important;
    z-index:1301;
  }
  .dk-red-site .dk-red-header .dk-red-nav.open{
    transform:translate3d(0,0,0);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .dk-red-site .dk-red-header .dk-red-nav::before{
    content:"MENU";
    display:block;
    flex:none;
    color:#c40e2a;
    font:800 10px/1.5 "DM Sans",sans-serif;
    letter-spacing:2.3px;
    margin-bottom:16px;
  }
  .dk-red-site .dk-red-header .dk-red-nav>a{
    flex:none;
    width:100%;
    min-height:58px;
    padding:16px 0;
    color:#232a32;
    font:800 clamp(18px,2.6vw,23px)/1.3 Manrope,"DM Sans",sans-serif;
    letter-spacing:-.035em;
    border-bottom:1px solid #edf0f2;
  }
  .dk-red-site .dk-red-header .dk-red-nav>a:hover,
  .dk-red-site .dk-red-header .dk-red-nav>a[aria-current="page"]{
    color:#d90a2a;
  }
  .dk-red-site .dk-red-header .dk-red-nav a.dk-red-nav-login{
    font-size:clamp(16px,2.4vw,19px);
    padding:17px 0;
    border-bottom:1px solid #edf0f2;
  }
  .dk-red-site .dk-red-header .dk-red-nav a.dk-red-nav-action{
    margin-top:auto!important;
    min-height:56px;
    font:800 15px/1.35 Manrope,"DM Sans",sans-serif;
    padding:16px 20px;
    border:0;
    flex:none;
  }
  .balikon-menu-backdrop{display:none!important}
  body.balikon-menu-open{overflow:hidden;overscroll-behavior:none}
}
@media(max-width:767px){
  .dk-red-site .dk-red-header .dk-red-nav{
    padding:clamp(22px,4vh,36px) 25px calc(21px + env(safe-area-inset-bottom))!important;
  }
  .dk-red-site .dk-red-header .dk-red-nav>a{
    min-height:56px;
    font-size:20px;
  }
}
@media(max-width:380px) and (max-height:700px){
  .dk-red-site .dk-red-header .dk-red-nav{
    padding-top:15px!important;
    padding-bottom:12px!important;
  }
  .dk-red-site .dk-red-header .dk-red-nav::before{margin-bottom:6px}
  .dk-red-site .dk-red-header .dk-red-nav>a{min-height:48px;padding:12px 0;font-size:18px}
  .dk-red-site .dk-red-header .dk-red-nav a.dk-red-nav-action{min-height:50px}
}
/* Alternative /uvod/: headings use the space previously occupied by section labels.
   Scoped to this comparison template; published homepage stays visually unchanged. */
.balikon-uvod-variant :is(.dk-red-hero-content h1,.dk-red-portal-copy h2,.dk-david-services-heading h2,.dk-david-proof-heading h2,.dk-david-faq-intro h2,.dk-red-contact-copy h2){
 margin-top:0;
}
/* /uvod/ map section: one strong network figure, no duplicate number in copy. */
.dk-david .balikon-uvod-variant .balikon-uvod-network-count{
 display:inline-block;
 white-space:nowrap;
 font-size:1.14em;
 font-weight:850;
 letter-spacing:-.065em;
 color:#202832;
}
/* /uvod/ only: airy services section and understated Apple-like gray cards.
   The original homepage retains its dark services design. */
.dk-david .balikon-uvod-variant .dk-red-services.dk-david-services-night{
  background:#f5f6f8;
  color:#212a35;
}
.dk-david .balikon-uvod-variant .dk-david-services-night::before{
  background:none;
}
.dk-david .balikon-uvod-variant .dk-david-services-heading h2{
  color:#202832;
}
.dk-david .balikon-uvod-variant .dk-david-services-intro{
  border-left-color:#d6dbe3;
}
.dk-david .balikon-uvod-variant .dk-david-services-intro p{
  color:#59636f;
}
.dk-david .balikon-uvod-variant .dk-david-service-card{
  background:#e8ebf0;
  color:#202833!important;
  border:1px solid #dce1e8;
  box-shadow:0 7px 22px rgba(37,48,65,.045);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition:background .23s ease,border-color .23s ease,box-shadow .23s ease,transform .23s ease;
}
.dk-david .balikon-uvod-variant .dk-david-service-card:hover,
.dk-david .balikon-uvod-variant .dk-david-service-card:focus-visible{
  background:#eff1f4;
  border-color:#cbd2dc;
  box-shadow:0 12px 30px rgba(37,48,65,.075);
}
.dk-david .balikon-uvod-variant .dk-david-service-content>strong{
  color:#202833;
}
.dk-david .balikon-uvod-variant .dk-david-service-desc{
  color:#596675;
}
.dk-david .balikon-uvod-variant .dk-david-service-no{
  color:#384452;
}
.dk-david .balikon-uvod-variant .dk-david-service-no>span{
  color:#82909f;
}
/* /uvod/: unnumbered service cards, with a clean red icon above each
   heading, perfectly left aligned with the heading and supporting copy. */
.dk-david .balikon-uvod-variant .dk-david-service-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:15px;
}
.dk-david .balikon-uvod-variant .dk-david-service-icon{
  display:grid;
  place-items:start;
  width:36px;
  height:36px;
  flex:0 0 36px;
  background:transparent;
  color:#df1234;
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:0;
}
.dk-david .balikon-uvod-variant .dk-david-service-icon svg{
  display:block;
  width:34px;
  height:34px;
}
.dk-david .balikon-uvod-variant .dk-david-service-content{
  width:100%;
  align-items:flex-start;
  text-align:left;
  padding-top:0;
}
@media(max-width:660px){
  .dk-david .balikon-uvod-variant .dk-david-service-card{
    gap:12px;
  }
  .dk-david .balikon-uvod-variant .dk-david-service-icon{
    width:34px;
    height:34px;
    flex-basis:34px;
  }
  .dk-david .balikon-uvod-variant .dk-david-service-icon svg{
    width:32px;
    height:32px;
  }
}
.dk-david .balikon-uvod-variant .dk-david-service-link{
  color:#d81839;
}
/* /uvod/ reference gallery: six authentic shop logos, arranged 3 × 2
   on desktop; original homepage remains unchanged. */
.dk-david .balikon-uvod-variant .dk-david-proof--logos .dk-david-logo-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:12px;
  min-height:0;
  border:0;
}
.dk-david .balikon-uvod-variant .dk-david-proof--logos .dk-david-logo-link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:126px;
  padding:20px 13px;
  border:1px solid #e7eaee;
  border-radius:12px;
  background:#fbfcfd;
  box-shadow:none;
}
.dk-david .balikon-uvod-variant .dk-david-proof--logos .dk-david-logo-link:hover{
  background:#fff;
  border-color:#d2d8e0;
  opacity:1;
}
.dk-david .balikon-uvod-variant .dk-david-proof--logos .dk-david-logo-link img{
  max-height:65px;
  max-width:100%;
  object-fit:contain;
}
.dk-david .balikon-uvod-variant .dk-david-logo-link--ambitv img{
  width:min(100%,172px);
}
.dk-david .balikon-uvod-variant .dk-david-logo-link--skutr img{
  width:min(100%,154px);
  max-height:76px;
}
.dk-david .balikon-uvod-variant .dk-david-logo-link--lge img{
  width:min(100%,206px);
}
@media(max-width:1080px){
  .dk-david .balikon-uvod-variant .dk-david-proof--logos .dk-david-logo-row{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:620px){
  .dk-david .balikon-uvod-variant .dk-david-proof--logos .dk-david-logo-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .dk-david .balikon-uvod-variant .dk-david-proof--logos .dk-david-logo-link{
    min-height:108px;
    padding:17px 12px;
  }
  .dk-david .balikon-uvod-variant .dk-david-proof--logos .dk-david-logo-link:last-child:nth-child(odd){
    grid-column:1/-1;
  }
}
/* Hero: keep the word e-shop. on one line even on ultrawide screens. */
#dk-red-hero-h1 .balikon-no-break{display:inline-block;white-space:nowrap}
/* Legal navigation and editorial legal content. */
.balikon-footer-bottom{gap:18px 34px;align-items:center;flex-wrap:wrap}
.balikon-legal-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px 22px;margin-left:auto}
.balikon-legal-nav a,.balikon-legal-nav button{font:600 12px/1.6 "DM Sans",sans-serif;color:#d4d7df;text-decoration:none;padding:4px 0;white-space:normal;text-align:left}
.balikon-legal-nav :is(a,button):hover{color:#ff6179}
.balikon-generic-content{max-width:930px;margin:0 auto 0 0;padding-bottom:20px}
.balikon-generic-content>p:first-child{border-left:3px solid #e40721;background:#f7f8fa;border-radius:0 8px 8px 0;padding:15px 20px;color:#303946}
.balikon-generic-content h2{font-size:clamp(22px,3vw,28px);margin-top:40px;max-width:850px}
.balikon-generic-content ul{padding-left:24px;max-width:850px}
.balikon-generic-content li{padding-left:4px;margin:9px 0;line-height:1.8}
.balikon-generic-content p{margin:15px 0;max-width:850px}
.balikon-cookie-copy a{color:#c40e2a!important;font-weight:700;text-decoration:underline;text-underline-offset:3px}
#dk-red-quote-form .dk-red-consent{display:block;font-size:12px;color:#66717c;line-height:1.6;margin:13px 0}
@media(max-width:767px){
 .balikon-footer-bottom{align-items:flex-start;flex-direction:column;gap:15px}
 .balikon-legal-nav{margin-left:0;justify-content:flex-start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;width:100%}
 .balikon-legal-nav a,.balikon-legal-nav button{font-size:12px;line-height:1.5}
 .balikon-generic-content>p:first-child{padding:14px}
 .balikon-generic-content h2{margin-top:31px}
}
@media(max-width:380px){
 .balikon-legal-nav{grid-template-columns:1fr;gap:6px}
}
@media(prefers-reduced-motion:reduce){
 .dk-red-site *, .dk-red-site *::before, .dk-red-site *::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}
}