.bfa-my-fridge {

    max-width: 900px;
    margin: 0 auto;
    padding: 24px;

}

.bfa-my-fridge h2 {

    color: #4422aa;
    margin-bottom: 10px;

}

.bfa-my-fridge p {

    line-height: 1.6;

}

.bfa-my-fridge-search {

    display: flex;
    gap: 12px;
    margin: 20px 0;

}

.bfa-my-fridge-search input {

    flex: 1;
    padding: 12px;

    border: 2px solid #4422aa;

    border-radius: 8px;

}

.bfa-my-fridge-search input:focus {

    outline: none;
    border-color: #88aa22;

}

.bfa-my-fridge-search button {

    background: #4422aa;
    color: #fff;

    border: none;

    border-radius: 8px;

    padding: 12px 18px;

    cursor: pointer;

    font-weight: 600;

}

.bfa-my-fridge-search button:hover {

    background: #88aa22;

}

.bfa-my-fridge-section {

    background: #fff;

    border: 1px solid #e5e5e5;

    border-left: 6px solid #4422aa;

    border-radius: 10px;

    padding: 20px;

    margin-bottom: 20px;

}

.bfa-my-fridge-section h3 {

    color: #4422aa;
    margin-top: 0;

}

.bfa-fridge-pill {

    display: inline-block;

    padding: 6px 12px;

    margin: 4px;

    background: #f3f0ff;

    color: #4422aa;

    border-radius: 20px;

    font-weight: 600;

}

.bfa-fridge-recipe {

    display: block;

    padding: 10px 14px;

    margin-bottom: 10px;

    border: 1px solid #ececec;

    border-radius: 8px;

    text-decoration: none;

    background: #fafafa;

    color: #4422aa;

}

.bfa-fridge-recipe:hover {

    background: #f3f0ff;

}

.bfa-fridge-card {

    border-left: 4px solid #88aa22;

    background: #f8faf5;

    border-radius: 6px;

    padding: 14px;

    margin-bottom: 12px;

}

.bfa-fridge-recipe-card {

    border: 1px solid #ececec;

    border-radius: 12px;

    padding: 14px;

    margin-bottom: 14px;

    background: #fff;

}

.bfa-fridge-recipe-image {

    width: 80px;

    height: 80px;

    object-fit: cover;

    border-radius: 8px;

    margin-right: 12px;

    float: left;

}

.bfa-fridge-nutrition {

    display: flex;

    gap: 12px;

    margin-top: 10px;

}

.bfa-fridge-nutrition span {

    background: #f3f0ff;

    color: #4422aa;

    padding: 6px 10px;

    border-radius: 16px;

    font-weight: 600;

}

@media (max-width: 768px) {

    .bfa-my-fridge-search {

        flex-direction: column;

    }

}