@font-face{font-family:'DIN Pro';src:url('../fonts/DINPro.eot');src:url('../fonts/DINPro.eot?#iefix') format('embedded-opentype'),url('../fonts/DINPro.woff2') format('woff2'),url('../fonts/DINPro.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'DIN Pro';src:url('../fonts/DINPro-Medium.eot');src:url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/DINPro-Medium.woff2') format('woff2'),url('../fonts/DINPro-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'DIN Pro';src:url('../fonts/DINPro-Bold.eot');src:url('../fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/DINPro-Bold.woff2') format('woff2'),url('../fonts/DINPro-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'DIN Pro';src:url('../fonts/DINPro-Black.eot');src:url('../fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'),url('../fonts/DINPro-Black.woff2') format('woff2'),url('../fonts/DINPro-Black.woff') format('woff');font-weight:800;font-style:normal;font-display:swap;}
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL,GRAD,opsz@100,0,0,48');

.material-symbols-outlined,.material-icons-outlined{font-family:'Material Symbols Outlined';font-style:normal;font-size:24px;font-weight:100;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:'wght' 100,'GRAD' 0,'opsz' 48;}

html{text-rendering:optimizeLegibility;overflow-x:hidden !important;}
*{margin:0;padding:0;position:relative;}
*::selection{background:#dcab2b;color:#fff;}
body{min-width:320px !important;font-size:14px;overflow:hidden;font-family:'DIN Pro';font-weight:400;padding:0;color:#4f4f4f;background:#f1f0f3;text-align:center;font-feature-settings:"zero","ss01";}
.c{width:25px;height:25px;position:fixed;z-index:99999999999999999999;bottom:0;right:0;transition:300ms;cursor:pointer;}
.big{font-size:120%;}
.button{display:inline-block;}
h1,h2,h3,h4,h5,h6,p,li,input,textarea,select,button,.button,.perex{line-height:1.4em;}
h1,h2,h3,h4,h5,h6,.perex{font-family:'DIN Pro',sans-serif;}
input[type="submit"],button,.button{cursor:pointer;padding:.4em 1em;text-transform:uppercase;}
p{font-size:15px;color:#535353;line-height:22px;}
#wrapper p{color:#535353;font-size:17px;font-weight:300;line-height:30px;margin:0 auto 35px;}
a[href^="#error:"]{background:red;color:#fff;}
p a{text-decoration:none;font-weight:700;color:#371b63;border-bottom:2px solid #371b63;}
p a:hover{color:#d50d35;border-bottom:2px solid #d50d35;text-decoration:none;}
audio{display:none !important;}
.clr{clear:both;height:0;}
.wrapper{max-width:1366px;margin:0 auto;text-align:left;position:relative;}
form label{font-weight:600;}
.btn{border:0 none;text-decoration:none;}
#ajax-spinner{margin:15px 0 0 15px;padding:13px;background:#fff url('../images/spinner.gif') no-repeat 50% 50%;font-size:0;z-index:123456;display:none;}
.flash{background:#1468dc;width:100%;display:block;margin:0;position:relative;top:0;z-index:9999999999999999999999999999999999999;text-align:center;color:#fff;font-size:18px;padding:20px;opacity:1;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:flash;animation-name:flash;-webkit-transform-origin:center bottom;transform-origin:center bottom;}
.flash a,.flash a:link,.flash a:visited{font-weight:700;color:#fff;text-decoration:underline;}
.flash a:hover{color:#c0f2ff;}
@-webkit-keyframes flash{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.610,.355,1.000);animation-timing-function:cubic-bezier(.215,.610,.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}
@keyframes flash{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.610,.355,1.000);animation-timing-function:cubic-bezier(.215,.610,.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}
.container{text-align:center;padding:0;}
time.updated{display:none;}
span.elipsis{display:none;}
#totop{position:fixed;right:20px;bottom:70px;width:50px;height:50px;cursor:pointer;transition:opacity 500ms;opacity:0;z-index:999999999999999999;}
.textLeft{text-align:left;}
table{color:#4f4f4f;}

#kontaktBtn.btn.btn-default{background:var(--c-pink);}

/* menu globál */
nav{padding:0;margin:0 !important;height:auto;display:block;width:100%;border-radius:0 !important;z-index:999999999999999 !important;text-align:center;background:unset !important;border:none !important;}
nav .navbar-nav{float:right;margin:0;text-align:center;display:block;top:4px;}
nav .navbar-nav>li{float:none;display:inline-block;}
nav .navbar-nav>li a{color:#494093;font-weight:700 !important;text-transform:none;text-decoration:none;font-size:18px;padding:15px 22px;display:inline-block;}
nav .navbar-nav>li a:hover{color:#e83b5a;text-decoration:underline;}
nav .navbar-header{display:block;height:80px;}
.navbar-brand{padding:0 !important;z-index:999999;}
.navbar-brand>img{display:block;height:40px;}
.navbar-expand-lg{min-height:90px;}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border:0 !important;}
nav li.active a,nav li a{border:none !important;}
nav .container{padding:0 10px;}
.navbar-default .navbar-toggle{border-color:#fff;margin:24px 15px 8px 0;}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#f1f1f1;}
.navbar-default{background-color:unset;border-color:unset;}
nav#menu2 .navbar-nav>li a,nav#menu2 .navbar-nav>li a:link,nav#menu2 .navbar-nav>li a:visited,nav#menu2 .navbar-nav>li a:hover{background-color:unset !important;background:unset !important;}
nav#menu2 .navbar-nav>li a:hover{text-decoration:underline !important;}
nav#menu2 .navbar-nav>li.active a{text-decoration:underline !important;}
nav .dropdown .dropdown-menu li a{padding:10px 22px;display:block;}
nav .dropdown.dropdown-menu li a:hover{background:#f4f3ff;}
nav .dropdown:hover .dropdown-menu{position:absolute;display:block;width:230px;}

/* Avelio navbar */
.navbar.navbar-avelio{border:0 !important;padding:0 !important;}
.navbar-avelio .container{text-align:left !important;padding-left:10px !important;padding-right:10px !important;}
.navbar-avelio .navbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:90px;gap:18px;width:100%;}
.navbar-avelio .navbar-brand{padding:0 !important;margin:0 !important;display:flex;align-items:center;z-index:2;}
.navbar-avelio .navbar-brand>img{height:40px;width:auto;display:block;}
.navbar-avelio .navbar-toggler{margin-left:auto;border:0;padding:10px 12px;}
.navbar-avelio .navbar-collapse{width:unset;}
@media (min-width:992px){.navbar-avelio .navbar-toggler{display:none;}.navbar-avelio .navbar-collapse{position:relative;display:flex !important;align-items:center;gap:22px;}.navbar-avelio .navbar-nav{position:absolute !important;left:50% !important;transform:translateX(calc(-50% - 24px)) !important;float:none !important;top:auto !important;right:auto !important;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:center !important;margin:0 !important;padding:0 !important;gap:10px;width:auto !important;}.navbar-avelio .navbar-nav>li{float:none !important;display:block !important;}.navbar-avelio .navbar-nav>li>a{display:block !important;padding:15px 18px !important;color:#494093 !important;font-weight:700 !important;font-size:18px !important;text-transform:none !important;text-decoration:none !important;}.navbar-avelio .navbar-nav>li>a:hover{color:#e83b5a !important;text-decoration:underline !important;}.navbar-avelio .navbar-actions{display:flex;align-items:center;gap:22px;margin-left:auto;flex:0 0 auto;position:relative;z-index:2;}}
@media (max-width:991px){.navbar-avelio .navbar-inner{flex-wrap:wrap;}.navbar-avelio .navbar-collapse{flex-basis:100%;padding:10px 0 18px;}.navbar-avelio .navbar-nav{float:none !important;top:auto !important;display:block !important;margin:0 !important;padding:10px 0 !important;width:100% !important;text-align:left !important;}.navbar-avelio .navbar-nav>li{display:block !important;}.navbar-avelio .navbar-nav>li>a{display:block !important;padding:10px 0 !important;}.navbar-avelio .navbar-actions{display:flex;gap:12px;padding-top:10px;}.navbar-collapse{flex-grow:inherit;flex-basis:auto !important;}#navbarNav{width:auto !important;}}
.navbar-avelio .nav-phone{width:44px;height:44px;border-radius:999px;background:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.06);}
.navbar-avelio .nav-phone .material-icons-outlined{font-size:22px;color:#371b63;}
.navbar-avelio .btn-kalk{display:inline-flex;align-items:center;gap:22px;padding:8px 10px 10px 32px;border-radius:999px;background:#e83b5a;color:#fff !important;font-weight:600;text-decoration:none;line-height:1;font-size:15px;}
.navbar-avelio .btn-kalk:hover{filter:brightness(.95);}
.navbar-avelio .btn-kalk-ico{width:38px;height:38px;border-radius:999px;background:#fff;display:grid;place-items:center;}
.navbar-avelio .btn-kalk-ico .material-icons-outlined{font-size:20px;color:#e83b5a;}
@media (max-width:991px){.navbar-avelio .btn-kalk{width:100%;justify-content:space-between;}}

#propagacniLista{background:#371b63;color:#cfd2fd;}
#propagacniLista .container{display:flex;align-items:center;justify-content:flex-end;gap:28px;min-height:56px;padding:10px 0;}
#propagacniLista p{margin:0;}
#propagacniLista .propagacniLista-text{color:#cfd2fd;font-weight:500;letter-spacing:.2px;white-space:nowrap;margin:0;}
#propagacniLista .propagacniLista-link{display:inline-flex;align-items:center;gap:10px;color:#cfd2fd;text-decoration:none;white-space:nowrap;width:auto;font-size: 15px;}
#propagacniLista .propagacniLista-link strong{color:#fff;font-weight:700;}
#propagacniLista .icon{font-size:22px;line-height:1;color:#cfd2fd;}
#propagacniLista .propagacniLista-link:hover,#propagacniLista .propagacniLista-link:focus-visible{color:#fff;outline:none;}
#propagacniLista .propagacniLista-link:hover .icon,#propagacniLista .propagacniLista-link:focus-visible .icon{color:#fff;}
@media (max-width:768px){#propagacniLista .container{justify-content:center;gap:18px;flex-wrap:wrap;}#propagacniLista .propagacniLista-text{margin-right:0;width:100%;text-align:center;}.propagacniLista-text{display:none !important;}#propagacniLista .container{min-height:26px;}}
@media (max-width:320px){#propagacniLista .propagacniLista-link{width:100%;justify-content:center;}}
b,strong{font-weight:600;}

:root{--c-orange:#ff7c00;--c-purple:#371b63;--c-strong:#371b63;--c-text:#5d5d5d;--c-pink:#e83b5a;--c-arrow:#7077f2;--c-bg:#f4f3ff;}
.hero-avelio{padding:clamp(42px,6vw,90px) 0;}
.hero-avelio__container{max-width:1200px;margin:0 auto;padding:0 16px;text-align:center;}
.hero-avelio__h1{margin:0 auto 18px;font-family:'DIN Pro',system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:.8;color:var(--c-purple);font-size:clamp(34px,5.6vw,56px);margin-bottom:36px;}
.hero-avelio__h1Accent{display:block;margin-top:10px;color:var(--c-pink);font-weight:600;opacity:0.9;}
.hero-avelio__perex{max-width:980px;margin:0 auto;font-size:clamp(16px,1.55vw,20px);line-height:1.7;color:var(--c-text);font-weight:300;}
.hero-avelio__perex strong{color:#371b63 !important;font-weight:600;}
.hero-avelio__actions{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:clamp(26px,4vw,44px) auto 22px;}
.btn-kalk{display:inline-flex;align-items:center;gap:22px;padding:8px 10px 10px 32px;border-radius:999px;background:var(--c-pink);color:#fff !important;font-weight:600;text-decoration:none;line-height:1;font-size:16px;}
.btn-kalk:hover{filter:brightness(.96);}
.btn-kalk-ico{width:46px;height:46px;border-radius:999px;background:#fff;display:grid;place-items:center;flex:0 0 auto;}
.btn-kalk-ico img{display:block;}
.btn-konz{display:inline-flex;align-items:center;gap:22px;padding:8px 10px 10px 32px;border-radius:999px;background:transparent;color:var(--c-purple) !important;font-weight:600;text-decoration:none;line-height:1;font-size:16px;border:2px solid rgba(55,27,99,.95);}
.btn-konz:hover{background:#ffffff70;}
.btn-konz-ico{width:46px;height:46px;border-radius:999px;background:#fff;display:grid;place-items:center;flex:0 0 auto;}
.hero-ico-arrow{display:inline-block;font-size:18px;line-height:1;color:var(--c-arrow);transform:translateX(0);transition:transform .18s ease;}
.btn-konz:hover .hero-ico-arrow{transform:translateX(2px);}
.hero-avelio__rating{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:40px;color:var(--c-purple);}
.hero-avelio__google{display:block;opacity:.95;}
.hero-avelio__ratingText{font-weight:300;font-size:18px;letter-spacing:.2px;}
.hero-avelio__stars{display:inline-flex;gap:2px;align-items:center;top:-2px;position:relative;}
.hero-avelio__star{font-size:27px;line-height:1;color:var(--c-purple);}
@media (max-width:600px){
  .navbar-actions strong{display:none;}
  .navbar-avelio .btn-kalk{padding:10px !important;}
}
@media (max-width:520px){
  #podstrankaDefault .hero-avelio__actions a.btn-konz{margin:0 auto 15px !important;}
  .navbar-avelio .navbar-brand>img{height:30px;}
  .hero-avelio__actions{width:100%;}
  .btn-kalk,.btn-konz{width:min(520px,100%);justify-content:space-between;padding-left:22px;}
  .hero-avelio__perex{padding:0 6px;}
  .hero-avelio__h1{line-height:1;}
  .navbar-avelio .btn-kalk{padding:10px !important;}
  .navbar-avelio .navbar-brand > img {height: 30px !important;}
}
@media (max-width:400px){
  .navbar-avelio .btn-kalk {width: 34px !important;height: 34px !important;        padding: 0 !important;}
  .navbar-avelio .nav-phone {width: 34px !important;height: 34px !important;        padding: 0 !important;}
  .navbar-avelio .navbar-actions{gap:10 !important;}
      .navbar-avelio .navbar-brand > img {
        height: 28px !important;
    }
}

/* mobilní hlavička – akce mezi logem a burgerem */
@media (max-width:991px){.navbar-avelio .navbar-inner{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:nowrap;min-height:86px;}.navbar-avelio .navbar-brand{order:1;flex:0 0 auto;}.navbar-avelio .navbar-actions{order:2;flex:0 1 auto;display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:0;padding:0;}.navbar-avelio .navbar-toggler{order:3;margin-left:auto;flex:0 0 auto;}.navbar-avelio .navbar-collapse{order:4;flex-basis:100%;width:100%;padding:10px 0 18px;}.navbar-avelio .btn-kalk{width:auto !important;white-space:nowrap;padding:8px 10px 10px 18px;gap:14px;font-size:15px;line-height:1;}.navbar-avelio .btn-kalk-ico{width:38px;height:38px;}.navbar-avelio .nav-phone{width:44px;height:44px;flex:0 0 auto;}}
@media (max-width:560px){.navbar-avelio .btn-kalk{padding:8px 10px 10px 14px;gap:10px;font-size:14px;}.navbar-avelio .btn-kalk-ico{width:34px;height:34px;}}
@media (max-width:420px){.navbar-avelio .navbar-actions{align-items:center;gap:10px;}.navbar-avelio .btn-kalk{max-width:100%;}}

:root{--a-purple:#7077f2;--a-deep:#371b63;--a-orange:#ff7c00;--hp-bg:#f1f0f3;--hp-card-radius:42px;--hp-gap:34px;--hp-shadow:0 16px 50px rgba(17,12,36,.08);}
.hp3cards{padding:44px 0 120px;background:transparent;}
.hp3cards__container{max-width:1300px;margin:0 auto;padding:0 18px;display:grid;gap:var(--hp-gap);grid-template-columns:1fr;align-items:stretch;}
@media (min-width:760px){.hp3cards__container{grid-template-columns:1fr 1fr;}.hp3cards__card--center{grid-column:1 / -1;}}
@media (min-width:1100px){.hp3cards__container{grid-template-columns:1fr 1fr 1fr;}.hp3cards__card--center{grid-column:auto;}}
.hp3cards__card{position:relative;border-radius:var(--hp-card-radius);min-height:360px;text-decoration:none;box-shadow:var(--hp-shadow);transform:translateZ(0);}
.hp3cards__card--purple{background:var(--a-purple);color:#fff;}
.hp3cards__card--center{background:#fff;color:#5d5d5d;display:grid;place-items:center;padding:28px;}
.hp3cards__card:hover{transform:translateY(-2px);}
.hp3cards__card:focus-visible{outline:3px solid rgba(55,27,99,.35);outline-offset:4px;}
.hp3cards__badge{position:absolute;top:26px;right:26px;width:66px;height:66px;border-radius:18px;background:var(--a-deep);display:grid;place-items:center;z-index:3;}
.hp3cards__badgeIcon{font-size:26px;line-height:1;color:#fff;opacity:.95;}
.hp3cards__person{position:absolute;bottom:0;width:auto;height:120%;max-height:500px;object-fit:contain;z-index:2;pointer-events:none;user-select:none;filter:drop-shadow(0 18px 30px rgba(0,0,0,.12));}
.hp3cards__person--left{left:-11px;transform:translateX(-6px);}
.hp3cards__person--right{right:-27px;transform:translateX(6px);}
.hp3cards__centerInner{text-align:center;max-width:420px;position:relative;z-index:2;}
.hp3cards__calcIcon{width:74px;height:74px;border-radius:18px;display:grid;place-items:center;margin:6px auto 14px;color:var(--a-orange);}
.hp3cards__calcGlyph{font-size:56px;line-height:1;font-weight:800;color:var(--a-orange);}
.hp3cards__title{margin:30px 0 30px;font-size:27px;line-height:1.2;font-weight:800;color:var(--a-orange);}
.hp3cards__subtitle{margin:0 0 32px;font-size:16px;line-height:1.45;color:#5d5d5d;}
.hp3cards__subtitle strong{color:#371b63 !important;font-weight:600;}
.hp3cards__btn{display:inline-flex;align-items:center;font-size:18px;gap:18px;background:var(--a-orange);color:#fff;font-weight:600;text-decoration:none;border-radius:999px;padding:10px 10px 10px 34px;}
.hp3cards__btn:hover{filter:brightness(.97);}
.hp3cards__btnIco{width:54px;height:54px;border-radius:999px;background:#fff;display:grid;place-items:center;}
.hp3cards__btnIco img{display:block;width:22px;height:22px;}
a.hp3cards__card.hp3cards__card--purple.hp3cards__card--right .hp3cards__badge{left:26px;}
a.hp3cards__card.hp3cards__card--purple.hp3cards__card--right{background:var(--a-purple) url('../img/io.png') left bottom no-repeat;background-size:113%;max-width:510px;}
a.hp3cards__card.hp3cards__card--purple.hp3cards__card--left{background:var(--a-purple) url('../img/av.png') right bottom no-repeat;background-size:122%;max-width:510px;}
.hp3cards__card.hp3cards__card--center{background:#fff url('../img/vel.png') center bottom no-repeat;background-size:100%;max-width:510px;}
@media (max-width:1099px){.hp3cards__container{align-items:stretch;width:fit-content;grid-template-columns:1fr !important;}}
@media (max-width:520px){.hp3cards__card{min-height:330px;border-radius:32px;}.hp3cards__badge{top:18px;right:18px;width:58px;height:58px;border-radius:16px;}.hp3cards__label{bottom:22px;padding:14px 18px;}.hp3cards__label span,.hp3cards__label strong{font-size:24px;}.hp3cards__title{font-size:32px;}.hp3cards__subtitle{font-size:17px;}.hp3cards__btn{padding:14px 16px 14px 20px;gap:14px;}.hp3cards__btnIco{width:48px;height:48px;}.hp3cards__person{height:90%;max-height:360px;}}
@media (max-width:420px){.hp3cards__label{min-width:86%;}.hp3cards__person--left{left:8px;}.hp3cards__person--right{right:8px;}}

:root{--tab-bg:#fff;--tab-radius:12px;}
.hp3cards .hp3cards__label{display:inline-flex;flex-direction:column;align-items:center;gap:0;background:transparent;z-index:10;position:absolute;width:100%;bottom:40px;left:0;}
.hp3cards .hp3cards__label span{position:relative;padding:10px 28px;font-size:26px;font-weight:800;background:var(--tab-bg);color:#371b63;line-height:1.1;}
.hp3cards .hp3cards__label .top{border-radius:var(--tab-radius);padding-bottom:10px;}
.hp3cards .hp3cards__label .bottom{border-radius:0 0 var(--tab-radius) var(--tab-radius);padding-top:0;}
.hp3cards .hp3cards__label .bottom::before,.hp3cards .hp3cards__label .bottom::after{content:"";position:absolute;top:0;width:var(--tab-radius);height:var(--tab-radius);background:transparent;}
.hp3cards .hp3cards__label .bottom::before{left:calc(-1 * var(--tab-radius));border-top-right-radius:calc(var(--tab-radius) / 2);box-shadow:calc(var(--tab-radius) / 2) calc(-1 * var(--tab-radius) / 2) 0 calc(var(--tab-radius) / 2) var(--tab-bg);}
.hp3cards .hp3cards__label .bottom::after{right:calc(-1 * var(--tab-radius));border-top-left-radius:calc(var(--tab-radius) / 2);box-shadow:calc(-1 * var(--tab-radius) / 2) calc(-1 * var(--tab-radius) / 2) 0 calc(var(--tab-radius) / 2) var(--tab-bg);}

.hp3cards__container{perspective:900px;}
.hp3cards__card{--mx:50%;--my:50%;--rx:0deg;--ry:0deg;--tz:0px;will-change:transform;transform-style:preserve-3d;transition:transform 240ms cubic-bezier(.2,.8,.2,1),box-shadow 240ms cubic-bezier(.2,.8,.2,1);}
.hp3cards__card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 220ms ease;background:radial-gradient(520px 340px at var(--mx) var(--my),rgba(255,255,255,.28) 0%,rgba(255,255,255,.12) 22%,rgba(255,255,255,0) 62%);mix-blend-mode:soft-light;}
.hp3cards__card--center::after{background:radial-gradient(540px 360px at var(--mx) var(--my),rgba(55,27,99,.12) 0%,rgba(55,27,99,.06) 24%,rgba(55,27,99,0) 62%);mix-blend-mode:multiply;}
.hp3cards__card.is-hover{transform:translateY(-4px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(var(--tz));box-shadow:0 22px 70px rgba(17,12,36,.14);}
.hp3cards__card.is-hover::after{opacity:1;}
.hp3cards__person,.hp3cards__badge,.hp3cards__label,.hp3cards__centerInner{will-change:transform;transition:transform 220ms cubic-bezier(.2,.8,.2,1);}
.hp3cards__card.is-hover .hp3cards__badge{transform:translate3d(calc((var(--mx) - 50%) / 18),calc((var(--my) - 50%) / 18),22px);}
.hp3cards__card.is-hover .hp3cards__label{transform:translate3d(calc((var(--mx) - 50%) / 26),calc((var(--my) - 50%) / 22),18px);}
.hp3cards__card.is-hover .hp3cards__centerInner{transform:translate3d(calc((var(--mx) - 50%) / 30),calc((var(--my) - 50%) / 26),18px);}
.hp3cards__card.is-hover .hp3cards__person{transform:translate3d(calc((var(--mx) - 50%) / 14),calc((var(--my) - 50%) / 20),26px);}
@media (hover:none){.hp3cards__card{transition:transform 180ms ease,box-shadow 180ms ease;}.hp3cards__card.is-hover{transform:translateY(-2px);}}
@media (prefers-reduced-motion:reduce){.hp3cards__card,.hp3cards__person,.hp3cards__badge,.hp3cards__label,.hp3cards__centerInner{transition:none !important;}.hp3cards__card{transform:none !important;}.hp3cards__card::after{display:none !important;}}
.hp3cards__card{isolation:isolate;}
.hp3cards__person{z-index:3;}
.hp3cards__badge{z-index:4;}
.hp3cards__label{z-index:6;}
.hp3cards__centerInner{z-index:6;}
.hp3cards__card{--dx:0px;--dy:0px;--pdx:0px;--pdy:0px;}
.hp3cards__card.is-hover .hp3cards__badge{transform:translate3d(var(--dx),var(--dy),22px);}
.hp3cards__card.is-hover .hp3cards__label{transform:translate3d(calc(var(--dx) * .6),calc(var(--dy) * .4),18px);}
.hp3cards__card.is-hover .hp3cards__centerInner{transform:translate3d(calc(var(--dx) * .5),calc(var(--dy) * .35),18px);}
.hp3cards__card.is-hover .hp3cards__person{transform:translate3d(var(--pdx),var(--pdy),26px);}

:root{--profi-bg:#fff;--profi-card:#fafaff;--profi-purple:#371b63;--profi-accent:#e83b5a;--profi-icon:#7077f2;--profi-text:#5d5d5d;--profi-radius:28px;}
.profi{padding:clamp(36px,5vw,120px) 0;background:var(--profi-bg);}
.profi__wrap{max-width:1400px;margin:0 auto;padding:0 18px;}
.profi__head{text-align:center;margin-bottom:clamp(26px,4vw,54px);}
.profi__title{margin:0;font-family:"DIN Pro",system-ui,sans-serif;font-weight:800;letter-spacing:-0.02em;line-height:1.05;color:var(--profi-purple);font-size:clamp(22px,3.2vw,34px);}
.profi__titleAccent{display:block;margin-top:8px;color:var(--profi-accent);font-weight:600;font-size:clamp(20px,3.2vw,32px);}
.profi__grid{display:grid;gap:26px;grid-template-columns:1fr;}
@media (min-width:700px){.profi__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:1100px){.profi__grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
.profiCard{background:var(--profi-card);border-radius:var(--profi-radius);padding:28px;min-height:320px;position:relative;overflow:hidden;transform:translateZ(0);text-align:left;}
.profiCard__icon{width:76px;height:76px;border-radius:22px;background:rgba(255,255,255,.75);display:grid;place-items:center;margin-bottom:22px;}
.profiCard__icon .material-icons-outlined{font-size:30px;line-height:1;color:var(--profi-icon);}
.profiCard__title{margin:0 0 20px;font-family:"DIN Pro",system-ui,sans-serif;font-weight:600;color:var(--profi-purple);font-size:22px;line-height:1.28;}
.profiCard__text{margin:0;color:var(--profi-text);font-size:17px;line-height:1.7;font-weight:400;}
.profiCard__text strong{color:var(--profi-purple) !important;font-weight:600;}
@media (hover:hover){.profiCard{transition:transform .18s ease,box-shadow .18s ease;}.profiCard:hover{transform:translateY(-2px);box-shadow:0 26px 80px rgba(25,16,50,.10);}}
@media (max-width:520px){.profiCard{padding:22px;min-height:0;}.profiCard__icon{width:70px;height:70px;border-radius:20px;}.profiCard__title{font-size:20px;}.profiCard__text{font-size:16px;}}

:root{
  --ref-purple:#371b63;
  --ref-accent:#e83b5a;
  --ref-text:#ffffff;
  --ref-muted:rgba(255,255,255,.78);
  --ref-star:#ff7c00;
  --ref-radius:0px;       
}

.ref{background:transparent;}
.ref__wrap{ 
  margin: 0 auto;
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  align-items: stretch;
  overflow: hidden;
  border-radius: var(--ref-radius);
}

/* levé foto */
.ref__media{margin:0; min-height: 420px; background:#e9e9ef;}
.ref__media img{
  width:100%;
  height:100%;
  min-height:420px;
  object-fit:cover;
  display:block;
}

/* pravý panel */
.ref__content::after{content: '';background: url('../img/pattern_001.svg');width:100%;height:100%;position: absolute;background-size: cover;} 
.ref__content{
  background: var(--ref-purple);
  color: var(--ref-text);
  padding: clamp(28px, 4vw, 56px);
  position: relative;
  display: grid;
  align-content: center;
  gap: 22px;text-align: left;
}

.ref__quoteMark{
  font-family: arial, "DIN Pro", system-ui, sans-serif;
  font-weight: 600;
  font-size: clamp(56px, 10vw, 162px);
  line-height: 1;
  color: #7077f2;            /* světle fialová dle layoutu */
  opacity: .9;
  margin-bottom: 2px;z-index: 6;
}

.ref__quote{
  margin: 0;
  font-size: clamp(18px, 1.65vw, 22px);
  line-height: 1.75;
  font-weight: 400;
  color: var(--ref-text);z-index: 6;
}
.ref__quote strong{
  color: var(--ref-accent) !important;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

/* autor */
.ref__meta{
  display:flex;
  align-items:center;
  gap: 40px;
  margin-top: clamp(10px, 2vw, 18px);z-index: 6;
}

.ref__avatar{
  width: 62px;
  height: 62px;
  border-radius: 16px;
  background:#fff;
  display:grid;
  place-items:center;
  flex: 0 0 auto;
}
.ref__avatar .material-icons-outlined{
  font-size: 28px;
  color: #7077f2;
}

.ref__who{display:grid; gap:3px;}
.ref__name{
  font-family: "DIN Pro", system-ui, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;padding-top:30px;
}
.ref__sub{
  color: var(--ref-muted);
  font-size: 15px;
  line-height: 1.2;
}

.ref__stars{display:inline-flex; gap:4px; margin-top: 6px;}
.ref__star{color: var(--ref-star); font-size: 26px; line-height:1;}

/* responzivita */
@media (max-width: 1100px){
  .ref__wrap{grid-template-columns: 1fr; }
  .ref__media img{min-height: 320px;}
  .ref__content{align-content: start;}
}

@media (max-width: 560px){
  .ref__content{padding: 24px 18px;}
  .ref__meta{gap: 14px;}
  .ref__avatar{width:56px;height:56px;border-radius:14px;}
}

:root{
    --avelio-purple:#371b63;
    --avelio-blue:#7077f2;
    --avelio-bg:#f1f0f3;
  }

  .avelioTeam{
    background:#f1f0f3;;
    padding: clamp(26px, 4vw, 70px) 0 clamp(36px, 5vw, 90px);
    overflow: hidden;padding-bottom: 0;top:30px;
  }

  .avelioTeam__wrap{
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 18px;
    position: relative;
    text-align: center;
  }

  .avelioTeam__watermark{
    position: absolute;
    left: 50%;
    top: clamp(18px, 2vw, 28px);
    transform: translateX(-50%);
    font-family:"DIN Pro",system-ui,sans-serif;
    font-weight: 800;
    letter-spacing: -0.03em;
    font-size: clamp(72px, 16vw, 210px);
    color: rgba(55,27,99,.14);
    pointer-events: none;
    user-select: none;
    line-height: 1;
    white-space: nowrap;
  }

  .avelioTeam__media{
    margin: 0 auto;
    position: relative;
    z-index: 2;
  }

  .avelioTeam__img{
    width: min(980px, 100%);
    height: auto;
    display: block;
    margin: 0 auto;
    filter: drop-shadow(0 22px 55px rgba(16,10,40,.12));
  }

  .avelioTeam__stats{
    position: relative;
    z-index: 3;
    width: min(900px, 100%);
    margin: clamp(18px, 2.4vw, 28px) auto 0;
    padding: clamp(16px, 2.2vw, 22px) clamp(18px, 2.6vw, 28px);
    border-radius: 18px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    align-items: center;
    justify-items: center;

    background: linear-gradient(135deg, rgba(112,119,242,1) 0%, rgba(112,119,242,.92) 55%, rgba(112,119,242,.88) 100%);
    box-shadow: 0 18px 60px rgba(17,12,36,.16);
    overflow: hidden;margin-top: 0 !important;
  }

  /* jemný pattern jako na náhledu */
  .avelioTeam__stats::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(520px 220px at 10% 50%, rgba(255,255,255,.14), rgba(255,255,255,0) 60%),
      radial-gradient(520px 220px at 90% 50%, rgba(255,255,255,.12), rgba(255,255,255,0) 60%),
      linear-gradient(0deg, rgba(55,27,99,.10), rgba(55,27,99,0));
    opacity: .9;
    pointer-events:none;
  }

  .avelioTeam__stat{
    position: relative;
    text-align: center;
    width: 100%;
  }

  .avelioTeam__value{
    font-family: "DIN Pro",system-ui,sans-serif;
    font-weight: 800;
    color: #fff;
    font-size: clamp(26px, 4.4vw, 46px);
    letter-spacing: -0.02em;
    line-height: 1.05;
  }

  .avelioTeam__label{
    margin-top: 6px;
    color: rgba(255,255,255,.88);
    font-size: clamp(13px, 1.6vw, 16px);
    line-height: 1.25;
    font-weight: 400;
  }

  .avelioTeam__divider{
    display: none;
    width: 1px;
    height: 52px;
    background: rgba(255,255,255,.22);
  }

  /* 3 sloupce od tabletů */
  @media (min-width: 740px){
    .avelioTeam__stats{
      grid-template-columns: 1fr auto 1fr auto 1fr;
      gap: 22px;
      justify-items: stretch;        margin-top: 0;
    }
    .avelioTeam__stat{ text-align: center; }
    .avelioTeam__divider{ display: block; }
  }

  /* mobil – ať bar není “přilepený”, ale hezky sedí */
  @media (max-width: 420px){
    .avelioTeam__stats{
      border-radius: 16px;
      padding: 16px 16px;
    }
  }

   :root{
    --dluh-purple:#371b63;
    --dluh-accent:#e83b5a;
    --dluh-text:#5d5d5d;
    --dluh-bg:#ffffff;
  }

  .dluhSection{
    background: var(--dluh-bg);
    padding: clamp(36px, 6vw, 120px) 0;
    text-align: center;
    padding-bottom: 60px;;
  }

  .dluhSection__wrap{
    max-width: 980px;
    margin: 0 auto;
    padding: 0 18px;
  }

  .dluhSection__title{
    margin: 40px 0 18px;
    font-family: "DIN Pro",system-ui,sans-serif;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.05;
    color: var(--dluh-purple);
    font-size: clamp(26px, 3.6vw, 34px);
  }

  .dluhSection__accent{
    display: block;
    margin-top: 6px;
    font-weight: 400;
    color: var(--dluh-accent);
    font-size: clamp(22px, 3.2vw, 34px);
    letter-spacing: -0.02em;
  }

  .dluhSection__text{
    margin: 0 auto;
    max-width: 820px;
    color: var(--dluh-text);
    font-size: clamp(15px, 1.55vw, 18px);
    line-height: 1.7;
    font-weight: 300;
  }

  .dluhSection__text strong{
    color: var(--dluh-purple) !important;
    font-weight: 600;
  }

  @media (max-width: 520px){
    .dluhSection__title{ line-height: 1.12; }
    .dluhSection__accent{ margin-top: 8px; }
  }
:root{
  --step-purple:#371b63;
  --step-blue:#7077f2;
  --step-bg:#f4f3ff;
}

.steps{padding:clamp(36px,6vw,120px) 0;}
.steps__wrap{max-width:1200px;margin:0 auto;padding:0 18px;display:grid;gap:44px;grid-template-columns:1fr;text-align:center;}
@media (min-width:900px){.steps__wrap{grid-template-columns:repeat(3,1fr);}}

.step{display:flex;flex-direction:column;align-items:center;gap:22px;}

.step__icon{
  width:78px;height:78px;border-radius:22px;background:#fff;
  display:grid;place-items:center;
  transition:background .25s ease;
  /* zamezí blikání při 3D transformech */
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
}

/* flip kontejner */
.step__flip{
  width:34px;height:34px;
  position:relative;
  transform-style:preserve-3d;
  transition:transform .55s cubic-bezier(.2,.8,.2,1);
  will-change:transform;
}

/* obě strany */
.step__side{
  position:absolute;inset:0;
  display:grid;place-items:center;
  font-size:34px;line-height:1;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  /* typicky pomůže proti artefaktům fontů při rotaci */
  transform:translateZ(1px);
  -webkit-transform:translateZ(1px);
}

/* přední strana */
.step__side--front{color:var(--step-blue);transform:rotateY(0deg) translateZ(1px);    top: -7px;font-size:47px !important;
    left: -8px;}

/* zadní strana – otočená o 180°, aby po flipu byla čitelná */
.step__side--back{color:#fff;transform:rotateY(180deg) translateZ(1px);    top: -7px;font-size:47px !important;
    left: 40px;}

.step__title{
  margin:0;max-width:320px;
  font-family:"DIN Pro",system-ui,sans-serif;
  font-size:clamp(16px,1.4vw,18px);
  line-height:1.45;font-weight:600;color:var(--step-purple);
}

@media (hover:hover){
  .step:hover .step__icon{background:var(--step-blue);}
  .step:hover .step__flip{transform:rotateY(180deg);}
}

/* mobil */
@media (max-width:520px){
  .step__icon{width:70px;height:70px;border-radius:20px;}
  .step__side{font-size:30px;}
  .step__flip{width:30px;height:30px;}
}

/* touch – bez flipu */
@media (hover:none){
  .step__flip{transition:transform .18s ease;}
  .step:hover .step__flip{transform:none;}
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .step__icon,.step__flip{transition:none !important;}
}

/* sekce */
#clanky{padding:80px 0;}
#clanky .container{text-align:center;}
#clanky h3{color:var(--dluh-purple);margin:0 auto 30px;font-weight: 700;}

/* grid */
#vypisClanku{
  padding:20px 0 40px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:28px;
  align-items:stretch;
}

/* reset bootstrap colů uvnitř gridu (ať se to nechová jako BS sloupce) */
#vypisClanku .col,
#vypisClanku .col-sm-4,
#vypisClanku .col-sm-12{
  width:auto !important;
  float:none !important;
  padding:0 !important;
  margin:0 !important;
}

/* link = celé klikatelné */
#vypisClanku > .col > a{
  display:block;
  height:100%;
  text-decoration:none;
  transition:transform .22s ease, filter .22s ease;
}

/* karta */
#vypisClanku .property-card{
  height:100%;
  display:flex;
  flex-direction:column;
  border-radius:40px;
  overflow:hidden;
  background:#fff;               
  box-shadow:0 18px 60px rgba(17,12,36,.08);
  transform:translateZ(0);
  transition:transform .22s ease, box-shadow .22s ease;    padding-bottom: 20px;
}

 
#vypisClanku > .col > a:hover .property-card{
  transform:translateY(-6px);
  box-shadow:0 26px 80px rgba(17,12,36,.12);
}

/* fotka */
#vypisClanku .imgThumbnail{
  position:relative;
  overflow:hidden;
  background:#dcdaf0;
}

/* drž tvar fotky (u tebe je to 405x270 => 3:2) */
#vypisClanku .property-image{
  width:100%;
  display:block;
  aspect-ratio: 3 / 2;
  object-fit:cover;
}

/* gradient přes spodní část fotky */
#vypisClanku .imgThumbnail::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:55%;
  background:linear-gradient(to bottom, rgba(112,119,242,0) 0%, rgba(112,119,242,0.6) 100%);
  pointer-events:none;
}

/* datum vpravo dole na fotce */
#vypisClanku .date{
  position:absolute;
  right:22px;
  bottom:18px;
  z-index:2;
  color:#fff;
  font-size:15px;
  font-weight:500;
  letter-spacing:.02em;
  text-shadow:0 2px 10px rgba(0,0,0,.25);
}

/* obsahová část */
#vypisClanku .titleAndPerex{
  flex:1 1 auto;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  padding:28px 30px 10px 34px;
  min-height:140px;                 /* aby link byl dole a karty držely výšku */
}

/* titulek */
#vypisClanku .property-title{
  margin:0;
  width:100%; 
  color:#371b63;font-size: 19px;
    line-height: 1.4;
  font-weight:600;                  /* ve screenshotu je výrazně tučné */
  text-align:left;
}

/* spodní link */
#vypisClanku .more-link{
  margin:0;
  padding:16px 30px 24px 34px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#7077f2;    font-size: 17px;
    font-weight: 500;
}

#vypisClanku .more-link div{
  transition:text-decoration-color .2s ease, opacity .2s ease;
}

#vypisClanku .more-link .material-icons-outlined{
  font-size:22px;
  line-height:1;
  color:#7077f2;
  transform:translateX(0);
  transition:transform .2s ease;
}

#vypisClanku > .col > a:hover .more-link div{
  text-decoration:underline;
  text-underline-offset:4px;
}

#vypisClanku > .col > a:hover .more-link .material-icons-outlined{
  transform:translateX(2px);
}

/* mobil */
@media (max-width:520px){
  #clanky{padding:56px 0;}
  #vypisClanku{gap:18px; grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
  #vypisClanku .property-card{border-radius:32px;}
  #vypisClanku .date{right:16px; bottom:14px; font-size:16px;}
  #vypisClanku .titleAndPerex{padding:22px 22px 10px 22px; min-height:0;}
  #vypisClanku .property-title{font-size:22px;}
  #vypisClanku .more-link{padding:14px 22px 22px 22px; font-size:18px;}
}


/* =========================
   Kalkulačka – sjednocený UI styl Avelio
   ========================= */
form{min-width: none !important;}

   
#kalkulackaOddluzeni{
  padding:clamp(56px,6vw,96px) 0;
  background:transparent;
}

/* typografie sekce */
#kalkulackaOddluzeni h2{
  margin:0 0 10px;
  font-family:'DIN Pro',system-ui,sans-serif;
  font-weight:800;
  letter-spacing:-.02em;
  color:#371b63;
  font-size:clamp(26px,3.2vw,38px);
  text-align:center;
}

#kalkulackaOddluzeni .orientacne{
  display:block;
  margin:0 auto;
  max-width:980px;
  text-align:center;
  font-weight:600;    color: #7077f2;
    font-size: 20px;
  line-height:1.5;
  opacity:.95;
}

/* hlavní box kalkulačky */
#kalkulackaOddluzeni .kalkulacka{
  margin-top:28px;
  background:#fff;
  border-radius:42px;
  padding:clamp(18px,2.2vw,34px);
  box-shadow:0 18px 60px rgba(17,12,36,.08);
}

/* layout – 2 sloupce na desktopu, 1 na mobilu */
#kalkulackaOddluzeni .calculator-formular{
  display:grid !important;
  grid-template-columns: 1.05fr .95fr;
  gap:clamp(18px,2.4vw,34px);
  align-items:start;
}

@media (max-width: 991px){
  #kalkulackaOddluzeni .calculator-formular{
    grid-template-columns:1fr;
  }
}

/* FORM panel */
#kalkulackaOddluzeni .kalkulacka form{
  background:#f4f3ff;
  border-radius:34px;
  padding:clamp(18px,2.2vw,30px);
  min-width:0;               /* zruší problém s min-width:500px */
  margin:0; 
}

/* výsledky vpravo – na desktopu “sticky” */
#kalkulackaOddluzeni .kalkulacka .calculator-1{
  padding:0;
}

@media (min-width: 992px){
  #kalkulackaOddluzeni .kalkulacka .calculator-1{
    position:sticky;
    top:110px;
  }
}

/* společné label + input */
#kalkulackaOddluzeni .input_holder{margin:0 0 18px;}

#kalkulackaOddluzeni .label_input{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:10px;
  text-align:left;
}

#kalkulackaOddluzeni label{
  font-weight:700;
  color:#371b63;
  font-size:16px;
}

#kalkulackaOddluzeni sup{color:#e83b5a;font-size:16px;top:0;}

/* input wrapper (Kč) */
#kalkulackaOddluzeni .text-input-wrapper{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  background:#fff;
  border-radius:16px;
  box-shadow:0 10px 26px rgba(17,12,36,.06);
  border:1px solid rgba(55,27,99,.08);
}

#kalkulackaOddluzeni .currency{
  color:#5d5d5d;
  font-weight:700;
  opacity:.8;
}

/* text inputy */
#kalkulackaOddluzeni input.form-control,
#kalkulackaOddluzeni select.form-control,
#kalkulackaOddluzeni textarea.form-control{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
  height:auto;
  font-size:16px;
  font-weight:700;
  color:#371b63;
  min-width: 160px;
}

#kalkulackaOddluzeni textarea.form-control{
  margin-top:10px;
  min-height:120px;
  padding:12px 14px !important;
  background:#fff !important;
  border-radius:16px;
  border:1px solid rgba(55,27,99,.08) !important;
}

/* focus ring pro wrapper */
#kalkulackaOddluzeni .text-input-wrapper:focus-within{
  border-color: rgba(112,119,242,.55);
  box-shadow:0 0 0 5px rgba(112,119,242,.16), 0 10px 26px rgba(17,12,36,.06);
}

/* select – jednoduše, čistě */
#kalkulackaOddluzeni select.form-control{
  appearance:auto;
  -webkit-appearance:auto;
  -moz-appearance:auto;
  min-width:120px;
  font-weight:700;
  color:#371b63;
}

/* radio group – pilule (ano/ne) */
#kalkulackaOddluzeni .label_input > .display-flex{
  display:flex !important;
  gap:10px;
  align-items:center;
}

#kalkulackaOddluzeni .sp_radio{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(55,27,99,.08);
  box-shadow:0 10px 26px rgba(17,12,36,.06);
  margin:0 !important;
  font-size:15px;
  font-weight:700;
  color:#371b63;
  cursor:pointer;
  user-select:none;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

#kalkulackaOddluzeni .sp_radio:hover{
  transform:translateY(-1px);
  border-color: rgba(112,119,242,.35);
}

/* vlastní radio kolečko */
#kalkulackaOddluzeni .sp_radio input[type="radio"]{
  appearance:none;
  -webkit-appearance:none;
  width:18px;
  height:18px;
  border-radius:999px;
  border:2px solid #7077f2;
  background:#fff;
  display:inline-grid;
  place-items:center;
  margin:0;
  transition:background .15s ease, border-color .15s ease;
}

#kalkulackaOddluzeni .sp_radio input[type="radio"]::after{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#7077f2;
  transform:scale(0);
  transition:transform .15s ease;
}

#kalkulackaOddluzeni .sp_radio input[type="radio"]:checked{
  border-color:#7077f2;
}

#kalkulackaOddluzeni .sp_radio input[type="radio"]:checked::after{
  transform:scale(1);
}

/* slider */
#kalkulackaOddluzeni .kalkulacka input[type=range]{
  width:100%;
  -webkit-appearance:none;
  height:10px;
  border-radius:999px;
  background:#fff;
  outline:0; 
  padding:0 !important;
  margin:12px 0 6px; 
}

#kalkulackaOddluzeni .kalkulacka input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:24px;
  height:24px;
  border-radius:999px;
  background:#e83b5a;
  box-shadow:0 10px 26px rgba(17,12,36,.18);
  border:4px solid #fff;
  cursor:pointer;
  margin-top:-7px; /* vycentrování thumb */
}

#kalkulackaOddluzeni .kalkulacka input[type=range]::-webkit-slider-runnable-track{
  height:10px;
  border-radius:999px;
}

/* text pod formulářem */
#kalkulackaOddluzeni .text-left{
  text-align:left;
  margin-top:14px;
}

#kalkulackaOddluzeni .text-left p{
  color:#5d5d5d;
  font-size:14px;
  line-height:1.55;
  margin:0;
}

/* tlačítko “Spočítat” – sjednocené jako pilule */
#tlacitkoKalkulackaSpocitat{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:14px 22px;
  border-radius:999px;
  background:#e83b5a;
  color:#fff !important;
  font-weight:700;
  text-decoration:none !important;
  border:0;
  
  transition:transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

#tlacitkoKalkulackaSpocitat:hover{
  transform:translateY(-1px);
  filter:brightness(.98); 
}

#tlacitkoKalkulackaSpocitat:focus-visible{
  outline:0;
  box-shadow:0 0 0 6px rgba(112,119,242,.18), 0 22px 55px rgba(232,59,90,.24);
}

/* =========================
   Výsledky – sjednocené karty
   ========================= */

#kalkulackaOddluzeni .sp_result{
  border-radius:34px;
  background:#fff;
  overflow:hidden; 
}

/* hlavička zprávy */
#kalkulackaOddluzeni .calculator-1 .msg{
  background:transparent;
}

#kalkulackaOddluzeni .calculator-1 .msg > div{
  border-radius:34px;
  padding:26px; 
  background:#fff;
  margin:0 0 16px;
  overflow:hidden;
}

/* icon badge v resultu */
#kalkulackaOddluzeni .calculator-1 .msg .icon{
  display:inline-grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:18px;
  margin:0 0 14px;
  font-size:26px;
}

/* title */
#kalkulackaOddluzeni .calculator-1 .msg h3{
  margin:0 0 10px;
  font-family:'DIN Pro',system-ui,sans-serif;
  font-weight:800;
  color:#371b63;
  font-size:22px;
  line-height:1.2;
}

#kalkulackaOddluzeni .calculator-1 .msg p{
  color:#5d5d5d;
  font-size:16px;
  line-height:1.65;
  margin:0 0 18px;
}

#kalkulackaOddluzeni .calculator-1 .msg p a{
  color:#7077f2;
  border-bottom:2px solid #7077f2;
  text-decoration:none;
  font-weight:800;
}

#kalkulackaOddluzeni .calculator-1 .msg p a:hover{
  color:#371b63;
  border-bottom-color:#371b63;
}

/* CTA v resultu */
#kalkulackaOddluzeni .calculator-1 .msg a.btn-full,
#kalkulackaOddluzeni .calculator-1 .msg a.btn-border{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:999px;
  font-weight:600;
  text-decoration:none;
  font-size:15px;
  margin:0 10px 10px 0;
  transition:transform .15s ease, filter .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

#kalkulackaOddluzeni .calculator-1 .msg a.btn-full{background:#e83b5a;color:#fff;border:2px solid #e83b5a;}
#kalkulackaOddluzeni .calculator-1 .msg a.btn-border{background:transparent;color:#e83b5a;border:2px solid rgba(232,59,90,.55);}

#kalkulackaOddluzeni .calculator-1 .msg a.btn-full:hover{transform:translateY(-1px);filter:brightness(.98);}
#kalkulackaOddluzeni .calculator-1 .msg a.btn-border:hover{transform:translateY(-1px);border-color:#e83b5a;background:rgba(232,59,90,.08);}

/* čísla ve výsledku */
#kalkulackaOddluzeni .calculator-1 .result_var{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:14px 18px;
  background:rgba(7,140,100,.10);
  border-radius:18px;
  margin:10px 0;
  color:#078c64;
  font-weight:700;
}

#kalkulackaOddluzeni .calculator-1 .result_var .value_holder{
  font-weight:900;
  color:#371b63;
  font-size:16px;
  float:none;
}

/* error variant */
#kalkulackaOddluzeni .result1 .calculator-1 .msg > div,
#kalkulackaOddluzeni .result1 .msg > div{
  border-left:0;
}

#kalkulackaOddluzeni .result1 .msg > div{
  
}

#kalkulackaOddluzeni .result1 .msg .icon{
  background:rgba(232,59,90,.12);
  color:#e83b5a;
}

/* success variant */
#kalkulackaOddluzeni .result3 .msg > div{
   
  border-color:rgba(7,140,100,.18);
}

#kalkulackaOddluzeni .result3 .msg .icon{
  background:rgba(7,140,100,.10);
  color:#078c64;
}

/* mobilní doladění */
@media (max-width: 520px){
  #kalkulackaOddluzeni .kalkulacka{border-radius:32px;}
  #kalkulackaOddluzeni .kalkulacka form{border-radius:28px;}
  #kalkulackaOddluzeni .label_input{gap:10px;}
  #kalkulackaOddluzeni label{font-size:15px;}
  #kalkulackaOddluzeni input.form-control{min-width: 140px;}
  #kalkulackaOddluzeni .sp_radio{padding:9px 12px;font-size:14px;}
  #kalkulackaOddluzeni .calculator-1 .msg > div{padding:20px;border-radius:28px;}
  #kalkulackaOddluzeni .sp_result{border-radius:28px;}
}
#kalkulackaOddluzeni .calculator-1.is-highlight .sp_result{
  box-shadow:0 0 0 6px rgba(112,119,242,.16), 0 18px 60px rgba(17,12,36,.10);
}

/* =========================
   Kalkulačka – select Počet dětí (UI jako na obrázku)
   ========================= */

/* řádek s počtem dětí – chceme label vlevo a select vpravo */
#kalkulackaOddluzeni .input_holder--children .label_input,
#kalkulackaOddluzeni .input_holder:has(.js-children-count) .label_input{
  align-items:center !important;
}

/* obal selectu – stejné “pill” jako ostatní prvky */
#kalkulackaOddluzeni .input_holder--children .childrenSelect,
#kalkulackaOddluzeni .input_holder:has(.js-children-count) .text-input-wrapper{
  width:min(220px, 100%);
}

/* pokud nemáš wrapper, uděláme z selectu rovnou “piluli” */
#kalkulackaOddluzeni select.js-children-count,
#kalkulackaOddluzeni select.js-children-count.form-control{
  width:min(220px,100%);
  padding:12px 44px 12px 14px !important;
  border-radius:16px;
  background:#fff !important;
  border:1px solid rgba(55,27,99,.08) !important;
  box-shadow:0 10px 26px rgba(17,12,36,.06) !important;
  font-size:16px;
  font-weight:800;
  color:#371b63;
  line-height:1.1;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  cursor:pointer;
}

/* caret vpravo – čisté, bez SVG dat v CSS, použijeme Material Icons Outlined */
#kalkulackaOddluzeni .input_holder--children,
#kalkulackaOddluzeni .input_holder:has(.js-children-count){
  position:relative;
}

#kalkulackaOddluzeni .input_holder--children::after,
#kalkulackaOddluzeni .input_holder:has(.js-children-count)::after{
  content:"expand_more";
  font-family:"Material Symbols Outlined";
  font-weight:100;
  font-style:normal;
  font-size:22px;
  line-height:1;
  color:rgba(55,27,99,.65);
  position:absolute;
  right:18px;
  bottom:10px;                /* sedí s výškou selectu */
  pointer-events:none;
}

/* focus ring jako u inputů */
#kalkulackaOddluzeni select.js-children-count:focus{
  outline:0;
  border-color: rgba(112,119,242,.55) !important;
  box-shadow:0 0 0 5px rgba(112,119,242,.16), 0 10px 26px rgba(17,12,36,.06);
}

/* mobil – necháme select přes celou šířku, aby to nebylo natěsno */
@media (max-width:520px){
  #kalkulackaOddluzeni select.js-children-count{
    width:100%;
    max-width:100%;
  }
  #kalkulackaOddluzeni .input_holder:has(.js-children-count)::after{
    right:16px;
  }
}

 
:root{
  --af-bg:#170628;
  --af-bg2:#1f0834;
  --af-line:rgba(255,255,255,.08);
  --af-text:rgba(255,255,255,.72);
  --af-text2:rgba(255,255,255,.58);
  --af-white:#fff;

  --af-blue:#7077f2;
  --af-pink:#e83b5a;
  --af-orange:#ff7c00;

  --af-radius:18px;
}

.af::before{content: '';background: url('../img/pattern_001.svg');width:100%;height:100%;position: absolute;background-size: cover;}
.af{
  background:
    radial-gradient(1200px 520px at 20% 0%, rgba(112,119,242,.18) 0%, rgba(112,119,242,0) 60%),
    radial-gradient(900px 520px at 85% 10%, rgba(232,59,90,.10) 0%, rgba(232,59,90,0) 62%),
    linear-gradient(180deg, var(--af-bg) 0%, var(--af-bg2) 100%);
  color:var(--af-text);
  text-align:left;padding:50px 0;
}
.af a{text-decoration:none;transition:160ms ease;}
.af a:hover{color:var(--af-white);text-decoration: underline;}

.af__container{max-width:1240px;margin:0 auto;padding:0 18px;}

/* ===== top layout ===== */
.af__top{padding:56px 0 74px;}
.af__gridTop{
  display:grid;
  grid-template-columns: 360px 1fr 420px;
  gap:54px;
  align-items:start;
}

/* brand */
.af__logo{ 
  margin:0 0 44px;
}
.af__who{font-size:17px;line-height:1.55;margin:0 0 26px;color:#9381af;margin:0 0 44px;}
.af__contacts{list-style:none;margin:0;padding:0;display:grid;gap:15px;font-size:17px;line-height:1.55;margin:0 0 34px;}
.af__contacts li{display:grid;grid-template-columns:22px 1fr;gap:15px;align-items:start;color:#9381af;}
.af__contacts li a{color:#fff;}
.af__ico{font-size:20px;color:#7077f2;margin-top:0px;font-weight: 300;font-variation-settings: 'wght' 300, 'GRAD' 0, 'opsz' 48;}

/* center head + list */
.af__center, .af__right{padding-top:96px;}
.af__right .btn-kalk{margin:9px 0;text-decoration: none !important;}
.af__centerHead{margin-top:8px;margin-bottom:26px;}
.af__centerSmall{font-weight:600;color:#fff;margin:0;line-height:1.4;font-size: 22px;}
.af__phone{
  display:inline-block;
  font-family:"DIN Pro",system-ui,sans-serif;
  font-weight:900;
  font-size:32px;
  letter-spacing:-.02em;
  color:#19e4a7;
}
.af__phone:hover{filter:brightness(1.02);}

/* right top with social + CTA aligned like screenshot */
.af__rightTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:8px;
  margin-bottom:26px;
}
.af__social{display:flex;gap:10px;    position: absolute;
    top: -90px;
    right: 0;}
.af__socialLink{ 
  display:grid;place-items:center; 
}
.af__socialLink:hover{color:#fff;transform:translateY(-1px);} 

/* CTA pill (vpravo nahoře) */
.af__cta{
  display:inline-flex;
  align-items:center;
  gap:14px;
  background:var(--af-pink);
  color:#fff;
  font-weight:800;
  border-radius:999px;
  padding:10px 10px 10px 18px;
  box-shadow:0 16px 52px rgba(232,59,90,.22);
  white-space:nowrap;
}
.af__cta:hover{filter:brightness(.98);transform:translateY(-1px);}
.af__ctaIco{
  width:34px;height:34px;border-radius:999px;
  background:#fff;
  display:grid;place-items:center;
}
.af__ctaIco .material-symbols-outlined{font-size:18px;color:var(--af-pink);}

/* list blocks */
.af__block{max-width:520px;}
.af__block a{color:#fff;}
.af__title{
    font-weight: 500;
    color: #7d6c97;
    margin: 30px 0 30px;
    font-size: 22px;
}
.af__list{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:16px;line-height:1.55;}
.af__arr{color:rgba(112,119,242,.95);display:inline-block;margin-right:10px;}

/* ===== mid ===== */
.af__mid{
  padding:30px 0 30px;
  border-top:1px solid var(--af-line);
}
.af__gridMid{
  display:grid;
  grid-template-columns: 1fr;
  gap:22px;
}
.af__nav a{color:#fff;}
.af__nav{
  display:flex;
  flex-wrap:wrap;
  gap:18px 28px;
  font-size:16px;
  color:#9381af;
}
.af__nav a:hover{color:#fff;}
.af__copy{
  font-size:16px;
  line-height:1.7;
  color:#9381af;
}

/* Developed by – vpravo, jako screenshot */
.af__dev{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:12px;
  opacity:.55;
}
.af__dev:hover{opacity:1;}
.af__devSpin{display:inline-block;transform-style:preserve-3d;will-change:transform;}
.af__dev strong{color:rgba(255,255,255,.85);font-weight:900;}

 
 
/* ===== disclaimer block ===== */


.af__disc{
  padding:46px 0;
  background:#110523;
  border-top:1px solid rgba(255,255,255,.06);
}
.af__discTitle{
  font-weight:600;
  color:#fff;font-size:16px;
  margin:0 0 16px;
}
.af__discText{ 
 color:#9381af;font-size:16px;
}

/* ===== bottom links ===== */
.af__bottom{padding:18px 0 28px;border-top:1px solid rgba(255,255,255,.06);}
.af__bottom a{color:#fff;}
.af__bottomLinks{
  display:flex;
  justify-content:flex-end;
  gap:30px;
  flex-wrap:wrap;
  font-size:14px;
  color:rgba(255,255,255,.72);
}
.af__bottomLinks a:hover{color:#fff;}

/* ===== responsive ===== */
@media (max-width:1200px){
  .af__gridTop{grid-template-columns: 340px 1fr 380px;gap:42px;}
}
@media (max-width:1110px){
  .af__gridTop{grid-template-columns:1fr 1fr;gap:30px;}
  .af__rightTop{justify-content:flex-start;gap:14px;flex-wrap:wrap;}
  .af__cta{order:2;}
  .af__social{order:1;}
  .af__dev{justify-self:start;}
  .af__bottomLinks{justify-content:flex-start;}
  .af__social{position: unset;;}
  .af__right{padding-top:0;}
  .af__mid, .af__container, .af__right, .af__disc, .af__brand, .af__center {padding: 20px;}
}
@media (max-width:767px){
  .af__gridTop{grid-template-columns:1fr;gap:30px;}
  .af{text-align: center;}
  .af__contacts li {display: contents;}
  .af__block {margin: 0 auto;}
  .af__rightTop{grid-template-columns:1fr;gap:30px;display: inline-table;}
  .af__social{position: unset;justify-content: center;margin-bottom: 24px;}
  .af__nav, .af__container{justify-content: center;margin-bottom: 18px !important;}
  .af__container{justify-content: center;display: inline-table;}
}
@media (max-width:520px){
  .af__top{padding:44px 0 26px;}
  .af__logo{font-size:40px;}
  .af__phone{font-size:28px;}
  .af__cta{width:100%;justify-content:space-between;}
}
@media (prefers-reduced-motion: reduce){
  .af__coinInner{transition:none !important;}
  .af__dev:hover .af__coinInner{transform:none !important;}
  .af__dev:hover .af__devSpin{animation:none !important;}
}

#copyright footer p a{text-decoration: none !important;border:0 !important;}
#copyright footer p a:hover{text-decoration: none !important;border:0 !important;}


:root{
  --dluh-purple:#371b63;
  --dluh-purple-2:#494093;
  --dluh-pink:#e83b5a;
  --dluh-blue:#7077f2;
  --dluh-orange:#ff7c00;

  --txt:#2e2e2e;
  --txt-2:#5d5d5d;
  --muted:#7b7b7b;

  --bg-soft:#f4f3ff;
  --bg-card:#ffffff;

  --bd:rgba(55,27,99,.12);
  --shadow:0 14px 44px rgba(17,12,36,.08);
  --radius:18px;

  --fs:16px;
  --lh:1.75;
}

/* wrapper */
#podstrankaDefault{
  font-family:"DIN Pro", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:var(--fs);
  line-height:var(--lh);
  color:var(--txt);
  text-align:left;padding:80px 0;
}

/* bezpečné resety pro WYSIWYG obsah */
#podstrankaDefault *{box-sizing:border-box;}
#podstrankaDefault .container{width: max-content;min-width: 1024px;}
@media (max-width:1100px)
{#podstrankaDefault .container{min-width:unset;}}
#podstrankaDefault p,
#podstrankaDefault ul,
#podstrankaDefault ol,
#podstrankaDefault blockquote,
#podstrankaDefault table,
#podstrankaDefault pre{margin:0 0 16px;}
#podstrankaDefault p{max-width:78ch;text-align:left !important;color:var(--txt-2);font-size:1rem;line-height:var(--lh);}
#podstrankaDefault p:empty{display:none;}

/* odkazy – čitelné, brandově */
#podstrankaDefault a{
  color:var(--dluh-purple);
  text-decoration:none;
  border-bottom:1px solid rgba(55,27,99,.28);
  transition:color .18s ease,border-color .18s ease,background-color .18s ease;
}
#podstrankaDefault a:hover{
  color:var(--dluh-pink);
  border-bottom-color:rgba(232,59,90,.55);
}
#podstrankaDefault a:focus-visible{
  outline:3px solid rgba(112,119,242,.35);
  outline-offset:3px;
  border-bottom-color:transparent;
}

/* zvýraznění – NE fialové, ať to není “utopené” */
#podstrankaDefault strong,
#podstrankaDefault b{
  color:inherit !important;
  font-weight:700;
}

/* jemné zvýraznění inline kódu (když WYSIWYG vloží) */
#podstrankaDefault code{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size:.95em;
  background:rgba(112,119,242,.10);
  border:1px solid rgba(112,119,242,.18);
  padding:.12em .38em;
  border-radius:8px;
}
 
#podstrankaDefault h2,
#podstrankaDefault h3,
#podstrankaDefault h4,
#podstrankaDefault h5{
  font-family:"DIN Pro", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--dluh-purple);
  text-align:left !important;
  margin:28px 0 12px;
  letter-spacing:-.01em;
}

#podstrankaDefault h2{font-size:clamp(22px,2.2vw,32px);line-height:1.18;font-weight:800;}
#podstrankaDefault h3{font-size:clamp(19px,1.8vw,26px);line-height:1.22;font-weight:800;color:var(--dluh-purple-2);}
#podstrankaDefault h4{font-size:clamp(17px,1.6vw,22px);line-height:1.28;font-weight:800;}
#podstrankaDefault h5{font-size:clamp(16px,1.4vw,19px);line-height:1.3;font-weight:700;color:var(--txt);}

/* perex nebo důležité upozornění v textu – decentní, ale viditelné */
#podstrankaDefault .orientacne,
#podstrankaDefault .notice,
#podstrankaDefault .note{
  display:block;
  max-width:78ch;
  background:rgba(244,243,255,.9);
  border:1px solid var(--bd);
  border-left:6px solid rgba(112,119,242,.75);
  border-radius:14px;
  padding:14px 16px;
  color:var(--txt);
  font-weight:600;
}

/* seznamy – čitelné, žádné centrování, žádné “malé krabičky” 500px */
#podstrankaDefault ul,
#podstrankaDefault ol{
  max-width:78ch;
  padding:14px 18px 14px 22px;
  background:none;
  border:0;
  border-radius:16px;
}

#podstrankaDefault ul{list-style:none;}
#podstrankaDefault ul p{margin:0}
#podstrankaDefault ol p{margin:0}
#podstrankaDefault ol{list-style:decimal;padding-left:46px;}

#podstrankaDefault li{
  margin:8px 0;
  font-size:1rem;
  line-height:1.6;
  color:var(--txt-2);
}

/* bullet – moderní tečka, ale jemná */
#podstrankaDefault ul > li{
  padding-left:28px;
}
#podstrankaDefault ul > li::before{
  content:"";
  position:absolute;
  left:0px;
  top:16px;
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--dluh-blue);
  box-shadow:0 0 0 4px rgba(112,119,242,.14);
}

/* vnořené seznamy – bez zbytečných boxů */
#podstrankaDefault ul ul,
#podstrankaDefault ol ol,
#podstrankaDefault ul ol,
#podstrankaDefault ol ul{
  margin:10px 0 0;
  padding:10px 0 0 18px;
  background:transparent;
  border:0;
  border-radius:0;
}
#podstrankaDefault ul ul > li::before{
  width:8px;height:8px;top:.66em;
  background:rgba(55,27,99,.55);
  box-shadow:none;
}

/* obrázky – responsivně a kultivovaně */
#podstrankaDefault img{
  display:block;
  max-width:min(820px,100%);
  height:auto;
  margin:18px 0;
  border-radius:18px; 
}

/* bloková citace – pro případ, že WYSIWYG vloží */
#podstrankaDefault blockquote{
  max-width:78ch;
  padding:16px 18px;
  border-left:6px solid rgba(232,59,90,.75);
  background:rgba(255,255,255,.85);
  border-radius:16px;
  box-shadow:0 10px 30px rgba(17,12,36,.06);
  color:var(--txt);
}
#podstrankaDefault blockquote p{margin:0;color:var(--txt);}

/* tabulky – bezpečné UI */
#podstrankaDefault table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:var(--bg-card);
  border:1px solid var(--bd);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 12px 36px rgba(17,12,36,.06);
}
#podstrankaDefault th,
#podstrankaDefault td{
  padding:12px 14px;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid rgba(55,27,99,.10);
}
#podstrankaDefault th{
  background:rgba(244,243,255,.75);
  color:var(--dluh-purple);
  font-weight:800;
}
#podstrankaDefault tr:last-child td{border-bottom:0;}

/* horizontální oddělovač pokud ho WYSIWYG vygeneruje */
#podstrankaDefault hr{
  border:0;
  height:1px;
  background:rgba(55,27,99,.12);
  margin:28px 0;
}

/* “karty” z tvého starého gridu – přepracované na čitelné boxy */
#podstrankaDefault .display-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:18px;
  width:100%;
  margin:22px 0 10px;
  text-align:left;
}
#podstrankaDefault .display-grid > div{
  background:rgba(244,243,255,.7);
  border:1px solid rgba(55,27,99,.10);
  border-radius:18px;
  padding:18px 18px;
  box-shadow:0 10px 30px rgba(17,12,36,.05);
}
#podstrankaDefault .display-grid strong{
  display:block;
  font-size:1.05rem;
  line-height:1.35;
  margin-bottom:8px;
  font-weight:800;
  color:var(--dluh-purple) !important; /* tady je to žádoucí – jako nadpis karty */
}
#podstrankaDefault .display-grid p{margin:0;color:var(--txt-2);}

/* číslovaný grid – výrazný, ale čitelný, ne centrovaný “všude” */
#podstrankaDefault .display-grid.numbers{
  counter-reset:section;
  margin:26px 0 12px;
}
#podstrankaDefault .display-grid.numbers > div{
  padding-top:18px;
}
#podstrankaDefault .display-grid.numbers > div::before{
  counter-increment:section;
  content:counter(section);
  position:absolute;
  top:-16px;
  left:18px;
  width:44px;
  height:44px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-weight:800;
  color:#fff;
  background:var(--dluh-pink);
  box-shadow:0 12px 28px rgba(232,59,90,.25);
  border:4px solid rgba(255,255,255,.95);
}

/* toggle prvky – jen když WYSIWYG někde má */
#podstrankaDefault .toggle-btn{
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:10px 0;
  font-weight:800;
  color:var(--dluh-purple);
}
#podstrankaDefault .toggle-btn:hover{color:var(--dluh-pink);}
#podstrankaDefault .price-details{display:none;margin:12px 0 18px;}
#podstrankaDefault .material-icons,
#podstrankaDefault .material-icons-outlined,
#podstrankaDefault .material-symbols-outlined{vertical-align:middle;}

/* special-case – pokud někde nechceš bullet/box */
#podstrankaDefault #ulVypisSluzeb .imgThumbnail{display:none;}
#podstrankaDefault #ulVypisSluzeb ul{background:transparent;border:0;padding:0;border-radius:0;display:inline-block;}
#podstrankaDefault #ulVypisSluzeb ul li{padding-left:0;}
#podstrankaDefault #ulVypisSluzeb ul li::before{display:none;}

/* responzivita – text zůstává čitelný, spacing se zmenší */
@media (max-width:680px){
  #podstrankaDefault{font-size:16px;}
  #podstrankaDefault p,
  #podstrankaDefault ul,
  #podstrankaDefault ol,
  #podstrankaDefault blockquote{max-width:100%;}
  #podstrankaDefault ul,
  #podstrankaDefault ol{padding:12px 14px 12px 18px;border-radius:14px;}
  #podstrankaDefault ol{padding-left:40px;}
  #podstrankaDefault h2{margin-top:22px;}
  #podstrankaDefault h3,#podstrankaDefault h4,#podstrankaDefault h5{margin-top:18px;}
}

#podstrankaDefault .hero-avelio__actions a.btn-konz{border-bottom:2px solid rgba(55,27,99,.95) !important;margin:0 15px 15px;}
#podstrankaDefault .hero-avelio__actions a{padding:12px 26px !important;}


/* wrapper – responsivní “hero”, zachová tvoje zaoblení + ořez */
#obalSliderDefaultSubPage{
  position:relative;
  border-radius:8px;
  overflow:hidden;  margin:0 auto 36px;

  /* pozadí */
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover !important;

  /* fixní pozadí jen na desktopu (na mobilech dělá bordel a seká) */
  background-attachment:scroll;

  /* výška responsivně – drží poměr jako na ukázce */
  min-height:clamp(260px, 38vw, 520px);
}

/* tmavý overlay – ať text čitelně sedí i na světlých fotkách */
#sliderDefaultSubPage{
  position:relative;
  width:100%;
  height:100%;
  min-height:inherit;
  background:rgba(17,20,36,.36);

}

/* titul – žádné absolutní “margin 250px”, ale centrované přes grid */
#headerTitle{
  position:relative;
  display:grid;
  place-items:center;
  min-height:inherit;

  /* typografie responsivně */
  padding:clamp(22px, 4vw, 48px);
  margin:0;

  width:100%;
  text-align:center;

  color:#fff;
  font-family:"DIN Pro", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.08;
  font-size:clamp(26px, 3.6vw, 54px);

  /* aby dlouhé názvy nevylítly */
  max-width:22ch;
  margin-left:auto;
  margin-right:auto;

  text-wrap:balance;
}

/* když potřebuješ, aby byl text ještě čitelnější na horších fotkách */
#sliderDefaultSubPage::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  /* jemná viněta + spodní gradient */
  background:
    radial-gradient(1200px 520px at 50% 45%, rgba(0,0,0,.00) 0%, rgba(0,0,0,.22) 70%, rgba(0,0,0,.38) 100%),
    linear-gradient(to bottom, rgba(0,0,0,.05) 0%, rgba(0,0,0,.32) 100%);
}

/* jistota vrstvení – text nad overlay efekty */
#headerTitle{z-index:2;}
#sliderDefaultSubPage::after{z-index:1;}

/* mobile – vypnout fixed, ať to nedělá trhání */
@media (max-width: 992px){
  #obalSliderDefaultSubPage{background-attachment:scroll;}
  #headerTitle{max-width:26ch;}
}

/* extra malé displeje – ještě menší padding */
@media (max-width: 420px){
  #headerTitle{padding:18px;}
}

 
  :root{
    --av-deep:#371b63;
    --av-accent:#7077f2;
    --av-bg:#f4f3ff;
    --av-card:#ffffff;
    --av-text:#4f4f4f;
    --av-muted:#6b6b6b;
    --av-border:rgba(112,119,242,.25);
    --av-radius:22px;
    --av-shadow:0 18px 70px rgba(17,12,36,.10);
  }

  /* wrapper sekce */
  #podstrankaDefault .howSteps{
    margin: 28px 0 30px;
    text-align:left;
  }

  /* stabilní grid – nepoužívat absolutní výšky, žádné centering */
  #podstrankaDefault .howSteps__grid{
    display:grid;
    gap:22px;
    grid-template-columns: 1fr;
    align-items:stretch;
  }
  @media (min-width: 760px){
    #podstrankaDefault .howSteps__grid{ grid-template-columns: repeat(1, minmax(0,1fr)); }
  }
  @media (min-width: 1100px){
    #podstrankaDefault .howSteps__grid{ grid-template-columns: repeat(1, minmax(0,1fr)); }
  }

  /* karta */
  #podstrankaDefault .howStep{
    position:relative;
    background: var(--av-card);
    border-radius: var(--av-radius);
    border: 1px solid var(--av-border);
    box-shadow: var(--av-shadow); 
    padding: 32px 40px 40px 100px;
    min-height: 0;
  }

  /* jemný "svit" dole vlevo jako na ukázce */
  #podstrankaDefault .howStep::after{
    content:"";
    position:absolute;
    left:-70px;
    bottom:-70px;
    width:220px;
    height:220px;
    background: radial-gradient(closest-side, rgba(112,119,242,.22), rgba(112,119,242,0));
    pointer-events:none;
  }

  /* horní badge s číslem – nesmí lámat layout */
  #podstrankaDefault .howStep__no{
    position:absolute;
    top:15px;
    left:18px;
    width:54px;
    height:54px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--av-accent), var(--av-deep));
    color:#fff;
    display:grid;
    place-items:center;
    font-family:"DIN Pro",system-ui,sans-serif;
    font-weight:600;
    letter-spacing:.2px;
    z-index:3;
    box-shadow: 0 14px 40px rgba(55,27,99,.22);
    font-size:18px;
  }

  /* horní řádek – ikonka + obsah */
  #podstrankaDefault .howStep__head{
    display:flex;
    gap:16px;
    align-items:flex-start;
    padding-top: 8px; /* prostor pod badge */
    position:relative;
    z-index:2;
  }

  #podstrankaDefault .howStep__icon{
    width:36px;
    height:36px;
    border-radius: 8px;
    background: #fff; 
    display:grid;
    place-items:center;
    flex:0 0 auto;display: none;
  }

  #podstrankaDefault .howStep__icon .material-icons-outlined,
  #podstrankaDefault .howStep__icon .material-symbols-outlined{
    font-size:26px;
    line-height:1;
    color: var(--av-accent);
    font-variation-settings: "wght" 200, "GRAD" 0, "opsz" 48;
  }

  #podstrankaDefault .howStep__title{
    margin:14px 0;
    font-family:"DIN Pro",system-ui,sans-serif;
    font-weight:800;
    color: var(--av-deep);
    font-size: clamp(18px, 1.55vw, 22px);
    line-height: 1.15;
    /* nejčastější důvod “rozpadnutí” je špatné zalomení u dlouhých slov */
    overflow-wrap:anywhere;
    word-break:normal;
  }

  #podstrankaDefault .howStep__text{
    margin:0;
    font-size:16px;
    line-height:1.75;
    color: var(--av-muted);
    overflow-wrap:anywhere;
  }

  /* strong v textu – čitelné, ale ne agresivní */
  #podstrankaDefault .howStep__text strong{
    color: var(--av-text) !important;
    font-weight:700;
  }

  /* hover – decentní, ať se to “nezlomí” posunem */
  @media (hover:hover){
    #podstrankaDefault .howStep{
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    #podstrankaDefault .howStep:hover{
      transform: translateY(-3px);
      box-shadow: 0 26px 90px rgba(17,12,36,.14);
      border-color: rgba(112,119,242,.35);
    }
  }

  /* mobil – větší mezery, žádné “tlačení” do sebe */
  @media (max-width:520px){
    #podstrankaDefault .howStep{ padding: 30px 28px 28px; }
    #podstrankaDefault .howStep__no{ left:unset;right:15px; top:-15px;}
    #podstrankaDefault .howStep__icon{ width:52px;height:52px;border-radius:16px; }
    #podstrankaDefault .howStep__head{ gap:14px; }
  }











/* scope jen pro tento blok – nezasahuje zbytek webu */
#podstrankaDefault .av-wysiwyg{
  --av-deep:#371b63;
  --av-accent:#7077f2;
  --av-accent2:#8567e7;
  --av-danger:#e83b5a;
  --av-bg:#f4f3ff;
  --av-paper:#ffffff;
  --av-text:#2b2b33;
  --av-muted:#5f6273;
  --av-border:rgba(112,119,242,.24);
  --av-shadow:0 14px 60px rgba(17,12,36,.10);
  --av-radius:18px;

  font-family: "DIN Pro", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:16px;
  line-height:1.8;
  color:var(--av-text);
  text-align:left !important;
}

/* odpojení nežádoucího centrování z tvých globálních pravidel */
#podstrankaDefault .av-wysiwyg p,
#podstrankaDefault .av-wysiwyg h2,
#podstrankaDefault .av-wysiwyg h3,
#podstrankaDefault .av-wysiwyg h4,
#podstrankaDefault .av-wysiwyg ul,
#podstrankaDefault .av-wysiwyg ol{
  text-align:left !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* typografie – čitelná, profesionální, žádný Ambit */
#podstrankaDefault .av-wysiwyg h2{
  color:var(--av-deep);
  font-weight:800;
  font-size:clamp(22px, 2.1vw, 32px) !important;
  line-height:1.2;
  margin: 28px 0 14px !important;
  letter-spacing:-0.2px;
}
#podstrankaDefault .av-wysiwyg h2:first-child{ margin-top:0 !important; }

#podstrankaDefault .av-wysiwyg p{
  margin: 0 0 14px !important;
  font-size:16px !important;
  line-height:1.85;
  color:var(--av-text);
}

/* zvýraznění – ne fialová, ale čitelné */
#podstrankaDefault .av-wysiwyg strong,
#podstrankaDefault .av-wysiwyg b{
  color:var(--av-text) !important;
  font-weight:700;
}

/* linky */
#podstrankaDefault .av-wysiwyg a{
  color:var(--av-accent2);
  text-decoration:none;
  border-bottom:1px dotted rgba(133,103,231,.55);
}
#podstrankaDefault .av-wysiwyg a:hover{
  color:var(--av-danger);
  border-bottom:2px solid var(--av-danger);
}

/* seznamy – přehledné boxy, bez vnořených <p> rozhození */
#podstrankaDefault .av-wysiwyg ul,
#podstrankaDefault .av-wysiwyg ol{
  margin: 14px 0 18px !important;
  padding: 0 !important;
  list-style:none !important;
}

/* jednotlivé body jako “karty” – pěkné pro čtení i mobil */
#podstrankaDefault .av-wysiwyg ul > li,
#podstrankaDefault .av-wysiwyg ol > li{
  position:relative;
  background: rgba(244,243,255,.72);
  border-radius: 14px;
  padding: 12px 14px 12px 44px;
  margin: 10px 0 !important;
}

/* odstranění defaultních “koleček” z tvého původního CSS */
#podstrankaDefault .av-wysiwyg ul > li::before,
#podstrankaDefault .av-wysiwyg ol > li::before{
  content:"";
  position:absolute;
  left:14px;
  top:16px;
  width:20px;
  height:20px;
  border-radius: 998px;
  background: linear-gradient(135deg, var(--av-accent), var(--av-deep));
  box-shadow: 0 10px 26px rgba(55,27,99,.18);
}

/* “check” symbol uvnitř badge – čisté, bez obrázků */
#podstrankaDefault .av-wysiwyg ul > li::after,
#podstrankaDefault .av-wysiwyg ol > li::after{
content: "";
    position: absolute;
    left: 21px;
    top: 19px;
    width: 7px;
    height: 11px;
    border-right: 2px solid rgba(255, 255, 255, .95);
    border-bottom: 2px solid rgba(255, 255, 255, .95);
    transform: rotate(42deg);
    opacity: .95;
}

/* WYSIWYG často vkládá <p> do <li> – srovnání */
#podstrankaDefault .av-wysiwyg li > p{
  margin:0 !important;
  padding:0 !important;
  font-size:16px !important;
  line-height:1.75;
  color:var(--av-text);
}

/* lepší mezery mezi sekcemi */
#podstrankaDefault .av-wysiwyg h2 + p{
  margin-top:0 !important;
}
#podstrankaDefault .av-wysiwyg p + ul,
#podstrankaDefault .av-wysiwyg p + ol{
  margin-top: 10px !important;
}

/* jemný “callout” na první shrnující odstavec – bez zásahu do textu:
   použijeme selektor: první <p> hned po prvním <h2> */
#podstrankaDefault .av-wysiwyg h2:first-child + p{
 
}

/* responzivita – na mobilu víc vzduchu a menší padding */
@media (max-width: 640px){
  #podstrankaDefault .av-wysiwyg{
    font-size:16px;
    line-height:1.9;
  }
  #podstrankaDefault .av-wysiwyg h2{
    margin: 28px 0 12px !important;
  }
  #podstrankaDefault .av-wysiwyg ul > li,
  #podstrankaDefault .av-wysiwyg ol > li{
    padding: 12px 12px 12px 48px;
  }
  #podstrankaDefault .av-wysiwyg ul > li::before,
  #podstrankaDefault .av-wysiwyg ol > li::before{
    left:12px;
    width:24px;
    height:24px;
    border-radius:9px;
  }
  #podstrankaDefault .av-wysiwyg ul > li::after,
  #podstrankaDefault .av-wysiwyg ol > li::after{
    left:19px;
    top:21px;
  }
}

@media (max-width: 520px){
  #podstrankaDefault .av-wysiwyg{
    font-size:16px;
    line-height:1.9;
  }
  #podstrankaDefault .av-wysiwyg ul > li,
  #podstrankaDefault .av-wysiwyg ol > li{
    padding: 12px 12px 12px 52px;
    border-radius: 14px;
  }
  #podstrankaDefault .av-wysiwyg ul > li::before,
  #podstrankaDefault .av-wysiwyg ol > li::before{
    left:12px;
    top:14px;
  }
  #podstrankaDefault .av-wysiwyg ul > li::after,
  #podstrankaDefault .av-wysiwyg ol > li::after{
    left:20px;
    top:19px;
  }
}


#kalkulackaOddluzeni #showContactDetails {padding: 44px 0 0 0;}
#kalkulackaOddluzeni #showContactDetails .label_input {align-items: anchor-center !important;}
#kalkulackaOddluzeni #showContactDetails label {width: 80px;display: block;}
#kalkulackaOddluzeni #showContactDetails .label_input > .display-flex {width: calc(100% - 150px);}
#kalkulackaOddluzeni #showContactDetails .text-input-wrapper {width: calc(100% - 150px);}


 :root{
    --avelio-bg:#0f1115;
    --avelio-card:#141824;
    --avelio-card2:#101421;
    --avelio-text:#e9ecf4;
    --avelio-muted:#b7bfd8;
    --avelio-line:rgba(255,255,255,.10);
    --avelio-soft:rgba(255,255,255,.06);
    --avelio-accent: var(--af-pink);
    --avelio-radius:16px;
  }

  .avelioRef{
    padding: clamp(22px, 4vw, 54px) 0;

    color: var(--avelio-text);
  }

  .avelioRef__container{
    margin: 0 auto;
  }

  .avelioRef__header p.avelioRef__subtitle{margin-bottom: 80px !important;}
  .avelioRef__header{
    margin: 0 0 18px 0;
  }

  .avelioRef__title{
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.15;
    margin: 0 0 10px 0;
    letter-spacing: .2px;
  }

  .avelioRef__subtitle{
    margin: 0;
    color: var(--avelio-muted);
    font-size: 16px;
    line-height: 1.65;
  }

  .avelioRef__grid{
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 18px;
  }

  .refCard{
    grid-column: span 6;
    background: linear-gradient(180deg, rgba(133,	103,	231,.05), rgba(133,	103,	231,.02));
    border: 1px solid var(--avelio-line);
    border-radius: var(--avelio-radius);
    padding: 36px 46px 24px 46px;
    position: relative;
    overflow: hidden; 
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  }

  .refCard::before{
    content:"";
    position:absolute;
    inset:-2px;
    background: radial-gradient(500px 260px at 15% 0%, rgba(133,	103,	231,.18), transparent 55%);
    opacity:.9;
    pointer-events:none;
  }

  .refCard > *{ position: relative; }

  .refCard:hover{
    transform: translateY(-3px);
    border-color: rgba(232,82,32,.35);
    box-shadow: 0 16px 34px rgba(0,0,0,.28);
  }

  .refCard__top{
    display:flex;
    align-items:flex-start;
    gap: 12px;
    margin-bottom: 10px;
  }

  .refCard__avatar{
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: rgba(255,255,255,.06);
    border: 1px solid var(--avelio-line);
    flex: 0 0 auto;
  }

  .refCard__avatar .material-icons-outlined{
    font-size: 28px;
    color: var(--dluh-purple);
  }

  .refCard__meta{
    min-width: 0;
    flex: 1 1 auto;
  }

  .refCard__stars{
    display:flex;
    gap: 2px;
    line-height: 1;
    margin-top: 2px;
  }

  .refCard__stars .material-icons-outlined{
    font-size: 18px;
    color:#ff7c00; 
  }

  .refCard__person{
    margin-top: 6px;
    color: var(--dluh-purple);
    font-size: 14px;
    display:flex;
    flex-wrap: wrap;
    align-items:center;
    gap: 6px;
  }

  .refCard__sep{
    color: rgba(255,255,255,.35);
  }

  .refCard__badge{
    width: 40px;
    height: 40px;
    border-radius: 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: rgba(	133,	103,	231,.12);
    border: 1px solid rgba(133,	103,	231,.25);
    flex: 0 0 auto;
  }

  .refCard__badge .material-icons-outlined{
    font-size: 22px;
    color:var(--dluh-purple);
  }

  .refCard__text{
    margin: 0;
    color: rgba(255,255,255,.90);
    font-size: 15px;
    line-height: 1.7;
  }

  .refCard__footer{
    margin: 12px 0 0 0;
    padding-top: 10px;
    border-top: 1px solid var(--avelio-soft);
    color: rgba(255,255,255,.85);
    font-size: 13px;
  }

  #podstrankaDefault .refCard__footer strong{color:#9381af !important;    font-size: 15px;}
   

  /* Responsivita */
  @media (max-width: 980px){
    .refCard{ grid-column: span 12; }
    .avelioRef__ctaBox{
      flex-direction: column;
      align-items: stretch;
    }
    .avelioRef__ctaBtns{
      width: 100%;
    }
    .avelioBtn{
      width: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce){
    .refCard, .avelioBtn{ transition: none; }
    .refCard:hover, .avelioBtn:hover{ transform: none; }
  }


:root{
  --avelio-purple: #371b63;
  --avelio-purple-2: #8567e7;
  --avelio-soft: #f4f3ff;
  --avelio-accent: #e85220;
  --avelio-text: #160300;
  --avelio-radius: 18px;
}

.avelioRef__cta{
  margin-top: 18px;
}

/* Box - světlý, čistý, jako z druhého obrázku webu */
.avelioRef__ctaBox{
  display:grid;
  gap: 18px;
  align-items:center;
  justify-content: space-between;

  padding: 38px 48px;
  border-radius: 22px;

  background: #e83b5a;
  border: 1px solid rgba(55,27,99,.12);
  box-shadow: 0 18px 44px rgba(55,27,99,.10);

  position: relative;
  overflow: hidden;
}

/* jemný “brand wash” v pozadí (neruší čitelnost) */
.avelioRef__ctaBox::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(1200px 220px at 15% 0%, rgba(133,103,231,.68), rgba(133,103,231,0) 200%);
  pointer-events:none;
}

/* aby obsah byl nad pseudo vrstvou */
.avelioRef__ctaBox > *{
  position: relative;
  z-index: 1;
}

/* Ikona - čistá fialová karta */
.avelioRef__ctaIcon{
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display:none;
  align-items:center;
  justify-content:center;

  background: rgba(133,103,231,.12);
  border: 1px solid rgba(133,103,231,.22);

  flex: 0 0 auto;
}

.avelioRef__ctaIcon .material-icons-outlined{
  font-size: 26px;
  color: var(--avelio-purple);
}

/* Text */
.avelioRef__ctaText{
  flex: 1 1 auto;
  min-width: 0;
}

#podstrankaDefault p.avelioRef__ctaSub{color:#fff !important;margin-top: 18px;;}
#podstrankaDefault p.avelioRef__ctaTitle{
  margin: 0 0 6px 0;
  font-size: 16px;
  line-height: 1.25;font-size: 20px !important;
  color: #fff !important; 
}
/* Nepřebarvuj strong na “něco divného” - drž brand */
.avelioRef__ctaTitle strong{
  color: var(--avelio-purple);
  font-weight: 800;
}

.avelioRef__ctaSub{
  margin: 0;
  color: rgba(22,3,0,.72);
  font-size: 14.5px;
  line-height: 1.6;
}

/* Tlačítka */
.avelioRef__ctaBtns{
  display:flex;
  gap: 10px;
  flex: 0 0 auto;
  align-items:center;
}

/* společný základ */
.avelioBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 800;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;

  border: 1px solid transparent;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease;
  white-space: nowrap;
}

/* Primary - oranžový pill jako web */
.avelioBtn--primary{
  background: var(--avelio-accent);
  color: #fff;
  border-color: rgba(232,82,32,.35);
  box-shadow: 0 12px 22px rgba(232,82,32,.18);
}

.avelioBtn--primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(232,82,32,.24);
  background: #ea5a2c; /* drobný posun, stále brand */
}

/* Secondary - fialový outline, čisté a čitelné */
.avelioBtn--ghost{
  background: #fff;
  color: var(--avelio-purple);
  border-color: rgba(55,27,99,.22);
  box-shadow: 0 10px 18px rgba(55,27,99,.06);
}

.avelioBtn--ghost:hover{
  transform: translateY(-1px);
  border-color: rgba(133,103,231,.45);
  box-shadow: 0 14px 26px rgba(55,27,99,.10);
}

/* Fokus - dostupnost */
.avelioBtn:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 4px rgba(133,103,231,.22),
    0 14px 26px rgba(55,27,99,.10);
}

/* Responsivita - na mobilu do sloupce, tlačítka pod sebe */
@media (max-width: 860px){
  .avelioRef__ctaBox{
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    padding:26px;
  }

  .avelioRef__ctaIcon{
    width: 48px;
    height: 48px;
  }

  .avelioRef__ctaBtns{
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .avelioBtn{
    padding: 12px 16px;
  }
}

@media (max-width: 520px){
  .avelioRef__ctaBtns{
    gap: 10px;
  }

  .avelioBtn{
    width: 100%;
    justify-content: center;
  }

  .avelioRef__ctaTitle{
    font-size: 15.5px;
  }

  .avelioRef__ctaSub{
    font-size: 14px;
  }

  #kalkulackaOddluzeni #showContactDetails .text-input-wrapper {
    width: 100%;
}
#kalkulackaOddluzeni #showContactDetails .label_input > .display-flex {
    width: 100%;
}

}


a.avelioBtn.avelioBtn--primary{background:#fff;border:2px solid #fff !important;padding:16px 24px;font-size:18px;font-weight: 600;}
a.avelioBtn.avelioBtn--ghost{background:unset;border:2px solid #fff !important;padding:16px 24px;font-size:18px;color:#fff !important;font-weight: 600;}



/* scope pouze pro nový header */
.navbar-avelio{ 
  border:0 !important;
  padding:0 !important;
}

/* důležité – zrušíme tvoje globální centrální text-align v .container */
.navbar-avelio .container{
  text-align:left;
}

/* Bootstrap collapse na desktopu jako 3 zóny – logo vlevo, menu střed, akce vpravo */
@media (min-width: 992px){
  .navbar-avelio .navbar-collapse{
    display:flex !important;
    align-items:center;
    gap:24px;
  }

  /* přebití tvého globálního nav .navbar-nav{float:right...} */
  .navbar-avelio .navbar-nav{
    float:none !important;
    top:0 !important;
    margin:0 !important;
  }

  .navbar-avelio .nav-center{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin:0 auto !important;          /* skutečné centrování */
    width:100%;
  }

  .navbar-avelio .nav-actions{
    display:flex;
    align-items:center;
    gap:14px;
    margin-left:auto;                  /* akce úplně vpravo */
    flex:0 0 auto;
  }
}

/* odkazy menu */
.navbar-avelio .nav-link{
  color:#494093 !important;
  font-weight:700;
  font-size:18px;
  padding:15px 18px !important;
  text-decoration:none;
}
.navbar-avelio .nav-link:hover{
  color:#e83b5a !important;
  text-decoration:underline;
}

/* telefon v kruhu */
.navbar-avelio .nav-phone{
  width:44px;
  height:44px;
  border-radius:999px;
  background:#ffffff;
  display:grid;
  place-items:center;
  text-decoration:none;
  box-shadow:0 6px 18px rgba(0,0,0,0.06);
}
.navbar-avelio .nav-phone .material-icons-outlined{
  font-size:22px;
  color:#371b63;
}

 
.navbar-avelio .btn-kalk:hover{
  filter:brightness(0.95);
}

/* bílý kruh s ikonou vpravo v pilulce */
.navbar-avelio .btn-kalk-ico{
  width:38px;
  height:38px;
  border-radius:999px;
  background:#ffffff;
  display:grid;
  place-items:center;
}
.navbar-avelio .btn-kalk-ico .material-icons-outlined{
  font-size:20px;
  color:#e83b5a;
}

/* mobil – collapse jako sloupec, akce pod menu */
@media (max-width: 400px){
  .refCard__badge{display: none;}
  .refCard{padding:26px !important;}
}
@media (max-width: 991px){
  .navbar-avelio .navbar-collapse{
    padding:10px 0 18px;
  }

  .navbar-avelio .nav-center{
    width:100%;
    display:block;
    margin:0;
    padding:10px 0;
  }
  .navbar-avelio .nav-center .nav-item{
    display:block;
  }
  .navbar-avelio .nav-link{
    display:block;
    padding:10px 0 !important;
  }

  .navbar-avelio .nav-actions{
    display:flex;
    gap:12px;
    padding-top:10px;
  }

  .navbar-avelio .btn-kalk{
    width:100%;
    justify-content:space-between;
  }
}
.navbar-avelio .container-fluid{display:contents !important;}
.navbar-avelio #navbarNav{display:flex !important;}

/* =========================
   Avelio navbar - tvrdý reset proti globálním nav stylům
   vložit až úplně na konec CSS
   ========================= */

.navbar.navbar-avelio{ 
  border:0 !important;
  padding:0 !important;
  text-align:left !important;
}

/* zrušení globálních vlivů */
.navbar-avelio,
.navbar-avelio *{
  box-sizing:border-box;
}

.navbar-avelio .container{
  text-align:left !important;         /* přebije .container{text-align:center} */
  padding-left:10px !important;
  padding-right:10px !important;
}

/* desktop rozvržení */
@media (min-width: 992px){

  /* container jako hlavní flex - logo vlevo, zbytek vpravo */
  .navbar-avelio > .container{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:22px !important;
    min-height:90px;
  }

  /* collapse nesmí být inline-block ani blok s divným chováním */
  .navbar-avelio .navbar-collapse{
    display:flex !important;
    align-items:center !important;
    flex:1 1 auto !important;
    width:100% !important;
    gap:18px !important;
  }

  /* kdybys měl v HTML container-fluid v navu, tak ho vynutíme jako normální flex položku */
  .navbar-avelio .container-fluid{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    gap:18px !important;
  }

  /* největší problém - tvé globální nav .navbar-nav float/top/inline-block */
  .navbar-avelio .navbar-nav{
    float:none !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 auto !important;
    padding:0 !important;
    width:auto !important;
    gap:6px !important;
  }

  /* tvé globální nav .navbar-nav>li{float:none;display:inline-block;} přepíšeme na flex item */
  .navbar-avelio .navbar-nav > li{
    float:none !important;
    display:block !important;
  }

  .navbar-avelio .navbar-nav > li > a{
    display:block !important;
    padding:15px 18px !important;
    color:#494093 !important;
    font-weight:700 !important;
    text-transform:none !important;
    text-decoration:none !important;
    font-size:18px !important;
  }

  .navbar-avelio .navbar-nav > li > a:hover{
    color:#e83b5a !important;
    text-decoration:underline !important;
  }

  /* pravý blok (kalkulačka, telefon, cokoliv co má být vpravo)
     - funguje i když nemáš wrapper .nav-actions, chytáme to přes ID */
  .navbar-avelio #kalkulacka-oddluzeni{
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    top:auto !important;
  }

  /* pokud máš vpravo ještě samostatný telefon link mimo #kalkulacka-oddluzeni, necháme ho taky doprava */
  .navbar-avelio a.nav-phone{
    margin-left:12px;
  }
}

/* mobil - necháme collapse jako sloupec, ale zrušíme globální floaty */
@media (max-width: 991px){
  .navbar-avelio .navbar-collapse{
    width:100% !important;
  }

  .navbar-avelio .navbar-nav{
    float:none !important;
    top:auto !important;
    display:block !important;
    margin:0 !important;
    padding:10px 0 !important;
    width:100% !important;
    text-align:left !important;
  }

  .navbar-avelio .navbar-nav > li{
    display:block !important;
  }

  .navbar-avelio #kalkulacka-oddluzeni{
    display:block !important;
    margin:10px 0 0 !important;
  }
}
/* =========================
   Avelio navbar - finální layout pro tvoje HTML
   vložit až úplně na konec CSS
   ========================= */

.navbar.navbar-avelio{ 
  border:0 !important;
  padding:0 !important;
}

/* přebití globálního centrování .container */
.navbar-avelio .container{
  text-align:left !important;
  padding-left:10px !important;
  padding-right:10px !important;
}

/* wrapper uvnitř containeru */
.navbar-avelio .navbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:90px;
  gap:18px;width:100%;
}

/* logo */
.navbar-avelio .navbar-brand{
  padding:0 !important;
  margin:0 !important;
  display:flex;
  align-items:center;
}
.navbar-avelio .navbar-brand > img{
  height:40px;
  width:auto;
  display:block;
}

/* toggler */
.navbar-avelio .navbar-toggler{
  margin-left:auto;
  border:0;
  padding:10px 12px;
}

/* default - collapse blok, na mobilu sloupec */
.navbar-avelio .navbar-collapse{
  width:100%;
}

/* desktop rozvržení */
@media (min-width: 992px){

  /* toggler na desktopu pryč */
  .navbar-avelio .navbar-toggler{
    display:none;
  }

  /* collapse jako flex řádek */
  .navbar-avelio .navbar-collapse{
    display:flex !important;
    align-items:center;
    gap:22px;
  }

  /* tvrdé přepsání tvých globálních nav pravidel jen pro tento navbar */
  .navbar-avelio .navbar-nav{
    float:none !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 auto !important;   /* skutečné centrování menu */
    padding:0 !important;
    gap:6px;
    width:auto !important;
  }

  .navbar-avelio .navbar-nav > li{
    float:none !important;
    display:block !important;
  }

  .navbar-avelio .navbar-nav > li > a{
    display:block !important;
    padding:15px 18px !important;
    color:#494093 !important;
    font-weight:700 !important;
    font-size:18px !important;
    text-transform:none !important;
    text-decoration:none !important;
  }

  .navbar-avelio .navbar-nav > li > a:hover{
    color:#e83b5a !important;
    text-decoration:underline !important;
  }

  /* pravá část */
  .navbar-avelio .navbar-actions{
    display:flex;
    align-items:center;
    gap:22px;
    margin-left:auto;     /* natlačí doprava */
    flex:0 0 auto;
  }
}

/* mobilní rozvržení */
@media (max-width: 991px){

  .navbar-avelio .navbar-inner{
    flex-wrap:wrap;
  }

  /* collapse pod horní řadou (logo + burger) */
  .navbar-avelio .navbar-collapse{
    flex-basis:100%;
    padding:10px 0 18px;
  }

  .navbar-avelio .navbar-nav{
    float:none !important;
    top:auto !important;
    display:block !important;
    margin:0 !important;
    padding:10px 0 !important;
    width:100% !important;
    text-align:left !important;
  }

  .navbar-avelio .navbar-nav > li{
    display:block !important;
  }

  .navbar-avelio .navbar-nav > li > a{
    display:block !important;
    padding:10px 0 !important;
  }

  .navbar-avelio .navbar-actions{
    display:flex;
    gap:12px;
    padding-top:10px;
  }
}

/* telefon v kruhu */
.navbar-avelio .nav-phone{
  width:44px;
  height:44px;
  border-radius:999px;
  background:#ffffff;
  display:grid;
  place-items:center;
  text-decoration:none;
  box-shadow:0 6px 18px rgba(0,0,0,0.06);
}
.navbar-avelio .nav-phone .material-icons-outlined{
  font-size:22px;
  color:#371b63;
}

/* pilulka kalkulačky */
.navbar-avelio .btn-kalk{
    display: inline-flex;
    align-items: center;
    gap: 22px;
    padding: 8px 10px 10px 32px;
    border-radius: 999px;
    background: #e83b5a;
    color: #ffffff !important;
    font-weight: 700;
    text-decoration: none;
    line-height: 1;
    font-size: 15px;
}
.navbar-avelio .btn-kalk:hover{
  filter:brightness(0.95);
}

/* bílý kruh s ikonou uvnitř */
.navbar-avelio .btn-kalk-ico{
  width:38px;
  height:38px;
  border-radius:999px;
  background:#ffffff;
  display:grid;
  place-items:center;
}
.navbar-avelio .btn-kalk-ico .material-icons-outlined{
  font-size:20px;
  color:#e83b5a;
}

/* mobil - pilulka přes celou šířku */


@media (max-width: 991px){
  .navbar-avelio .btn-kalk{
    width:100%;
    justify-content:space-between;
  }
}
@media (min-width: 992px){

  /* menu absolutně vystředěné vůči celé navigaci */
  .navbar-avelio .navbar-collapse{
    position:relative;
  }

  .navbar-avelio .navbar-nav{
    position:absolute !important;
    left:50% !important;

    /* jemná optická korekce */
    transform:translateX(calc(-50% - 24px)) !important;

    margin:0 !important;
    float:none !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px;
    width:auto !important;
  }

  /* pravá část zůstává v toku */
  .navbar-avelio .navbar-actions{
    position:relative;
    z-index:2;
  }

  /* logo zůstává vlevo */
  .navbar-avelio .navbar-brand{
    position:relative;
    z-index:2;
  }
}
@media (max-width: 1400px){.navbar-avelio .navbar-nav{left: 40% !important;}}
@media (max-width: 1200px){.navbar-avelio .navbar-nav{left: 34% !important;}.navbar-avelio .navbar-brand > img {
    height: 30px;}.navbar-avelio .container { 
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.navbar-avelio .navbar-nav > li > a{font-size:17px !important;        padding: 15px 12px !important;}
}
 

/* Sekce */
#kontaktniFormular{
  padding: 80px 0;background:#fff;
}

#kontaktniFormular .container{
  max-width: 1180px;
}

/* Nadpis – bez centrování, čisté a čitelné */
#kontaktniFormular .titleText{
  display:block;
  margin: 0 0 18px 0;
  font-size: 28px;
  font-size: 28px;
  line-height: 1.15;
  font-weight: 800;
  color: var(--avelio-purple);
  letter-spacing: -.01em;
}

/* Form wrapper jako „karta“ */
#kontaktniFormular form{
  background: var(--avelio-soft);
  border-radius: 28px;
  padding: 58px; 
  position: relative;
  overflow: hidden;
}
 

#kontaktniFormular form > fieldset{
  position: relative;
  z-index: 1;
  border: 0;
  margin: 0;
  padding: 0;
}

/* Grid – přebije bootstrap col-sm-4 bez zásahu do HTML */
#kontaktniFormular form fieldset{
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 14px 14px;
  align-items: start;
}

/* Položky – tři v řadě na desktopu */
#kontaktniFormular .inputs.col-sm-4{
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  grid-column: span 4;
}

/* Textarea – celá šířka */
#kontaktniFormular .col-sm-12{
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  grid-column: 1 / -1;
}

/* Zruš clr hacky v layoutu (nevypíná je globálně, jen v této sekci) */
#kontaktniFormular .clr{
  display: none !important;
}

/* Label wrapper */
#kontaktniFormular .input-box{
  display:block;
  margin: 0;
}

/* Inputy ve stylu kalkulačky */
#kontaktniFormular input[type="text"],
#kontaktniFormular input[type="email"],
#kontaktniFormular textarea{
  width: 100%;
  box-sizing: border-box;

  background: #fff;

  padding: 14px 16px;
  font-size: 16px;
  line-height: 1.2;
  color: var(--avelio-text);

  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
  outline: none;
  text-transform: none !important;

    border-radius: 16px;
    box-shadow: 0 10px 26px rgba(17, 12, 36, .06);
    border: 1px solid rgba(55, 27, 99, .08);

   
    outline: 0 !important;
    height: auto;
    font-weight: 700;
    color: #371b63;
    min-width: 160px;
}




/* Textarea výška a čitelnost */
#kontaktniFormular textarea{
  min-height: 140px;
  resize: vertical;
  padding-top: 14px;
  line-height: 1.5;
}

/* Placeholder – neřvat CAPS (necháš texty, ale typograficky zjemníme) */
#kontaktniFormular input::placeholder,
#kontaktniFormular textarea::placeholder{
  color: rgba(55,27,99,.55);
  letter-spacing: .02em;
  text-transform: none;
}

/* Fokus – fialový ring jako na webu */
#kontaktniFormular input:focus,
#kontaktniFormular textarea:focus{
  border-color: rgba(133,103,231,.55);
  box-shadow:
    0 0 0 4px rgba(133,103,231,.18),
    0 14px 28px rgba(55,27,99,.10);
  transform: translateY(-1px);
}

/* Validace / chyby (Nette typicky přidává class error na input nebo parent) */
#kontaktniFormular .input-box.error input,
#kontaktniFormular .input-box.error textarea,
#kontaktniFormular input.error,
#kontaktniFormular textarea.error{
  border-color: rgba(232,82,32,.55);
  box-shadow:
    0 0 0 4px rgba(232,82,32,.14),
    0 14px 28px rgba(55,27,99,.08);
}

/* Text pod formulářem */
#kontaktniFormular small{
  grid-column: 1 / -1;
  display:block;
  margin-top: 4px;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(22,3,0,.62);
}

#kontaktniFormular small a{
  color: var(--avelio-purple-2);
  text-decoration: none;
  border-bottom: 1px dotted rgba(133,103,231,.55);
}

#kontaktniFormular small a:hover{
  color: var(--avelio-accent);
  border-bottom-color: rgba(232,82,32,.65);
}

/* Tlačítko – jako kalkulačka (oranžové, pill, výrazné) */
#kontaktniFormular .buttons{
  grid-column: 1 / -1;
  display:flex;
  justify-content: flex-start;
  margin-top: 6px;
}

#kontaktniFormular .buttons .btn.btn-default,
#kontaktniFormular input[type="submit"].btn.btn-default{
  appearance: none;
  -webkit-appearance: none;

  background:var(--c-pink);
  color: #fff;
  border: 0;
  border-radius: 999px;

  padding: 18px 34px !important;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .01em;

  box-shadow: 0 16px 30px rgba(232,82,32,.18);
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
  cursor: pointer;
  margin:0 auto 30px;
}

#kontaktniFormular .buttons .btn.btn-default:hover,
#kontaktniFormular input[type="submit"].btn.btn-default:hover{
  transform: translateY(-1px);
  background: #ea5a2c;
  box-shadow: 0 20px 40px rgba(232,82,32,.24);
}

#kontaktniFormular .buttons .btn.btn-default:focus-visible,
#kontaktniFormular input[type="submit"].btn.btn-default:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 4px rgba(133,103,231,.18),
    0 20px 40px rgba(232,82,32,.22);
}

/* ---------------------------------------------------------
   Responsivita
   --------------------------------------------------------- */

/* Tablet – 2 sloupce */
@media (max-width: 980px){
  #kontaktniFormular{
    padding: 64px 0;
  }

  #kontaktniFormular form{
    padding: 22px;
  }

  #kontaktniFormular .inputs.col-sm-4{
    grid-column: span 4;
  }
}

/* Mobil – 1 sloupec */
@media (max-width: 600px){
  #kontaktniFormular{
    padding: 52px 0;
  }

  #kontaktniFormular .titleText{
    font-size: 24px;
  }

  #kontaktniFormular form{
    padding: 18px;
    border-radius: 22px;
  }

  #kontaktniFormular form fieldset{
    gap: 12px;
  }

  #kontaktniFormular .inputs.col-sm-4{
    grid-column: 1 / -1;
  }

  #kontaktniFormular input[type="text"],
  #kontaktniFormular input[type="email"],
  #kontaktniFormular textarea{
    border-radius: 16px;
    padding: 13px 14px;
    box-shadow: 0 10px 20px rgba(55,27,99,.06);
  }

  #kontaktniFormular .buttons .btn.btn-default,
  #kontaktniFormular input[type="submit"].btn.btn-default{
    width: 100%;
    justify-content: center;
  }
}










#obalSliderDefaultSubPage::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:55%;
  background:linear-gradient(to bottom, rgba(112,119,242,0) 0%, rgba(112,119,242,0.6) 100%);
  pointer-events:none;
}
#vaseSituace h2{color:#fff;font-weight:600; margin:0 0 25px;}

#vaseSituace {
    background: none !important;   
    padding: 80px 0 40px;
    display: block;
}
 
/* Wrapper */
 #consultantMap .display-grid {
    display: block;
    z-index: 9;
}

#vypisKontaktu{ background:#fff;padding:60px 0 0 0;
}
#vypisKontaktu .adresa, #vypisKontaktu .email, #vypisKontaktu .tel {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 5px;font-size: 15px;
    margin: 5px 0;
} 
 

#vypisKontaktu .material-icons {
    font-size: 20px;
    vertical-align: middle;    font-family: 'Material Symbols Outlined';
    font-weight: 300; 
    color: #8567e7;
    font-variation-settings: 'wght' 300, 'GRAD' 0, 'opsz' 48;
}

#vypisKontaktu .container{ 
  margin: 0 auto;
  padding: 60px 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 18px;
}

/* Card */
#vypisKontaktu .poradce{
  grid-column: span 4;
  background: var(--avelio-soft);
  border-radius: 28px; 
  padding: 18px;
  position: relative;
  overflow: hidden;
}

/* Jemné světlo v pozadí */
#vypisKontaktu .poradce::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(820px 240px at 0% 0%, rgba(133,103,231,.18), rgba(133,103,231,0) 60%),
    radial-gradient(740px 220px at 100% 28%, rgba(232,82,32,.10), rgba(232,82,32,0) 55%);
  pointer-events:none;
}

/* Vnitřek nad pozadím */
#vypisKontaktu .poradce > *{
  position: relative;
  z-index: 1;
}

/* Horní řádek – foto + jméno (bez změny HTML, uděláme layout přes marginy) */
#vypisKontaktu .foto{
  width: 124px;
  height: 124px;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(55,27,99,.16);
  box-shadow: 0 12px 26px rgba(55,27,99,.10);
  background: #fff;margin:016px auto 25px;
}

#vypisKontaktu .foto img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Jméno */
#vypisKontaktu .jmeno{
  margin: 12px 0 30px 0;
  color: var(--avelio-purple);
  font-weight: 900;
  letter-spacing: -.01em;
  font-size: 18px;
  line-height: 1.2;
}

/* Řádky kontaktu */
#vypisKontaktu .adresa,
#vypisKontaktu .email,
#vypisKontaktu .tel{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(55,27,99,.10);
  box-shadow: 0 10px 22px rgba(55,27,99,.05);
  margin: 10px 0 0 0;
}

/* Ikony – stejné jako kalkulačka (jemné, fialové) */
#vypisKontaktu .material-icons.icon{
  font-size: 20px;
  line-height: 1;
  color:#7077f2;
  margin-top: 1px;
  flex: 0 0 auto;
}

/* Texty v řádcích */
#vypisKontaktu .adresa a,
#vypisKontaktu .email a{
  color: rgba(55,27,99,.92);
  text-decoration: none;
  border-bottom: 1px dotted rgba(133,103,231,.55);
  font-weight: 400;
  line-height: 1.35;top:1px;
  word-break: break-word;text-align: left;
}

#vypisKontaktu .adresa a:hover,
#vypisKontaktu .email a:hover{
  color:#e83b5a;
  border-bottom-color: #e83b5a;
}

/* Email – trochu jemnější font */
#vypisKontaktu .email a{
  font-weight: 600;
  color: var(--avelio-purple);
}

/* Telefon – zvýrazněný, ale čitelný */
#vypisKontaktu .tel strong{
  color: var(--avelio-purple);
  font-weight: 600;
  letter-spacing: .01em;
  font-size: 16px;
  line-height: 1.25;
}

/* Více adres v kartě – hezké odsazení mezi nimi */
#vypisKontaktu .poradce .adresa + .adresa{
  margin-top: 10px;
}

/* Hover karty – jemné “zvednutí”, žádné mdlo */
#vypisKontaktu .poradce:hover{
  transform: translateY(-2px);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  border-color: rgba(133,103,231,.28);
  box-shadow: 0 22px 58px rgb(78 32 150 / 31%);
}

/* ---- Responsivita ---- */

/* 2 sloupce */
@media (max-width: 980px){
  #vypisKontaktu{
    gap: 14px;
  }
  #vypisKontaktu .poradce{
    grid-column: span 6;
    padding: 16px;
  }
}

/* 1 sloupec */
@media (max-width: 640px){
  #vypisKontaktu{
    grid-template-columns: 1fr;
    gap: 12px;
  }
  #vypisKontaktu .poradce{
    grid-column: 1 / -1;
    border-radius: 22px;
  }
  
  #vypisKontaktu .foto{
    width: 68px;
    height: 68px;
    border-radius: 18px;
  }
  
  #vypisKontaktu .jmeno{
    font-size: 17px;
  }
  
  #vypisKontaktu .adresa,
  #vypisKontaktu .email,
  #vypisKontaktu .tel{
    padding: 10px 11px;
    border-radius: 16px;
  }
}


.tymovyKontakt{color: #7077f2;
  text-align: center;
  display: block;
  width: 100%;
  margin: 0 auto;
  align-content: center;}
  
  
  #consultantMap .display-grid{display:block;}
  #consultantMap .display-grid::after{clear:both;}
  #consultantMap .display-grid .map{width:50%;float:left;margin: 50px 0;}
  #consultantMap .display-grid #locationName{width:50%;float:right;margin: 50px 0;color:#b7bfd8}
  #consultantMap .display-grid #locationName h2{margin-bottom:30px;}
  
  
  
  .map * {position: unset;}
  .box_point {
    position: absolute;
    left: 0;
    right: 0;
    width: 4%;
  }
  .map .map-svg a path:hover {
    fill: #f4f3ff;
  }
  .map .map-svg a.active path {
    fill: #8567e710 !important;
  }
  #locationName{text-align: left;padding:20px 60px;}
  
  
#specialisteList {display:flex}
#specialisteList , #krajeList {margin:0 0 24px;padding:0 0 24px;}
#specialisteList li, #krajeList li{list-style: none;width:49%;text-align: left; padding:2px 2px 5px;font-size:16px;display:inline-block;min-width: 200px;}
#specialisteList a, #krajeList a{text-decoration: none;font-weight: bold;color: #371b63;border-bottom: 2px solid #371b63;}
#specialisteList a:hover, #krajeList a:hover{text-decoration: none;font-weight: bold;color: #8567e7;border-bottom: 2px solid #8567e7;}
  
  #zpetNaVyberKrajeBtn:hover{border: 2px solid rgba(55, 27, 99, .95);}
  #zpetNaVyberKrajeBtn{display: inline-flex;
    align-items: center;
    gap: 22px;
    padding: 8px 20px ;
    border-radius: 999px;
    background: transparent;
    color: var(--c-purple) !important;
    font-weight: 600;
    text-decoration: none;
    line-height: 1;
    font-size: 16px;
    border: 2px solid rgba(55, 27, 99, .35);
  }
  
  #specialisteList a{
    position: relative;border-bottom:0 !important;
    padding-left: 34px;
  }
  
  #specialisteList a::before{
    content: "person";
    font-family: 'Material Icons Outlined';
    font-size: 20px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 10px;
    transform: translateY(-50%);
    color: #8567e7;
    opacity: .85;
  } 
  #specialisteList{display:block;}
  #specialisteList li{width: 100%;}
  
  
  
  
  #vaseSituace .container{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:40px; ; max-width:1200px; margin:auto auto 5px; border-radius:10px; }
  
  #vaseSituace .box{background:#f4f3ffee;display:flex; flex-direction:column; justify-content:center; align-items:center; padding:30px 20px; border-radius:8px; font-size:22px; font-weight:600; color:#371b63;text-decoration:none; text-align:center; 
    transition:background 0.6s ease;}
    #vaseSituace .box:hover{background:#fff;  transition:background 0.6s ease; }
    #vaseSituace .box:hover span{color:#c4b2ff;font-weight: 300;}
    
    
    #vaseSituace .icon{font-family:'Material Symbols Outlined';font-weight:300; font-size:42px; color:#7077f2;font-variation-settings:'wght' 300,'GRAD' 0,'opsz' 48;margin-bottom: 10px;}
    
    #krajeList > li::before {
      content: "";
      position: absolute;
      left: 0px;
      top: 9px;
      width: 10px;
      height: 10px;
      border-radius: 999px;
      background: var(--dluh-blue);
      box-shadow: 0 0 0 4px rgba(112, 119, 242, .14);
    }
    
    #krajeList  > li {
      padding-left: 28px;
    }
    #krajeList a{border-bottom: 0 !important;}
    
    @media (max-width: 768px){
      #sliderDefaultSubPage h1 {
        margin: 0px auto 0px;    font-size: 30px;
      }
      #vaseSituace .box{font-size:15px;}
      #consultantMap .display-grid #locationName, #consultantMap .display-grid .map{width: 100%;}
      
      
    }
    @media all and (min-width:0px) and (max-width:700px){ 

    #obalSliderDefaultSubPage{
        background-attachment: local !important; 
        background-size: cover !important;
          background-position: center !important;
      } 
         
}
@media (max-width: 600px){
  #vaseSituace .container{display:none;}
}
@media (max-width: 991px){
    #navbarNav.navbar-collapse.collapse.show{    position: absolute;
    top: 100px;
    background: #fff;
    width: 100% !important;
    display: block !important;
    text-align: center;
    justify-items: center;border-radius: 8px; box-shadow: 0 18px 60px rgba(17,12,36,.16);
  }
  div#navbarNav.show .nav.navbar-nav{    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    position: unset;}
    nav .dropdown:hover .dropdown-menu {
    position: relative;
    display: block;
    width: calc(100% - 40px);
    background: rgba(244,243,255,.72);margin:0 20px;text-align: center;
}
}
    
    nav button:hover{background:#7077f250;}
    
    
    
    
    
    
    
    #podstrankaDefault #ulVypisSluzeb ul{
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

#podstrankaDefault #ulVypisSluzeb ul li{
    position: relative;
    background: #ffffff;
    border-radius: 20px;
    padding: 20px 20px 30px 56px;
    box-shadow: 0 18px 40px rgba(55,27,99,.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

#podstrankaDefault #ulVypisSluzeb ul li:hover{
    transform: translateY(-2px);
    box-shadow: 0 26px 60px rgba(55,27,99,.14);
}

#podstrankaDefault #ulVypisSluzeb ul li::before{
    content: "article";
    font-family: 'Material Icons Outlined';
    font-size: 22px;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 20px;
    top: 20px;
    background: rgba(55,27,99,.08);
    color: #371b63;
}


#podstrankaDefault #ulVypisSluzeb h4{    font-size: 17px !important;}
#podstrankaDefault #ulVypisSluzeb ul li:hover::before{
    background: rgba(232,82,32,.12);
    color: #e85220;
}
#podstrankaDefault #ulVypisSluzeb h4{
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
}

#podstrankaDefault #ulVypisSluzeb h4 a{
        color: #371b63;
    text-decoration: none;
    padding: 6px 0 0 20px;
    display: inline-block;
    border-bottom: 0;
}

#podstrankaDefault #ulVypisSluzeb h4 a:hover{
    color: #e85220;
}

@media (max-width: 640px){
    #podstrankaDefault #ulVypisSluzeb ul{
        grid-template-columns: 1fr;
    }
}
#ulVypisSluzeb{padding-bottom: 40px;}



 
.navbar-brand {
  position: relative;
  display: inline-block;
  transition: transform 0.25s ease;
}

/* jemné zvětšení */
.navbar-brand:hover {
  transform: scale(1.03);
}

/* podtržení */
.navbar-brand::after {
  content: "";
  position: absolute;
  left: -2px;
  bottom: -8px;
  width: 100%;
  height: 2px;
  background: #e83b5a; /* vezme barvu textu */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
  opacity: 0.6; /* jemná linka */
}

/* animace linky */
.navbar-brand:hover::after {
  transform: scaleX(1);
}


.navbar-brand img {
  transition: transform 0.25s ease;
}

.navbar-brand:hover img {
  transform: scale(1.03);
}