:root{--zi-orange:#FF6A00;--zi-blue:#239CEB;--zi-yellow:#E09B00;--zi-line:#EDF0F3;--zi-panel:#F6FAFD}

.type-index .benefitBanner.position--benefitHomepage{align-items:flex-start}
.type-index .benefitBanner.position--benefitHomepage>.benefitBanner__item:last-child{order:-1;flex:0 0 100%;width:100%;max-width:100%;display:block;margin:0 0 40px;padding:0;text-align:left}
.type-index .benefitBanner.position--benefitHomepage>.benefitBanner__item:last-child .benefitBanner__content{margin-top:0;padding:0;font-size:inherit}

.hodnoceni-wrapper{background:transparent;padding-top:0;max-width:none}
.type-index .hodnoceni-hp{display:flex;flex-direction:column;border-top:0;padding:32px;background:var(--zi-panel);border-radius:24px}
.type-index .hodnoceni-hp h3{display:none}
.type-index .hodnoceni-hp .left{order:2;width:100%;display:flex;justify-content:center;margin:24px 0 0;padding:0;text-align:center}
.type-index .hodnoceni-hp .left .btn{margin:0;flex:0 0 auto;background:#fff;border-color:var(--zi-line)}
.type-index .hodnoceni-hp .left .btn:hover{background:var(--zi-blue);border-color:var(--zi-blue);color:#fff}

.type-index .hodnoceni-hp .right{order:1;width:100%;display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;margin:0}
.type-index .hodnoceni-hp .right .vote-wrap:nth-child(n+4){display:none!important}
.type-index .hodnoceni-hp .vote-wrap{width:auto;display:flex!important;flex-direction:column;flex-wrap:nowrap!important;padding:21px 24px 24px!important;margin:0;text-align:left;background:#fff;border:1px solid var(--zi-line)!important;border-top:3px solid var(--zi-accent,var(--zi-orange))!important;border-radius:18px;box-shadow:0 4px 18px rgba(17,24,39,.04);transition:transform .18s ease,box-shadow .18s ease}
.type-index .hodnoceni-hp .vote-wrap:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(17,24,39,.08)}
.type-index .hodnoceni-hp .vote-wrap:nth-child(3n+1){--zi-accent:var(--zi-orange)}
.type-index .hodnoceni-hp .vote-wrap:nth-child(3n+2){--zi-accent:var(--zi-blue)}
.type-index .hodnoceni-hp .vote-wrap:nth-child(3n+3){--zi-accent:var(--zi-yellow)}

.type-index .hodnoceni-hp .skore{width:auto;height:20px;display:flex;gap:3px;margin:0 0 14px}
.type-index .hodnoceni-hp .skore .star{float:none;width:18px;height:18px;line-height:18px;margin:0}
.type-index .hodnoceni-hp .skore .star::before{font-size:18px;line-height:18px;color:var(--zi-orange)}
.type-index .hodnoceni-hp .textove-hodnoceni{width:100%;margin:0;font-size:16px;line-height:1.6;color:#434343;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.type-index .hodnoceni-hp .autor{width:100%;margin:auto 0 0;padding-top:16px;font-weight:700;color:#111}

.type-index .benefitBanner__img{max-height:64px}
.type-index .benefitBanner__content{margin-top:16px}

@media (max-width:1199px){
.type-index .hodnoceni-hp{position:static;padding:24px}
.type-index .hodnoceni-hp .left .btn{position:static;transform:none;left:auto;bottom:auto}
.type-index .hodnoceni-hp .right{grid-template-columns:repeat(2,1fr);gap:16px}
.type-index .hodnoceni-hp .vote-wrap:nth-child(3){display:flex}
}

@media (max-width:767px){
.type-index .benefitBanner.position--benefitHomepage>.benefitBanner__item:last-child{margin-bottom:28px}
.type-index .hodnoceni-hp{padding:20px 0 20px 16px;border-radius:20px}
.type-index .hodnoceni-hp .left{justify-content:flex-start;margin-top:16px;padding-right:16px}
.type-index .hodnoceni-hp .left .btn{width:auto}
.type-index .hodnoceni-hp .right{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:8px;scrollbar-width:none}
.type-index .hodnoceni-hp .right::-webkit-scrollbar{display:none}
.type-index .hodnoceni-hp .vote-wrap,.type-index .hodnoceni-hp .vote-wrap:nth-child(n+2){display:flex!important;flex:0 0 82%;scroll-snap-align:start;padding:20px!important;text-align:left}
.type-index .hodnoceni-hp .right .vote-wrap:last-child{margin-right:16px}
.type-index .hodnoceni-hp .textove-hodnoceni{font-size:15px;-webkit-line-clamp:5}
.type-index .hodnoceni-hp .skore{justify-content:flex-start;background-position:0 50%}
}