body {
    font-family: 'Inter', sans-serif;
    background-color: #f8fafc;
}

.fs-sm {
    font-size: 13px;
}

.recipe-card {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transition: transform 0.2s ease-in-out;
}

.recipe-card:hover {
    transform: translateY(-5px);
}

.modal {
    display: none;
}

.h-48 {
    height: 20rem !important;
}
.footer {
    background: #eee;
}

main h2 {
    font-size: 24px;
    margin: 20px 0 12px;
}
main h3 {
    font-size: 20px;
    margin: 8px 0 4px;
}
main h2, main h3, main h4 {
    font-weight: bold;
}
main p {
    margin-bottom: 4px;
}
main ul {
    padding-left: 15px;
}

.recipe-card.disabled {
    cursor: not-allowed;
    opacity: 0.6;
}
.recipe-card.disabled button {
    cursor: not-allowed;
}
.bg-blur {
    backdrop-filter: blur(6px);
}

.region-card {}
.region-card h3 {
    margin-bottom: 12px;
}
.region-list {
    padding-left: 0;
}
.region-list li {
    display: flex;
}
.region-list svg {
    width: 40px;
    height: 40px;
    padding: 4px;
    margin-top: 4px;
    margin-right: 16px;
    background: #eee;
    border-radius: 50%;
}