.favorite-btn {
    position: relative;
    z-index: 1000;
    background: transparent;
    border: none;
    font-size: 1.2rem;
    color: #ffc107;
    cursor: pointer;
    border-radius: 50%;
    padding: 0.25em;
    transition: background 0.18s;
}

.favorite-btn:active {
    background: rgba(255, 213, 79, 0.26);
}

.favorite-btn[aria-pressed="true"] i {
    color: #ffd54f;
}
.favorite-btn[aria-pressed="false"] i {
    color: rgba(0,0,0,0.34);
}

/* Новое: подсветка иконки на hover */
.favorite-btn i {
    transition: color 0.18s, text-shadow 0.18s;
}

.favorite-btn:hover i,
.favorite-btn:focus i {
    color: #c0aa3e;
    text-shadow: 0 0 1px #000;
}



.offcanvas.offcanvas-bottom {
    max-height: 90vh !important;
    height: auto !important;
    overflow: visible !important;
}

.offcanvas.offcanvas-bottom .offcanvas-body {
    max-height: none !important;
    overflow-y: visible !important;
}