/* Pricna ulice v4 – centred carousel and understated text tabs.
   Replaces previous homepage-carousel-tabs CSS. Keep homepage-tabs-v3.js. */
body.type-index #content > .banners-row:has(> .wide-carousel > #carousel) {
 box-sizing:border-box; width:100%; max-width:100%; margin-left:0!important; margin-right:0!important;
 padding-left:0; padding-right:0;
}
body.type-index #content > .banners-row > .wide-carousel:has(> #carousel) {
 box-sizing:border-box; width:100%; max-width:100%; float:none; margin-left:0; margin-right:0;
 padding-left:0!important; padding-right:0!important;
}
body.type-index #content #carousel {
 box-sizing:border-box; width:calc(100% - 32px)!important; max-width:none;
 margin:20px auto 20px!important; padding:0!important; float:none;
 left:auto; right:auto; border:0; border-radius:12px; overflow:hidden;
 box-shadow:0 0 0 1px rgba(90,65,25,.10),0 5px 18px rgba(55,42,20,.08);
}
body.type-index #carousel .carousel-inner {border-radius:inherit;overflow:hidden}
body.type-index #carousel .extended-banner-texts:empty {display:none}
/* V2: one shared banner ratio, including carousel transition slides.
   Actual source ratios: 2.314–2.343. Cover crops at most about 1.3% of height. */
body.type-index #carousel {
 height:auto!important; min-height:0!important;
}
body.type-index #carousel .carousel-inner {
 aspect-ratio:1476 / 630; height:auto!important; min-height:0!important;
 border:0; padding:0;
}
body.type-index #carousel .carousel-inner > .item {
 width:100%; height:auto!important; min-height:0!important;
 margin:0; padding:0; border:0; line-height:0;
}
body.type-index #carousel .carousel-inner > .item > a {
 display:block; width:100%; margin:0; padding:0; border:0; line-height:0;
}
body.type-index #carousel .carousel-inner > .item > a > img,
body.type-index #carousel .carousel-inner > .item > img {
 display:block; width:100%!important; max-width:100%;
 height:auto!important; aspect-ratio:1476 / 630;
 object-fit:cover; object-position:center; margin:0; padding:0; border:0;
}

/* Remove bottom spacing at both the benefit block and its parent. */
body.type-index #content > .container--bannersBenefit {
 margin-bottom:0!important; padding-bottom:0!important;
}
body.type-index #content .benefitBanner.position--benefitHomepage {
 margin-top:12px; margin-bottom:4px!important; padding-bottom:0!important;
}
body.type-index #content .position--benefitHomepage > .benefitBanner__item {margin-bottom:8px}
body.type-index #content > .index-content-wrapper {
 margin-top:0!important; padding-top:0!important;
}
body.type-index #content .homepage-tabs-wrapper {
 margin-top:0!important; padding-top:0!important;
}
body.type-index #content .homepage-tabs-wrapper .shp-tabs-row {
 margin-top:0!important; padding-top:0!important; margin-bottom:20px;
 border:0; background:transparent;
}
body.type-index #content .homepage-tabs-wrapper .shp-tabs-holder {
 width:100%; max-width:100%; margin:0; padding:0;
 border:0; background:transparent;
}
body.type-index #content .homepage-tabs-wrapper #homepage-tabs {
 box-sizing:border-box; display:flex; justify-content:center; align-items:stretch;
 float:none; width:100%; max-width:100%; margin:0; padding:0;
 gap:0; border:0; border-bottom:1px solid #e5dfd4;
 border-radius:0; background:transparent; box-shadow:none; overflow:visible;
}
body.type-index #content .homepage-tabs-wrapper #homepage-tabs::before,
body.type-index #content .homepage-tabs-wrapper #homepage-tabs::after {display:none}
body.type-index #content .homepage-tabs-wrapper #homepage-tabs > li {
 position:relative; display:flex; float:none; flex:0 1 auto; min-width:0;
 margin:0; padding:0; border:0; background:transparent;
}
body.type-index #content .homepage-tabs-wrapper #homepage-tabs > li + li::before {
 content:''; position:absolute; left:0; top:50%; width:1px; height:16px;
 transform:translateY(-50%); background:#d8ccb5;
}
body.type-index #content .homepage-tabs-wrapper #homepage-tabs > li > a {
 display:flex; align-items:center; justify-content:center;
 min-height:48px; margin:0 14px -1px; padding:13px 10px;
 border:0; border-bottom:2px solid transparent; border-radius:0;
 background:transparent; box-shadow:none; color:#736b5f;
 font-family:inherit; font-size:15px; font-weight:500; line-height:1.45;
 white-space:normal; text-align:center; text-decoration:none;
}
body.type-index #content .homepage-tabs-wrapper #homepage-tabs > li.active > a,
body.type-index #content .homepage-tabs-wrapper #homepage-tabs > li > a[aria-selected="true"] {
 color:#191714; background:transparent; border-color:#b88a2d;
 box-shadow:none; font-weight:500;
}
body.type-index #content .homepage-tabs-wrapper #homepage-tabs > li:not(.active) > a:hover {
 color:#795a22; background:transparent; border-color:#d5bf91;
}
body.type-index #content .homepage-tabs-wrapper #homepage-tabs > li > a:focus-visible {
 outline:2px solid #b88a2d; outline-offset:-3px;
}
body.type-index #content .homepage-tabs-wrapper .pu-home-tabs-fixed > .navigation-btn,
body.type-index #content .homepage-tabs-wrapper .pu-home-tabs-fixed > .hidden-links {display:none!important}
@media(max-width:767px) {
 body.type-index #content #carousel {width:calc(100% - 16px)!important;margin:12px auto 16px!important;border-radius:8px}
 body.type-index #content .homepage-tabs-wrapper .pu-home-tabs-fixed #homepage-tabs {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr);
 }
 body.type-index #content .homepage-tabs-wrapper .pu-home-tabs-fixed #homepage-tabs > li {display:flex!important;width:auto!important}
 body.type-index #content .homepage-tabs-wrapper #homepage-tabs > li > a {
  width:100%; min-height:48px; margin-left:6px; margin-right:6px;
  padding:10px 4px; font-size:13px; overflow-wrap:break-word;
 }
}