.top5-bani {
    background-color: #f9f9f9;
    border-radius: 8px;
    border: 1px solid #ddd;
    max-width: 400px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.top5-bani .card-body {
    padding: 20px;
}

.top5-bani h3 {
    color: #d35400;
    font-size: 18px;
}

.top5-bani a:hover {
    color: #d35400;
}

.top5-note {
    font-size: 14px;
}

/* Заголовок таблицы */
.top5-header {
    display: grid;
    grid-template-columns: 30px 70px auto;
    font-weight: bold;
    background: #eee;
    padding: 8px 0;
    text-align: left;
    border-bottom: 2px solid #ddd;
}

.top5-header span {
    padding-left: 10px;
}

/* Список бань */
.top5-item {
    display: grid;
    grid-template-columns: 30px 70px auto;
    align-items: center;
    gap: 10px;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.top5-item:last-child {
    border-bottom: none;
}

.top5-number {
    font-size: 18px;
}

.top5-percentage {
    font-size: 14px;
    color: #666;
    text-align: left;
}

.top5-name {
    font-weight: bold;
    color: #4d724d;
    text-decoration: none;
    justify-self: start;
}

.top5-name:hover {
    color: #d35400;
}


#sp-top-bar {
    background-color: #8db48e;
    background-image: url(/images/purty-wood.png);
    background-blend-mode: overlay;
    background-repeat: repeat;
	background-size: auto; 
	padding: 10px 0;
  	color: #4d724d;
}

.sp-contact-info {
    font-size: 20px;
}

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    border-top: 5px solid #4d724d;
  	color: #4d724d;
}

#sp-footer,#sp-bottom {
    background: #4d724d;
    color: #c5c5c5;
}

#sp-header {
    background: #8db48e
}

#sp-top-bar a {
    color: #4d724d
}

.l_bread a {
    color: #c6c6c6;
}

.offcanvas-menu .sp-contact-time {
    color: #252525;
    opacity: 0.7;
}


/* Убирает размытие при открытии бокового меню */
.offcanvas-overlay {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

#mxcpr {
    display: none !important;
}