:root {
    /* --primary: #077a4b;
    --primary-dark: #066940ff;
    --primary-light: #15be78ff; */

    --primary: #4A3041;
    --primary-dark: #2a1a24;
    --primary-light: #5f3c53;
}

/* body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: #212529;
} */

/* .input-group .btn {
    border: 1px solid !important;
} */

.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover, .btn-primary:focus {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    color: #fff;
}

.text-primary {
    color: var(--primary) !important;
}

a.text-primary:hover, .text-primary:focus {
    color: var(--primary-dark) !important;
}


.bg-primary {
    background-color: var(--primary) !important;
}

.card {
    transition: all 0.3s ease;
    border: 1px solid #dee2e6;
}

.card:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.product-card {
    transition: all 0.3s ease;
    cursor: pointer;
}
.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.product-image {
    height: 250px;
    -o-object-fit: contain;
       object-fit: contain;
}

.head-product-image {
    width: 100%;
    height: 500px;
    -o-object-fit: contain;
       object-fit: contain;
}

.badge-top-right {
    top: 10px;
    right: 10px;
}

.badge-top-left {
    top: 10px;
    left: 10px;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2em;
}

.category-card {
    transition: all 0.3s ease;
    cursor: pointer;
}
.category-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* #auth form .input-group-prepend .input-group-text {
	background-color: var(--fc-primary) !important;
} */