body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.card {
    transition: transform 0.15s ease;
}

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

.add-to-cart {
    transition: all 0.2s ease;
}

.add-to-cart:active {
    transform: scale(0.95);
}

.cart-item-qty {
    width: 50px;
    text-align: center;
}

#cart-items .cart-item {
    border-bottom: 1px solid #eee;
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
}

.nav-pills .nav-link {
    color: #495057;
}

.nav-pills .nav-link.active {
    background-color: #212529;
}