/* CHYTRÝ SROVNÁVAČ 2026 / mobile-first finishing layer
   Breakpoints: 920px tablet, 680px mobile, 390px compact phones.
   Desktop design stays intact. Every content surface remains fluid.
*/
html{overflow-x:clip}
body.sp-copy-body{overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.sp-copy-body :is(img,svg,iframe,video){max-width:100%}
#sphome-global{overflow-x:clip!important}
#sphome-global :is(article,section,div,aside,nav,form){min-width:0}
#sphome-global :is(input,select,textarea,button){font:inherit}
#sphome-global :is(button,summary,a,input,select){-webkit-tap-highlight-color:transparent}
#sphome-global :is(button,a,summary,input,select):focus-visible,
#sp-global-menu :is(button,a):focus-visible{outline:3px solid #4fa07a!important;outline-offset:3px!important}
#sphome-global :is(.cs-directory-section,.cs-directory-compare-section,.cs-topic-results,#srovnani,#prehled,#zadost){scroll-margin-top:85px}
#sphome-global .cs-dyna-frame{min-width:0;max-width:100%;overflow-x:clip}
#sphome-global .cs-dyna-frame iframe{width:100%!important;max-width:100%!important}
@media(max-width:1100px){
  #sp-global-menu .spm-inner{gap:15px!important;width:min(100% - 32px,1180px)!important}
  #sp-global-menu .spm-nav{gap:13px!important}
  #sp-global-menu .spm-nav-link{font-size:12px!important}
  #sp-global-menu .spm-cta{padding:0 13px!important;font-size:12px!important}
}
@media(max-width:920px){
  #sp-global-menu{position:sticky!important;top:0!important;z-index:10050!important}
  body.admin-bar #sp-global-menu{top:32px!important}
  #sp-global-menu .spm-inner{width:100%!important;min-height:64px!important;padding-inline:22px!important}
  #sp-global-menu .spm-toggle{width:44px!important;height:44px!important;flex-shrink:0}
  #sp-global-menu .spm-mobile.spm-open{display:block!important;max-height:calc(100dvh - 65px);overflow-y:auto!important;overscroll-behavior:contain;padding:10px 22px 22px!important}
  #sp-global-menu .spm-mobile-link{min-height:49px!important;font-size:15px!important;line-height:1.3!important;padding:10px 8px!important}
  #sp-global-menu .spm-mobile-label{font-size:10px!important;line-height:1.3!important;padding-block:15px 8px!important}
  #sphome-global .sphome-container{width:calc(100% - 44px)!important;max-width:100%!important}
  #sphome-global .sphome-hero{padding:36px 0 45px!important}
  #sphome-global .sphome-hero h1{font-size:clamp(34px,5.4vw,48px)!important;letter-spacing:-1.4px!important;line-height:1.1!important}
  #sphome-global .sphome-lead{font-size:16px!important}
  #sphome-global .sphome-paths{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  #sphome-global .sphome-path{padding:21px!important;min-height:240px!important}
  #sphome-global .sphome-filters{max-width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important;overscroll-behavior-x:contain;padding-bottom:8px!important}
  #sphome-global .sphome-filter{flex-shrink:0!important;min-height:44px!important}
  #sphome-global .sphome-card-top{gap:15px!important}
  #sphome-global .sphome-logo-box{flex-basis:105px!important;width:105px!important;height:60px!important}
  #sphome-global .cs-logo-fallback{width:105px!important;min-width:105px!important}
  #sphome-global .sphome-param{padding:17px 14px!important}
  #sphome-global .sphome-param-value{font-size:16px!important}
  #sphome-global .cs-featured-grids{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
  #sphome-global .cs-featured-group{padding:17px}
  #sphome-global .cs-featured-row{gap:7px}
  #sphome-global .cs-directory-grid,#sphome-global .cs-provider-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #sphome-global .cs-directory-card{padding:16px;gap:11px}
  #sphome-global .cs-directory-provider{gap:9px}
  #sphome-global .cs-directory-logo{width:62px;min-width:62px;height:49px}
  #sphome-global .cs-directory-values{grid-template-columns:repeat(3,minmax(0,1fr))}
  #sphome-global .cs-directory-values strong{font-size:11px}
  #sphome-global .cs-directory-bottom{flex-wrap:wrap;row-gap:7px}
  #sp-global-footer .spfooter-main{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:25px!important}
  #sp-global-footer .spfooter-about{grid-column:1/-1!important}
  #sp-global-footer .spfooter-column a{font-size:13px!important;line-height:1.6!important;padding-block:6px!important}
  #sp-global-footer .spfooter-column-title{font-size:13px!important}
}
@media(max-width:680px){
  #sp-global-menu .spm-inner{min-height:58px!important;padding-inline:16px!important}
  #sp-global-menu .spm-logo-main,#sp-global-menu .spm-logo-accent{font-size:clamp(15px,4.6vw,18px)!important;letter-spacing:-.7px!important}
  #sp-global-menu .spm-logo{max-width:calc(100% - 58px)!important;min-width:0!important;flex-shrink:1!important;white-space:nowrap!important}
  #sp-global-menu .spm-toggle{display:flex!important;flex:0 0 44px!important;width:44px!important;height:44px!important;margin-left:auto!important}
  #sp-global-menu .spm-nav,#sp-global-menu .spm-cta{display:none!important}
  #sp-global-menu .spm-mobile.spm-open{max-height:calc(100dvh - 59px);padding-inline:16px!important}
  body.admin-bar #sp-global-menu{top:0!important}
  #sphome-global .sphome-container{width:100%!important;padding-inline:16px!important}
  #sphome-global .sphome-hero{padding:27px 0 35px!important}
  #sphome-global .sphome-hero-head{margin-bottom:22px!important}
  #sphome-global .sphome-eyebrow{font-size:11px!important;margin-bottom:11px!important}
  #sphome-global .sphome-hero h1{font-size:clamp(29px,7.2vw,37px)!important;letter-spacing:-1.2px!important;line-height:1.13!important;margin:0 auto 13px!important}
  #sphome-global .sphome-lead{font-size:14px!important;line-height:1.65!important}
  #sphome-global .cs-hero-byline{justify-content:center;flex-wrap:wrap;font-size:12px}
  #sphome-global .sphome-paths{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  #sphome-global .sphome-path{min-height:0!important;padding:22px!important;border-radius:14px!important}
  #sphome-global .sphome-path h2{font-size:25px!important;line-height:1.2!important;margin:12px 0 6px!important}
  #sphome-global .sphome-path-points{margin:10px 0 13px!important;gap:6px 13px!important}
  #sphome-global .sphome-path-btn{margin:8px 0 0!important;min-height:48px!important}
  #sphome-global .sphome-path p{font-size:14px!important;line-height:1.6!important}
  #sphome-global .sphome-path-btn{min-height:48px!important;padding:12px 15px!important;align-items:center!important;justify-content:center!important}
  #sphome-global .sphome-section{padding-block:36px!important}
  #sphome-global .sphome-heading h2{font-size:25px!important;line-height:1.25!important}
  #sphome-global .sphome-heading p{font-size:14px!important}
  #sphome-global .sphome-filter-head{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
  #sphome-global .sphome-filters{gap:7px!important;margin-bottom:18px!important}
  #sphome-global .sphome-filter{font-size:12px!important;min-height:44px!important;padding:8px 12px!important}
  #sphome-global .sphome-loans{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  #sphome-global .sphome-card-top{padding:15px!important;gap:12px!important;flex-wrap:wrap!important;align-items:flex-start!important}
  #sphome-global .sphome-brand{gap:10px!important;min-width:0}
  #sphome-global .sphome-brand>div:last-child{min-width:0!important}
  #sphome-global .sphome-logo-box{flex:0 0 78px!important;width:78px!important;height:54px!important;padding:4px!important}
  #sphome-global .cs-logo-fallback{min-width:78px!important;width:78px!important;height:54px!important}
  #sphome-global .sphome-brand h3{font-size:17px!important;overflow-wrap:anywhere}
  #sphome-global .sphome-company{font-size:11px!important;line-height:1.4!important}
  #sphome-global .sphome-tags{justify-content:flex-start!important;gap:5px!important}
  #sphome-global .sphome-tag{font-size:9px!important;letter-spacing:.1px!important}
  #sphome-global .sphome-params{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #sphome-global .sphome-param{min-height:75px!important;padding:13px 14px!important;border-right:1px solid #e2e6e8!important;border-bottom:1px solid #e2e6e8!important}
  #sphome-global .sphome-param:nth-child(2n){border-right:0!important}
  #sphome-global .sphome-param:nth-last-child(-n+2){border-bottom:0!important}
  #sphome-global .sphome-param-value{font-size:14px!important;line-height:1.35!important}
  #sphome-global .cs-pending-value{font-size:13px!important}
  #sphome-global .sphome-benefits{padding:13px 14px!important;gap:5px 11px!important}
  #sphome-global .sphome-benefits span{font-size:11px!important;line-height:1.5!important}
  #sphome-global .sphome-details summary{padding:14px 40px 14px 15px!important;font-size:13px!important;min-height:45px!important}
  #sphome-global .sphome-detail-body{padding:14px!important}
  #sphome-global .sphome-actions{padding:13px 14px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}
  #sphome-global .sphome-action-left{width:100%!important}
  #sphome-global .sphome-more{display:inline-flex!important;min-height:44px!important;align-items:center!important;font-size:13px!important}
  #sphome-global .sphome-cta{display:flex!important;width:100%!important;min-height:48px!important;align-items:center!important;justify-content:center!important;white-space:normal!important;text-align:center!important}
  #sphome-global .cs-featured-grids{grid-template-columns:minmax(0,1fr)!important}
  #sphome-global .cs-featured-section{padding:39px 0!important}
  #sphome-global .cs-featured-section h2{font-size:25px!important;line-height:1.25!important}
  #sphome-global .cs-featured-row{min-height:48px}
  #sphome-global .cs-featured-row a{display:inline-flex;align-items:center;min-height:40px}
  #sphome-global .cs-lead-section{padding:20px 0!important}
  #sphome-global .cs-lead-shell{padding:17px 12px!important}
  #sphome-global .cs-lead-tabs{grid-template-columns:minmax(0,1fr)!important}
  #sphome-global .cs-lead-tab{width:100%;min-height:48px;font-size:14px!important}
  #sphome-global .cs-lead-form-description{font-size:13px!important}
  #sphome-global .cs-dyna-frame{padding:4px!important}
  #sphome-global .cs-dyna-frame iframe{min-height:610px!important}
  #sphome-global .cs-directory-grid,#sphome-global .cs-provider-index-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  #sphome-global .cs-directory-tools{display:block!important}
  #sphome-global .cs-directory-search{display:flex!important;width:100%!important}
  #sphome-global .cs-directory-search input{font-size:16px!important;min-height:48px!important}
  #sphome-global .cs-directory-filter{display:flex!important;width:100%!important;max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain;flex-wrap:nowrap!important;gap:8px!important;margin-top:12px}
  #sphome-global .cs-directory-filter button{min-height:45px!important;flex-shrink:0!important;font-size:13px!important}
  #sphome-global .cs-directory-card{padding:17px!important}
  #sphome-global .cs-directory-logo{min-width:70px!important;width:70px!important;height:52px!important}
  #sphome-global .cs-directory-provider h3{font-size:17px!important}
  #sphome-global .cs-directory-bottom a{min-height:44px;display:inline-flex;align-items:center}
  #sphome-global .cs-directory-intro-grid{grid-template-columns:minmax(0,1fr)!important;gap:11px!important}
  #sphome-global .cs-topic-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #sphome-global .cs-topic-directory-grid a{min-height:62px!important;font-size:12px!important;padding:12px!important}
  #sphome-global .cs-related-grid{grid-template-columns:minmax(0,1fr)!important}
  #sphome-global .cs-profile-layout,#sphome-global .cs-topic-layout,#sphome-global .cs-info-layout{grid-template-columns:minmax(0,1fr)!important;gap:19px!important}
  #sphome-global .cs-profile-heading{flex-direction:column!important;align-items:flex-start!important}
  #sphome-global .cs-profile-side,#sphome-global .cs-topic-aside{position:static!important}
  #sphome-global .cs-profile-hero h1{font-size:clamp(27px,7vw,34px)!important;overflow-wrap:anywhere}
  #sphome-global .cs-compare-picker{grid-template-columns:minmax(0,1fr)!important}
  #sphome-global .cs-compare-picker select{font-size:16px!important;min-height:49px!important}
  #sphome-global .cs-compare-picker button{min-height:49px!important}
  #sphome-global .cs-compare-table{width:100%;overflow-x:auto!important}
  #sphome-global .cs-compare-header,#sphome-global .cs-compare-row,#sphome-global .cs-compare-actions{min-width:0!important}
  #sphome-global .cs-compare-row>span{overflow-wrap:anywhere}
  #sp-global-footer .spfooter-container{width:100%!important;padding-inline:17px!important}
  #sp-global-footer .spfooter-main{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 14px!important}
  #sp-global-footer .spfooter-bottom-links a{font-size:12px!important;line-height:1.5!important;padding-block:5px!important}
}
@media(max-width:390px){
  #sp-global-menu .spm-logo-main,#sp-global-menu .spm-logo-accent{font-size:16px!important;letter-spacing:-.6px!important}
  #sphome-global .sphome-container{padding-inline:13px!important}
  #sphome-global .sphome-path{padding:18px!important}
  #sphome-global .sphome-path h2{font-size:23px!important}
  #sphome-global .cs-topic-directory-grid{grid-template-columns:minmax(0,1fr)!important}
  #sphome-global .cs-compare-header strong{font-size:10px!important}
  #sphome-global .cs-compare-row>span{font-size:10px!important}
  #sp-global-footer .spfooter-main{grid-template-columns:minmax(0,1fr)!important}
}
@media(prefers-reduced-motion:reduce){
 #sphome-global *,#sp-global-menu *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}