.box-image { position: relative; }
.favorite-action {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 5;
}
.favorite-action .favorite-toggle {
    background: rgba(255,255,255,0.95);
    border: 1px solid rgba(18,30,49,0.08);
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
.favorite-action .favorite-toggle svg { width:22px; height:22px; color: #b8924a; stroke: #b8924a; }
.favorite-action .favorite-toggle:hover { transform: scale(1.08); box-shadow: 0 8px 22px rgba(18,30,49,0.14); }
.favorite-action .favorite-toggle.favorite-active {
    background-color: rgba(220, 53, 69, 0.1);
    border-color: rgba(220, 53, 69, 0.25);
}
.favorite-action .favorite-toggle.favorite-active svg {
    fill: #dc3545;
    stroke: #dc3545;
    color: #dc3545;
}